@charset"utf-8";
body{font-size:.24rem;color: #333;font-family: Arial,Verdana,Sans-serif;-webkit-text-size-adjust: none;
    word-wrap: break-word;background-color:#f5f5f5;}
img{vertical-align: middle;}
input[type="text"],input[type="password"] {-webkit-appearance: none;border-radius:0;}
.w{width:7.2rem;margin-left: auto;margin-right: auto;}
.w .page-article .member-messagebox .member-tabs{
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.w .page-article .member-messagebox .member-tabs a{
	display: inline-block;
    position: relative;
    width: 23.9%;
    padding: 0px;
    text-align: center;

}

#login_password_tips{
    color: #f50909;
}
#username_tips{
    color: #f50909;
}
#psw_confirm_tips{
    color: #f50909;
}
#salesman_tips{
    color: #f50909;
}
#telephone_tips{
    color: #f50909;
}
#gcname_tips{
    color: #f50909;
}
#frname_tips{
    color: #f50909;
}
#idnumber_tips{
    color: #f50909;
}
.w .page-article .member-messagebox .member-messagebox-list .member-grid caption{
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
.w .page-article .member-messagebox .member-messagebox-list .member-grid thead tr{
	height: 35px;
	font-size: 14px;
}
.w .page-article .member-messagebox .member-messagebox-list {
	width: 100%;
	margin: 0 auto;
}
.w .page-article .member-messagebox .member-messagebox-list .member-grid{
	width: 100%;
}
.w .page-article .member-messagebox .member-messagebox-list .member-grid tbody tr.handle{
	text-align: center;
}
.w .page-article .member-messagebox .member-messagebox-list .member-grid .messagebox-action {
	width: 48%;
	display: inline-block;
	text-align: left;
}
.w .page-article .member-messagebox .member-messagebox-list .member-grid .messagebox-action .action-batch-delete{
	display: inline-block;
    width: 45px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    background: #ccc;
    color: #333;
    border: none;
}
.w .page-article .member-messagebox .member-messagebox-list .member-grid .messagebox-tip{
	width: 48%;
	display: inline-block;
}
.w .page-article .member-messagebox .member-messagebox-list .post-message{
	background: #eee;
    padding-top: 15px;
}
.w .page-article .member-messagebox .member-messagebox-list .post-message form li.form-item{
    background: #fff;
    margin-bottom: 15px;
}
.w .page-article .member-messagebox .member-messagebox-list .post-message form li.form-item:last-child{
    background: #eee;
    margin-bottom: 15px;
}
.w .page-article .member-messagebox .member-messagebox-list .post-message .form-item label.form-label{
    width: 56px;
    display: inline-block;
    text-align: right;
}
.w .page-article .member-messagebox .member-messagebox-list .post-message .form-item .form-act input.x-input{
	
}
.w .page-article .member-messagebox .member-messagebox-list .post-message .form-item .form-act textarea.x-input{

    width: 80%;
    margin-left: 60px;
    position: relative;
    top: -15px;
}
.w .page-article .member-messagebox .member-messagebox-list .post-message .form-item .form-act .action-sendmsg{
	
    background: rgb(244, 132, 81);
    width: 55%;
    margin: 15px auto;
}
.w .page-article .member-messagebox .member-messagebox-list .post-message .form-item .form-act .action-savetodrafts{
    background: rgb(244, 132, 81);
    color: #fff;
    width: 55%;
    margin: 15px auto;
}
.member-messagebox-list .member-grid .detail-reply{
	width: 97%;
    margin: 5px auto;
    font-size: 14px;
}
.member-messagebox-list .member-grid p.detail-title{
	padding-left: 6px;
	margin-top: 5px;
}
.member-messagebox-list .member-grid p.detail-content{
	padding-left: 6px;
	margin-top: 5px;
}
.member-messagebox-list .member-grid .action-reply-form textarea.x-input{
	border: 1px solid #ccc;
    width: 80%;
    margin-left: 42px;
    position: relative;
    top: -15px;
}
.member-messagebox-list .member-grid .action-reply-form li.form-item{
	margin-top: 5px;
}
.member-messagebox-list .member-grid .action-reply-form li.form-item button.action-sendmsg{
	margin-bottom: 10px;
    background: #02f422;
}
.member-messagebox-list .member-grid .action-reply-form li.form-item button.action-savetodrafts{
	background: #f73737;
}
.header{position: fixed;top: 0;left: 0;right: 0; z-index: 100;display: -webkit-box;display: -moz-box;display: box;-webkit-box-align: center;-moz-box-align: center;box-align: center;-webkit-box-pack: center;-moz-box-pack: center;box-pack: center;padding:.15rem 0;}
.logobar{width: 1rem;padding: 0 .25rem;box-sizing: border-box;}
.logobar img{width:.5rem;height:.5rem;}/*======height:auto;变成height:.5rem;=======sihua*/
.search{width:5.2rem;height: .5rem;border-radius: .05rem;line-height:.34rem;}
.search input{float:left; width:4.4rem;height:.5rem;padding:.04rem .1rem;border:.01rem solid #f2f2f2;border-top-left-radius:.05rem;border-bottom-left-radius:.05rem;box-sizing: border-box;font-size:.26rem;color:#333;}
.search button{float:left; width:.8rem;height:.5rem;padding: .04rem 0;border-top-right-radius:.05rem;border-bottom-right-radius:.05rem;box-sizing: border-box;background: url("i/navi_search.png") #f5f5f5 center no-repeat;background-size:.8rem .8rem;}
.footer{background-color:#fff;padding:0;    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index:5555;}
.footer #success{padding: 0}
.login .btn.orange,.home-logon a{background-image: none;margin:0 .22rem;font-size:.28rem;color:#f70707;font-weight: 700;}
/*footer-nav*/
.footer-nav{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-top:1px solid #ececec;}
.footer-nav .mask{display:none;}
.footer-nav ul{display: box;display: -webkit-box;display: -moz-box;box-align: center;-webkit-box-align: center;-moz-box-align: center;box-pack: center;-webkit-box-pack: center;-moz-box-pack: center;}
.footer-nav li{-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;width: 100%;text-align: center;}
.footer-nav li a{margin:.12rem 0;display:block;font-size: .22rem;line-height:1.5;
    color: #999;}
.footer-nav a span{display:block; width:.4rem;height:.4rem;background:url(i/footer-icon.png) no-repeat;background-size: .4rem 3.3rem;margin:0 auto;}
.footer-nav .home span{background-position-y:-2.88rem;}
.footer-nav .category span{background-position-y:-.42rem;}
.footer-nav .car span{background-position-y:-1.22rem;}
.footer-nav .mine span{background-position-y:-2.07rem;}
/* .back-top{position:fixed;right:.2rem;bottom:3rem;background-color:#ff6000;color:#fff;}*/
/*footer-nav end*/

/*分页*/
.pageview{padding:.2rem 0;}
.pageview .flip{margin:0 .05rem;padding:0 .1rem;}
/*分页 end*/ 
/*弹出层*/
#J_mask{position:fixed;width:100% !important;height:100% !important;}
/*弹出层 end*/ 

@media screen and (min-width:320px){
	html{font-size:44.4px}
	body{font-size:12px;}
}
@media screen and (min-width:360px){
	html{font-size:50px}
	body{font-size:.24rem;}
}
@media screen and (min-width:375px){
	html{font-size:52.0833px}
	body{font-size:.24rem;}
}
@media screen and (min-width:384px){
	html{font-size:53.3333px}
	body{font-size:.24rem;}
}
@media screen and (min-width:400px){
	html{font-size:55.5556px}
	body{font-size:.24rem;}
}
@media screen and (min-width:414px){
	html{font-size:57.5px}
	body{font-size:.24rem;}
}
@media screen and (min-width:424px){
	html{font-size:58.8889px}
	body{font-size:.24rem;}
}
@media screen and (min-width:480px){
	html{font-size:66.6px}
	body{font-size:.24rem;}
}
@media screen and (min-width:540px){
	html{font-size:75px}
	body{font-size:.24rem;}
}
@media screen and (min-width:640px){
	html{font-size:88.8px}
	body{font-size:.24rem;}
}
@media screen and (min-width:720px){
	html{font-size:100px;}
	body{font-size:.24rem;}
}
@media screen and (min-width:750px){
	html{font-size:100px}
	body{font-size:.24rem;}
}
@media screen and (min-width:1200px){/*pc兼容*/
	html{font-size:100px}
	body{font-size:.24rem;}
}









* {
    margin: 0;
    padding: 0;
    border: 0;
}
section {
}
body {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    line-height: 21px;
    color: #000;
    background-color: #efeff4;
    -webkit-overflow-scrolling: touch;
}
.user-header .user-setting {
    position: absolute;
    left: auto;
    height: 25px;
    width: 25px;
    top: 10px;
    right: 10px;
    bottom: auto;
    display: block;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    padding: 5px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 15px;
}
.container .user-header{
    position: relative;
    background: #fb0628;
    background-size: cover;
    color: #fff;
}
.container .user-header .user-logined{
    height: 70px;
    text-align: center;
    font-size: 1.08rem;
}
/*hyz*/
.container .user-header .user-logined .user-name{
    display: inline-block;
    padding-top: 40px; 
    color: #fff !important;
    font-weight: 700;
}

.section-white {
    border-bottom: 1px solid #e4e5e6;
    background: #fff;
}
.user-title {
    border-bottom: 1px solid #efefef;
}
.section-title {
    position: relative;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    padding: 10px;
    font-size: 0.99rem;
}
.section-title .title-text {
    -webkit-box-flex: 1;
     max-width: 50%; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.section-title .more-link {
    display: block;
    -webkit-box-flex: 1;
    text-align: right;
    font-size: 0.9rem;
    color: #666;
}
.section-title .more-link .tit-more-a .more-span{
	position: relative;
	top: -5px;
}
.user-orders {
    margin-top: 0.5rem;
    line-height: 2;
}
.user-orders .on{
    color: #0093dd;
}
.content-vertical-padded {
    padding-top: 10px;
    padding-bottom: 10px;
}
.box-display {
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}
.fontS {
    font-size: 15px;
}
.box-display [class*="box-item-flex"] {
    display: block;
    position: relative;
}
.content-center {
    text-align: center;
}
.section-title .checkin {
    -webkit-box-flex: 1;
    text-align: right;
}
.content-center .i1{
    display: block;
    width: 40px;
    height: 32px;
    background: url(../images/payall.png) no-repeat 5px 4px;
    margin: auto;
    background-size: 270px 75px;
}
.content-center .i2{
    display: block;
    width: 40px;
    height: 32px;
    background: url(../images/payall.png) no-repeat -55px 4px;
    margin: auto;
    background-size: 270px 75px;
}
.content-center .i3{
    display: block;
    width: 40px;
    height: 32px;
    background: url(../images/payall.png) no-repeat -115px 4px;
    margin: auto;
    background-size: 270px 75px;
}
.content-center .i4{
    display: block;
    width: 40px;
    height: 32px;
    background: url(../images/payall.png) no-repeat -175px 4px;
    margin: auto;
    background-size: 270px 75px;
}
.content-center .i5{
    display: block;
    width: 40px;
    height: 32px;
    background: url(../images/payall.png) no-repeat -235px 3px;
    margin: auto;
    background-size: 270px 75px;
}
.on  .i1{
    display: block;
    width: 40px;
    height: 32px;
    background: url(../images/payall.png) no-repeat 5px -42px;
    margin: auto;
    background-size: 270px 75px;
}
.on .i2{
    display: block;
    width: 40px;
    height: 32px;
    background: url(../images/payall.png) no-repeat -55px -42px;
    margin: auto;
    background-size: 270px 75px;
}
.on .i3{
    display: block;
    width: 40px;
    height: 32px;
    background: url(../images/payall.png) no-repeat -115px -42px;
    margin: auto;
    background-size: 270px 75px;
}
.on .i4{
    display: block;
    width: 40px;
    height: 32px;
    background: url(../images/payall.png) no-repeat -175px -42px;
    margin: auto;
    background-size: 270px 75px;
}
.on .i5{
    display: block;
    width: 40px;
    height: 32px;
    background: url(../images/payall.png) no-repeat -235px -44px;
    margin: auto;
    background-size: 270px 75px;
}
.box-item-flex1 {
    -webkit-box-flex: 1;
}
.shopex-col-xs-4 {
    width: 33.33333333%;
}
.shopex-table-view {
    position: relative;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
}
.shopex-table-view-cell {
    position: relative;
    padding: 10px;
    overflow: hidden;
    -webkit-touch-callout: none;
}
.shopex-table-view-cell > a:not(.shopex-btn) {
    position: relative;
    display: block;
    padding: inherit;
    margin: -11px -15px;
    overflow: hidden;
    color: inherit;
    white-space: nowrap;
    padding-left: 18px;
    text-overflow: ellipsis;
}
.shopex-table-view-cell .shopex-navigate-right .right-p i{
    background: url(../images/111.png) no-repeat 15px;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 10px;
}
.shopex-table-view-cell .shopex-navigate-right .right-p{
    right: 15px;
    position: absolute;
    top: 50%;
    display: inline-block;
    font-family: Muiicons;
    font-size: inherit;
    line-height: 1;
    color: #bbb;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.shopex-table-view-cell:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #e4e5e6;
    content: '';
}
.user-logined .user-name .un-i{
    background: url(../images/11.png) no-repeat 5px;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 9px;

}
.user-logined .user-name p{
    display: inline-block;
    position: relative;
    top: -9px;
    left: 2px;
}
.user-header .user-setting .i-setting{
    background: url(../images/set.png) no-repeat 0px 0px;
    display: inline-block;
    height: 25px;
    width: 25px;
    background-size: 25px;
}
.title-text .ti-1{
    background: url(../images/tu.png) no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px;
    background-size: 20px;

}
.title-text .ti-2{
    background: url(../images/tu.png) no-repeat 0px -24px;
    display: inline-block;
    height: 22px;
    width: 22px;
    background-size: 20px;
    position: relative;
    top: 5px;
}
.shopex-table-view-cell .shopex-navigate-right .i1{
    background: url(../images/tu.png) no-repeat 0px -49px;
    display: inline-block;
    height: 22px;
    width: 22px;
    background-size: 20px;
    position: relative;
    top: 5px;
}
.shopex-table-view-cell .shopex-navigate-right .i2{
    background: url(../images/tu.png) no-repeat 0px -74px;
    display: inline-block;
    height: 22px;
    width: 22px;
    background-size: 20px;
    position: relative;
    top: 5px;
}
.shopex-table-view-cell .shopex-navigate-right .i3{
    background: url(../images/tu.png) no-repeat 0px -99px;
    display: inline-block;
    height: 22px;
    width: 22px;
    background-size: 20px;
    position: relative;
    top: 5px;
}
.shopex-table-view-cell .shopex-navigate-right .i4{
    background: url(../images/tu.png) no-repeat 0px -124px;
    display: inline-block;
    height: 22px;
    width: 22px;
    background-size: 20px;
    position: relative;
    top: 5px;
}
.shopex-table-view-cell .shopex-navigate-right .i5{
    background: url(../images/tu.png) no-repeat 0px -175px;
    display: inline-block;
    height: 22px;
    width: 22px;
    background-size: 20px;
    position: relative;
    top: 5px;
}
.shopex-table-view-cell .shopex-navigate-right .i6{
    background: url(../images/tu.png) no-repeat 0px -149px;
    display: inline-block;
    height: 22px;
    width: 22px;
    background-size: 20px;
    position: relative;
    top: 5px;
}
.more-link .tit-more-a .tm-i{
    background: url(../images/111.png) no-repeat 2px -1px;
    display: inline-block;
    height: 15px;
    width: 15px;
    background-size: 10px;
    position: relative;
    top: 2px;
}









































.title-text .ts{
    position: relative;
    top: -5px;
}