body{font-size:1em;font-family: Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, "Microsoft YaHei";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:#fff;display:none;padding:20px;border-radius:10px;background:rgba(0,0,0,.6);width:50%;min-height:68px;position:fixed;top:50%;left:25%;margin-top:-34px;text-align:center;z-index:1;}
.error-tips div {display:table;width:100%;}
.error-tips p{/*display:table-cell;*/margin:0px;vertical-align:middle;width:100%;color:#fff;text-align:center;}
.error-tips p span {color:#fff;display:block;text-align:center;}
#sms {position:absolute;top:50%;right:10px;margin-top:-10px;/*font-size:12px;*/}

body {background:#f5f5f5;position:relative;max-width: 768px;margin: 0 auto;}
.m-container {background:#fff;max-width:768px;margin:0 auto;position:fixed;width:100%;height:100%;}

.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 #f0f0f0;padding:3px 0; text-indent:.5em;}

.btn-prink,.btn-white,.btn,.btn-s{cursor: pointer;text-align: center;background-color: #fff;display: inline-block;}
.btn{color: #666;padding: .5em 1.5em;font-size: 12px;}
.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: #f1f1f1;background: #fff;color: #6d6d6d;}
.bd-l-gray{border-left:1px solid #ddd;}
.bd-r-de{border-right: 1px solid #f1f1f1;}
.bd-t-de{border-top: 1px solid #f1f1f1;}
.bd-t-cc{border-top: 1px solid #f1f1f1;}
.bd-b-cc{border-bottom: 1px solid #f1f1f1;}
.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;}

.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 { vertical-align: middle; display: inline-block; width: 38px; height: 38px; line-height:38px; text-align:center; font-size:28px; color:#999}
.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;}
.pgt-go .i-go-right{width: 23px;height: 32px; line-height:25px; color:#fff;}

.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*/
.htsearch-wrap .search-btn{position: absolute;top: -1px;right: 0px;height: 32px;line-height: 32px;width: 50px;background-color: #D9434E; color:#fff; text-align:center; font-size:20px;}
/*pagination*/
.pagination{text-align: center;}
.pagination a{color: #6e6e6e;}
.pagination a.disabled{color:#f1f1f1;}
.pre-page,.page-warp,.next-page,.pagew-size{border: 1px solid #f1f1f1;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 { /*display: block; position: relative; z-index: 1; bottom: 0; left: 0; right: 0; top: auto; width: 100%; margin-top: 0.5rem;*/ }
#footer .footer_element { line-height: 40px; height:40px;}
#footer .footer_element li { float:left; width:20%; text-align:center; color:rgb(247,247,247);}
#footer .footer_element li a {  color:rgb(51,51,51);}
#footer .footer_element li a span { margin-left:8px; font-size:13px;}
#footer .footer_element li a img { max-width:30px; max-height:30px; vertical-align: middle;}
#footer .footer_element li.current a{ color:rgb(255,62,107); }

.item-container { height:45px; position: fixed; bottom: 0px; left: 0px; display: flex; flex-flow:row nowrap; align-items: center; justify-content: flex-start; width:100%; border-top:1px solid #eee; background: #fff;}
.item-container a { color:rgb(75,75,75); }
.item-container .go_home { flex:0 0 10%;  }
.item-container .go_home a { display:block; height:25px; width:25px;  background:url(../images/home_b.png) no-repeat top center; background-size: 100%; margin:7px auto;}
.item-container .nav_menu { /*flex:0 0 29.5%;*/ position: relative; border-left:1px solid #eee;}
.item-container .nav_menu .main-menu { width:100%; line-height:45px; text-align: center; display: block; font-size:.8rem;}
.item-container .nav_menu ul { position: absolute; bottom:45px; width:100%; left:-1px; display:none; background: #fff;}
.item-container .nav_menu ul li { line-height:35px; text-align: center; width:100%; border:1px solid #eee; border-bottom:none;}
.item-container .nav_menu ul li a { display: block; width:100%; text-align: center; font-size:.8rem;}

.footer-top{position:relative;background:#f1f1f1;height: 44px;padding: 0 55px;margin: 10px 0px;}
.footer-tleft,.gotop{position: absolute;}
.footer-tleft{left: 5px;top: 6px;}
.gotop{background-color: #A1A1A1;right: 0px;height:44px;top: 0px;width: 50px;display: inline-block;text-align: center;}
.gotop-icon{width: 15px;height: 15px;margin-top:6px; color:#fff;}
.gotop p{color: #fff;font-size: 12px;margin: 0px;padding: 0px;line-height: 16px;}
.footer-content p{text-align: center;color: #6d6d6d;line-height: 22px;font-size: 12px; }
.footer-content .link a{display: inline-block;color: #6d6d6d;font-size: 16px;}
.footer-content .link a.standard{border-right: 1px solid #6d6d6d;padding-right: 10px;margin-right: 10px;}

/*simple-dialog*/
.s-dialog-mask{position:fixed;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;border-radius:11px;height:170px;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: #fff;width: 270px;height: auto;}
.s-dialog-wenxin{color:rgb(255,0,102);font-size: 18px;height: 25px;line-height: 25px;margin: 15px 0;}
.s-dialog-skin-red{background-color: #fff;border:1px solid #fff;}
.s-dialog-content{padding: 0 20px 15px;margin: 0 auto 0;color: #333;width: 203px;font-size: 15px;}
.s-dialog-btn-wapper{border-top: 1px solid #f0f0f0;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: blue;text-align: center;padding:10px 0px;}

.no-record{border:1px solid #f1f1f1;padding: 10px;text-align: center;min-height:135px;}
/*.hk_vision {text-align:center;padding:15px 0;font-size: 0.6rem;color: #ccc;margin-bottom:10px;width:100%;bottom:0px;}
.hk_vision a {display:block;margin-bottom:.3rem;}
.hk_vision a span {display:block;font-size:5rem;height:1.2rem;line-height:1.2rem;}*/

.hk_vision_two{    height: 5.6rem;position:relative;}
.hk_vision {text-align:center;padding:0.9rem 0 3rem;font-size: 12px;color: #ccc;/*position: absolute;margin-bottom: 54px;padding-bottom:75px;*/width: 100%;position: fixed;left: 0px;margin: 0 auto;max-width: 768px;bottom:  0rem;z-index: -999}
.hk_vision a {    color: #ccc;display:block;margin-bottom:.3rem;position: relative;/*text-indent: 3rem;*/}
.hk_vision a span {display:inline-block;font-size:.8rem;height:1.2rem;/*position: absolute;top: -1.8rem;left: 1.5rem;*/}

/*自定义弹窗*/
.body_full_mask { position: fixed; width: 100%; height: 100%; z-index: 10000; top:0px; left: 0px; background-color: rgba(0,0,0,0.6); }
.body_full_mask .alert_content { width:300px; height:100px; border-radius: 10px; background-color: #fff; position: absolute; top:50%; left: 50%; margin-top: -50px; margin-left: -150px; overflow: hidden; }
.body_full_mask .alert_content p { height:70px; display: table-cell; vertical-align: middle; text-align: center; color:#333; font-size: 14px; position: relative; width:300px; }
.body_full_mask .alert_content p:after { content: ''; height:1px; width:290px; position: absolute; bottom: 0px; left:5px; background-color: #666; }
.body_full_mask .alert_content a { display: block; height:30px; line-height: 30px; text-align: center; color:#596abb; font-size:14px; }