* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent } html { margin: 0; padding: 0; height: 100% } body { width: 100%; height: 100%; font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.24rem; color: #404040 } ul, ol, li { list-style: none } a, input, li, label, span, button, textarea, #club_comment { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } /*input { -webkit-appearance: none }*/ a { color: #404040 } [v-cloak] { display: none } .ico { background-image: url(../images/ico1.png?v=2020); background-size: 7.5rem 5rem; -webkit-background-size: 7.5rem 5rem; background-repeat: no-repeat } .oico { background-image: url(../images/old/oico.png); background-size: 5rem 5rem; -webkit-background-size: 5rem 5rem; background-repeat: no-repeat } .clear { height: 0; overflow: hidden; clear: both } .s-off { display: none } .s-on { display: block } .f-left { float: left } .f-right { float: right } .border { box-sizing: border-box; -webkit-box-sizing: border-box } @-webkit-keyframes rotation { 10% { transform: rotate(90deg); -webkit-transform: rotate(90deg) } 50%, 60% { transform: rotate(0deg); -webkit-transform: rotate(0deg) } 90% { transform: rotate(90deg); -webkit-transform: rotate(90deg) } 100% { transform: rotate(90deg); -webkit-transform: rotate(90deg) } } @keyframes rotation { 10% { transform: rotate(90deg); -webkit-transform: rotate(90deg) } 50%, 60% { transform: rotate(0deg); -webkit-transform: rotate(0deg) } 90% { transform: rotate(90deg); -webkit-transform: rotate(90deg) } 100% { transform: rotate(90deg); -webkit-transform: rotate(90deg) } } #orientLayer { display: none } .mod { display: none; position: fixed; height: 100%; width: 100%; left: 0; top: 0; right: 0; bottom: 0; background: #cccccc; background-size: 100% auto; -webkit-background-size: 100% auto; z-index: 9997 } .mod_content { position: absolute; width: 100%; top: 45%; margin-top: -0.75rem; text-align: center } .mod_orient { display: inline-block; width: 0.67rem; height: 1.09rem; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC'); transform: rotate(90deg); -webkit-transform: rotate(90deg); -webkit-animation: rotation infinite 1.5s ease-in-out; animation: rotation infinite 1.5s ease-in-out; -webkit-background-size: 0.67rem; background-size: 0.67rem } .mod_desc { margin-top: 0.2rem; font-size: 0.24rem; line-height: 0.5rem; color: #fff } @media screen and (min-width:320px) { html { font-size: 42.666666px } } @media screen and (min-width:360px) { html { font-size: 48px } } @media screen and (min-width:375px) { html { font-size: 50px } } @media screen and (min-width:414px) { html { font-size: 55.2px } } @media screen and (min-width:440px) { html { font-size: 58.666666px } } @media screen and (min-width:480px) { html { font-size: 64px } } @media screen and (min-width:640px) { html { font-size: 85.333333px } } @media screen and (min-width:720px) { html { font-size: 96px } } @media screen and (min-width:750px) { html { font-size: 100px } } .bort { border-top: 0.01rem #e7cc91 solid } .borb { border-bottom: 0.01rem #e7cc91 solid } .bortb { border-top: 0.01rem #e7cc91 solid; border-bottom: 0.01rem #e7cc91 solid } .borl { border-left: 0.01rem #e7cc91 solid } .borr { border-right: 0.01rem #e7cc91 solid } .borlr { border-left: 0.01rem #e7cc91 solid; border-right: 0.01rem #e7cc91 solid } .bor { border: 0.01rem #e7cc91 solid } .bor_t { border-top: 0.01rem #e2e2e2 solid } .bor_b { border-bottom: 0.01rem #e2e2e2 solid } .bor_r { border-right: 0.01rem #e2e2e2 solid } .bor_l { border-left: 0.01rem #e2e2e2 solid } [v-cloak] { display: none; } #wrap { max-width: 750px; min-height: 100%; margin: 0 auto; overflow: hidden; background-size: 100% auto; -webkit-background-size: 100% auto; background-repeat: no-repeat } #wrap.gray { background-color: #f2f2f2 } .bg-white { background-color: #ffffff } .bg-gray { background-color: #f2f2f2 } .line-gray { width: 100%; height: 0.2rem; overflow: hidden; background-color: #f0f0f0 } #easeLoading { position: fixed; left: 0; top: 0; z-index: 999999; width: 100%; height: 100% } #easeLoading span { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: block; width: 0.6rem; height: 0.6rem; background-position: -6rem -0.6rem; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite } #hmsg { position: fixed; left: 0; top: 0; z-index: 999999; width: 100%; height: 100%; background: transparent; display: none } #hmsg > .hmsgcon { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: block; width: 2.4rem; height: 1.2rem; background-color: #000000; padding: 0.2rem; background-color: rgba(0, 0, 0, .5); border-radius: 0.14rem; -webkit-border-radius: 0.14rem } #hmsg > .hmsgcon > span { display: block; width: 0.6rem; height: 0.6rem; margin: 0 auto; background-position: -6.6rem -0.6rem } #hmsg > .hmsgcon > p { display: block; height: 0.6rem; line-height: 0.6rem; color: #ffffff; text-align: center; font-size: 0.3rem } .hlayer { position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: popShow .4s backwards; animation: popShow .4s backwards } .hlayer:before { content: '\20'; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6) } .htipWrap { position: fixed; left: 0; top: 0; z-index: 999999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); display: none } .htipWrap > .htipBox { position: absolute; left: 0; top: 50%; right: 0; margin: 0 auto; display: block; width: 6rem; min-height: 1.5rem; line-height: 0.5rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 0.7rem 0.3rem 0.3rem 0.3rem; border-radius: 0.1rem; -webkit-border-radius: 0.1rem; background-color: #ffffff; color: #002456; font-size: 0.26rem } .htipWrap > .htipBox > .htip-close { position: absolute; z-index: 202; right: 0.14rem; top: 0.06rem; width: 0.6rem; height: 0.6rem; background-position: -3rem -0.6rem } .htipWrap > .htipBox > p { margin-bottom: 0.1rem; text-align: justify } .htipWrap > .htipBox ul { width: 5.7rem; margin-left: 0.3rem } .htipWrap > .htipBox ul li { line-height: 0.5rem; list-style-type: disc; margin-bottom: 0.1rem } #bootTip { position: fixed; left: 0; top: 0; z-index: 999999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8) } #bootTip > .box { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: block; width: 6rem; height: 7rem; overflow: hidden; border-radius: 0.14rem; -webkit-border-radius: 0.14rem } #bootTip > .box > .txt { width: 5.6rem; height: 1.5rem; line-height: 0.5rem; padding: 0.5rem 0.2rem 0.3rem 0.2rem; text-align: center; background-color: #ffffff; font-size: 0.3rem; color: #002456 } #bootTip > .box > .pic { width: 6rem; height: 3.7rem; background-color: #ffffff; text-align: center } #bootTip > .box > .pic img { width: 3.4rem; height: 3.4rem } #bootTip > .box > a { width: 6rem; height: 1rem; display: block; line-height: 1rem; background-color: #002456; text-align: center; font-size: 0.3rem; color: #ffffff; letter-spacing: 0.02rem } #aHeader { position: fixed; margin: auto; z-index: 100; top: 0; left: 0; right: 0; width: 100%; max-width: 750px; height: 1rem; overflow: hidden; background: url(../images/header.png) 0 0 #ffffff no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; box-shadow: 0 0 10px rgba(0, 0, 0, .1) } #aHeader .hMenu { position: absolute; left: 0; top: 0; z-index: 90; width: 1.2rem; height: 1rem; overflow: hidden; border-right: 0.01rem #e2e2e2 solid } #aHeader .hMenu i { display: block; position: absolute; left: 0.4rem; width: 0.4rem; height: 2px; background-color: #002456; transition: all 0.4s ease } #aHeader .hMenu i:nth-child(1) { top: 0.3rem; transform-origin: 0 0 } #aHeader .hMenu i:nth-child(2) { top: 0.46rem } #aHeader .hMenu i:nth-child(3) { top: 0.62rem; transform-origin: 0 100% } #aHeader .hMenu.cur i:nth-child(1) { width: 0.47rem; left: 0.44rem; background-color: #d4d4d4; transform: rotate(45deg) } #aHeader .hMenu.cur i:nth-child(2) { opacity: 0; transform: translate(-50%, 0) } #aHeader .hMenu.cur i:nth-child(3) { width: 0.47rem; left: 0.44rem; background-color: #d4d4d4; transform: rotate(-45deg) } #aHeader .hSearch { position: absolute; right: 0; top: 0; z-index: 100; width: 1.2rem; height: 1rem; overflow: hidden; border-left: 0.01rem #e2e2e2 solid } #aHeader .hSearch .searchIco { display: block; overflow: hidden; position: absolute; left: 0.3rem; top: 0.2rem; width: 0.6rem; height: 0.6rem; background-position: -2.4rem -0.6rem } #aHeader .hSearch .sBox { display: none; width: 7.5rem; height: 1rem; overflow: hidden; background: url(../images/header_search.png) 0 0 #ffffff no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto } #aHeader .hSearch .sBox .searchBox { float: left; width: 6.14rem; height: 0.6rem; overflow: hidden; border-radius: 0.8rem; border: 0.01rem #b7b8b3 solid; margin: 0.2rem 0 0 0.3rem } #aHeader .hSearch .sBox .searchBox input { border: 0; outline: none; float: left; width: 5rem; height: 0.4rem; line-height: 0.4rem; margin: 0.1rem 0 0 0.2rem; font-size: 0.28rem; color: #002456 } #aHeader .hSearch .sBox .searchBox button { border: 0; outline: none; float: right; width: 0.6rem; height: 0.6rem; background-position: -2.4rem 0; background-color: #FFFFFF; margin-right: 0.2rem } #aHeader .hSearch .sBox .searchClose { float: right; display: block; width: 1rem; height: 1rem; overflow: hidden; line-height: 1rem; text-align: center; font-size: 0.28rem; color: #7a7a78 } #aHeader .hSearch.cur { width: 100%; border: 0; background-color: white } #aHeader .hSearch.cur .searchIco { display: none } #aHeader .hList { position: absolute; left: 0; right: 0; top: 1rem; margin: 0 auto; width: 70%; border-top: 0.01rem #e2e2e2 solid; opacity: 0; transition: all 0.4s ease } #aHeader .hList li { height: 0.7rem; line-height: 0.7rem; border-bottom: 0.01rem #e2e2e2 solid } #aHeader .hList li a { display: block; width: 100%; height: 100% } #aHeader .hList li i { float: left; display: block; width: 0.3rem; height: 0.3rem; overflow: hidden; margin: 0.2rem 0.14rem 0 0.1rem } #aHeader .hList li i.i1 { background-position: 0 -1.2rem } #aHeader .hList li i.i2 { background-position: -0.3rem -1.2rem } #aHeader .hList li i.i3 { background-position: -0.6rem -1.2rem } #aHeader .hList li span { float: left; display: block; color: #7a7a78; font-size: 0.26rem } #aHeader.cur { height: 4.9rem; box-shadow: 0 0 10px rgba(0, 0, 0, .2) } #aHeader.min.cur { height: 3.5rem; box-shadow: 0 0 10px rgba(0, 0, 0, .2) } #aHeader.cur .hMenu, #aHeader.cur .hSearch { border: 0 } #aHeader.cur .hList { opacity: 1 } #aFooter { position: fixed; margin: auto; z-index: 100; bottom: 0; left: 0; right: 0; width: 100%; max-width: 750px; height: 1rem; background-color: #FFFFFF; user-select: none; -webkit-user-select: none; box-shadow: 0 0 10px rgba(0, 0, 0, .2) } #aFooter .nav { width: 100%; height: 1rem; margin: 0 auto } #aFooter .nav > li { width: 25%; height: 1rem; overflow: hidden; float: left; position: relative } #aFooter .nav.max > li { width: 33.33% } #aFooter .nav > li > a { display: block; width: 100%; height: 1rem; overflow: hidden } #aFooter .nav > li > a > i { display: block; width: 0.6rem; height: 0.6rem; margin: 0.08rem auto 0 } #aFooter .nav > li > a > i.i1 { background-position: 0 0 } #aFooter .nav > li > a > i.i2 { background-position: -0.6rem 0 } #aFooter .nav > li > a > i.i3 { background-position: -1.2rem 0 } #aFooter .nav > li > a > i.i4 { background-position: -1.8rem 0 } #aFooter .nav > li.cur > a > i.i1 { background-position: 0 -0.6rem } #aFooter .nav > li.cur > a > i.i2 { background-position: -0.6rem -0.6rem } #aFooter .nav > li.cur > a > i.i3 { background-position: -1.2rem -0.6rem } #aFooter .nav > li.cur > a > i.i4 { background-position: -1.8rem -0.6rem } #aFooter .nav > li > a > span { display: block; font-size: 0.24rem; width: 100%; height: 0.2rem; line-height: 0.2rem; color: #7a7a78; text-align: center } #aFooter .nav > li.cur > a > span { color: #002456 } #aFooter .nav > li > a > em { display: none; position: absolute; left: 56%; top: 0.1rem; min-width: 0.16rem; padding: 0 0.04rem; height: 0.24rem; line-height: 0.24rem; border-radius: 10px; background: #002456; color: #fff; font-size: 0.2rem; font-style: normal; text-align: center } #bFooter { position: fixed; margin: auto; z-index: 100; bottom: 0; left: 0; right: 0; width: 7.5rem; height: 1rem; background-color: #FFFFFF; user-select: none; -webkit-user-select: none; box-shadow: 0 0 10px rgba(0, 0, 0, .2) } #bFooter ul { width: 7.5rem; height: 1rem; overflow: hidden } #bFooter ul li { float: left; width: 2.5rem; height: 1rem; line-height: 1rem; overflow: hidden; text-align: center; font-size: 0.3rem; color: #002456 } #bFooter ul li:first-child { position: relative } #bFooter ul li:first-child:after { content: ''; position: absolute; right: 0; top: 0; width: 0.1rem; height: 1rem; border-right: 0.01rem #dedede solid } #bFooter ul li:first-child i { display: inline-block; font-size: 0.38rem; font-style: normal } #bFooter ul li:first-child span { display: inline-block; font-size: 0.4rem; margin-right: 0.05rem } #bFooter ul li:last-child { background-color: #002456; color: #fff } #bFooter ul li a.car { display: block; width: 100%; height: 1rem; overflow: hidden } #bFooter ul li a.car i { display: block; width: 0.6rem; height: 0.6rem; margin: 0.08rem auto 0 } #bFooter ul li a.car i.i3 { background-position: -1.2rem 0 } #bFooter ul li a.car span { display: block; font-size: 0.24rem; width: 100%; height: 0.2rem; line-height: 0.2rem; color: #7a7a78; text-align: center } #bFooter ul li a.car em { display: none; position: absolute; left: 56%; top: 0.1rem; min-width: 0.16rem; padding: 0 0.04rem; height: 0.24rem; line-height: 0.24rem; border-radius: 10px; background: #002456; color: #fff; font-size: 0.2rem; font-style: normal; text-align: center } #bFooter ul li.disable1 { background-color: #d4d4d4; color: #ffffff } #bFooter ul li.disable2 { background-color: #bdbdbd; color: #ffffff } #bFooter .presaleDate { display: block } #bFooter ul li.sellOut{background:#356550 ;color: rgb(255, 255, 255);display: flex;flex-direction: column;justify-content: center;line-height: 0.4rem;} #bFooter #btn-goBuy span{ height: 0.4rem; } #bFooter #btn-goBuy span:nth-child(2){ font-size: 0.2rem; } #cFooter { position: fixed; margin: auto; z-index: 10; bottom: 0; left: 0; right: 0; width: 7.5rem; height: 1rem; background-color: #FFFFFF; user-select: none; -webkit-user-select: none; border-top: 0.01rem #e2e2e2 solid; box-shadow: 0 0 10px rgba(0, 0, 0, .2) } #cFooter .nav { width: 100%; height: 1rem; margin: 0 auto } #cFooter .nav > li { width: 2.5rem; height: 1rem; float: left; position: relative; z-index: 11 } #cFooter .nav > li > a { position: absolute; left: 0; top: 0; z-index: 15; display: block; width: 2.5rem; height: 1rem; line-height: 1rem; text-align: center; font-size: 0.3rem; background-color: #ffffff; color: #313131 } #cFooter .nav > li:nth-child(2) > a:after { content: '\20'; position: absolute; right: 0; top: 0; width: 100%; height: 1rem; overflow: hidden; border-left: 0.01rem #e2e2e2 solid; border-right: 0.01rem #e2e2e2 solid; box-sizing: border-box; -webkit-box-sizing: border-box } #cFooter .nav > li.cur > a { color: #002456 } #cFooter .nav li > .subnav { display: block; position: absolute; z-index: 12; left: 0; bottom: 1rem; width: 2.5rem; overflow: hidden; opacity: 1; box-sizing: border-box; -webkit-box-sizing: border-box; border: 0.01rem #e2e2e2 solid; border-top: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: all .2s; transition: all .2s } #cFooter .nav li:last-child > .subnav { left: -0.01rem } #cFooter .nav li > .subnav > li { width: 2.5rem; height: 0.74rem; border-top: 0.01rem #e2e2e2 solid; background-color: #ffffff } #cFooter .nav li > .subnav > li a { display: block; width: 100%; height: 0.74rem; line-height: 0.74rem; text-align: center; font-size: 0.28rem; color: #313131 } #cFooter .nav > li.cur > .subnav { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); box-shadow: 0 0 10px rgba(222, 222, 222, .5) } #cardFooter { position: fixed; margin: auto; z-index: 100; bottom: 0; left: 0; right: 0; width: 7.5rem; height: 1rem; background-color: #FFFFFF; user-select: none; -webkit-user-select: none; box-shadow: 0 0 10px rgba(0, 0, 0, .2) } #cardFooter ul { width: 7.5rem; height: 1rem; overflow: hidden } #cardFooter ul li { float: left; width: 2.5rem; height: 1rem; line-height: 1rem; overflow: hidden; text-align: center; font-size: 0.3rem; color: #002456 } #cardFooter ul li:first-child { width: 1.8rem; line-height: 0.6rem; color: #b8b8b8 } #cardFooter ul li:first-child span { display: inline-block; width: 0.6rem; height: 0.6rem; margin-top: 0.22rem; background-position: -4.8rem 0; text-indent: -10rem; vertical-align: top } #cardFooter ul li:first-child i { display: inline-block; width: 0.8rem; height: 0.6rem; margin-top: 0.24rem; font-style: normal } #cardFooter ul li.cur:first-child { color: #002456 } #cardFooter ul li.cur:first-child span { background-position: -5.4rem 0; text-indent: -10rem } #cardFooter ul li:nth-child(2) { width: 3.2rem } #cardFooter ul li:nth-child(2) i { display: inline-block; font-size: 0.38rem; font-style: normal } #cardFooter ul li:nth-child(2) span { display: inline-block; font-size: 0.4rem; margin-right: 0.05rem } #cardFooter ul li:last-child { background-color: #002456; color: #fff } #cardFooter1 { position: fixed; margin: auto; z-index: 100; bottom: 0; left: 0; right: 0; width: 7.5rem; height: 1.2rem; background-color: #FFFFFF; user-select: none; -webkit-user-select: none; box-shadow: 0 0 10px rgba(0, 0, 0, .2) } #cardFooter1 { height: 1.4rem; bottom: 1.15rem!important; } #cardFooter1 ul { width: 7.5rem; height: 1.2rem; overflow: hidden } #cardFooter1 ul li { float: left; width: 2.5rem; height: 1.2rem; line-height: 1.2rem; overflow: hidden; text-align: center; font-size: 0.28rem;} #cardFooter1 ul li.l1 { width: 1.8rem; line-height: 0.6rem; color: #b8b8b8 } #cardFooter1 ul li.l1 span { display: inline-block; width: 0.6rem; height: 0.6rem; margin-top: 0.3rem; background-position: -4.8rem 0; text-indent: -10rem; vertical-align: top } #cardFooter1 ul li.l1 i { display: inline-block; width: 0.8rem; height: 0.6rem; margin-top: 0.24rem; font-style: normal;font-weight: 500; } #cardFooter1 ul li.l1.cur { color: #002456 } #cardFooter1 ul li.l1.cur span { background-position: -5.4rem 0; text-indent: -10rem } #cardFooter1 ul li.l2 { width: 3.7rem } #cardFooter1 ul li.l2 .p-t { float: left; width: 1rem; height: 0.4rem;line-height: 0.4rem; white-space: nowrap; overflow: hidden } #cardFooter1 ul li.l2 .p-p { float: right; width: 2.4rem; height: 0.4rem; line-height: 0.4rem; text-align: left; color: #002456 } #cardFooter1 ul li.l2 .p-p i { display: inline-block; font-size: 0.3rem; font-style: normal } #cardFooter1 ul li.l2 .p-p span { display: inline-block; font-size: 0.32rem; margin-right: 0.05rem } #cardFooter1 ul li.l2 .p-p1 { float: right; width: 2.4rem; height: 0.8rem; line-height: 0.4rem; margin-top: 0.1rem; text-align: left; font-size: 0.28rem } #cardFooter1 ul li.l2 .p-p1 i { float: left; display: block; width: 0.3rem; height: 0.4rem; overflow: hidden; font-style: normal; text-align: center } #cardFooter1 ul li.l2 .p-p1 span { height: 0.4rem; overflow: hidden } #cardFooter1 ul li.l2 .p-p1 span em { font-style: normal; margin-left: 0.05rem } #cardFooter1 ul li.l3 { background-color: #002456; color: #fff } .payFooter { position: fixed; z-index: 100; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 7.5rem; height: 1.2rem; background-color: #FFFFFF; user-select: none; -webkit-user-select: none; box-shadow: 0 0 10px rgba(0, 0, 0, .2); transition: all .3s ease; -webkit-transition: all .3s ease; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .payFooter.out { transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0) } .payFooter li { float: left; height: 1.2rem; overflow: hidden; font-size: 0.26rem; color: #002456 } .payFooter li:first-child { width: 4.7rem; text-align: left; padding: 0rem 0 0 0.3rem;display: flex;flex-direction: column;justify-content: center; } .payFooter li:first-child i { display: inline-block; font-size: 0.32rem; font-style: normal } .payFooter li:first-child span { display: inline-block; font-size: 0.34rem; margin-right: 0.05rem } .payFooter li:last-child { width: 2.5rem; text-align: center; background-color: #002456; color: #fff } .addFooter { position: fixed; z-index: 102; bottom: 0; left: 0; right: 0; width: 7.5rem; padding: 0.2rem 0 0.4rem; overflow: hidden } .addFooter > .close { display: block; position: relative; width: 1.2rem; height: 0.6rem; line-height: 0.4rem; margin: 0.2rem auto 0 auto; text-align: center; font-size: 0.3rem; background-position: -1.2rem -4rem } .addFooter1 { position: fixed; z-index: 102; bottom: 1rem; left: 0; right: 0; width: 7.5rem; height: 1rem; overflow: hidden } .tipLine { position: relative; width: 6.9rem; padding: 0.2rem 0.3rem; line-height: 0.5rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin-bottom: 0.2rem } .tipLine > .title { height: 0.5rem; font-size: 0.28rem } .tipLine > .info { line-height: 0.4rem; min-height: 0.4rem; color: #b8b8b8 } .tipLine > .info1 { line-height: 0.4rem; min-height: 0.4rem; color: #aa6e0f } ul.cartProList { width: 7.1rem; min-height: 2rem;padding: 0.15rem 0; } ul.cartProList li { position: relative; width: 7.1rem; padding: 0.3rem 0.2rem; overflow: hidden; } /*ul.cartProList li:after { position: absolute; content: ''; left: 0.3rem; bottom: 0; width: 6.9rem; height: 0.01rem; overflow: hidden; background-color: #e2e2e2 }*/ ul.cartProList li:last-child:after { display: none } ul.cartProList li .cImg { float: left; width: 1.5rem; height: 1.5rem; overflow: hidden; margin: 0 0.2rem 0.15rem 0; position: relative; background-color: #f4f4f4 } ul.cartProList li .cImg span { content: '\20'; position: absolute; left: 0.24rem; top: 0; width: 0.4rem; height: 0.8rem; overflow: hidden; background: url(../images/proico.png) 0 0 no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto } ul.cartProList li .cImg img { width: 1.5rem; height: 1.5rem; overflow: hidden } ul.cartProList li .cTxt { float: left; width: 5.4rem; height: 1.5rem; overflow: hidden; line-height: 0.5rem } ul.cartProList li .cTxt .title { width: 5rem; height: 0.5rem; overflow: hidden; font-size: 0.28rem; text-overflow: ellipsis; white-space: nowrap } ul.cartProList li .cTxt .info { width: 5rem; height: 0.5rem; overflow: hidden; color: #b8b8b8; text-overflow: ellipsis; white-space: nowrap } ul.cartProList li .cTxt .price { width: 5rem; height: 0.5rem; overflow: hidden; color: #aa6e0f; text-align: left;display: flex;align-items: flex-start;font-size: 0.22rem; } ul.cartProList li .cTxt .price i { display: inline-block; font-size: 0.2rem; font-style: normal;margin-top: -0.06rem; } ul.cartProList li .cTxt .price span { display: inline-block; font-size: 0.32rem; margin-right: 0.05rem;margin-top: -0.03rem; } ul.cartProList li .cTxt .price em { float: left; display: inline-block; color: #b8b8b8; text-decoration: line-through; font-style: normal } ul.cartProList li .cTxt .price em.no { text-decoration: none } ul.cartProList li .cTxt .gold { width: 5rem; height: 0.5rem; overflow: hidden; color: #aa6e0f; text-align: left } ul.cartProList li .cTxt .gold span { font-size: 0.3rem } ul.cartProList li .cNum { position: absolute; right: 0.3rem; bottom: 0.4rem; width: 1rem; height: 0.5rem; line-height: 0.5rem; text-align: right; font-size: 0.28rem; color: #b8b8b8 } ul.cartProList li .selectBox { position: absolute; right: 0.26rem; top: 0.8rem; width: 0.3rem; height: 0.3rem;font-size: 0.28rem;border:0.04rem solid #5a5a5a; border-radius: 0.3rem; } ul.cartProList li .selectBox .select { width: 0.24rem; height: 0.24rem;margin:0.03rem;background-color: #0b5a45;border-radius: 0.2rem; } ul.cartProList li .goldBtn { position: absolute; right: 0.3rem; top: 0.8rem; width: 1.2rem; height: 0.5rem; line-height: 0.48rem; background-color: #ffffff; border: 0.02rem #002456 solid; font-weight: normal; font-size: 0.26rem; text-align: center; color: #002456; box-sizing: border-box; -webkit-box-sizing: border-box } .amiPage { position: absolute; left: 0; top: 0; width: 7.5rem; opacity: 0; transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transition: all .3s ease; -webkit-transition: all .3s ease } .amiPage.in { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .amiPage.in.out { opacity: 0; transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0) } #banner_index { width: 100%; height: 6rem; overflow: hidden } #pro_index { width: 100%; height: 4.4rem; overflow: hidden; border-bottom: 0.2rem #f0f0f0 solid;border-radius: 0.2rem; } #pro_show { width: 100%; height: 5rem; overflow: hidden } .swiper-container { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .swiper-slide img { width: 100%; height: 100% } .swiper-container-horizontal > .swiper-pagination-bullets { } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { box-sizing: border-box; width: 0.12rem; height: 0.12rem; margin-bottom: 0.04rem; border: 0.01rem #ffffff solid; border-radius: 100%; background-color: transparent; opacity: .6 } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 0.2rem; height: 0.2rem; margin-bottom: 0; background-color: #ffffff; opacity: 1 } .swiper-img1-next, .swiper-img2-next { position: absolute; z-index: 10; width: 0.8rem; height: 1rem; left: 0; top: 1.7rem } .swiper-img1-next span, .swiper-img2-next span { display: block; width: 0.6rem; height: 0.6rem; margin: 0.2rem 0 0 0.1rem; background-position: -3rem 0; transform: scaleX(-1); -webkit-transform: scaleX(-1) } .swiper-img1-prev, .swiper-img2-prev { position: absolute; z-index: 10; width: 0.8rem; height: 1rem; right: 0; top: 1.7rem } .swiper-img1-prev span, .swiper-img2-prev span { display: block; width: 0.6rem; height: 0.6rem; margin: 0.2rem 0 0 0.1rem; background-position: -3rem 0 } .swiper-button-disabled { opacity: 0.4 } #main { width: 100%; min-height: 100%; margin-bottom: 1.1rem; margin-top: 1rem } #main.no { margin-top: 0 } #main.notb { margin-top: 0; margin-bottom: 0 } #main.rela { position: relative } #main_add { position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; z-index: 101 } .imgBox { width:5.5rem;float:left;overflow-x: scroll;display: flex;flex-wrap: nowrap;} .comImg { -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; border-radius: 0.1rem } .comImg1 { -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; border-radius: 0.1rem; box-sizing: border-box; -webkit-box-sizing: border-box; border: 0.01rem #e2e2e2 solid } .arrowR { position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; width: 0.6rem; height: 0.6rem; content: ''; background-position: -3.6rem -0.6rem } .arrowB { position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; width: 0.6rem; height: 0.6rem; content: ''; background-position: -2.4rem -1.2rem } .btn, a.btn { display: block; overflow: hidden; border-radius: 0.06rem; -webkit-border-radius: 0.06rem } .btn.cur, a.btn.cur { } .btnA, a.btnA { width: 6.9rem; height: 0.9rem; margin: 0 auto; font-size: 0.3rem; line-height: 0.9rem; border: 0.02rem #002456 solid; color: #002456; text-align: center; letter-spacing: 0.1rem } .btn.btnA.cur, a.btn.btnA.cur { background-color: #f0f0f0 } #main .act_banner { width: 100%; overflow: hidden; position: relative } #main .act_banner img { width: 100%; height: auto; vertical-align: top } #main .winIco { width: 7.5rem; height: 1.1rem } #main .winIco ul { width: 7.2rem; height: 1.1rem; overflow: hidden; margin: 0 auto } #main .winIco ul li { float: left; position: relative; width: 1.8rem; height: 1.1rem; line-height: 1rem; overflow: hidden; text-align: center; color: #c29f67 } #main .winIco ul li:before { position: absolute; content: '\20'; width: 0.5rem; height: 0.02rem; background-color: #c29f67; left: 0; right: 0; top: 0.8rem; overflow: hidden; margin: 0 auto } #main .indexPic { width: 7.5rem; height: 6rem; overflow: hidden; margin-top: 0.1rem } #main .indexPic.min { height: 5.9rem } #main .indexPic a, #main .indexPic img { display: block; width: 100%; height: 100% } #main .topPro { width: 7.5rem; height: 6.1rem; margin-top: 0.1rem; overflow: hidden } #main .topPro .topImg { width: 7.5rem; height: 4.4rem; overflow: hidden } #main .topPro .topImg img { width: 7.5rem; height: 4.4rem } #main .topPro .topTxt { width: 7.5rem; height: 1.7rem; overflow: hidden; background-color: #e7e7e7 } #main .topPro .topTxt .title { float: left; width: 5.1rem; height: 1rem; overflow: hidden; padding-left: 0.3rem; margin-top: 0.35rem; line-height: 0.5rem } #main .topPro .topTxt .title h3 { width: 5.1rem; height: 0.5rem; font-size: 0.3rem; color: #313131; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal } #main .topPro .topTxt .title h3 span { display: inline-block; width: 1.6rem; height: 0.5rem; overflow: hidden; vertical-align: top; background: url(../images/yushou.png) 0 0 no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100% } #main .topPro .topTxt .title h3 span.ys1 { display: inline-block; width: 2.4rem; height: 0.5rem; overflow: hidden; vertical-align: top; background: url(../images/yushou1.png) 0 0 no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100% } #main .topPro .topTxt .title h3 span.ys2 { display: inline-block; width: 2.4rem; height: 0.5rem; overflow: hidden; vertical-align: top; background: url(../images/yushou2.png) 0 0 no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100% } #main .topPro .topTxt .title h3 span.ys3 { display: inline-block; width: 2.4rem; height: 0.5rem; overflow: hidden; vertical-align: top; background: url(../images/yushou3.png) 0 0 no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100% } #main .topPro .topTxt .title h3 span.rx { display: inline-block; width: 1.6rem; height: 0.5rem; overflow: hidden; vertical-align: top; background: url(../images/rexiao.png) 0 0 no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100% } #main .topPro .topTxt .title h3 span.th { display: inline-block; width: 2rem; height: 0.5rem; overflow: hidden; vertical-align: top; background: url(../images/ico-xsth.png) 0 0 no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100% } #main .topPro .topTxt .title h3 span.yd { display: inline-block; width: 1.6rem; height: 0.5rem; overflow: hidden; vertical-align: top; background: url(../images/yuding.png) 0 0 no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100% } #main .topPro .topTxt .title span { width: 4.8rem; height: 0.5rem; font-size: 0.26rem; color: #b0b0b0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #main .topPro .topTxt .title span.top { display: inline-block; width: 4.8rem; height: 0.8rem; line-height: 0.4rem; font-size: 0.24rem; color: #b0b0b0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #main .topPro .topTxt a { float: right; width: 1.6rem; height: 0.64rem; line-height: 0.64rem; background-color: #002456; margin: 0.52rem 0.3rem 0 0; font-weight: normal; font-size: 0.26rem; font-family: "Arial"; text-align: center; color: #ffffff } #main .topPro .topTxt a.disabled { background-color: #8d8d8d } #main .helpBox { width: 100%; padding: 0.6rem 0; min-height: 1rem } #main .helpBox dt { float: left; width: 1.1rem; height: 1rem; margin-right: 0.1rem } #main .helpBox dt span { display: block; width: 0.8rem; height: 0.8rem; margin: 0 auto; -webkit-border-radius: 0.8rem; -moz-border-radius: 0.8rem; border-radius: 0.8rem; background: url(../images/logo_mini.png) 0 0 #002456 no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto } #main .helpBox dd { float: left; width: 5.3rem; min-height: 2rem; padding: 0.2rem 0; background-color: #ffffff; -webkit-border-radius: 0.06rem; -moz-border-radius: 0.06rem; border-radius: 0.06rem; border: 0.01rem #e2e2e2 solid } #main .helpBox dd h3 { font-size: 0.28rem; line-height: 0.5rem; padding: 0 0.24rem; color: #002456; font-weight: bold; margin-top: 0.2rem } #main .helpBox dd h3:first-child { margin-top: 0 } #main .helpBox dd p { font-size: 0.28rem; line-height: 0.5rem; padding: 0 0.24rem; color: #777777; text-align: justify } #main .helpBox dd p > a { color: #002456 } #main .helpBox dd ul { width: 5.3rem; min-height: 1rem; margin: 0.2rem 0; border-top: 0.01rem #e2e2e2 solid } #main .helpBox dd ul li { height: 1rem; line-height: 1rem; border-bottom: 0.01rem #e2e2e2 solid } #main .helpBox dd ul li > a { display: block; width: 5rem; margin-left: 0.24rem; height: 1rem; position: relative; font-size: 0.28rem; color: #002456 } #main .proList { width: 7.5rem; min-height: 5.6rem } #main .proList .title { width: 6.9rem; height: 1rem; line-height: 1rem; margin: 0 auto; text-align: center; font-size: 0.3rem; color: #002456; letter-spacing: 0.04rem; border-bottom: 0.01rem #e2e2e2 solid } #main .proList ul { width: 7.4rem; margin: 0.2rem auto 0} #main .proList ul li { float: left; width: 3.7rem; height: 5.6rem; overflow: hidden; background-color: #ffffff } #main .proList ul li.line { width: 7.5rem; margin-left: -0.05rem; height: 0.2rem; background-color: #f0f0f0 } #main .proList ul li.line1 { position: relative; width: 7.4rem; height: 0.2rem } #main .proList ul li.line1:after { content: '\20'; position: absolute; left: 0; right: 0; top: 0.1rem; margin: 0 auto; width: 6.9rem; height: 0.01rem; overflow: hidden; background-color: #e2e2e2 } #main .proList ul li .p_img { width: 3.7rem; height: 3.7rem; overflow: hidden; position: relative ;display:flex;justify-content: center;align-items: center;} #main .proList ul li .p_img span { content: '\20'; position: absolute; left: 0.3rem; top: 0; width: 0.5rem; height: 1rem; overflow: hidden; background: url(../images/proico.png) 0 0 no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto } #main .proList ul li .p_img img { width: 3.5rem; height: 3.5rem } #main .proList ul li .p_title { width: 3.2rem; height: 0.7rem; line-height: 0.9rem; margin: 0 auto; overflow: hidden; font-size: 0.26rem; color: #313131; text-overflow: ellipsis; white-space: nowrap } #main .proList ul li .p_rice { width: 3.2rem; height: 0.5rem; line-height: 0.5rem; margin: 0 auto; overflow: hidden; color: #b8b8b8; text-decoration: line-through } #main .proList ul li .p_info { width: 3.2rem; height: 0.3rem; line-height: 0.3rem; margin: 0 auto; overflow: hidden; } #main .proList ul li .p_buy { width: 3.2rem; height: 1rem; line-height: 1rem; margin: 0 auto; overflow: hidden; color: #be0f34 } #main .proList ul li .p_buy i { display: inline-block; font-size: 0.36rem; font-style: normal } #main .proList ul li .p_buy span { display: inline-block; font-size: 0.38rem; margin-right: 0.05rem;} /*#main .proList ul li .p_buy em { float: right; width: 0.8rem; height: 0.36rem; line-height: 0.36rem; font-style: normal; background-color: #002456; font-weight: normal; margin: 0.07rem 0.1rem 0 0; text-align: center; color: #ffffff }*/ #main .proList ul li .p_buy em { float: right; width: 1rem; height: 1rem;background-position: -6rem 0;} #main .proTitle { width: 6.9rem; min-height: 1.6rem; border-bottom: 0.2rem #f0f0f0 solid; padding: 0.35rem 0.3rem 0.2rem 0.3rem;background-color: #FFFFFF;border-radius: 0.4rem 0.4rem 0 0; } #main .presale { width: 7.5rem;height: 1.52rem;position: absolute;top: 4.48rem;z-index: 1;} #main .presale .num { position: absolute;bottom: 0.1rem;right: 0.46rem;width: 0.5rem;height: 0.34rem;line-height: 0.34rem;text-align: center;color: #d3b772;font-size: 0.28rem; } #main .proTitle h1 { min-height: 0.4rem; line-height: 0.4rem; font-size: 0.3rem; color: #313131; font-weight: 500;margin-right: 0.1rem;display: inline-block; } #main .proTitle .price { width: 6.9rem; height: 0.6rem; line-height: 0.6rem; color: #aa6e0f; font-size: 0.26rem } #main .proTitle .price span { display: inline-block; height: 0.6rem; line-height: 0.6rem } #main .proTitle .price span.t0 { font-size: 0.3rem } #main .proTitle .price span.t1 { font-size: 0.36rem } #main .proTitle .price span.t2 { font-size: 0.38rem; margin-right: 0.05rem } #main .proTitle .price span.t3 { color: #b8b8b8; margin-left: 0.2rem; margin-right: 0.2rem } #main .proTitle .price span.t3_1 { color: #b8b8b8; margin-left: 0.2rem; text-decoration: line-through } #main .proTitle .price span.t4 { font-size: 0.2rem; color: #002456; height: 0.26rem; line-height: 0.26rem; padding: 0.02rem 0.08rem; border-radius: 0.5rem; border: 0.01rem #002456 solid; vertical-align: top; margin-top: 0.18rem } #main .proTitle .price span.t5 { width: 1.6rem; height: 0.5rem; overflow: hidden; vertical-align: bottom; background: url(../images/yushou.png) 0 0 no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; margin: 0 0 0.1rem 0.1rem } #main .proTitle .price span.rx { width: 1.6rem; height: 0.5rem; overflow: hidden; vertical-align: bottom; background: url(../images/rexiao.png) 0 0 no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; margin: 0 0 0.1rem 0.1rem } #main .proTitle .price span.th { width: 2rem; height: 0.5rem; overflow: hidden; vertical-align: bottom; background: url(../images/ico-xsth.png) 0 0 no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; margin: 0 0 0.1rem 0.1rem } #main .proTitle .price span.yd { width: 1.6rem; height: 0.5rem; overflow: hidden; vertical-align: bottom; background: url(../images/yuding.png) 0 0 no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; margin: 0 0 0.1rem 0.1rem } #main .proTitle .price span.by { width: 0.7rem; height: 0.4rem; overflow: hidden; vertical-align: bottom; background-position: -0.8rem 0; margin: 0 0 0.14rem 0.1rem } #main .proTitle .presaleBox { display:flex;justify-content: space-between;align-items: baseline;width: 6.9rem;color: #b8b8b8;margin: 0.2rem 0 0.1rem 0; } #main .proTitle .presaleBox .presaleBtn { width:0.7rem;height:0.3rem;line-height: 0.3rem;letter-spacing: 0.06rem;} #main .proTitle .presaleBox .presaleText { width:6.2rem; } #main .proTitle .num { width: 6.9rem; height: 0.6rem; color: #b8b8b8; line-height: 0.6rem } #main .proTitle .num span:first-child { float: left; color: #aa6e0f } #main .proTitle .num span:last-child { float: right } #main .proTitle .info { width: 6.9rem; line-height: 0.4rem; margin-bottom: 0.2rem; margin-top: 0.1rem; color: #777777 } #main .proCon { width: 7.5rem; min-height: 5rem; border-bottom: 0.2rem #f0f0f0 solid } #main .proCon img { max-width: 7.5rem; height: auto; vertical-align: top } #main .proCon, #main .proCon p { line-height: 0.5rem } #main .proCon1 { width: 6.9rem; margin: 0 auto; min-height: 5rem; padding-top: 0.3rem; padding-bottom: 1.2rem } #main .proCon1 img { max-width: 6.9rem; height: auto; vertical-align: top } #main .proCon1, #main .proCon1 p { line-height: 0.5rem } #addBox { position: fixed; margin: 0; z-index: 200; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); display: none } #addBox .p-choose { position: absolute; z-index: 201; left: 0; bottom: 0; width: 7.5rem; min-height: 6.4rem; padding-bottom: 1.35rem; background-color: #fff; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-in-out; transform: translate(0, 100%); -webkit-transform: translate(0, 100%) } #addBox .p-choose.min { min-height: 5rem } #addBox.cur .p-choose { transform: translate(0, 0); -webkit-transform: translate(0, 0) } #addBox .p-choose .choose-close { position: absolute; z-index: 202; right: 0.2rem; top: 0.3rem; width: 0.6rem; height: 0.6rem; background-position: -3rem -0.6rem } #addBox .p-choose .choose-title { width: 6.8rem; height: 1.7rem; overflow: hidden; padding: 0.3rem; margin: 0 auto } #addBox .p-choose .choose-title .choose-l { float: left; width: 1.7rem; height: 1.7rem; overflow: hidden } #addBox .p-choose .choose-title .choose-l .choose-img { width: 1.5rem; height: 1.5rem; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; border-radius: 0.1rem; overflow: hidden; background-color: #f4f4f4 } #addBox .p-choose .choose-title .choose-l .choose-img img { width: 1.5rem; height: 1.5rem } #addBox .p-choose .choose-title .choose-r { float: right; position: relative; width: 5.1rem; height: 1.7rem; overflow: hidden; line-height: 0.5rem } #addBox .p-choose .choose-title .choose-r h1 { width: 4.7rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.28rem; color: #313131; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0.1rem } #addBox .p-choose .choose-title .choose-r .coose-info { height: 0.5rem; color: #b8b8b8; font-size: 0.26rem } #addBox .p-choose .choose-title .choose-r .choose-price1 { height: 0.5rem; color: #aa6e0f; font-size: 0.26rem } #addBox .p-choose .choose-title .choose-r .choose-price1 span.t1 { font-size: 0.36rem } #addBox .p-choose .choose-title .choose-r .choose-price1 span.t2 { font-size: 0.38rem; margin-right: 0.05rem } #addBox .p-choose .choose-title .choose-r .choose-price1 span.t3 { color: #b8b8b8 } #addBox .p-choose .choose-title .choose-r .choose-price2 { height: 0.5rem; color: #b8b8b8; margin: 0.04rem 0 } #addBox .p-choose .choose-title .choose-r .choose-price2 span.t4 { display: inline-block; font-size: 0.2rem; color: #002456; height: 0.26rem; line-height: 0.26rem; padding: 0.02rem 0.08rem; border-radius: 0.5rem; border: 0.01rem #002456 solid; vertical-align: top; margin: 0.08rem 0 0 0.2rem } #addBox .p-choose .choose-title .choose-r .choose-num { position: absolute; right: 0; top: 0.1rem; width: 0.4rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.28rem; color: #b8b8b8; text-align: right } #addBox .p-choose .choose-txt { width: 6.8rem; min-height: 1rem; margin: 0 auto; border-top: 0.01rem #e2e2e2 solid; line-height: 0.4rem } #addBox .p-choose .choose-txt li { height: 0.8rem; padding: 0.1rem 0; border-bottom: 0.01rem #e2e2e2 solid; line-height: 0.4rem } #addBox .p-choose .choose-txt li span { float: left; display: block; width: 0.6rem; height: 0.6rem; margin-right: 0.1rem; margin-top: 0.1rem; background-position: -4.8rem 0 } #addBox .p-choose .choose-txt li h4 { width: 6.1rem; font-size: 0.26rem; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #addBox .p-choose .choose-txt li em { font-style: normal; color: #b8b8b8 } #addBox .p-choose .choose-txt li.cur span { background-position: -5.4rem 0 } #addBox .p-choose .choose-txt li.cur h4 { color: #002456 } #addBox .p-choose .choose-list { width: 6.8rem; min-height: 1rem; margin: 0 auto; border-top: 0.01rem #dedede solid; line-height: 1rem } #addBox .p-choose .choose-list li { border-bottom: 0.01rem #dedede solid; } #addBox .p-choose .choose-list li.cycle { display: none } #addBox .p-choose .choose-list li dl { width: 6.8rem; min-height: 1rem } /*#addBox .p-choose .choose-list li dl dt { float: left; width: 1.4rem; height: 1rem; font-size: 0.28rem; color: #313131 }*/ #addBox .p-choose .choose-list li dl dt { float: left; width: 1.6rem; height: 1rem; font-size: 0.28rem; color: #313131 } #addBox .p-choose .choose-list li dl dd { float: left; width: 5.2rem; height: 1rem; overflow: hidden } #addBox .p-choose .choose-list li dl dd span { display: block; float: left; width: 1.2rem; height: 0.5rem; margin: 0.26rem 0.2rem 0 0; line-height: 0.5rem; text-align: center; border: 0.02rem #bebebe solid; -webkit-border-radius: 0.06rem; border-radius: 0.06rem; color: #b8b8b8 } #addBox .p-choose .choose-list li dl dd span:nth-child(3) { margin-right: 0 } #addBox .p-choose .choose-list li.max { height: 2.7rem; border-bottom: 0.01rem #dedede solid; line-height: 1rem } #addBox .p-choose .choose-list li dl dd.max { height: 2.7rem } #addBox .p-choose .choose-list li dl dd.max span { display: block; float: left; width: 2.54rem; height: 0.5rem; margin: 0.26rem 0.2rem 0 0; line-height: 0.5rem; text-align: center; border: 0.02rem #bebebe solid; -webkit-border-radius: 0.06rem; border-radius: 0.06rem; color: #b8b8b8 } #addBox .p-choose .choose-list li dl dd.max span:nth-child(3) { margin-right: 0.2rem } #addBox .p-choose .choose-list li dl dd.max span:nth-child(2), #addBox .p-choose .choose-list li dl dd.max span:nth-child(4), #addBox .p-choose .choose-list li dl dd.max span:nth-child(6) { margin-right: 0 } #addBox .p-choose .choose-list li dl dd.max1 span { display: block; float: left; width: 5rem; height: 0.5rem; margin: 0.26rem 0 0 0; line-height: 0.5rem; text-align: center; border: 0.02rem #bebebe solid; -webkit-border-radius: 0.06rem; border-radius: 0.06rem; color: #b8b8b8 } #addBox .p-choose .choose-list li dl dd span.cur { border-color: #002456; color: #002456 } #addBox .p-choose .choose-list li dl dd span.off { border-style: dashed } #addBox .p-choose .choose-list li dl dd i.tip { display: inline-block; font-style: normal; color: #b8b8b8; margin-left: 0.1rem } #addBox .p-choose .choose-list li dl dd .choose-num { float: left; width: 2rem; height: 0.5rem; border: 0.02rem #002456 solid; overflow: hidden; -webkit-border-radius: 0.06rem; border-radius: 0.06rem; margin-top: 0.22rem } #addBox .p-choose .choose-list li dl dd .choose-num > a { display: inline-block; float: left; width: 0.6rem; height: 0.5rem; line-height: 0.5rem; overflow: hidden; cursor: pointer; color: #555555; font-size: 0.4rem; text-align: center } #addBox .p-choose .choose-list li dl dd .choose-num > a.btn-add { float: right; border-left: 0.02rem #002456 solid; background-position: -4.2rem 0 } #addBox .p-choose .choose-list li dl dd .choose-num > a.btn-reduce { border-right: 0.02rem #002456 solid; background-position: -3.6rem 0 } #addBox .p-choose .choose-list li dl dd .choose-num > i { display: inline-block; float: left; width: 0.75rem; height: 0.5rem; line-height: 0.5rem; text-align: center; overflow: hidden; font-size: 0.3rem; color: #002456; font-style: normal } #addBox .p-choose .choose-list li dl dd .choose-num > input { display: inline-block; float: left; width: 0.75rem; height: 0.5rem; border: 0; outline: none; line-height: 0.5rem; text-align: center; overflow: hidden; font-size: 0.3rem; color: #002456; font-style: normal } #addBox .p-choose .choose-list li dl dd .tipico { display: block; float: left; width: 2.2rem; height: 0.4rem; line-height: 0.4rem; padding: 0.3rem 0; overflow: hidden; color: #002456 } #addBox .p-choose .choose-list li dl dd .tipico i { display: block; float: left; width: 0.4rem; height: 0.4rem; background-position: 0 -4.4rem } #addBox .p-choose .choose-list1 { width: 6.8rem; min-height: 1rem; margin: -0.14rem auto 0 auto; line-height: 1rem } #addBox .p-choose .choose-list1 .tip { width: 6.8rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.26rem } #addBox .p-choose .choose-list1 .select { width: 6.8rem; padding-bottom: 0.1rem } #addBox .p-choose .choose-list1 .select span { float: left; display: inline-block; height: 0.6rem; line-height: 0.6rem; padding: 0 0.3rem; text-align: center; border: 0.02rem #bebebe solid; -webkit-border-radius: 0.06rem; border-radius: 0.06rem; margin: 0.08rem 0.2rem 0.08rem 0; color: #002456 } #addBox .p-choose .choose-list1 .select span.cur { border-color: #aa6e0f; color: #aa6e0f } #addBox .p-choose .choose-list1 .select span.disable { border: 0.02rem #cccccc dashed; color: #cccccc } #addBox .p-choose .choose-list1 .select span.disable.cur { border: 0.02rem #aa6e0f dashed; color: #aa6e0f } #addBox .p-choose .choose-foot { position: absolute; z-index: 202; left: 0; bottom: 0; width: 7.5rem; height: 1rem; border-top: 0.2rem #f0f0f0 solid } #addBox .p-choose .choose-foot li { float: left; width: 2.7rem; height: 1rem; line-height: 1rem; text-align: center; overflow: hidden; font-size: 0.3rem; color: #002456 } #addBox .p-choose .choose-foot li.nothing:first-child { width: 1.8rem } #addBox .p-choose .choose-foot li.c { position: relative } #addBox .p-choose .choose-foot li.c:before { content: '\20'; position: absolute; left: 0; top: 0; width: 0.01rem; height: 1rem; overflow: hidden; background-color: #e2e2e2 } #addBox .p-choose .choose-foot li:first-child { width: 4.5rem; text-align: left; padding-left: 0.3rem } #addBox .p-choose .choose-foot li:first-child i { display: inline-block; font-size: 0.38rem; font-style: normal } #addBox .p-choose .choose-foot li:first-child span { display: inline-block; font-size: 0.4rem; margin-right: 0.05rem } #addBox .p-choose .choose-foot li:last-child { width: 2.7rem; background-color: #002456; color: #fff } #addBox .p-choose .choose-foot1 { position: absolute; z-index: 202; left: 0; bottom: 0; width: 7.5rem; height: 1rem; border-top: 0.2rem #f0f0f0 solid } #addBox .p-choose .choose-foot1 li { float: left; width: 2.5rem; height: 1rem; line-height: 1rem; overflow: hidden; text-align: center; font-size: 0.3rem; color: #002456 } #addBox .p-choose .choose-foot1 li:first-child { position: relative } #addBox .p-choose .choose-foot1 li:first-child:after { content: ''; position: absolute; right: 0; top: 0; width: 0.1rem; height: 1rem; border-right: 0.01rem #dedede solid } #addBox .p-choose .choose-foot1 li:last-child { background-color: #002456; color: #fff } #addBox .p-choose .choose-foot1 li.disable1 { background-color: #d4d4d4; color: #ffffff } #addBox .p-choose .choose-foot1 li.disable2 { background-color: #bdbdbd; color: #ffffff } .cartTitle { display: flex; justify-content: space-between; align-items: center;padding: 0.3rem 0.36rem 0.2rem; } .cartTitle .cartHandle{width: 1.2rem; height: 0.4rem; line-height: 0.4rem; text-align: right;font-size: 0.28rem} .cartTitle #cartNum { display: flex;align-items: baseline;} .cartTitle #cartNum span:first-child { font-size: 0.28rem;font-family: 'FZLTHJT'; } .cartTitle #cartNum span:last-child { font-size: 0.24rem; } #cart { width: 7.5rem } #cart.nothing { width: 7.5rem; min-height: 6rem } /*#cart.nothing span { display: block; width: 5rem; height: 5rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../images/cartNone.png) 0 0 no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto }*/ #cart.nothing span { display: block; width: 1.38rem; height: 1.24rem;margin: 0.1rem 2.7rem 0.28rem;background: url('https://telunsu-cdn.mengniu.com.cn/telunsu/active/12023/0519/cart_null.png?v=001') 0 0 no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto }/*#cart.nothing .btnLine { position: absolute; left: 0; bottom: 1rem; width: 7.5rem; height: 1rem; margin: auto }*/ /*#cart.nothing .btnLine { position: absolute; left: 0; bottom: 1rem; width: 7.5rem; height: 1rem; margin: auto }*/ /*#cart.nothing .btnLine { position: absolute; left: 0; bottom: 1.2rem; width: 7.5rem; height: 1rem; margin: auto }*/ #cart.nothing .btnLine {width: 7.1rem; height: 1rem; margin: auto } #cart ul.cartList { width: 7.1rem; min-height: 2.1rem; margin: 0 0.2rem;border-radius: 0.12rem;overflow: hidden; } #cart ul.cartList li { position: relative; width: 7.1rem; min-height: 2.1rem; overflow: hidden; transition: all .2s ease; -webkit-transition: all .2s ease } #cart ul.cartList li:after { position: absolute; z-index: 25; content: ''; left: 0.2rem; bottom: 0; width: 6.7rem; height: 0rem; overflow: hidden; background-color: #e2e2e2 } #cart ul.cartList li:last-child:after { display: none } #cart ul.cartList li .item { display:flex; z-index: 22; width: 7.1rem; height: 2.1rem; overflow: hidden; background-color: #ffffff } /*#cart ul.cartList li .itemDel { position: absolute; z-index: 21; right: 0; top: 0; width: 1.4rem; height: 2.1rem; overflow: hidden; background-color: #002456; color: #fff; line-height: 2.1rem; text-align: center; font-size: 0.28rem; letter-spacing: 2px }*/ #cart ul.cartList li .itemNum { position: absolute; z-index: 23; right: 0.1rem; top: 1.1rem; width: 1.4rem; height: 0.9rem } #cart ul.cartList li .itemNum .choose-num { width: 2rem; height: 0.5rem; border: 0.02rem #002456 solid; overflow: hidden; -webkit-border-radius: 0.06rem; border-radius: 0.06rem; margin: 0.2rem } #cart ul.cartList li .itemNum .choose-num > a { display: inline-block; float: left; width: 0.6rem; height: 0.5rem; line-height: 0.5rem; overflow: hidden; cursor: pointer; color: #555555; font-size: 0.4rem; text-align: center } #cart ul.cartList li .itemNum .choose-num > a.btn-add { float: right; border-left: 0.02rem #002456 solid; background-position: -4.2rem 0 } #cart ul.cartList li .itemNum .choose-num > a.btn-reduce { border-right: 0.02rem #002456 solid; background-position: -3.6rem 0 } #cart ul.cartList li .itemNum .choose-num > i { display: inline-block; float: left; width: 0.75rem; height: 0.5rem; line-height: 0.5rem; text-align: center; overflow: hidden; font-size: 0.3rem; color: #002456; font-style: normal } #cart ul.cartList li .itemNum .choose-num > input { display: inline-block; float: left; width: 0.75rem; height: 0.5rem; border: 0; outline: none; line-height: 0.5rem; text-align: center; overflow: hidden; font-size: 0.3rem; color: #002456; font-style: normal } #cart ul.cartList li .item .cartL { width: 0.76rem; height: 2.1rem; overflow: hidden } #cart ul.cartList li .item .cartL span { display: block; width: 0.6rem; height: 0.6rem; margin: 0.75rem auto; background-position: -4.8rem 0 } #cart ul.cartList li .item .cartL.cur span { display: block; width: 0.6rem; height: 0.6rem; margin: 0.75rem auto; background-position: -5.4rem 0 } /*#cart ul.cartList li .item .cartL span.ico1 { display: block; width: 0.6rem; height: 0.6rem; margin: 0.75rem auto; background-position: -5.6rem -5rem; }*/ #cart ul.cartList li .item .cartR { display: flex;width: 6.2rem; height: 2.1rem; overflow: hidden } #cart ul.cartList li .item .cartR a { display: block; width: 6.2rem; height: 2.1rem; overflow: hidden; color: #313131 } #cart ul.cartList li .item .cartR .cImg { width: 1.5rem; height: 1.5rem; overflow: hidden; margin: 0.3rem 0.18rem 0.3rem 0 } #cart ul.cartList li .item .cartR .cImg img { width: 1.5rem; height: 1.5rem; overflow: hidden } #cart ul.cartList li .item .cartR .cTxt { height: 1.5rem; margin-top: 0.3rem; overflow: hidden; line-height: 0.5rem } #cart ul.cartList li .item .cartR .cTxt .title { width: 4.5rem; height: 0.5rem; overflow: hidden; font-size: 0.28rem; text-overflow: ellipsis; white-space: nowrap } #cart ul.cartList li .item .cartR .cTxt .info { width: 4.5rem; height: 0.5rem; overflow: hidden; color: #b8b8b8; text-overflow: ellipsis; white-space: nowrap } #cart ul.cartList li .item .cartR .cTxt .price { width: 4.5rem; height: 0.5rem; overflow: hidden; color: #0A1E64;display: flex;align-items: center;margin-top: 0.06rem } #cart ul.cartList li .item .cartR .cTxt .price div { display: flex; } #cart ul.cartList li .item .cartR .cTxt .price .cheapPrice{ display: flex;align-items: baseline; height: 0.34rem;line-height: 0.34rem;margin:0.02rem 0 0 0.2rem;background-image: url('https://telunsu-cdn.mengniu.com.cn/telunsu/active/20220420cart/priceBg.pic');background-repeat: no-repeat;background-size: auto; } #cart ul.cartList li .item .cartR .cTxt .price .cheapPrice>div{width:max-content;height:0.34rem;display: flex;align-items: inherit; } #cart ul.cartList li .item .cartR .cTxt .price .cheapPrice .span { font-size: 0.22rem } #cart ul.cartList li .item .cartR .cTxt .price i { display: inline-block; font-size: 0.2rem; font-style: normal;margin-top: -0.03rem; } #cart ul.cartList li .item .cartR .cTxt .price .cheapPrice i { margin: 0.03rem; } #cart ul.cartList li .item .cartR .cTxt .price span { display: inline-block; font-size: 0.34rem;} #cart ul.cartList li .item .cartR .cTxt .cheapPrice{ height:0.4rem;line-height:0.4rem;color:#DEC887;font-size:0.2rem;border-radius: 0.2rem;padding: 0rem 0.15rem; } #cart ul.cartList li .item .cartR .cTxt .price em { display: inline-block; font-size: 0.24rem; color: #b8b8b8; text-decoration: line-through; font-style: normal } #cartMore { margin-top: 0.2rem } #cartMore .moreTitle { width: 6.9rem; height: 1rem; line-height: 1rem; margin: 0 auto; text-align: center; border-bottom: 0.01rem #e2e2e2 solid; font-size: 0.28rem } #cartPay { position: absolute; left: 0; top: 0; right: 0; margin: 0 auto; width: 7.5rem; height: calc(100% - 1.2rem); overflow: hidden; background-color: #f0f0f0 } #cartPay .address { position: relative; width: 6.3rem; padding: 0.3rem 0.5rem 0.2rem 0.3rem;margin: 0.2rem 0 0 0.2rem;line-height: 0.5rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);border-radius: 0.2rem 0.2rem 0 0; } #cartPay .address .title { height: 0.5rem; font-size: 0.28rem } #cartPay .address .info { line-height: 0.4rem; min-height: 0.4rem; color: #b8b8b8 } #cartPay .address .input { } #cartPay .address ul { width: 6.9rem } #cartPay .address ul li { height: 0.8rem; line-height: 0.8rem; border-bottom: 0.01rem #e2e2e2 solid } #cartPay .address ul li:last-child { border-bottom: 0 } #cartPay .address ul li span { display: block; float: left; width: 1.5rem; height: 0.8rem; font-size: 0.28rem } #cartPay .address ul li input { float: left; width: 5.4rem; height: 0.4rem; line-height: 0.4rem; margin: 0.2rem 0; border: 0; font-size: 0.28rem; color: #404040; outline: none } #cartPay .cartList { width: 7.1rem; min-height: 2.1rem;margin: 0rem 0.2rem;} #cartPay .card { position: relative; width: 6.3rem; height: 0.9rem; line-height: 0.9rem; overflow: hidden; padding: 0 0.5rem 0 0.3rem; font-size: 0.28rem; margin: 0 0.2rem 0rem 0.2rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } #cartPay .card .rTxt { float: right; color: #002456 } #cartPay .cardNone { position: relative; width: 6.9rem; height: 0.9rem; line-height: 0.9rem; overflow: hidden; padding: 0 0.3rem; font-size: 0.28rem; margin-bottom: 0.2rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } #cartPay .cardNone .rTxt { float: right; color: #002456 } #cartPay .price-detail { background-color: #FFFFFF; margin: 0.2rem 0.2rem 0;border-radius: 0.2rem;padding:0.2rem 0.2rem 0; } #cartPay .price-detail .title{ color: #002456;font-size: 0.28rem;padding: 0.15rem 0.2rem 0.05rem;} #cartPay .price-detail .price { display: flex;justify-content: space-between;height: 0.5rem;line-height: 0.6rem;padding: 0rem 0.2rem;color: #888888 } #cartPay .price-detail .totalPrice{ display: flex; justify-content: flex-end;height: 0.6rem;line-height: 0.6rem;padding:0.2rem 0;margin-top: 0.2rem;border-top: 0.02rem dashed #efefef;} #cartPay .price-detail .totalPrice>div{ font-size: 0.32rem;color: #A0A0A0; } #cartPay .price-detail .totalPrice>div span{ font-size: 0.34rem;color: #2E3486; } #cartPay .payWayBox { background-color: #FFFFFF; margin: 0.2rem;border-radius: 0.2rem;padding:0.2rem 0.2rem 0.1rem; } #cartPay .payWayBox .title{ color: #002456;font-size: 0.28rem;padding: 0.15rem 0.2rem 0.05rem; } #cartPay .payWayBox .payWay{ display: flex;justify-content: space-between;height: 0.8rem;padding: 0rem 0.2rem;color: #2E3486 } #cartPay .payWayBox .payWay .left{ display: flex;justify-content: flex-end;height: 0.8rem;line-height: 0.8rem; } #cartPay .payWayBox .payWay .left .text{ height: 0.8rem;line-height: 0.4rem;padding: 0rem 0.1rem; } #cartPay .payWayBox .payWay img{ width:0.26rem;height:0.26rem; } .clickLine { position: relative; width: 7.2rem; min-height: 0.9rem; line-height: 0.9rem; overflow: hidden; padding: 0 0 0 0.3rem; font-size: 0.28rem; margin-bottom: 0.2rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .clickLine > .t { float: left; min-width: 1.3rem; height: 0.9rem; padding-right: 0.1rem; box-sizing: border-box } .clickLine > .rTxt { float: right; padding-right: 0.5rem } .clickLine > .rTxtNone { float: right; color: #b8b8b8 } .clickLine > .switch { float: left; min-width: 3.4rem; height: 0.9rem; overflow: hidden } .clickLine > .switch > dd { min-width: 1.7rem; height: 0.9rem; float: left } .clickLine > .switch > dd > em { display: block; width: 0.6rem; height: 0.6rem; float: left; margin: 0.15rem -0.1rem 0 0; background-position: -3rem -1.2rem } .clickLine > .switch > dd.cur > em { background-position: -3.6rem -1.2rem } .clickLine > .tipico { float: left; display: block; min-width: 1rem; overflow: hidden; color: #002456; font-size: 0.24rem; padding-left: 0.1rem } .clickLine > .tipico > i { display: block; float: left; width: 0.4rem; height: 0.4rem; margin-top: 0.24rem; background-position: -0.4rem -4.4rem } .clickLine > .tipTxt { width: 6.9rem; height: 0.4rem } .clickLineTip { position: relative; width: 6.9rem; min-height: 0.4rem; line-height: 0.4rem; padding: 0.1em 0.3rem 0 0.3rem; margin: -0.2rem 0 0.2rem 0; font-size: 0.22rem } #cartAdd { width: 7.5rem; min-height: 5rem; margin-bottom: 3.2rem } #cartAdd.scroll { position: fixed; left: 0; top: 0; height: calc(100% - 2rem); margin-bottom: 0 } #cartAdd ul.list { width: 7.5rem } #cartAdd ul.list li { position: relative; width: 6.9rem; min-height: 1.9rem; padding: 0.3rem 0.3rem 0 0.3rem; margin-bottom: 0.2rem; line-height: 0.5rem; background-color: #fff; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } #cartAdd ul.list li.nothing { position: relative; height: 5.5rem; border: 0; background-color: transparent } #cartAdd ul.list li.nothing span { display: block; width: 5rem; height: 5rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../images/addressNone.png) 0 0 no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto } #cartAdd ul.list li .title { height: 0.5rem; font-size: 0.28rem } #cartAdd ul.list li .info { line-height: 0.4rem; min-height: 0.4rem; color: #b8b8b8; margin-bottom: 0.2rem } #cartAdd ul.list li.cur .title, #cartAdd ul.list li.cur .info { color: #002456 } #cartAdd ul.list li .opt { height: 0.8rem; line-height: 0.8rem; border-top: 0.01rem #f0f0f0 solid } #cartAdd ul.list li .opt a { display: block; float: right; position: relative; width: 1.2rem; height: 0.8rem; line-height: 0.8rem; color: #b8b8b8 } #cartAdd ul.list li .opt a i { float: left; display: block; width: 0.6rem; height: 0.6rem; margin-top: 0.1rem } #cartAdd ul.list li .opt a.default i { background-position: -4.2rem -0.6rem } #cartAdd ul.list li .opt a.edit i { background-position: -4.8rem -0.6rem } #cartAdd ul.list li .opt a.del i { background-position: -5.4rem -0.6rem } #cartAdd ul.list li .opt a.default { float: left; width: 2rem; color: #002456 } #cartAdd .addBox { position: absolute; left: 0; top: 0; width: 7.5rem; min-height: 8rem; font-size: 0.28rem } #cartAdd .addBox .tip { width: 100%; height: 0.6rem; line-height: 0.6rem; text-align: center; background-color: #db5f69; color: #ffffff; margin-bottom: 0.2rem; font-size: 0.24rem } #cartAdd .addBox .title { width: 100%; height: 0.5rem; line-height: 0.5rem; color: #b8b8b8; font-size: 0.24rem; padding-left: 0.3rem; box-sizing: border-box } #cartAdd .addBox ul { width: 6.9rem; padding: 0 0.3rem } #cartAdd .addBox ul li { height: 1rem; line-height: 1rem; border-bottom: 0.01rem #f0f0f0 solid } #cartAdd .addBox ul li:last-child { border-bottom: 0 } #cartAdd .addBox ul li span { display: block; float: left; width: 1.5rem; height: 1rem } #cartAdd .addBox ul li input { float: left; width: 5.4rem; height: 0.4rem; line-height: 0.4rem; margin: 0.3rem 0; border: 0; font-size: 0.28rem; color: #404040; outline: none } #cartAdd .addBox ul li textarea { float: left; width: 5.4rem; height: 1.2rem; line-height: 0.4rem; margin: 0.3rem 0; border: 0; font-size: 0.28rem; color: #404040; outline: none; resize: none } #cartAdd .addBox ul li.max span { width: 1.8rem } #cartAdd .addBox ul li.max input { width: 5.1rem } #cartAdd .addBox ul li.inv0 { display: none } #cartAdd .addBox dl { height: 1rem } #cartAdd .addBox dl dd { min-width: 0.6rem; height: 1rem; float: left; margin: 0 0.4rem 0 -0.2rem } #cartAdd .addBox dl dd em { display: block; width: 0.6rem; height: 0.6rem; float: left; margin: 0.2rem -0.1rem 0 0; background-position: -3rem -1.2rem } #cartAdd .addBox dl dd.cur em { background-position: -3.6rem -1.2rem } #cartAdd .addBox .setDef { width: 7.5rem; height: 1rem; line-height: 1rem; margin-top: 0.2rem; padding: 0 0.3rem;box-sizing: border-box; } #cartAdd .addBox .setDef a { display: block; float: left; width: 1.5rem; height: 1rem } #cartAdd .addBox .setDef .switch { position: relative; display: block; float: right; width: 1rem; height: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; background-color: #dedede; margin-top: 0.25rem } #cartAdd .addBox .setDef .switch i { position: absolute; left: 0; top: 0; display: block; width: 0.42rem; height: 0.42rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; background-color: #ffffff; border: 0.04rem #dedede solid; transition: all .3s ease; -webkit-transition: all .3s ease; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } #cartAdd .addBox .setDef .switch.cur { background-color: #002456 } #cartAdd .addBox .setDef .switch.cur i { border: 0.04rem #002456 solid; transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0) } #main .orderStep { width: 7.5rem; height: 2.9rem; font-size: 0.26rem; overflow: hidden; border-bottom: 0.2rem #f0f0f0 solid } #main .orderStep .step { width: 6rem; height: 1.4rem; margin: 0.4rem auto 0 auto; position: relative } #main .orderStep .step:after { position: absolute; z-index: 1; left: 0.6rem; top: 0.3rem; width: 4.8rem; height: 0.02rem; overflow: hidden; background-color: #bdbdbd; content: '' } #main .orderStep .step ul { position: absolute; z-index: 2; left: 0; top: 0; width: 6rem; height: 1rem } #main .orderStep .step ul li { float: left; width: 1.5rem; height: 1.4rem; color: #b8b8b8 } #main .orderStep .step ul li.cur { color: #313131 } #main .orderStep .step ul li i { display: block; width: 0.6rem; height: 0.6rem; margin: 0 auto; background-position: -6rem 0 } #main .orderStep .step ul li.cur i { width: 0.6rem; height: 0.6rem; background-position: -6.6rem 0 } #main .orderStep .step ul li span { display: block; width: 1.5rem; height: 0.4rem; line-height: 0.4rem; text-align: center } #main .orderStep .txt { width: 6.9rem; line-height: 0.4rem; margin: 0 auto } #main .orderProList { border-bottom: 0.2rem #f0f0f0 solid } #main .orderLog { width: 6.9rem; padding: 0.2rem 0.3rem; line-height: 0.5rem; min-height: 1rem; font-size: 0.26rem; color: #b8b8b8; border-bottom: 0.2rem #f0f0f0 solid } #main .orderLog .title { color: #313131; height: 0.5rem; overflow: hidden } #main .orderLog .info { line-height: 0.4rem } #main .orderLog .opt { height: 0.6rem; line-height: 0.6rem; border-top: 0.01rem #f0f0f0 solid; margin-top: 0.2rem; margin-bottom: -0.2rem } #main .orderLog .opt a { display: block; float: right; font-size: 0.24rem } #main .orderLog .opt a i { float: left; display: block; width: 0.6rem; height: 0.6rem; background-position: -4.8rem -0.6rem } #main .orderLog .title_max { width: 6.9rem; height: 0.8rem; line-height: 0.8rem; margin: 0 auto; border-bottom: 0.01rem #e2e2e2 solid; font-size: 0.28rem; color: #313131 } #main .orderLog ul { width: 6.9rem } #main .orderLog ul li { line-height: 0.5rem; padding-top: 0.2rem; padding-left: 0.4rem; position: relative } /*#main .orderLog ul li:first-child { color: #002456 }*/ #main .orderLog ul li:before { position: absolute; content: '\20'; width: 0.16rem; height: 0.16rem; background-color: #b8b8b8; top: 0.36rem; left: 0; -webkit-border-radius: 0.16rem; -moz-border-radius: 0.16rem; border-radius: 0.16rem } /*#main .orderLog ul li:first-child:before { background-color: #002456 }*/ #main .orderLog ul li i { display: block; font-style: normal } #main .orderExpress { position: relative; width: 6.7rem; height: 0.9rem; line-height: 0.9rem; overflow: hidden; padding: 0 0.5rem 0 0.3rem; font-size: 0.28rem; border-bottom: 0.2rem #f0f0f0 solid; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } #main .orderExpress .rTxt { float: right; color: #b8b8b8 } .cardTopTab { width: 6.9rem; height: 1rem; overflow: hidden; margin: 0 auto } .cardTopTab.full { position: fixed; width: 100%; left: 0; top: 0; right: 0; margin: 0 auto; z-index: 10 } .cardTopTab.w100 { width: 100% } .cardTopTab.w100.fixed { position: fixed; left: 0; top: 1rem; right: 0; margin: 0 auto; z-index: 99 } .cardTopTab li { float: left; position: relative; width: 50%; height: 1rem; line-height: 1rem; text-align: center; font-size: 0.3rem; color: #b8b8b8 } .cardTopTab li:first-child { } .cardTopTab li:first-child:before { content: '\20'; position: absolute; right: 0; top: 0.14rem; width: 0.01rem; height: 0.72rem; overflow: hidden; border-right: 0.01rem #e2e2e2 solid } .cardTopTab li:after { content: '\20'; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.02rem; overflow: hidden; border-bottom: 0.02rem #e2e2e2 solid } .cardTopTab li.cur { color: #002456 } .cardTopTab li.cur:after { content: '\20'; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.02rem; overflow: hidden; border-bottom: 0.02rem #002456 solid } .cardAdd { width: 6.9rem; height: 0.7rem; padding: 0.6rem 0 0.4rem 0; margin: 0 auto } .cardAdd input { float: left; width: 4.7rem; height: 0.42rem; line-height: 0.42rem; padding: 0.12rem; border: 0.02rem #002456 solid; font-size: 0.28rem; color: #404040; outline: none; background-color: #f5f5f5; -webkit-border-radius: 0.06rem; -moz-border-radius: 0.06rem; border-radius: 0.06rem; text-transform: uppercase } .cardAdd a { float: right; width: 1.6rem; height: 0.7rem; line-height: 0.7rem; text-align: center; background-color: #002456; color: #fff; font-size: 0.3rem } .cardList { width: 6.9rem; min-height: 5.5rem; padding-bottom: 2rem; margin: 0 auto } .cardList .coupon { display: block } .cardList .coupon:last-child { display: none } .cardList .nothing { position: relative; width: 6.9rem; height: 5.5rem } .cardList .nothing span { display: block; width: 5rem; height: 5rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../images/cardNone.png) 0 0 no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto } .cardList .nothing.mall span { display: block; width: 5rem; height: 5rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../images/cardMallNone.png) 0 0 no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto } .cardList .haveList .title { height: 0.4rem; line-height: 0.4rem; padding-top: 0.3rem; color: #b8b8b8; font-size: 0.26rem } .cardList .haveList .title i { color: #002456; font-style: normal; margin: 0 0.04rem } .cardList .haveList .title .listTip { float: right } .cardList .haveList .title .listTip span { float: left; display: inline-block; width: 0.4rem; height: 0.4rem; background-position: 0 -4rem } .cardList .haveList ul { width: 6.9rem; min-height: 2.8rem } .cardList .haveList ul li { position: relative; height: 2.4rem; border: 0.01rem #b0b0b0 solid; margin: 0.3rem 0; overflow: hidden; background: url(../images/giftCardBg.png) 50% 50% no-repeat; background-size: cover; -webkit-background-size: cover } .cardList .haveList ul li .tip { position: absolute; left: -0.02rem; top: -0.02rem; width: 1rem; height: 1rem; background: url(../images/cardico.png) 0 0 no-repeat; background-size: 2rem 2rem; -webkit-background-size: 2rem 2rem } .cardList .haveList ul li .tip.s0 { background: none } .cardList .haveList ul li .tip.s1 { background-position: 0 0 } .cardList .haveList ul li .tip.s2 { background-position: 0 -1rem } .cardList .haveList ul li .tip.s3 { background-position: -1rem 0 } .cardList .haveList ul li a { position: absolute; display: block; right: 0.4rem; bottom: 0.4rem; width: 1.4rem; height: 0.5rem; line-height: 0.5rem; margin: 0; font-weight: normal; font-size: 0.26rem; font-family: "Arial"; background-color: #002456; color: #ffffff; text-align: center } .cardList .haveList ul li .lbox { float: left; width: 2rem; height: 1.8rem; padding: 0.3rem 0 0.3rem 0.2rem; overflow: hidden } .cardList .haveList ul li .lbox img { width: 2rem; height: 1.8rem } .cardList .haveList ul.gift li .lbox img { width: 1.8rem; height: 1.8rem; margin-left: 0.1rem } .cardList .haveList ul li .rbox { float: left; width: 4.4rem; height: 1.2rem; padding: 0.6rem 0; overflow: hidden; line-height: 0.4rem; color: #b8b8b8; overflow: hidden } .cardList .haveList ul li .rbox h3 { height: 0.4rem; line-height: 0.4rem; font-size: 0.3rem; font-weight: normal; color: #002456; overflow: hidden } .cardList .haveList ul.gift li .rbox h3 { margin: 0.2rem 0 0.1rem 0 } .cardList .haveList ul li .rbox p { width: 4.4rem; height: 0.4rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .cardList .haveList ul li.end a { background-color: #8d8d8d } #main .scanSearch { width: 6.9rem; min-height: 1.7rem; padding: 0.4rem 0.3rem } #main .scanSearch input { width: 6.6rem; height: 0.42rem; line-height: 0.42rem; padding: 0.14rem; border: 0; font-size: 0.28rem; color: #404040; outline: none; background-color: #f5f5f5; -webkit-border-radius: 0.06rem; -moz-border-radius: 0.06rem; border-radius: 0.06rem; text-transform: uppercase } #main .scanSearch a { width: 2rem; height: 0.66rem; line-height: 0.66rem; text-align: center; background-color: #ffffff; color: #002456; font-size: 0.3rem; border: 0.02rem #002456 solid; margin: 0.3rem auto 0 auto } #main .scanMallCard { position: relative; width: 7.5rem; min-height: 7rem; border-top: 0.2rem #f0f0f0 solid } #main .scanMallCard span { display: block; width: 6rem; height: 5rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../images/scan.png) 0 0 no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto } #main .scanCardAdd { position: fixed; bottom: 0; left: 0; width: 7.5rem; height: 0.7rem; padding: 0.4rem 0; margin: 0 auto; border-top: 0.2rem #f0f0f0 solid } #main .scanCardAdd input { float: left; margin-left: 0.3rem; width: 4.7rem; height: 0.42rem; line-height: 0.42rem; padding: 0.12rem; border: 0.02rem #002456 solid; font-size: 0.28rem; color: #404040; outline: none; background-color: #f5f5f5; -webkit-border-radius: 0.06rem; -moz-border-radius: 0.06rem; border-radius: 0.06rem; text-transform: uppercase } #main .scanCardAdd a { float: right; margin-right: 0.3rem; width: 1.6rem; height: 0.7rem; line-height: 0.7rem; text-align: center; background-color: #002456; color: #fff; font-size: 0.3rem } #main .userHead { width: 7.5rem; height: 4.2rem; overflow: hidden; position: relative; color: #fff } #main .userHead.level1 { background: url("../images/user_level1.jpg") 0 0 no-repeat; background-size: cover; -webkit-background-size: cover } #main .userHead.level2 { background: url("../images/user_level2.jpg") 0 0 no-repeat; background-size: cover; -webkit-background-size: cover } #main .userHead.level3 { background: url("../images/user_level3.jpg") 0 0 no-repeat; background-size: cover; -webkit-background-size: cover } #main .userHead.level4 { background: url("../images/user_level4.jpg") 0 0 no-repeat; background-size: cover; -webkit-background-size: cover } #main .userHead .con { width: 6.2rem; height: 3.3rem; padding-top: 0.6rem; margin: 0 auto; position: relative } #main .userHead .con a.m { display: block; width: 0.4rem; height: 0.4rem; background-position: -2.4rem -4rem; position: absolute; right: 0.4rem; top: 2.98rem; bottom: 0 } #main .userHead .con .usertop { width: 6.2rem; height: 1.94rem } #main .userHead .con .usertop .headImg { position: relative; float: left; top: -0.06rem; width: 1.2rem; height: 1.2rem; margin-right: 0.2rem; overflow: hidden; -webkit-border-radius: 1.2rem; -moz-border-radius: 1.2rem; border-radius: 1.2rem; border: 0.02rem #d1d1d1 solid } #main .userHead .con .usertop .headImg img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; width: 1.16rem; height: 1.16rem; overflow: hidden; margin: auto; -webkit-border-radius: 1.16rem; -moz-border-radius: 1.16rem; border-radius: 1.16rem } #main .userHead .con .usertop .headTxt { float: left; width: 4rem; height: 1.2rem; overflow: hidden } #main .userHead .con .usertop .headTxt h3 { width: 3.6rem; height: 0.5rem; line-height: 0.5rem; margin-top: 0.12rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.28rem; font-weight: normal } #main .userHead .con .usertop .headTxt h3 span { display: inline-block; max-width: 2.6rem; height: 0.5rem; line-height: 0.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.3rem; font-weight: normal } #main .userHead .con .usertop .headTxt h3 i { display: inline-block; width: 0.4rem; height: 0.4rem; margin-top: 0.04rem; text-indent: -10rem; background-position: -0.4rem -4rem; vertical-align: top } #main .userHead .con .usertop .headTxt h3 i.girl { background-position: -0.8rem -4rem } #main .userHead .con .usertop .headTxt span { display: inline-block; height: 0.4rem; line-height: 0.4rem } #main .userHead .con .usertop .headTxt em { display: none; height: 0.5rem; line-height: 0.5rem; margin-left: 0.3rem; font-style: normal } #main .userHead .con .userexp { line-height: 0.6rem; text-align: center } #main .userHead .con .userexp span { display: block; width: 4.3rem; height: 0.08rem; margin: 0 auto; background: #fff; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem } #main .userHead .con .userexp span i { display: block; width: 0.08rem; height: 0.08rem; background: #9299a1; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; border-radius: 0.1rem; transition: all .3s ease; -webkit-transition: all .3s ease } #main .userHead.level2 .con .userexp span i { background: #606373 } #main .userHead.level3 .con .userexp span i { background: #8a671e } #main .userHead.level4 .con .userexp { display: none } #main .userHead.level4 .con .usertop { width: 6.2rem; height: 2.8rem; padding-top: 0.4rem } #main .userHead.level4 .con .usertop .headImg { float: none; margin: 0 auto } #main .userHead.level4 .con .usertop .headTxt { float: none; width: 6.2rem; height: 1.2rem; overflow: hidden; text-align: center; font-size: 0.26rem } #main .userHead.level4 .con .usertop .headTxt h3 { width: 6.2rem; height: 0.5rem; line-height: 0.5rem; margin-top: 0.2rem } #main .userHead.level4 .con .usertop .headTxt em { display: inline-block } #main .userHead.level4 .con a.m { display: none } #main .userMenu { width: 6.9rem; min-height: 1rem; margin: 0 auto; padding-bottom: 0.2rem } #main .userMenu li { height: 1rem; line-height: 1rem; border-bottom: 0.01rem #e2e2e2 solid; position: relative } #main .userMenu li.max { height: 1.8rem } #main .userMenu li.first, #main .userMenu li.last { border: 0 } #main .userMenu li a { display: block; width: 100%; height: 100%; color: #313131; font-size: 0.28rem; position: absolute; z-index: 10 } #main .userMenu li.max dl { width: 6.9rem; height: 1.8rem; overflow: hidden; margin: 0 auto } /*#main .userMenu li.max dl dd { float: left; width: 1.8rem; height: 1.8rem; line-height: 0.5rem; overflow: hidden; text-align: center }*/ /*#main .userMenu li.max dl dd:first-child, #main .userMenu li.max dl dd:last-child { width: 1.65rem }*/ #main .userMenu li.max dl dd a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; color: #777777; font-size: 0.24rem } #main .userMenu li.max dl dd a em { display: block; position: absolute; left: 56%; top: 0.1rem; min-width: 0.16rem; padding: 0 0.04rem; height: 0.24rem; line-height: 0.24rem; border-radius: 10px; background: #002456; color: #fff; font-size: 0.2rem; font-style: normal; text-align: center } #main .userMenu li.max dl dd span { display: block; width: 1.2rem; height: 1rem; margin: 0.1rem auto 0 auto } #main .userMenu li.max dl dd span.i1 { background-position: 0 -3rem } #main .userMenu li.max dl dd span.i2 { background-position: -1.2rem -3rem } #main .userMenu li.max dl dd span.i3 { background-position: -2.4rem -3rem } #main .userMenu li.max dl dd span.i4 { background-position: -3.6rem -3rem } #main .userMenu li.max dl dd span.i5 { background-position: -4.8rem -3rem } #main .userMenuIco { width: 100%; min-height: 1rem; padding-bottom: 0.2rem; border-top: 0.2rem #f0f0f0 solid } #main .userMenuIco li { float: left; width: 25%; height: 1.8rem } #main .userMenuIco li a { display: block; position: relative; width: 100%; height: 100% } #main .userMenuIco li a i { display: block; position: absolute; left: 0; right: 0; top: 0.3rem; margin: 0 auto; width: 1rem; height: 1rem; background: url(../images/userMenuIco.png) 0 0/5rem 5rem no-repeat } #main .userMenuIco li a i.i1 { background-position: 0 0 } #main .userMenuIco li a i.i2 { background-position: -1rem 0 } #main .userMenuIco li a i.i3 { background-position: -2rem 0 } #main .userMenuIco li a i.i4 { background-position: -3rem 0 } #main .userMenuIco li a i.i5 { background-position: -4rem 0 } #main .userMenuIco li a i.i6 { background-position: 0 0 } #main .userMenuIco li a i.i7 { background-position: -1rem -1rem } #main .userMenuIco li a i.i8 { background-position: -2rem -1rem } #main .userMenuIco li a i.i9 { background-position: -3rem -1rem } #main .userMenuIco li a i.i10 { background-position: -4rem -1rem } #main .userMenuIco li a i.i11 { background-position: 0 -2rem} #main .userMenuIco li a span { display: block; position: absolute; top: 1.2rem; width: 100%; height: 0.5rem; line-height: 0.5rem; text-align: center } #main .orderTab { position: fixed; z-index: 99; left: 0; top: 0; width: 7.5rem; height: 0.9rem; overflow: hidden } #main .orderTab li { position: relative; width: 20%; height: 0.5rem; line-height: 0.5rem; text-align: center; font-size: 0.26rem; color: #404040 } #main .orderTab li a { display: block; width: 100%; height: 100% } #main .orderTab li:first-child { margin-left: 0.1rem;} #main .orderTab li.cur, #main .orderTab li.cur a { color: #fff;background-color: #041760;border-radius: 0.24rem; } /*#main .orderTab li.cur:after { content: '\20'; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.02rem; overflow: hidden; background-color: #002456 }*/ #main .orderList { width: 7.5rem; min-height: 2.9rem; border-top: 0.2rem #f0f0f0 solid; margin-top: 1rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } #main .orderList.notb { border: 0; margin-top: 0 } #main .orderList li { width: 7rem; min-height: 2.9rem; padding: 0 0.25rem; border-bottom: 0.2rem #f0f0f0 solid;font-family: FZLTXIHJW; } #main .orderList li.nothing { position: relative; height: 5.5rem; border: 0 } #main .orderList li.nothing span { display: block; width: 5rem; height: 5rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../images/orderNone.png) 0 0 no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto } #main .orderList li .otitle { height: 0.9rem; line-height: 0.9rem; border-bottom: 0.01rem #e2e2e2 solid; font-size: 0.25rem } #main .orderList li .otitle span { float: right; color: #12215e;font-weight: 500 } #main .orderList li .otitle span.status1 { float: right; color: #b8b8b8 } #main .orderList li .otitle span.status2 { float: right; color: #aa6e0f } #main .orderList li .otitle span.status3 { float: right; color: #002456 } #main .orderList li .ocon { position: relative; padding: 0.3rem 0; overflow: hidden;border-bottom: 0.015rem dashed #e2e2e2; } #main .orderList li .ocon a { display: flex; width: 100%; height: 100% } #main .orderList li .ocon .cImg { width: 1.5rem; margin: 0 0.2rem 0rem 0; } #main .orderList li .ocon .cImg img { width: 1.5rem; overflow: hidden } #main .orderList li .ocon .cTxt { width: 5.3rem; line-height: 0.42rem } #main .orderList li .ocon .cTxt .title { width: 5.3rem; font-size: 0.3rem;font-weight:500;font-family: FZLTZHJW;line-height: 0.4rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; /* 限制行数 */-webkit-box-orient: vertical; } #main .orderList li .ocon .cTxt .info { width: 4rem; height: 0.46rem;font-size:0.25rem;line-height: 0.46rem; overflow: hidden; color: #b8b8b8; text-overflow: ellipsis; white-space: nowrap } #main .orderList li .ocon .cTxt .remark { width: 5.4rem; font-size:0.25rem;line-height: 0.38rem; color: #b8b8b8; } #main .orderList li .ocon .cTxt .deliverInfo { width: 5.3rem; color: #b8b8b8; } #main .orderList li .ocon .cTxt .price {position: absolute;right: 0;bottom:0.3rem; color: #81540F; text-align: right;font-family: DINCondBlack;line-height: 0.3rem; } #main .orderList li .ocon .cTxt .price i { display: inline-block; font-size: 0.3rem; font-style:normal;font-family: FZLTZHJW } #main .orderList li .ocon .cTxt .price span { display: inline-block; font-size: 0.36rem; } #main .orderList li .ocon .cTxt .price em { float: left; display: inline-block; color: #b8b8b8; text-decoration: line-through; font-style: normal } #main .orderList li .ocon .cNum { height: 0.36rem; line-height: 0.36rem; font-size: 0.22rem; color: #b8b8b8;font-family: FZLTHJT; margin-bottom: -0.24rem;display: flex;justify-content: flex-end; } #main .orderList li .ocon .cPrice { position: absolute;right: 0;bottom:0.3rem; line-height: 0.34rem; text-align: right; padding-top: 1rem; color: #81540F;font-family: DINCondBlack; } #main .orderList li .ocon .cPrice.max { padding-top: 0.5rem } #main .orderList li .ocon .cPrice i { display: inline-block; font-size: 0.3rem; font-style: normal;font-family: FZLTZHJW; } #main .orderList li .ocon .cPrice span { display: inline-block; font-size: 0.36rem; } #main .orderList li .ocon .cPrice .cNum { height: 0.46rem; line-height: 0.46rem; font-size: 0.22rem; color: #b8b8b8; margin-bottom: -0.24rem;display: flex;justify-content: flex-end; } #main .orderList li .oset { padding:0.2rem 0 0.26rem;overflow: hidden; text-align: center;display: flex;justify-content: right;flex-direction: row-reverse;flex-wrap: wrap; } #main .orderList li .oset a { width: 1.7rem; height: 0.48rem; line-height: 0.5rem; margin: 0; font-weight: normal; font-size: 0.22rem; border: 0.015rem #041760 solid; margin: 0 0 0rem 0.2rem;border-radius: 0.3rem } #main .orderList li .oset a.pay { background-color:#041760;color: #fff; border: 0.02rem #041760 solid } #main .orderList li .oset a.change,#main .orderList li .oset a.backmoney { color: #7a7a7a; border: 0.02rem #7a7a7a solid; } #main .orderList li .oset a.time { width: 3rem; float: left; text-align: left; color: #aa6e0f; border: 0.02rem #ffffff solid; margin: 0 } #main .orderList li .oset a:last-child { margin-right: 0 } #main .orderList li .oset span { display: block; float: right; height: 0.5rem; line-height: 0.5rem; font-size: 0.26rem; color: #b8b8b8 } #main .winBox { width: 7.5rem; min-height: 7rem } #main .winBox .nothing { position: relative; width: 100%; height: 5.5rem } #main .winBox .nothing > span { display: block; width: 5rem; height: 1.7rem; padding-top: 3.3rem; color: #b8b8b8; line-height: 0.4rem; text-align: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../images/winNone.png) 0 0 no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto } #main .winBox .winList .top_title { width: 6.9rem; margin: 0 auto; height: 1rem; line-height: 1rem; color: #b8b8b8; font-size: 0.26rem; border-bottom: 0.01rem #e2e2e2 solid } #main .winBox .winList .top_title i { color: #002456; font-style: normal; margin: 0 0.04rem } #main .winBox .winList .title { width: 4.4rem } #main .goldTop { width: 6.9rem; height: 1rem; padding: 0 0.3rem; overflow: hidden; line-height: 1rem; border-bottom: 0.2rem #f0f0f0 solid; font-size: 0.28rem } #main .goldTop a { float: right; width: 1.2rem; height: 0.5rem; line-height: 0.5rem; margin-top: 0.24rem; font-weight: normal; font-size: 0.26rem; font-family: "Arial"; border: 0.02rem #002456 solid; text-align: center; color: #002456 } #main .goldList { width: 6.9rem; min-height: 4rem;margin: 0 auto; } #main .goldList .g_title { height: 0.7rem; padding: 0.3rem 0; overflow: hidden; text-align: center } #main .goldList .g_title label { position: relative; display: block; float: left; width: 2.38rem; height: 0.66rem; line-height: 0.66rem; border: 0.02rem #b8b8b8 solid; -webkit-border-radius: 0.06rem; -moz-border-radius: 0.06rem; border-radius: 0.06rem; margin-right: 0.2rem } #main .goldList .g_title label select { width: 2rem; height: 0.68rem; border: 0; background-color: transparent; font-size: 0.26rem; color: #404040; padding: 0 0.2rem; -webkit-appearance: none; outline: none } #main .goldList .g_title label:after { position: absolute; content: '\20'; right: 0.1rem; top: 0; bottom: 0; margin: auto 0; width: 0; height: 0; overflow: hidden; border-left: 0.08rem solid transparent; border-right: 0.08rem solid transparent; border-top: 0.14rem solid #b8b8b8 } #main .goldList .g_title a { float: left; width: 1.48rem; height: 0.66rem; line-height: 0.66rem; border: 0.02rem #002456 solid; color: #002456; font-size: 0.3rem } #main .goldList ul { width: 6.9rem } #main .goldList ul li { height: 0.8rem; line-height: 0.8rem; text-align: center; border-top: 0.01rem #e2e2e2 solid } #main .goldList ul li.th { font-size: 0.26rem; color: #002456 } #main .goldList ul li.nothing { position: relative; width: 100%; height: 5.5rem } #main .goldList ul li.nothing > span { display: block; width: 5rem; height: 1.7rem; padding-top: 3.3rem; color: #b8b8b8; line-height: 0.4rem; text-align: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../images/goldNone.png) 0 0 no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto } #main .goldList ul li span { display: block; float: left; height: 0.8rem; overflow: hidden } #main .goldList ul li span.l0 { width: 6.9rem } #main .goldList ul li span.l1 { width: 1.6rem } #main .goldList ul li span.l2 { width: 1.3rem } #main .goldList ul li span.l3 { width: 2.2rem } #main .goldList ul li span.l4 { width: 1.6rem } #main .bindBox { width: 6.9rem; padding: 0 0.3rem; min-height: 2rem; font-size: 0.28rem; display: none } #main .bindBox li { height: 1rem; line-height: 1rem; border-bottom: 0.01rem #e2e2e2 solid } #main .bindBox li.title { height: 1.4rem; line-height: 1.4rem; text-align: center; color: #002456 } #main .bindBox li dl { width: 6.9rem; min-height: 1rem } #main .bindBox li dl dt { float: left; width: 2rem; height: 1rem; text-align: right } #main .bindBox li dl dd { float: left; width: 4.9rem; height: 1rem } #main .bindBox li dl dd input { float: left; width: 4.9rem; height: 0.4rem; line-height: 0.4rem; margin: 0.3rem 0; border: 0; font-size: 0.28rem; color: #404040; outline: none } #main .bindBox li dl dd.min input { width: 2.4rem; margin-right: 0.2rem } #main .bindBox li dl dd.min em { float: left; width: 2.4rem; height: 0.4rem; line-height: 0.4rem; margin: 0.3rem 0; font-size: 0.28rem; margin-right: 0.2rem; font-style: normal } #main .bindBox li dl em.birthday_val{width: 2.4rem; height: 0.4rem; line-height: 0.4rem; margin: 0.3rem 0; font-size: 0.28rem; margin-right: 0.2rem; font-style: normal } #main .bindBox li dl dd.min a { float: left; width: 2rem; height: 0.7rem; line-height: 0.7rem; color: #ffffff; font-size: 0.26rem; background-color: #002456; text-align: center; margin-top: 0.15rem } #main .searchBox { width: 7.5rem; min-height: 2.1rem; border-top: 0.2rem #f0f0f0 solid } #main .searchBox a { display: block; width: 100%; height: 100% } #main .searchBox .title { width: 5.2rem; margin-top: 0.3rem } #main .searchBox .nothing { width: 7.5rem; height: 2rem; line-height: 2rem; text-align: center; color: #b8b8b8; font-size: 0.26rem } #main .raidersTop { width: 7.5rem; height: 3.24rem; background: url(../images/integral_strategy_top.jpg) 0 0 no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; position: relative; margin-bottom: 0.5rem } #main .raidersTop p { width: 100%; line-height: 0.5rem; font-size: 0.26rem; color: #fff; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); letter-spacing: 0.02rem } #main .raidersCon { width: 6.9rem; margin: 0.4rem auto 0 auto } #main .raidersCon > li { width: 6.9rem; min-height: 2rem; display: none; padding-bottom: 0.4rem } #main .raidersCon > li:first-child { display: block } #main .raidersCon > li table { width: 6.9rem; box-sizing: border-box; -webkit-box-sizing: border-box; border: 0.01rem #002456 solid; -webkit-border-radius: 0.08rem; -moz-border-radius: 0.08rem; border-radius: 0.08rem; overflow: hidden } #main .raidersCon > li table tr th { height: 0.6rem; line-height: 0.6rem; background-color: #002456; text-align: center; color: #ffffff } #main .raidersCon > li table tr th.max { height: 1rem; line-height: 0.5rem; border-right: 0.01rem #ffffff solid } #main .raidersCon > li table tr th.max span { display: block; height: 0.5rem; text-align: right; padding: 0 0.1rem } #main .raidersCon > li table tr th.max span:last-child { text-align: left } #main .raidersCon > li table tr th.max:first-child { width: 1.9rem; position: relative; overflow: hidden } #main .raidersCon > li table tr th.max:first-child:after { position: absolute; left: 0; top: 0; content: '\20'; width: 2.5rem; height: 0.01rem; border-bottom: 0.01rem #ffffff solid; transform-origin: 0 0; transform: rotate(27.5deg) } #main .raidersCon > li table tr td { border-bottom: 0.01rem #002456 solid; border-right: 0.01rem #002456 solid; padding: 0.1rem; line-height: 0.4rem; text-align: center; color: #7a7a7a; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 0.2rem } #main .raidersCon > li table tr:last-child td { border-bottom: none } #main .raidersCon > li table tr td:last-child { border-right: none } #main .raidersCon > li table tr td:last-child.br { border-right: 0.01rem #002456 solid } #main .raidersCon > li table tr td.w1 { width: 1.2rem } #main .raidersCon > li table tr td.w2 { width: 2.8rem } #main .raidersCon > li table tr td.w3 { width: 1.25rem; line-height: 0.2rem; padding: 0.2rem 0.1rem } #main .raidersCon > li table tr td.blue { color: #002456 } #main .raidersCon > li table tr td.tal { text-align: left } #main .raidersCon > li table tr td em { display: block; width: 0.2rem; height: 0.2rem; background: url(../images/raidersIco.png) 0 0 no-repeat; background-size: cover; -webkit-background-size: cover; margin: 0 auto } #main .raiders_title { color: #002456; font-size: 0.34rem; text-align: center } #main .raidersCon > li .title { height: 0.6rem; line-height: 0.6rem; color: #002456; margin-top: 0.4rem; margin-bottom: 0.04rem; font-size: 0.26rem } #main .raidersCon > li .title .mark { display: inline-block; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; border-radius: 0.2rem; background-color: #002456; color: #fff; text-align: center } #main .raidersCon > li .txtArr { width: 6.9rem } #main .raidersCon > li .txtArr p { padding-left: 0.3rem; line-height: 0.4rem; margin-bottom: 0.1rem; position: relative; text-align: justify; color: #7a7a7a } #main .raidersCon > li .txtArr p i { display: block; position: absolute; left: 0; top: 0; width: 0.3rem; height: 0.4rem; overflow: hidden; line-height: 0.4rem; font-style: normal } #main .getMT { width: 7.5rem; height: 4.9rem; background: url(../images/getMovieTicket.png) 0 0 no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto } #main .getMT ul { width: 6.1rem; height: 4rem; margin: 0 auto; padding-top: 0.4rem } #main .getMT ul li { width: 5.9rem; height: 1rem; line-height: 1rem; border-bottom: 0.01rem #e2e2e2 solid; padding: 0 0.1rem } #main .getMT ul li:last-child { border-bottom: none } #main .getMT ul li span { display: block; float: left; width: 2rem; font-size: 0.26rem } #main .getMT ul li em { display: block; float: right; font-style: normal; width: 3rem; font-size: 0.26rem; text-align: right; color: #7a7a7a } #main .getMTinfo { width: 6.6rem; margin: 0 auto; color: #7a7a7a; padding-bottom: 2rem } #main .getMTinfo li { list-style-type: decimal; list-style-position: inside; line-height: 0.5rem } #main .site_title { width: 7.5rem; height: 0.5rem; line-height: 0.5rem; color: #002456; font-size: 0.3rem; text-align: center; margin-top: 0.5rem; background: url(../images/site-title.png) 0 0 no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto } #main .dzpBox { width: 7.5rem; height: 6.9rem; position: relative; border-bottom: 0.2rem #f0f0f0 solid; z-index: 10 } #main .dzpBox .circle { position: absolute; width: 6rem; height: 6rem; left: 0; top: 0.4rem; right: 0; margin: 0 auto; background: url(../images/old/dzp-circle.png) 0 0 no-repeat; background-size: 6rem 6rem; -webkit-background-size: 6rem 6rem; z-index: 11 } #main .dzpBox .circleBtn { position: absolute; left: 0; right: 0; margin: 0 auto; top: 2.08rem; width: 1.7rem; height: 2.2rem; display: block; background: url(../images/old/dzp-circle-btn.png) 0 0 no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; z-index: 12 } #main .dzpWin { width: 7.5rem; position: relative; padding-bottom: 0.5rem } #main .dzpWin .title { width: 7.5rem; height: 0.5rem; line-height: 0.5rem; color: #aa6e0f; font-size: 0.3rem; text-align: center; margin-top: 0.3rem; margin-bottom: 0.2rem; background: url(../images/old/site-title1.png) 0 0 no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto } #main .dzpWin .dzpwinbox { width: 7.5rem; height: 1.8rem; overflow: hidden } #main .dzpWin ul { width: 7.5rem } #main .dzpWin ul li { height: 0.6rem; padding: 0 0.5rem; border-bottom: 0.01rem #f3f3f3 solid; box-sizing: border-box; -webkit-box-sizing: border-box } #main .dzpWin ul li span, #main .dzpWin ul li i, #main .dzpWin ul li em { display: block; float: left; font-style: normal; line-height: 0.6rem; color: #002456; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #main .dzpWin ul li span { width: 1.6rem } #main .dzpWin ul li i { width: 2.9rem; padding: 0 0.3rem 0 0.2rem } #main .dzpWin ul li em { width: 1.5rem } #main .dzpWin .facebox { position: absolute; width: 7.5rem; height: 1rem; left: 0; bottom: 0.5rem; background: -webkit-linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, 1)); background: -o-linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, 1)); background: -moz-linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, 1)); background: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, 1)) } #main .singBox { height: 4.2rem; overflow: hidden; position: relative; border-bottom: 0.2rem #f0f0f0 solid } #main .singBox .title { height: 0.5rem; line-height: 0.5rem; margin-top: 0.5rem; margin-left: 0.9rem; font-size: 0.26rem } #main .singBox .title i { font-style: normal; color: #aa6e0f } #main .singBox .daylist { width: 6.3rem; height: 0.4rem; position: relative; left: 0; right: 0; top: 0; margin: 0.4rem auto 0 auto } #main .singBox .daylist .line { position: absolute; left: 0; top: 0.18rem; right: 0; width: 5.5rem; height: 0.02rem; margin: 0 auto; overflow: hidden; background-color: #c6c0c9 } #main .singBox .daylist ul { width: 6.3rem; height: 0.4rem; position: absolute } #main .singBox .daylist ul li { float: left; width: 0.9rem; height: 0.4rem } #main .singBox .daylist ul li span { display: block; width: 0.4rem; height: 0.4rem; margin: 0 auto; background-position: 0 0 } #main .singBox .daylist ul li i { display: block; width: 0.4rem; height: 0.6rem; margin: 0 auto; background-position: 0 -0.4rem; position: absolute; right: 0.25rem; top: -0.56rem } #main .singBox .daylist ul li.cur span { background-position: -0.4rem 0 } #main .singBox .daylist ul li.cur i { background-position: -0.4rem -0.4rem } #main .singBox .info { height: 1rem; line-height: 0.5rem; margin-top: 0.6rem; margin-left: 0.9rem; font-size: 0.3rem } #main .singBox .info p { font-size: 0.26rem; color: #b8b8b8 } #main .singBox .info span { display: inline-block; width: 0.4rem; height: 0.4rem; background-color: #aa6e0f; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; text-align: center; line-height: 0.4rem; overflow: hidden; color: #fff; margin: 0 0.06rem; vertical-align: top } #main .singBox .info i { font-style: normal; margin: 0 0.06rem } #main .singBox .getSingin { position: absolute; right: 0.9rem; top: 2.58rem; width: 2.1rem; height: 0.64rem; line-height: 0.64rem; background-color: #002456; font-weight: normal; font-size: 0.28rem; text-align: center; color: #ffffff; vertical-align: middle } #main .singBox .getSingin.curr { background-color: #b8b8b8 } #main .singTip { padding-bottom: 0.5rem } #main .singTip .title { width: 7.5rem; height: 0.5rem; position: relative; line-height: 0.5rem; color: #aa6e0f; font-size: 0.3rem; text-align: center; margin-top: 0.3rem; margin-bottom: 0.2rem; background: url(../images/old/site-title1.png) 0 0 no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto } #main .singTip .con { width: 5.5rem; margin: 0 auto; line-height: 0.5rem; color: #b8b8b8 } #main .milkList { width: 7.36rem; min-height: 5.6rem; margin: 0.15rem auto 0 auto; overflow: hidden } #main .milkList ul { width: 7.36rem; margin: 0 auto } #main .milkList ul li { float: left; width: 3.68rem; height: 5rem; overflow: hidden } #main .milkList ul li.nothing { float: none; width: 7.36rem; line-height: 2rem; text-align: center; font-size: 0.28rem } #main .milkList ul li a { display: block; width: 3.5rem; height: 4.8rem; background-color: #ffffff; overflow: hidden; margin: 0 auto; box-shadow: 0 0 5px rgba(0, 0, 0, .1) } #main .milkList ul li .p_img { width: 3.5rem; height: 3.5rem; overflow: hidden; position: relative } #main .milkList ul li .p_img img { width: 3.5rem; height: 3.5rem } #main .milkList ul li .p_title { width: 3.2rem; height: 0.5rem; line-height: 0.5rem; margin: 0 auto; overflow: hidden; font-size: 0.26rem; color: #313131; text-overflow: ellipsis; white-space: nowrap } #main .milkList ul li .p_rice { width: 3.2rem; height: 0.5rem; line-height: 0.5rem; margin: 0 auto; overflow: hidden; color: #b8b8b8; text-decoration: line-through } #main .milkList ul li .p_info { width: 3.2rem; height: 0.5rem; line-height: 0.5rem; margin: 0 auto; overflow: hidden; color: #b8b8b8 } #main .milkList ul li .p_buy { width: 3.2rem; height: 0.5rem; line-height: 0.5rem; margin: 0 auto; overflow: hidden; color: #aa6e0f; font-size: 0.28rem } #main .milkList ul li .p_buy span { display: block; float: right; width: 0.7rem; height: 0.4rem; margin-top: 0.05rem; background-position: -0.8rem 0 } #main .goldGiftTop { position: relative; width: 7.5rem; height: 7.5rem; overflow: hidden; border-bottom: 0.2rem #f0f0f0 solid; margin-top: -0.5rem } #main .goldGiftTop img { width: 7.5rem; height: 7.5rem; overflow: hidden } #main .goldGiftTop h1 { position: absolute; left: 0; bottom: 0; width: 100%; height: 1.2rem; line-height: 1.2rem; font-size: 0.3rem; text-align: center; color: #aa6e0f; font-weight: normal } #main .payStep { width: 7.5rem; height: 1.8rem; font-size: 0.26rem; overflow: hidden; border-bottom: 0.2rem #f0f0f0 solid } #main .payStep .step { width: 6rem; height: 1.4rem; margin: 0.4rem auto 0 auto; position: relative } #main .payStep .step:after { position: absolute; z-index: 1; left: 0.6rem; top: 0.3rem; width: 4.8rem; height: 0.02rem; overflow: hidden; background-color: #bdbdbd; content: '' } #main .payStep .step.min { width: 4.5rem; height: 1.4rem; margin: 0.4rem auto 0 auto; position: relative } #main .payStep .step.min:after { width: 3.3rem } #main .payStep .step ul { position: absolute; z-index: 2; left: 0; top: 0; width: 6rem; height: 1rem } #main .payStep .step ul li { float: left; width: 1.5rem; height: 1.4rem; color: #b8b8b8 } #main .payStep .step ul li.cur { color: #313131 } #main .payStep .step ul li i { display: block; width: 0.6rem; height: 0.6rem; margin: 0 auto; background-position: -6rem 0 } #main .payStep .step ul li.cur i { width: 0.6rem; height: 0.6rem; background-position: -6.6rem 0 } #main .payStep .step ul li span { display: block; width: 1.5rem; height: 0.4rem; line-height: 0.4rem; text-align: center } #main .goldOrder { width: 7.5rem; min-height: 2.1rem } #main .goldOrder.detail { border-bottom: 0.2rem #f0f0f0 solid } #main .goldOrder li { position: relative; width: 6.9rem; height: 1.5rem; padding: 0.3rem; overflow: hidden } #main .goldOrder li:after { position: absolute; content: ''; left: 0.3rem; bottom: 0; width: 6.9rem; height: 0.01rem; overflow: hidden; background-color: #e2e2e2 } #main .goldOrder li:last-child:after { display: none } #main .goldOrder li.nothing { position: relative; width: 6.9rem; height: 5.5rem } #main .goldOrder li.nothing > span { display: block; width: 5rem; height: 1.7rem; padding-top: 3.3rem; color: #b8b8b8; line-height: 0.4rem; text-align: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../images/goldOrderNone.png) 0 0 no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto } #main .goldOrder li .cImg { float: left; width: 1.5rem; height: 1.5rem; overflow: hidden; margin: 0 0.2rem 0.3rem 0; position: relative; border: 0.01rem #dedede solid; box-sizing: border-box; -webkit-box-sizing: border-box } #main .goldOrder li .cImg img { width: 1.5rem; height: 1.5rem; overflow: hidden } #main .goldOrder li .cTxt { float: left; width: 5.2rem; height: 1.5rem; overflow: hidden; line-height: 0.4rem } #main .goldOrder li .cTxt .title { width: 5.2rem; height: 0.4rem; overflow: hidden; font-size: 0.28rem; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0.08rem } #main .goldOrder li .cTxt .info { width: 5.2rem; height: 0.34rem; line-height: 0.34rem; overflow: hidden; color: #b8b8b8; text-overflow: ellipsis; white-space: nowrap } #main .goldOrder li .goldBtn { position: absolute; right: 0.3rem; top: 0.8rem; width: 1.2rem; height: 0.5rem; line-height: 0.48rem; background-color: #ffffff; border: 0.02rem #002456 solid; font-weight: normal; font-size: 0.26rem; text-align: center; color: #002456; box-sizing: border-box; -webkit-box-sizing: border-box } #main .goldOrder li .status { width: 0.9rem; height: 0.7rem; overflow: hidden; position: absolute; right: 0; top: 0; background: url(../images/orderStatus.png) 0 0 no-repeat; background-size: 0.9rem 2.4rem; -webkit-background-size: 0.9rem 2.4rem } #main .goldOrder li .status.s1 { background-position: 0 0 } #main .goldOrder li .status.s2 { background-position: 0 -0.8rem } #main .goldOrder li .status.s3 { background-position: 0 -1.6rem } #main .invoice { width: 100%; padding: 0.9rem 0 1.2rem 0 } #main .invoice h1 { position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 0.9rem; line-height: 0.9rem; text-align: center; background-color: #fff; font-size: 0.3rem; font-weight: normal } #main .invoice .noList { width: 100%; min-height: 2rem; line-height: 2rem; text-align: center; background-color: #fff; margin-top: 0.2rem; color: #b8b8b8 } #main .invoice .ordList { width: 100%; min-height: 1rem } #main .invoice .ordList li { min-height: 2.4rem; margin-top: 0.2rem; background-color: #fff } #main .invoice .ordList li .otitle { width: 6.9rem; height: 0.8rem; margin: 0 auto; line-height: 0.8rem; border-bottom: 0.01rem #e2e2e2 solid; font-size: 0.26rem } #main .invoice .ordList li .ocon { width: 6.9rem; height: 1.4rem; margin: 0 auto; position: relative; padding: 0.3rem 0; overflow: hidden } #main .invoice .ordList li .ocon .cIco { float: left; width: 0.6rem; height: 1.4rem; overflow: hidden } #main .invoice .ordList li .ocon .cIco span { display: block; width: 0.6rem; height: 0.6rem; margin: 0.4rem 0 0 -0.1rem; background-position: -4.8rem 0 } #main .invoice .ordList li .ocon .cIco.cur span { background-position: -5.4rem 0 } #main .invoice .ordList li .ocon .cImg { float: left; width: 1.4rem; height: 1.4rem; overflow: hidden; margin: 0 0.2rem 0.3rem 0 } #main .invoice .ordList li .ocon .cImg.end { margin: 0 } #main .invoice .ordList li .ocon .cImg img { width: 1.4rem; height: 1.4rem; overflow: hidden } #main .invoice .ordList li .ocon .cTxt { float: left; width: 4.7rem; height: 1.4rem; overflow: hidden; line-height: 0.5rem } #main .invoice .ordList li .ocon .cTxt .title { width: 4.3rem; height: 0.5rem; overflow: hidden; font-size: 0.28rem; text-overflow: ellipsis; white-space: nowrap } #main .invoice .ordList li .ocon .cTxt .info { width: 4.7rem; height: 0.4rem; line-height: 0.4rem; overflow: hidden; color: #b8b8b8; text-overflow: ellipsis; white-space: nowrap } #main .invoice .ordList li .ocon .cTxt .infomore { width: 4.7rem; height: 0.8rem; line-height: 0.4rem; overflow: hidden; color: #b8b8b8 } #main .invoice .ordList li .ocon .cTxt .price { width: 4.7rem; height: 0.5rem; overflow: hidden; color: #aa6e0f; text-align: right } #main .invoice .ordList li .ocon .cTxt .price i { display: inline-block; font-size: 0.32rem; font-style: normal } #main .invoice .ordList li .ocon .cTxt .price span { display: inline-block; font-size: 0.36rem } #main .invoice .ordList li .ocon .cNum { position: absolute; right: 0; top: 0.3rem; width: 1rem; height: 0.5rem; line-height: 0.5rem; text-align: right; font-size: 0.28rem; color: #b8b8b8 } #main .invoice .ordList li .ocon .cPrice { float: right; width: 1.6rem; height: 0.5rem; line-height: 0.5rem; text-align: right; padding-top: 1rem; overflow: hidden; color: #aa6e0f } #main .invoice .ordList li .ocon .cPrice.max { height: 1rem; padding-top: 0.5rem } #main .invoice .ordList li .ocon .cPrice i { display: inline-block; font-size: 0.32rem; font-style: normal } #main .invoice .ordList li .ocon .cPrice span { display: inline-block; font-size: 0.36rem } #main .invoice .history { width: 100%; min-height: 1rem } #main .invoice .history li { min-height: 1.5rem; margin-top: 0.2rem; background-color: #fff; padding: 0.2rem 0 } #main .invoice .history li .item1 { width: 6.9rem; height: 0.6rem; line-height: 0.6rem; margin: 0 auto; color: #b8b8b8 } #main .invoice .history li .item1 span { float: right } #main .invoice .history li .item1 span.status1 { color: #aa6e0f } #main .invoice .history li .item2 { width: 6.9rem; height: 0.6rem; line-height: 0.6rem; margin: 0 auto; font-size: 0.28rem } #main .comment { width: 100%; min-height: 1rem; padding-top: 1.2rem } #main .comment .listNo { width: 100% } #main .comment .listNo li { position: relative; width: 6.9rem; height: 1.5rem; padding: 0.3rem; overflow: hidden; background-color: #fff } #main .comment .listNo li:after { position: absolute; content: ''; left: 0.3rem; bottom: 0; width: 6.9rem; height: 0.01rem; overflow: hidden; background-color: #e2e2e2 } #main .comment .listNo li:last-child:after { display: none } #main .comment .listNo li.null { min-height: 2rem; line-height: 2rem; text-align: center; color: #b8b8b8 } #main .comment .listNo li .cImg { float: left; width: 1.5rem; height: 1.5rem; overflow: hidden; margin: 0 0.2rem 0.3rem 0 } #main .comment .listNo li .cImg img { width: 1.5rem; height: 1.5rem; overflow: hidden } #main .comment .listNo li .cTxt { float: left; width: 5.2rem; height: 1.5rem; overflow: hidden; line-height: 0.5rem } #main .comment .listNo li .cTxt .title { width: 4.8rem; height: 0.5rem; overflow: hidden; font-size: 0.28rem; text-overflow: ellipsis; white-space: nowrap } #main .comment .listNo li .cTxt .info { width: 5.2rem; height: 0.5rem; overflow: hidden; color: #b8b8b8; text-overflow: ellipsis; white-space: nowrap } #main .comment .listNo li .cTxt .set { display: block; position: absolute; right: 0.3rem; bottom: 0.3rem; width: 1.2rem; height: 0.46rem; line-height: 0.46rem; margin: 0; font-size: 0.26rem; text-align: center; color: #002456; border: 0.02rem #002456 solid } #main .comment .listYes { width: 100% } #main .comment .listYes li { width: 6.9rem; min-height: 1.5rem; padding: 0 0.3rem 0.3rem; overflow: hidden; background-color: #fff; margin-bottom: 0.2rem } #main .comment .listYes li.null { min-height: 2rem; line-height: 2rem; text-align: center; color: #b8b8b8 } #main .comment .listYes li .title { height: 0.8rem; line-height: 0.8rem; border-bottom: 0.01rem #e2e2e2 solid; font-size: 0.26rem; margin-bottom: 0.1rem } #main .comment .listYes li dl { width: 100% } #main .comment .listYes li dl dt { float: left; width: 1.3rem; height: 0.4rem; line-height: 0.4rem; padding: 0.1rem 0 } #main .comment .listYes li dl dd { float: right; width: 5.6rem; min-height: 0.4rem; line-height: 0.4rem; padding: 0.1rem 0 } #main .comment .listYes li dl dd.con { color: #9a9a9a } #main .comment .listYes li dl dd .label { } #main .comment .listYes li dl dd .label span { display: block; float: left; width: 1.3rem; height: 0.4rem; background-color: #e2e2e2; margin: 0 0.1rem 0.1rem 0; text-align: center; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; border-radius: 0.04rem; color: #aa6e0f; font-size: 0.22rem; overflow: hidden } #main .comment .listYes li dl dd .cImg { float: left; width: 1.5rem; height: 1.5rem; overflow: hidden; margin-right: 0.2rem; background-color: #f3f3f3 } #main .comment .listYes li dl dd .cImg img { width: 1.5rem; height: auto; overflow: hidden; margin-top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%) } #main .commentAdd { display: block; position: absolute; width: 6.2rem; height: 7.4rem; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-color: #fff; overflow: hidden; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; border-radius: 0.1rem; box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, .8); -webkit-box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, .5); -webkit-animation: popShow1 .4s .1s backwards; animation: popShow1 .4s .1s backwards } #main .commentAdd > h1 { height: 1rem; line-height: 1rem; text-align: center; font-weight: normal; font-size: 0.34rem; color: #002456 } #main .commentAdd > .label { width: 5.2rem; height: 2.4rem; padding: 0 0.5rem; text-align: center; overflow: hidden } #main .commentAdd > .label > span { display: inline-block; width: 1.5rem; height: 0.6rem; line-height: 0.6rem; margin: 0 0.1rem 0.2rem 0.1rem; text-align: center; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; border-radius: 0.04rem; color: #9a9a9a; font-size: 0.26rem; border: 0.02rem #9a9a9a solid; box-sizing: border-box; -webkit-box-sizing: border-box } #main .commentAdd > .label > span.cur { border: 0.02rem #002456 solid; background-color: #002456; color: #fff } #main .commentAdd > .con { display: block; width: 4.94rem; height: 1.4rem; overflow: hidden; margin: 0 auto; border: 0.02rem #9a9a9a solid; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; border-radius: 0.04rem; background: none; -webkit-appearance: none; outline: none; padding: 0.1rem; font-size: 0.24rem; color: #9a9a9a; resize: none } #main .commentAdd > .photo { width: 4.94rem; height: 1.2rem; margin: 0.2rem auto; text-align: center; overflow: hidden } #main .commentAdd > .photo > span { position: relative; display: block; float: left; width: 1.2rem; height: 1.2rem; margin-right: 0.2rem; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; border-radius: 0.04rem; overflow: hidden } #main .commentAdd > .photo > span > img { width: 1.2rem; height: 1.2rem } #main .commentAdd > .photo > span:after { position: absolute; left: 0; bottom: 0; content: '删除'; width: 100%; height: .3rem; line-height: 0.3rem; background-color: rgba(0, 0, 0, .3); color: #fff; font-size: 0.2rem } #main .commentAdd > .photo > span.addbtn { border: 0.02rem #9a9a9a solid; line-height: 0.4rem; padding-top: 0.2rem; color: #9a9a9a } #main .commentAdd > .photo > span.addbtn:after { display: none } #main .commentAdd > .opt { width: 100%; height: 1rem; background-color: #002456; text-align: center } #main .commentAdd > .opt a { display: block; float: left; width: 50%; height: 1rem; line-height: 1rem; font-size: 0.3rem; color: #ffffff } #main .commentAdd > .opt a:first-child { background-color: #9a9a9a } #main .conItem { position: relative } #main .proComment { min-height: 10rem } #main .proComment .nothing { height: 2rem; line-height: 2rem; text-align: center; color: #b8b8b8 } #main .proComment h1 { width: 6.9rem; height: 1rem; line-height: 1rem; margin: 0 auto 0.2rem auto; text-align: center; font-size: 0.3rem; color: #002456; background: url("../images/proTitle1.png") 50% 0 no-repeat; background-size: 7.5rem 1rem; -webkit-background-size: 7.5rem 1rem; border-bottom: 0.02rem #e2e2e2 solid } #main .proComment .label { width: 7.1rem; margin: 0 auto; text-align: left; overflow: hidden } #main .proComment .label span { display: inline-block; padding: 0 0.2rem; height: 0.6rem; line-height: 0.6rem; margin: 0 0.1rem 0.2rem 0.1rem; text-align: center; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; border-radius: 0.04rem; color: #aa6e0f; font-size: 0.26rem; border: 0.02rem #aa6e0f solid; box-sizing: border-box; -webkit-box-sizing: border-box } #main .proComment .label span i { font-size: 0.2rem; font-style: normal } #main .proComment ul { width: 6.9rem; margin: 0 auto } #main .proComment ul li { min-height: 1rem; padding: 0.4rem 0; border-bottom: 0.02rem #f0f0f0 solid } #main .proComment ul li:last-child { border-bottom: none } #main .proComment ul li .cFace { float: left; width: 0.9rem; height: 0.9rem; border: 0.04rem #f3f3f3 solid; overflow: hidden; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px } #main .proComment ul li .cFace img { width: 0.9rem; height: 0.9rem } #main .proComment ul li .cRight { float: right; width: 5.7rem } #main .proComment ul li .cRight .title { height: 0.6rem; line-height: 0.6rem; margin-top: 0.2rem; font-size: 0.28rem; color: #002456;display:flex;justify-content: space-between;align-items:center; } #main .proComment ul li .cRight .title .name{width:2rem;height:0.6rem;line-height:0.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #main .proComment ul li .cRight .title span { float: right; color: #9a9a9a; font-size: 0.24rem } #main .proComment ul li .cRight .title1 { height: 0.5rem; line-height: 0.5rem; margin-top: 0.1rem; font-size: 0.26rem; color: #002456 } #main .proComment ul li .cRight .cImg { float: left; width: 1.5rem; height: 1.5rem; overflow: hidden; margin-right: 0.2rem; background-color: #f0f0f0; margin-bottom: 0.2rem; } #main .proComment ul li .cRight .photo { padding-top: 0.2rem; height: auto; overflow: hidden; border-bottom: 0.02rem #f0f0f0 solid } #main .proComment ul li .cRight .cImg img { width: 1.5rem; height: auto; overflow: hidden; margin-top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%) } #main .proComment ul li .cRight .info { line-height: 0.4rem; color: #9a9a9a } #main .proComment .loadMore { width: 2rem; height: 0.6rem; line-height: 0.6rem; text-align: center; margin: 0 auto 0.4rem auto; border: 0.02rem #002456 dashed; color: #002456 } #main .proComment .loadMore.disabled { border: 0.02rem #9a9a9a dashed; color: #9a9a9a } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(-360deg) } } @keyframes spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(-360deg) } } @-webkit-keyframes popShow { 0% { opacity: 0 } } @keyframes popShow { 0% { opacity: 0 } } @-webkit-keyframes popShow1 { 0% { opacity: 0; -webkit-transform: translate3d(0, -10%, 0) } 40% { opacity: 1; -webkit-transform: translate3d(0, 1%, 0) } 55% { opacity: 1; -webkit-transform: translate3d(0, -0.7%, 0) } 70% { opacity: 1; -webkit-transform: translate3d(0, 0.5%, 0) } 85% { opacity: 1; -webkit-transform: translate3d(0, -0.2%, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0) } } @keyframes popShow1 { 0% { opacity: 0; transform: translate3d(0, -10%, 0) } 40% { opacity: 1; transform: translate3d(0, 1%, 0) } 55% { opacity: 1; transform: translate3d(0, -0.7%, 0) } 70% { opacity: 1; transform: translate3d(0, 0.5%, 0) } 85% { opacity: 1; transform: translate3d(0, -0.2%, 0) } to { opacity: 1; transform: translate3d(0, 0, 0) } } /*方正美黑简体*/ @font-face { font-family: 'FZMHJW'; src: url('https://telunsu-cdn.mengniu.com.cn/telunsu/active/120220324xwsh/24/FZMHJW.TTF'); font-display: swap; } /*方正兰亭细黑简体*/ @font-face { font-family: 'FZLTXIHJW'; src: url('https://telunsu-cdn.mengniu.com.cn/telunsu/active/12023/0106/FZLTXIHJW.TTF'); font-display: swap; } /*方正兰亭中黑简体*/ @font-face { font-family: 'FZLTZHJW'; src: url('https://telunsu-cdn.mengniu.com.cn/telunsu/active/12023/0106/FZLTZHJW.TTF'); font-display: swap; } /*方正兰亭中黑简体*/ @font-face { font-family: 'DINCondBlack'; src: url('https://telunsu-cdn.mengniu.com.cn/telunsu/active/12023/0106/DINCond-Black.otf'); font-display: swap; } .redPackage_mark .item { width: 2.2rem; height: 0.8rem; border-bottom: none; margin: 0 0.2rem 0 2.2rem; } .redPackage_mark .inputBox { display: inline-block; width: 2.2rem; height: 0.4rem; line-height: 0.4rem; margin: 0.2rem 0; border: 0; font-size: 0.28rem; color: #404040; outline: none; background: transparent; } .redPackage_mark input::placeholder{ color: #888888; font-size: 0.2rem; } .redPackage_mark .item_btnBox { width: 1.4rem; height: 0.5rem; position: absolute; top: 3.52rem; left:3.3rem; } .redPackage_mark .item_btn { width: 1.4rem; height: 0.5rem; line-height: 0.5rem; border-radius: 0.1rem; /*background: #082255;*/ color: #082255; text-align: center; }