xyzshop/wap/css/main.css

body{font-size:1em;font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;color: #6d6d6d;}
body, input, textarea, select, button, table{line-height: 1.25em;}
body{min-width: 320px;}
a{text-decoration: none;}
.h22{height: 22px;}
.h25{height:25px;}
.h40{height: 40px;}
.h100{height: 100px;}
.wp100{width: 100%;}
.fleft{float: left;}
.fright{float: right;}
.hide{display: none;}
.m10{margin:10px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mr5{margin-right: 5px;}
.ml5{margin-left: 5px;}
.pdb10{padding-bottom: 10px;}
.pd6{padding-bottom: 6px;}
.clr-999{color: #999;}
.clr-d94{color:#D9434E;}
.clr-green{color: #6cb248;}
.clr-c07{color: #C07A07;}

.bg-virtual {background: rgb(53, 152, 220);}
.bg-presell {background: rgb(26, 188, 157);}
.bg-fcode {background: rgb(156, 89, 184);}

.bg-yf8{background: #F28044;}
.bg-blue{background: #1CA2E1;}
.opera-tips{color:#D9434E;font-size:14px;}
.error-tips{color:red;display:none;padding:5px 10px;border:1px solid red;background:#FFF6D7;}
.error-tips p{padding:2px 0px;}

.input-30,.input-40{vertical-align: middle;font-size: 14px;-webkit-appearance:none;text-indent: 10px;width:100%;border:1px solid #9f9f9f;}
.input-30{height: 30px;line-height: 30px\9;}
.input-40{height: 40px;line-height: 40px\9;}
.select-30{width:100%;border:1px solid #9f9f9f;}
.select-30{height: 30px;}
.normal-textarea,.n-input{border:1px solid #9f9f9f;}

.btn-prink,.btn-white,.btn,.btn-s{cursor: pointer;text-align: center;background-color: #fff;display: inline-block;}
.btn{color: #D9434E;padding: .5em .5em;font-size: 14px;}
.btn-s{padding: 3px 10px;font-size: 14px;}
.btn-login{background-color: #D9434E;color: #fff;}
.btn-prink,.btn-white{border:1px solid;width: 100%;padding: .5em 0em;}
.btn-prink,.btn-prink-s{border-color:#D9434E;background:#D9434E;color: #fff;}
.btn-yello-s{color:#6d6d6d;background:#FAA732;border:1px solid #BB7D25;}
.btn-white{border-color: #ccc;background: #fff;color: #6d6d6d;}
.bd-l-gray{border-left:1px solid #ddd;}
.bd-r-de{border-right: 1px solid #dedede;}
.bd-t-de{border-top: 1px solid #dedede;}
.bd-t-cc{border-top: 1px solid #ccc;}
.bd-b-cc{border-bottom: 1px solid #ccc;}
.bd-tdashed-dd{border-top: 1px dashed #ddd;}
.header-back span,.i-main-opera span,.main-op-warp .quarter span,
.search-btn,.gotop-icon,.grayrightarrow,.home-nav a span,.graydownarrow,.grayuparrow,.whitedownarrow,
.product-filter .f-icon,.pd-choice-icon,.i-go-right,.s-chk1,.i-del,.i-address,.i-add,.i-minus{display: inline-block;background: url(../images/icon.png) no-repeat;}

.i-del{width: 16px;height: 23px;background-position: 0px -732px;}
.i-address{width: 15px;height: 20px;background-position:-49px -261px;vertical-align: middle;}
.i-add,.i-minus{width:15px;height:15px;vertical-align: middle;}
.i-add{background-position: -48px -738px;}
.i-minus{background-position: -74px -738px;}

.mc-cnt li a i { background: url(../images/icon-2.png) no-repeat; vertical-align: middle; display: inline-block; width: 38px; height: 38px;}
.mc-cnt li a i.im-order {background-position: 0px 0px;}
.mc-cnt li a i.im-order-xn { background-position: 0 -38px;}
.mc-cnt li a i.im-quan {background-position: 0px -76px;}
.mc-cnt li a i.im-collect {background-position: 0px -114px;}
.mc-cnt li a i.im-collect-store {background-position: 0px -152px;}
.mc-cnt li a i.im-address {background-position: 0px -190px;}
.mc-cnt li a i.im-history {background-position:0px -228px;}

.pd-choice-icon{width: 13px;height: 13px;background-position: -88px -654px;}
.i-go-right{width: 23px;height: 25px;background-position:0px -662px;}

.s-chk1{width: 24px;height: 23px;background-size: 60px auto;background-position:-36px -415px;}
.s-chk1.on{background-position:2px -415px;}
/*arrow*/
.grayrightarrow,.graydownarrow,.grayuparrow,.whitedownarrow{background-size:60px auto;}
.graydownarrow,.grayuparrow,.whitedownarrow{height: 10px;width: 20px;}
.grayrightarrow{width: 10px;height: 20px;background-position:-50px -154px;}
.graydownarrow{background-position:-43px -229px;}
.grayuparrow{background-position:-25px -231px;}

.whitedownarrow{background-position:-7px -230px;}

/*serach-btn*/
.search-btn{position: absolute;top: -1px;right: 0px;height: 32px;width: 50px;background-color: #D9434E;background-position:13px -123px;background-size: 60px auto;}
/*pagination*/
.pagination{text-align: center;}
.pagination a{color: #6e6e6e;}
.pagination a.disabled{color:#ccc;}
.pre-page,.page-warp,.next-page,.pagew-size{border: 1px solid #ccc;cursor: pointer;padding: 5px 10px;background: #fff;}
.pre-page,.page-warp,.next-page{display: inline-block;}
.page-warp{width: 80px;position: relative;text-align: center;z-index: 10;}
.pagew-size{position: absolute;width: 80px;z-index: 10;left: -1px;bottom: 30px;display: none;}
.pagew-size li{border-bottom: 1px dashed #ddd;padding: 4px 0px;}
.pagew-size li a{display:block;}

.product-status{color: #fff;display: inline-block;padding:1px 3px;}
.evaluation_good_swp,.evaluation_good_star{display: inline-block;}
.evaluation_good_star{width: 20px;height: 20px;background:url(../images/star.png) no-repeat;}

.evaluation-star {width: 28px;height: 28px;background:url(../images/star_metro_orang.png) no-repeat;}
.evaluation-star-gray {width: 28px;height: 28px;background:url(../images/star_metro_orang2.png) no-repeat;}

/*footer*/
.footer-top{position:relative;background:#fff;height: 44px;padding: 0 55px;margin: 10px 0px; border-bottom:1px solid #DED6C9; border-top:1px solid #DED6C9;}
.footer-tleft,.gotop{position: absolute;}
.footer-tleft{left: 5px;top: 6px;}
.gotop{background-color: #fff; display: inline-block;font-size: 14px;height: 25px;right: 20px;text-align: right;top: 10px;width: 75px;}
.gotop-icon{width: 15px;height: 15px;background-position: -86px -211px;margin-top:6px;}
.gotop p{color: #A9A9A9;font-size: 14px;margin: 0px;padding: 0px;line-height: 25px; float:left;}
.footer-content p{text-align: center;color: #6d6d6d;line-height: 22px;font-size: 12px; }
.footer-content .link { margin-bottom:10px}
.footer-content .link a{display: inline-block;color: #6d6d6d;font-size: 16px;}
.footer-content .link a.standard{border-right: 1px solid #CBCBCB;padding-right: 10px;margin-right: 8px;}
.footer-right { position:absolute; right:200px; top:10px;}

/*simple-dialog*/
.s-dialog-mask{position:absolute;left:0px;top:0px;background-color:rgb(20, 20, 20);filter:alpha(opacity=60);opacity: 0.6;width:100%;z-index:9998;}
.s-dialog-wrapper{color:#fff;font-size:14px;position: fixed;z-index: 9999;-webkit-transform-origin: 0px 0px; opacity: 1; -webkit-transform: scale(1, 1);}
.s-dialog-skin-green{background-color: #6cb248;border:1px solid #397908;}
.s-dialog-skin-block{background-color: #000;}
.s-dialog-skin-red{background-color: #D9434E;border:1px solid #AD0909;}
.s-dialog-content{padding: 15px 20px;}
.s-dialog-btn-wapper{border-top: 1px solid rgba(130,128,127,.5);display: -webkit-box;display: -moz-box;display:box;}
.s-dialog-btn-wapper a{-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;display:block; color: #fff;text-align: center;padding:10px 0px;}

.no-record{border:1px solid #ccc;padding: 10px;text-align: center;}
/*bottom nav 33hao-v3 by 33hao.com Qq 124498640*/
.tab-line { border-bottom: 3px solid #ccc; color: #666; height: 40px; line-height: 40px; position: relative; text-align: center; z-index: 3; }
.tab-line .tab-line-item { cursor: pointer; float: left; }
.tab-line .active { border-bottom: 3px solid #f97178; margin-bottom: -3px; }
.tab-line .active .fa-arrow-down { color: #d9434e; }
.tab-line .active .fa-arrow-up { color: #d9434e; }
.tab-line .active.asc .fa-sort-asc { color: #d9434e; }
.tab-line .active.desc .fa-sort-desc { color: #d9434e; }
#bottom .nav { background: #EFEFEF; border-bottom: 0 none; bottom: 0; box-shadow: 0 -1px 3px #999; color: #989898; left: 0; position: fixed; width: 100%; z-index: 1000; }
#bottom .nav a { color: #989898; display: block; }
#bottom .nav a.current {color: #d9434e;}
#bottom .nav .tab-line-item { font-size: 12px; line-height: 16px; padding-top: 5px; }
#bottom .nav .tab-line-item i { font-size: 18px; }
#nav-tab { border-bottom: 3px solid #d9434e; bottom: 0; box-shadow: 0 -2px 2px #ccc inset; height: 37px; position: fixed; width: 100%; z-index: 1000; }
#nav-tab-btn { cursor:pointer; background: #d9434e; border-radius: 8px 8px 0 0; box-shadow: 0 -2px 3px #ccc; color: #fff; font-size: 18px; height: 37px; line-height: 40px; margin: 0 auto; position: relative; text-align: center; width: 45px; }
@font-face { font-family: 'FontAwesome'; src: url('font/fontawesome-webfont.eot'); src: url('font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),  url('font/fontawesome-webfont.woff') format('woff'),  url('font/fontawesome-webfont.ttf') format('truetype'),  url('font/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'),  url('font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg'); font-weight: normal; font-style: normal; }
/*文章*/
#article-content { max-width: 640px; min-width: 320px; margin: 0 auto; overflow: hidden;}
.article_type {color: #6d6d6d;line-height: 40px;height: 40px;display: block;text-align: center; width:100%;font-size: 20px;font-weight:bold;}
.article-list, .article-class {padding: 1px 0px 0px;}
.article-list, .article-class {border:solid #ded6c9;border-width: 1px 1px 0px 1px;}
.article-list-item, .article-class-item {padding-right: 50px;border-left: 3px solid #D9434E;margin-bottom:2px;border-bottom:1px solid #ded6c9;}
.article-list-item a, .article-class-item a{display: block;color: #6d6d6d; line-height: 40px;}
.article-list-item, .article-class-item{cursor:pointer;font-size: 14px;position: relative;}
.article-title {color: #6d6d6d;line-height: 40px;height: 40px;display: block;text-align: center; width:100%;font-size: 20px;font-weight:bold;}