xmapp.css 3.76 KB
body,h1,h2,h3,p,dl,dd,ol,ul,th,td,form,fieldset,input,button,textarea{margin:0;padding:0;}html{-webkit-text-size-adjust:none;word-wrap:break-word;}h1,h2,h3{font-size:100%}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:inherit}fieldset,img{border:0}cite,em,s,i,b{font-style:normal}input,button,textarea,select{font-size:100%}body,input,button,textarea,select,option{font-size:normal}a,input,textarea{text-decoration:none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}li,img,label,input{vertical-align:middle}var{font-style:normal}ins{text-decoration:none}body{font-size:20px}.viewport{max-width:720px;margin:auto;overflow:hidden}.wc{color:#fff !important}.c{color:#51545a !important}.gc{color:#87888c !important}.gc2{color:#f7f8fa !important}.oc{color:#fc6500 !important}.mlr20{margin:auto 1em}.m20{margin:1em 0}.m30{margin:1.5em 0}.mt20{margin-top:1em}.mb20{margin-bottom:1em}.mt40{margin-top:2em}.mb40{margin-bottom:2em}.mt-20{margin-top:-1em}.hide{display:none}@media only screen and (max-width: 300px){body{font-size:8.33333px}.viewport{max-width:300px}}@media only screen and (max-width: 310px) and (min-width: 300px){body{font-size:8.33333px}.viewport{max-width:300px}}@media only screen and (max-width: 320px) and (min-width: 310px){body{font-size:8.88889px}.viewport{max-width:320px}}@media only screen and (max-width: 360px) and (min-width: 320px){body{font-size:8.88889px}.viewport{max-width:360px}}@media only screen and (max-width: 360px) and (min-width: 350px){body{font-size:10px}.viewport{max-width:360px}}@media only screen and (max-width: 480px) and (min-width: 360px){body{font-size:10px}.viewport{max-width:480px}}@media only screen and (max-width: 480px) and (min-width: 470px){body{font-size:13.33333px}.viewport{max-width:480px}}@media only screen and (max-width: 560px) and (min-width: 480px){body{font-size:13.33333px}.viewport{max-width:560px}}@media only screen and (max-width: 570px) and (min-width: 560px){body{font-size:15.83333px}.viewport{max-width:570px}}@media only screen and (max-width: 640px) and (min-width: 570px){body{font-size:15.83333px}.viewport{max-width:640px}}@media only screen and (max-width: 640px) and (min-width: 630px){body{font-size:17.77778px}.viewport{max-width:640px}}@media only screen and (max-width: 710px) and (min-width: 640px){body{font-size:17.77778px}.viewport{max-width:710px}}
.header_03{width:100%;height:4.85em;background:#eaeaea;position:relative}
.header_03 .tit{font-size:1.9em;line-height:2.55263em;color:#464646;text-align:center}
.header_03 .back{position:absolute;top:0;left:0}
.header_03 .back a{display:block;font-size:1.9em;line-height:2.55263em;color:#464646;padding:0 0.52632em}
.header_03 .back a.arrow{font-size:1em;width:3.5em;height:4.85em;text-indent:-999em;overflow:hidden;background:url("../images/icon_01.png") 50% 50% no-repeat;-webkit-background-size:2.5em 2.5em;-moz-background-size:2.5em 2.5em;-o-background-size:2.5em 2.5em;background-size:2.5em 2.5em}
.header_03 .nav{float:right;position:absolute;top:0;right:0}
.header_03 .nav ul li a{display:block;width:3em;height:4.85em;padding:0 1em;text-indent:-999em;overflow:hidden}
.header_03 .nav ul li.cart{position:relative}
.header_03 .nav ul li.cart a{font-size:1em;background:url("../images/icon_02.png") 50% 50% no-repeat;-webkit-background-size:2.5em 2.5em;-moz-background-size:2.5em 2.5em;-o-background-size:2.5em 2.5em;background-size:2.5em 2.5em}
.header_03 #ShoppingCartNum{display:block;font-size:1em;font-weight:700;line-height:1em;color:#783600;padding:0.1em 0.5em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;-ms-border-radius:0.3em;-o-border-radius:0.3em;border-radius:0.3em;background:#ffc703;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;right:0.4em;top:0.7em}