﻿/*  comm 分销商管理中心css*/
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0; word-wrap:break-word; word-break: break-word;}
section{ padding:0; margin:0; display:block}
ul,li,ol,dl{list-style-type:none}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-size:20px;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body{line-height:1.6; }
h1,h2,h3,h4,h5,h6{font-size:100%}
a{text-decoration:none;cursor: pointer; color:#333; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.08);}
a:hover{text-decoration:none;}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
img{border:0;vertical-align:middle; max-width:100%}
body{margin:0 auto;max-width:800px; font-family: "Microsoft Yahei", "Simsun", Arial, sans-serif;line-height: 1.5; color:#333; background:#f3f3f3}
div{display:block}
input, button, textarea, select, optgroup, option, i, em {font-family: inherit;font-size: inherit;font-style: inherit;}
textarea {box-sizing: border-box;}
.clear{ overflow:hidden; clear:both}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block;*zoom:1}
.fl{ float:left;}
.fr{ float:right}
input[type="submit"],input[type="text"],input[type="reset"],input[type="button"],button ,select,textarea{-webkit-appearance: none;}
.btn{ display:inline-block; text-align:center; border-radius:0.15rem; border:1px solid transparent; white-space:nowrap;overflow:hidden; vertical-align:middle}
#pagelistend{ text-align:center; padding:0.5rem 0; color:#898989; font-size:0.75rem}
.sizing {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

h1, h2, h3, h4, h5, h6 {font-size: 100%;}
.bg_red {background: #ff4800;}
.bg_blue{background: #4dbdf5;}
.bg_green {background: #64bd66;}
.bg_gray {background: #b9b9b9 !important;}
ul,li,ol,dl{list-style-type:none}
.none{ display:none}
img {border:0; max-width:100% }
select{ background:#fff url(../images/drop.png) no-repeat 96% center /auto 30%;}

.blank10{height:0.5rem;}
.tips{color:#999;}
.born{ border:0 !important;}
.wbox-flex {display: block;-webkit-box-flex: 1;-moz-box-flex: 1;}
.wbox{display: -webkit-box;}
.webkit-box {display: -webkit-box;}
.bgs{ background:#F5F5F5}

.store_msg{ overflow:hidden;padding:0.5rem;}
.well {padding: 0.5rem;color: #434a54;   background-color: #fff;}

.navbar{border-bottom: 1px solid #DAD9DB; background:#FFF;}
.navbar li{ width: 25%;height: 1.8rem;padding-top: 0.6rem;cursor: pointer;display:block;}
.navbar li a{display: block;height: 1.1rem;line-height: 1.1rem;text-align: center;border-right: 1px solid #DAD9DB;}

.logo{height: 1.35rem; margin-top:0.45rem; margin-left:0.5rem;width: 3.9rem; float:left;}
.logo img{ height:100%; width:100%}

.footer {position: fixed;left:0;bottom: 0px;background-color: #FCFCFC;width: 100%;margin: 0 auto;height: 2.45rem;border-top: 1px solid #d8d8d8; z-index:999}

.footer a{color: #999999;width: 20%;display: inline-block;float: left;text-align: center;cursor: pointer;color:#434a54}
.footer div{font-size: 1.1rem;padding: 0.4rem 0px 0;color: #999999;top: 0px;}
.footer p{font-size: 0.5rem;color:#434a54}
.footer .ul2 a{ width:25%}

.order_title{ padding:0 0.25rem}
.order_no{text-align:center; font-size:1.2rem; color:#e5e5e5;padding-top:0.5em; }

.btn-head{color: #fff; font-size:0.7rem; }
.user_info{padding: 0.3rem 0.5rem 0.55rem 0.5rem;border-top: 2px solid #e7e7e7;}
.user_info ul {border: 1px solid #ececec;border-radius: 0.25rem;overflow: hidden;background: #fff;margin: 0.5rem 0px;}

.user_info ul li {position: relative;position: relative;}
.user_info ul li:after{content: '';position: absolute;left: 1.8rem;bottom: 0;right: auto;top: auto;height: 1px;width: 100%;background-color: #ddd;display: block; z-index: 15;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.user_info ul li:last-child:after{ display:none}	
.user_info ul li a{ display:block;  padding: 0px 1.05rem 0px 2.5rem;min-height: 2.4rem;  }
.user_ico{display:block;background: #F37872;position: absolute;left: 0.5rem;top: 0.5rem;width: 1.25rem;height: 1.25rem; line-height:1.35rem;border-radius: 0.25rem;text-align: center;}
.user_ico i {color: #fff;font-size: 0.75rem;}
.user_info ul li .specific_items {overflow: hidden;line-height: 2.4rem;}
.user_info ul li h5{color: #888;font-weight: normal;font-size: 100%;}
.user_info ul li .num-show{ float:right; color: #F5787D; padding-right:0.25rem; }
.u_money{font-size: 1.5rem;color: #f60;}
.seer{display: inline-block;position: absolute;right: 0.4rem;font-size:0.5rem;color:#b0b0b0;top: 50%;margin-top: -0.25rem;line-height: 0.5rem;height: 0.5rem;}

.mymenu-list .inner{padding: 0.5rem 0;border-top:none;}
.mymenu-list .inner ul{ margin:0; border-radius:0; border-width:1px 0}
.mymenu-list .user_ico{display: block;background:none;position: absolute;left: 0.5rem;top: 0.4rem;width: 1.5rem;height: 1.5rem;line-height: 1.5rem;text-align: center; border-radius:15rem}
.mymenu-list .user_ico i {color: #333; color:#fff; font-size:0.85rem;}
.mymenu-list .user_info ul li h5{ font-size:0.6rem;}

.user_info ul li:nth-child(4n+1) .user_ico{ background-color:#45c597}
.user_info ul li:nth-child(4n+2) .user_ico{ background-color:#f47575}
.user_info ul li:nth-child(4n+3) .user_ico{ background-color:#7abff4}
.user_info ul li:nth-child(4n+4) .user_ico{ background-color:#f8b968}

.user_pic02{ position:relative}
.user_pic02 img {width: 2.75rem;height: 2.75rem;border: 1px solid #c2c2c2;border-radius: 50%;background: #fff;padding: 0.15rem;top: 0.4rem;left: 0.5rem;position: absolute;overflow: hidden; z-index:1}
.user_pic02 .seer{color: #b4b4b4;z-index:1}

.userbox{color:#555;font-size:0.7rem; line-height:1.1rem;  border-top:#e5e5e5 solid 1px; background:#FFF; }
.userbox a.box{color:#ff663d}
.userbox table{ clear:both}
.userbox .usertopleft{margin-left:0.75rem;width:3.5rem;float:left;}
.userbox .usertopright{margin-top:0.5rem;padding-top:0.5rem;}
.mymoney{border:0px;margin-top:0.5rem}
.userbox h3{ height:1.75rem; line-height:1.75rem; padding:0px 0.75rem; background:#F5F5F5;font-size:0.75rem;font-weight:normal}
.userbox h3 span{float:right;padding-right:0.25rem;}
.userbox h3 span a{color:#555}
.mymoney li{background:url(../images/topbg.png);padding:0.2rem;width:6.0rem;overflow:hidden;float:left;border:1px solid #e5e5e5;border-bottom:1px solid #ccc;height:2.5rem;margin-right:0.5rem;text-align:center;margin-top:0.75rem;}
.mymoney li span{font-size:0.7rem;color:brown;font-weight:bold;}
.mymoney li p{font-family:"微软雅黑";font-size:0.8rem;color:#555;font-weight:bold;}

.userdetail{line-height:1.3rem;border:0px}

.border{margin-top:-0.75rem;color:#555; line-height:1.1rem}
.border td{border-bottom:#e5e5e5 solid 1px;height:2.0rem; padding:0.25rem 0 0.25rem 0.25rem;}
.border input{background:#f9f9f9;border:1px solid #ccc;border-radius: 0.15rem; }
.border textarea{border:1px solid #ccc;border-radius: 0.15rem;}
.border .select{background:#fff;border:1px solid #ccc; height:1.5rem; line-height:1.5rem;color:#666;font-size:0.7rem;border-radius: 0.15rem; padding:0.2rem;}
.border .button,.border .pn{width: 100%;height: 1.9rem;line-height: 1.9rem;color: #fff;cursor: pointer;display: block;font-size: 1.6rem;letter-spacing: 2px;overflow: hidden;text-align: center;border-radius: 0.15rem; border:0;background: #4dbdf5; margin-top:0.5rem;}

.footbig{ height:2.0rem}
.foot{width:100%;height:2.0rem;line-height:2.0rem;background:url(../images/nav_bg.png) repeat-x;border-top:1px solid #ccc;font-size:0.8rem;text-align:center;margin:0 auto;clear:both; position:fixed;bottom:0%;}

.end{font-size:0.55rem; line-height:1.0rem;color:#888; padding:0.5rem 0.75rem; text-align:center; background:#ddd;text-shadow: 0px 0px #bbb,0 1px #fff;}


/*微分销*/

/*选框样式*/
input[type="checkbox"],input[type="radio"]{background:url(../images/radio.png) no-repeat; width:0.8rem; height:0.8rem; background-size:100% 100%; border:0; outline: none;-webkit-appearance: none;margin-right:0.3rem;}
input[type="checkbox"]:checked,input[type="radio"]:checked{background:url(../images/radio_click.png) no-repeat; background-size:100% 100%; }
/*选框样式 end*/

.tal{ text-align:left !important}
.tac{ text-align:center !important}
.tar{ text-align:right !important}

.u-more-icon{ position:relative; float:right;font-size:1.0rem; line-height:1.2rem; margin-top:0.28rem;}
.form-group .u-more-icon{ font-size: 1.35rem;color: #bebebe; padding-left: 0.65rem;}

/*订单列表*/

.all_orders li{color: #333;margin-top: 0.5rem; font-size:0.7rem; padding-top:0.5rem;border-color: #e6e9ed;background-color: #fff;}
.all_orders .or_head h3{font-weight: 400;color: #333; padding:0 0.75rem; font-size:0.75rem;overflow:hidden; line-height:1.4rem;}
.all_orders .or_type{ color:#888}
.or_info{ padding:0 0.75rem}

.or_info .or_fir{ border-bottom:#eee solid 1px; position:relative; padding:0.5rem 0}
.or_info .or_fir img{float: left;margin-right: 0.5rem;width: 6.0rem;height: 3.6rem;}
.or_info .or_fir .rbox{ overflow:hidden}
.or_info .or_fir .rbox p{ margin-top:0.25rem; padding:0}
.or_info .or_fir .rbox .tit{ font-weight:normal; display:block; height:2.0rem; line-height:1.0rem; overflow:hidden}
.or_info .or_fir .price{ text-align:right; color:#777}
.or_info .or_fir .price em{ color:#E75D02}
.all_orders .or_ft{ padding:0.5rem 0.75rem; color:#666; background:#fcfcfc; line-height:1.1rem; font-size:0.65rem}

.tab_title{background:#fff; font-size:0.8rem; position:relative; margin-top:0 !important;}
.tab_title:after{content: '';position: absolute;left: 0;bottom: 0;right: auto;top: auto;height: 1px;width: 100%;background-color: #ccc;display: block; z-index: 15;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);position: relative;}
.tab_title li{text-align: center;line-height: 2.0rem;cursor: pointer; width:50%;float:left;	}
.tab_title li a{ display:block; color:#888;}
.tab_title .activenum a{ 
	display: block;
	/* border-bottom:#50b7f2 solid 0.1rem;  */
	height:1.9rem;
}
.tab_title li{
	position: relative;
}
.tab_title li.activenum::before{
	content:"";
	width: 20%;
    height: 0.15rem;
    left: 50%;
    margin-left: -10%;
    background: #ff663d;
    position: absolute;
    bottom: 0.2rem;
	z-index: 1;
    border-radius: 10px;
}
.tab_title .activenum a{color:#010e16;}
.flexbox{text-align: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.flexbox li{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}


/*分销申请提示*/
.Storemsg{ padding:0.5rem; background:#fff; text-align:center}
.Storemsg .error{text-align: center;padding: 4rem 0 1.5rem 0 !important;color: #939ca0 !important;font-size: 0.7rem !important;background: #fff url(../common/tips.png) no-repeat 50% 1.5rem;background-size: 2.5em 2.5em;position: relative;}
.Storemsg .btn{ display:inline-block; width:55%; margin-top:1.2rem;} 
.Storemsg .btn a{ display:block; font-size:0.8rem; color:#fff; background:#ff663d;padding:0.35rem 0}
.Storemsg .lock~.btn{ width:30%}
.Storemsg .lock~.btn a{ background:#fff; color:#aaa; border:#aaa solid 1px;}


.myform { margin-top:0.5rem; }
.form-group{ padding:0.25rem 0;background:#fff; position:relative; overflow:hidden; min-height:1.8rem; line-height:1.8rem; font-size:0.7rem; border-bottom:1px solid #eee;}

.form-group input[type="text"],
.form-group input.textbox{ border:#fff solid 1px; padding:0.5rem 0.75rem; font-size:0.7rem; width:65%; text-align:left; box-sizing:border-box; border-radius:0;}
.form-group input.textbox{width:65% !important;}
.pos-txt{ float:right;width:65%; text-align:right; box-sizing:border-box;padding:0 0.75rem; color:#888; font-size:0.8rem;} 
.form-group .line{ line-height:1.5; font-size:0.7rem}
.form-group .pos-inp{ padding:0 0.5rem}
.form-group .pos-inp .textfull{ border:0; background:#fff; padding:0.5rem; font-size:0.6rem; color:#464646; border:#eee solid 1px;resize: none;}
.form-group .bt{ width:35%; float:left; font-size:0.7rem; box-sizing:border-box; padding-left:0.5rem}
.form-group p.bt{ float:none; width:100%; position:relative;}
.form-group .bt-abs{ position:absolute; top:50%; left:0; line-height:1.8rem; margin-top:-0.9rem}
.form-group .pos-box{ padding:0 0.5rem}
.form-group .label-list label{ display:block; width:100%}
.form-group .get-text{ padding-right:0.6rem}

.myform .btn{ display:block;  padding:0.3rem 0.5rem; width:92%; height:2.0rem; font-size:0.9rem; margin:1.0rem auto; }
.myform .input-tips,.myform .d_default{ color:#999}
.myform p.input-tips,{display:block; padding-top:0.5rem; text-align:right;}
.myform .tips{ padding:0.5rem; font-size:0.65rem; margin:0;}
.myform .ts{ font-size:0.8rem; color:#666; margin:0; padding:.5rem}
.myform select{ width:100%; box-sizing:border-box; padding:0.5rem; margin-bottom:0.5rem; border:#e3e3e3 solid 1px; font-size:0.7rem}
.form-group textarea{ width:100% !important; padding:0.25rem; border:#e5e5e5 solid 1px;min-height:5.0rem; font-size:0.7rem; resize:none; color:#999;}
.myform .required{ text-align:left !important}
.myform #vdimgck{ position:absolute; right:0.5rem; top:50%; height:1.5rem; margin-top:-0.75rem}
.myform .v-btn{ position:absolute; right:0.5rem;top:50%; height:1.5rem;color:#666; margin-top:-0.75rem; font-size:0.7rem; width:auto !important}
.form-group .mobile{ text-align:left !important;}
.form-group .money-yuan{ padding-right:2.0rem !important}
.form-group .money-yuan ~ .yuan{ position:absolute; right:1.0rem; font-size:0.8rem; top:0; line-height:2.4rem; color:#999}
.form-group input.input-full{ background:#f5f5f5; border:#eee solid 1px; width:100%;}
.form-group .bor{border-color:#eee !important;}
.edui-default{ line-height:1; clear:both}

/*申请开店*/
.stepbar{ padding:3.0rem 1.0rem 2.25rem; background-color:#F7F7F7; border-bottom:#dcdcdc dashed 1px;}
.step-item{ width:33.33%; float:left; border-top:#ccc solid 2px; position:relative}
.step-item span{ display:block; color:#aaa; line-height:1.75rem; font-size:0.6rem;}
.step-item i{ display:inline-block; height:1.4rem; width:1.4rem; line-height:1.4rem; text-align:center; border-radius:100%;background-color:#ccc;color:#fff;  font-size:0.9rem;}

.step-inner { position:absolute; top:-2.55rem; left:0; right:-0.05rem}

.step-l{ text-align:left}
.step-m{ text-align:center}
.step-r{ text-align:right}
.step-r .step-inner{}

.step-item.curr {border-top-color:#F37872 }
.step-item.curr span{ color:#F37872;}
.step-item.curr i{ background-color:#F37872; }


/*申请表单*/
.s-form{ padding:0.5rem;}
.s-form .form-item{ /*overflow:hidden;*/ margin-top:0.5rem;clear:both}
.s-form .form-txt{ line-height:1.75rem; height:1.75rem; color:#666; font-size:0.75rem; }
.s-form .input-txt,.s-form .area-txt{background: #FFF; border:#ccc solid 1px; padding:0.25rem 0.5rem 0.25rem 0.75rem; font-size:0.7rem;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; width:100%; box-shadow:0 3px 3px #eee inset}
.s-form .input-txt{ height:2.0rem;}
.s-form .area-txt{ height:4.0rem;}
.form-tips{ color:#999; padding-left:0.75rem; font-size:0.7rem;}
.btn-next { width: 100%;font-weight: 400; text-align: center; color:#fff; vertical-align: middle; cursor: pointer; border: 1px solid transparent; padding: 0.5rem 0; font-size: 0.7rem; line-height: 1.42857143; border-radius: 0.2rem;background:#F37872;  border:#F37872 solid 1px;font-size: 0.8rem; margin-top:0.5rem;}

.bgstore {padding:0.5rem 0}
.skinlist{text-align:center;padding:0 0.5rem}
#skinid{border:0; background-color:#fff; height:1.7rem; margin:0; padding:0.25rem; padding-right:1.0rem; float:right; outline:0; max-width:44%; width:auto}
#viewSkin{height:1.5rem; float:right;}
#showLogo{display:inline-block; text-align:right; }
#showLogo img{height: 2.8rem;min-width: 2.8rem;border-radius: 0.25rem;width: auto;margin-right: 0.8rem;margin: 0 auto;}


.s-success{padding:0.75rem;}
.s-success .suc-sign{font-size:3.0rem; color:#76BA52; float:left; margin-right:0.75rem;}
.s-success .suc-info{line-height:1.1rem; padding-top:1.2rem;}
.s-success .suc-info .tips{display:block; font-size:0.7rem; margin:0.2rem 0}
.s-success .suc-info .tip_img{text-align:center; padding:0 1.5rem;}
.s-success .suc-info .tip_img img{width:100%;}
.s-success .suc-info .codetxt{padding:0.5rem 1rem;}
.s-success .suc-info .address{padding:0 1rem;}
.s-success .suc-info .btn{display: block; width: 100%;font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer;padding: 0.5rem 0;font-size: 0.7rem; line-height: 1.42857143; border-radius: 0.2rem;background:#F37872;  border:#F37872 solid 1px;font-size: 0.8rem; margin-top:0.5rem;}
.s-success .suc-info .btn a{color:#fff;}
.s-success .suc-title{font-size:0.8rem;}
.s-success .suc-link{color:#57AED4}

/*管理界面*/
.myStore-head{position:relative; background-color:#ff663d; border-bottom:0;height:auto;}
.user_top{position:relative;overflow: hidden;}
.my_details{position:relative;padding:0.4rem 0.7rem 0.4rem 4rem;box-sizing:border-box; min-height:4.5rem;}
.my_details .user_pic{width:2.8rem;height: 2.8rem;border-radius: 100%;background: #fff;top:50%;left: 0.5rem;
position: absolute; margin-top:-1.5rem;padding: 0.05rem;overflow: hidden;}
.user_pic img {width: 100%;height: 100%;border-radius: 50%;}
.my_details .u_name{font-size: 0.8rem;color: #fff;margin-top: 0;line-height: 1.8rem;border-bottom: 1px solid rgba(255,255,255,0.15);margin-bottom: 0.5rem;}
.my_details .u_name .ts{font-size:0.6rem}
.my_details .u_name .link,.my_details .u_name a{float: right;height: 1.2rem;line-height: 1.2rem;font-size: 0.55rem;margin-top: 0.2rem;background: rgba(0,0,0,0.2);border-radius: 30em;padding: 0 0.5rem; color:#fff;}
.my_details p{color: #fff;font-size: 0.6rem;line-height: 1rem;padding:0 0.1rem}
.my_details p .ts{padding:0 0.1rem; font-size:0.5rem}
.my_details .u-mobile{padding-top:0.3rem; line-height:1.4rem; font-size:0.7rem}
.my_details .u-mobile i{padding-right:0.2rem; font-size:0.9rem; float:left; margin-top:0.22rem}


.store-link{color:#fff; border-radius:2.0rem; font-size:0.55rem; padding:0.3rem 0.5rem;margin:0 0 0 0.4rem; display:inline-block; height:0.6rem; line-height:0.65rem; float:right; margin-right:1.8rem; margin-top:-0.1rem;background: rgba(0,0,0,0.2);}


.mydata{margin-top:0.5rem;}
.mydata ul{overflow:hidden; background-color:#fff;}
.mydata li{width:33.33%; float:left;}
.mydata li .inner{border:solid #eee;border-width:0 1px 0 0; margin:0.5rem 0;}
.mydata li:last-child .inner{border-right:0;}
.mydata li:first-child .inner{border-left:0;}
.mydata li span{display:block; text-align:center}
.mydata .mydata-num{font-size:1rem;color:#333;}
.mydata .mydata-txt{color:#888; padding:0 0.25rem; font-size:0.6rem}

.u-more-icon{position:absolute; top:50%; right:0.5rem; font-size:1.5rem; line-height:1.2rem; margin-top:-0.6rem; color:#fff}
.wd_quick a{width:20%}
.fixed { position: fixed;top: 0;left: 0;right: 0;z-index: 99;}

.user-index .m-title {text-align: left;padding-left: 0.5rem;font-size: 0.8rem;}
.user-index .agent-head .back{ display:none}

.agent-head{background-color: #ff663d;color: #fff;}
.agent-head a,.agent-head .fa{color:#fff;}
.agent-head .back{font-size:1.5rem !important;}
.agent-head .head-in{line-height:2.25rem;}

.header .btn-nav{display: block;line-height: 2.4rem;height: 2.25rem; overflow:hidden}
.nav-box{position:absolute; right:0; top:2.25rem; width:6.5rem; box-shadow:-1px 1px 4px rgba(0,0,0,.5); background-color:#fff; display:none; z-index:995}
.nav-box li{border-bottom:#f1f1f1 solid 1px; text-align:left;}
.nav-box li:last-child{border-bottom:0}
.nav-box a{color:#888; display:block; padding-left:0.5rem; font-size:0.8rem;}
.agent-head .nav-box a i{color:#888; margin-right:0.6rem; font-size:1.0rem}
.nav-box.show,.nav-mask.show{display:block !important}

.nav-mask{ position:fixed; z-index:994; top:0; left:0; width:100%; height:100%; display:none}
/*.norecord,.empty{text-align: center;padding:1rem 0.75rem !important;color: #939ca0 !important;font-size:0.8rem !important;position: relative;}
.empty:before {
    content: "\f05a";
    font-family: FontAwesome;
    font-size: 4rem;
    display: block;
    line-height: 4rem;
    color: #e8e8e8;
    font-weight: normal;
}  */

.empty:after{height:0px !important;}
.norecord:after{height:0px !important;}

 /*提现记录*/
.cash_rec{padding:0 0.5rem}
.cash_rec ul{padding-bottom:0.5rem}
.cash_rec li{padding:0.25rem 0; font-size:0.75rem; color:#999; position:relative; overflow:hidden}
.cash_rec li.first{ padding:0.8rem 0; margin-bottom:0.5rem; line-height:1.1rem}
.cash_rec li.first:after{content: "";display: block;position: absolute;bottom: 0;left:0;width: 200%;height: 1px;overflow: hidden;background: rgba(0,0,0,0.15);-webkit-transform: scale(0.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.cash_rec li span{ float:right; color:#303030; max-width:65%}
.cash_rec li .f_money{ font-size:1.1rem}
.cash_rec li .no{color:red;}
.cash_rec li .yes{color:#006600;}
.cash_rec li .ddff{color:brown;}
.cash_rec li .num{color:blue;}
.cash_rec li .attr{font-size:12px;}
.cash_box{padding-top:0.5rem;}
.cash-item{margin-bottom:0.5rem; background:#fff; position:relative}
.cash-item:last-child{margin-bottom:0}
.cash-item:after{content: '';position: absolute;left: 0;bottom: 0;right: auto;top: auto;height: 1px;width: 100%;
background-color: #ddd;display: block;z-index: 15;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.order_title{background:#eee;height:1.75rem;line-height:1.75rem; font-size:0.7rem; border-radius:0.2rem 0.2rem 0 0;}

/*订单*/
.col_orders{background:#fff;}
.col_orders li{height:2.5rem; line-height:2.5rem; overflow:hidden; position:relative; background-color:#fff;}
.col_orders li:after{content: '';position: absolute;left:0;bottom: 0;right: auto;top: auto;height: 1px;width: 100%;background-color: #ddd;display: block;z-index: 15;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%; -webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.col_orders li a{display:block;padding:0 0.5rem;color:#464646; font-size:0.7rem; white-space:nowrap; overflow:hidden;text-overflow:ellipsis}
.col_orders li .od-money{padding-left:0.5rem;font-size:0.7rem;color:#999}
.col_orders li .od-money font{color:#ff6500; }
.col_orders li .show-more{float:right; font-size:0.7rem; color:#999; padding-left:0.5rem}
.col_orders li .show-more .fa{padding-left:0.65rem; font-size:1.1rem; float:right; margin-top:0.7rem;}

.col_orders .u-icon{margin-right:0.5rem; background-color:#fff; font-size:0.6rem; border:solid 1px; border-radius:50%; float:left; width:0.8rem; text-align:center; height:0.8rem; line-height:0.8rem; margin-top:0.8rem;color:#F5787D;}
.col_orders .u-icon i{vertical-align:middle}
.col_orders .level-1 .u-icon{color:#F5787D; }
.col_orders .level-2 .u-icon{color:#6195DB}
.col_orders .level-3 .u-icon{color:#399EA3}


/*用户*/
.col_users li{position:relative;padding:0.5rem 0.5rem 0.5rem 3.2rem;color:#464646;overflow:hidden; background-color:#fff; font-size:0.7rem; margin-top:0.5rem}
.col_users li:after{content: '';position: absolute;left: 0;bottom: 0;right: auto;top: auto;height: 1px;width: 100%;background-color: #ddd;display: block;z-index: 15;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);} 
.col_users li:first-child{margin-top:0}
.col_users li .hd{padding:0.5rem; color:#434343}
.col_users .u-img{width: 2.2rem;height:2.2rem;  float:left; overflow:hidden; border-radius:50%; position:absolute;left:0.5rem;top:0.5rem; margin-right:0.5rem}
.col_users .u-img img{height:100%; width:100%; border-radius:50%; } 
.col_users p{font-size:0.65rem; line-height:1.15rem; overflow:hidden;color:#666;}
.col_users .u-name{color:#333; font-size:0.8rem;font-weight:bold;}
.col_users .u-name span{font-size:0.7rem; padding-left:0.5rem;color:#ef1e1e;font-weight:normal;}
.col_users .ft{clear:both;padding:0.6rem 0.5rem; color:#999;overflow:hidden; position:relative}
.col_users .ft:after{content: '';position: absolute;left: 0.5rem;top: 0;right: 0;height: 1px;width: 100%;
background-color: #ddd;display: block;z-index: 15;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.col_users .ft p{font-size:0.6rem}


/*佣金*/
.sum_head{background-color:#ff663d; color:#fff;}
.sum_head .sum-wrap{padding:1.5rem 0.75rem;}
.sum_head .msg{font-size:0.8rem;}
.sum_head .msg .fa{padding-right:0.25rem;}
.sum_head .money-num{font-size:1.9rem; color:#DC2819;}
.sum_head .money-num .rmb{font-size:1.6rem;}
.sum_head .cMoney{color:#fff;}

.sum_type{margin-bottom:0.5rem;}
.sum_type .col_orders .u-icon{ font-size:0.7rem; height:0.8rem; width:0.8rem; line-height:0.8rem; margin-top:0.8rem;}
.sum_type .col_orders li .show-more .fa{ margin-top:0.7rem;}
.sum_type .col_orders li{ height:2.5rem; line-height:2.5rem;}

.tx-btn{padding:0.75rem 0.5rem; font-size:0}
.tx-btn .btn{vertical-align: middle;display:inline-block;border-radius: 0.2rem; font-size:0.7rem; border:solid 1px transparent; margin-right:0;width:auto; line-height:1.8rem; padding:0; width:48%;text-align:center; box-sizing:border-box;}
.tx-btn .btn-sub{color:#FFF; background-color:#ff663d; text-align:center; margin:0 2% 0 0;}
.tx-btn .btn-link{color:#333;background-color: #fff; border-color:#dedede; color:#777; margin:0 0 0 2%;}
.tx-btn .btn-sub:last-child{ margin-bottom:0}

.sum_tips{margin-top:0.5rem; background-color:#fff; padding:0 0.5rem;}
.sum_tips .sum_hd,.sum_tips li{ border-bottom:#eee solid 1px; }
.sum_tips li{font-size:0.7rem}
.sum_tips .sum_hd{color:#222;line-height:3.0rem;height:3.0rem;font-size:0.75rem; }
.sum_tips li{color:#878787; line-height:1.25rem; padding:0.4rem 0}
.sum_tips li:last-child{border-bottom:0}

/*店铺二维码*/
.store-code{margin:0; padding:0.75rem}
.store-code .well{padding:0.75rem}
.show-codeimg img{height:10rem; width:auto}
.show-link{margin:0.5rem 0; color:#888; font-size:0.7rem}
.store-code .btn-click{background-color:#ff663d; margin-right:0; margin-top:1.0rem;height:2.0rem; line-height:2.0rem; display:block; font-size:0.75rem; color:#fff;}
.store-code .tips{color:#999;font-size:0.6rem;}

/*推广朋友圈*/

.firend_type{background:#fff; padding:0 0 0.5rem 0; margin-top:0.5rem;}

.firend_type .tips{font-size:0.7rem; padding:0.5rem;}
.firend_type .tips .fa{padding-right:0.25rem; color:#ff663d;}

.firend-list .firend-item{border-top:#eee solid 1px;}
.firend-list .firend-info{padding-left:2.75rem;}
.firend-list .firend-info .intro{height:1.3rem; line-height:1.3rem;}

.firend-item{padding:0.5rem;overflow:hidden}
.firend-item .u-img{float:left; width:2.25rem; height:2.25rem; border-radius:0.25rem; margin-top:0.25rem;}
.firend-item .u-img img{height:100%; width:100%; border-radius:0.25rem;}
.firend-item .firend-info .name{line-height:1.3rem; overflow:hidden; font-size:0.8rem;color:#54B6DA;}
.firend-item .firend-info .intro{overflow:hidden; text-overflow:ellipsis; margin-top:0.25rem; white-space:nowrap }
.firend-item .img-list{margin-top:0.5rem;}
.firend-item .img-list li{float:left; width:33.33%; margin-bottom:2%;}
.firend-item .img-list li img{ width:97%;}
.firend-item .img-list li:nth-child(3n+3) img{ width:100%;}
.firend-item .tips{padding:0; margin-top:0.25rem;}


.firend-item .desc{ color:#999; padding:0.5rem 0; font-size:0.7rem}
.firend-item .desc span{ padding-right:0.75rem;}
.firend-item .tran-link{color:#54B6DA;}
.firend-item .tran-link .fa{ padding-right:0.15rem;}
.firend-con .firend-info .intro{ margin-top:0.75rem; font-size:0.75rem; height:auto; white-space:normal}
.firend-con .firend-item .img-list{ margin-top:1.0rem;}

.tran-box{ position:fixed; top:4.25rem; left:1.25rem; bottom:1.75rem; right:1.25rem; background-color:#fff;   z-index: 995; border-radius:0.2rem;display:none}
.tran-mask{position:fixed; background-color:rgba(0,0,0,.5); z-index:994; top:0; left:0; width:100%; height:100%; display:none }
.tran-box.show, .tran-mask.show {display: block !important;}

.tran-box dl{ font-size:0.7rem;overflow-y:auto;padding:0.5rem 0.75rem;  }
.tran-box dt{ font-size:.9rem; line-height:2.0rem; margin-bottom:0.25rem;}
.tran-box dd{ line-height:2.0rem; font-size:0.75rem;color:#666;}
.tran-box dd span{ display:inline-block; width:1.1rem; height:1.1rem; line-height:1.1rem;  background-color:#f7f7f7; text-align:center; border:#ddd solid 1px; border-radius:50%; margin-right:0.4rem;}

.tran-box .tran-close {display:block;position: absolute;right: -0.2rem;top: -0.2rem;width: 1.2rem;height: 1.2rem;padding: 0.2rem;-webkit-border-radius: 50%;border-radius: 50%;background-color: #fff;}
.tran-box .tran-close .fa{display: inline-block;width: 1.1rem;height: 1.1rem;line-height: 1.1rem;border: 1px solid #bdbdbd;-webkit-border-radius: 50%;border-radius: 50%;font-size: 0.75rem;color: #999;text-align: center;}

/*分店*/
.Ustore_type{ padding:0.5rem}
.Ustore_head{ background-color:#F37872;}
.Ustore_head .msg{ float:left; width:40%; line-height:1.8rem}
.Ustore_head .cMoney{font-size:1rem; text-align:right;} 
.Ustore_head .cMoney i{ font-size:0.7rem; padding-left:0.5rem}

.col_store .sale_wrap{ padding:0.75rem 0.5rem; background:#fff; overflow:hidden; margin-bottom:0.5rem}
.col_store .sale_wrap .sale_item{ float:left; width:50%; box-sizing:border-box; padding:0 0.2rem; }
.col_store .sale_txt{font-size:0.65rem; color:#9c9c9c;}
.col_store .sale_num {font-size: 1.1rem;color: #434343; padding:0 0.2rem}

.total_bg{ background-color:#fff; padding:0.65rem 0; overflow:hidden}
.total_bg .item{ border-left:#fff solid 1px;border-right:#ededed solid 1px; position:relative; left:-1px; float:left; box-sizing:border-box; width:50%; text-align:center}
.total_bg .item p{ color:#333}
.total_bg .item:nth-child(2n+2){ border-right:none;}
.total_bg .item .item-txt{ color:#999; font-size:0.7rem}
.total_bg .item .item-num{ font-size:1.0rem; height:1.5rem;}

.fxs-btn{ padding:1.0rem 0}
.fxs-btn .btn{ display:block; font-size:0.9rem; line-height:2.2rem; border-radius:0; background:#36A6D9; color:#fff;}

/*成为分销商*/
.join-top{ overflow:hidden}
.join-top img{ width:100%;}
.join-main{ padding:1.5rem 0.5rem; background:#f5f5f5}
.join-text {padding:0.25rem;  line-height:1.0rem; color:#666; font-size:0.7rem}
.join-text span {color:#f6914b;}
.join-main .join-sub { display:block;height:2.0rem; background:#e53c39; margin-top:0.7rem; border-radius:0.25rem; text-align:center; line-height:2.0rem; color:#fff; font-size:0.8rem;}

.join-title {height:1.5rem; margin-top:1.0rem; font-size:0.6rem; line-height:1.5rem; color:#666;}

.vip-main {height:9.1rem; background:#fff; border-radius:0.2rem;}
.vip-main .vip-item {height:1.8rem; padding:0.5rem; border-bottom:1px solid #f1f1f1; overflow:hidden; font-size:0.6rem; color:#999;}
.vip-main .vip-item .icon {height:1.8rem; width:1.8rem;  border-radius:50%; color:#fff; text-align:center; float:left;}
.vip-main .vip-item .qrcode{background:url(../images/shopicon.png) #32cd32 no-repeat center; background-size:1rem 1rem; font-size:1.0rem; line-height:1.8rem;}
.vip-main .vip-item .rmb { background:url(../images/moneyicon.png) #fece00 no-repeat center; background-size:1rem 1rem; font-size:1.1rem; line-height:2.0rem; }
.vip-main .vip-item .text {height:1.8rem; margin-left:0.6rem; float:left;}
.vip-main .vip-item .text .t1,.vip-main .vip-item .text .t2 {height:0.9rem; font-size:0.75rem; color:#666; line-height:0.9rem;}
.vip-main .vip-item .text .t2 {font-size:0.65rem; color:#999;}



/*分销商排名*/
.Urank_type{padding-top:0.5rem;}
.Urank_type .rank-title{ color:#999;padding: 0 0.6rem;line-height: 1.8rem;}
.mys-store{background:#50b7f2;}
.mys-store .mys-hd{ padding:0.75rem 0.5rem 0.5rem 0.75rem;}
.mys-store img{ float:left; width:3.0rem; height:3.0rem; border-radius:50%; margin-right:0.75rem; background:#fff; padding:0.2rem}
.mys-store .mys-info{ padding-top:0.25rem; color:#fff;}
.mys-store .mys-name{ font-size:0.8rem;}
.mys-store .mys-foot{ height:2.2rem; overflow:hidden;background:#fff; position:relative}
.mys-store .mys-foot:after{content: '';position: absolute;left: 0;bottom: 0;right: auto;top: auto;height: 1px;width: 100%;background-color: #ddd;display: block; z-index: 15;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.mys-store .mys-data{ line-height:1.6rem; left:-1px; width:50%; box-sizing:border-box; float:left; text-align:center; position:relative; border-left:#eee solid 1px; color:#434343; margin:0.2rem 0; font-size:0.7rem}
.mys-store .mys-data .icon{ color:#fff; border-radius:50%; display:inline-block; width:1.2rem; height:1.2rem;line-height:1.2rem; text-align:center; margin:0 0.25rem; vertical-align:middle}
.mys-store .mys-data .icon i{ vertical-align:middle;}
.mys-store .mys-data .pm{ background-color:#71DCB6;}
.mys-store .mys-data .jq{ background-color:#FFC107;}

.rank-list{border-top:#e5e5e5 solid 1px; background-color:#fff;}
.rank-list ul{ padding:0 0.5rem;}
.rank-list li {overflow:hidden; position:relative; padding:0.65rem 0}
.rank-list li:after{content: '';position: absolute;left: 0;bottom: 0;right: auto;top: auto;height: 1px;width: 100%;background-color: #ddd;display: block; z-index: 15;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.rank-list li .icon{ position:relative; text-align:center; height:1.0rem; line-height:1.0rem; width:1.0rem; float:left; margin-top:0.5rem; }
.rank-list li .icon span{ position:absolute; left:0; top:0; height:100%; width:100%; font-size:0.65rem;}
.rank-list li .icon i{ font-size:1.0rem; display:none;}

.rank-list li:nth-child(1) .icon{color:#f1bd09;}
.rank-list li:nth-child(2) .icon{color:#ff5a00;}
.rank-list li:nth-child(3) .icon{color:#c5c5c5;}
 
.rank-list li:nth-child(1) .icon i,
.rank-list li:nth-child(2) .icon i,
.rank-list li:nth-child(3) .icon i{ display:block;}

.rank-list li .pic{ height:1.5rem; width:1.5rem;float:left; margin:0.25rem 0.5rem 0 0.4rem;}
.rank-list li img{ border-radius:50%; width:100%; height:100%;}
.rank-list .rank-info{ color:#666; overflow:hidden; line-height:1.4rem; font-size:0.6rem; }
.rank-list .rank-info .rank-uname{ float:left;max-width:4.0rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.rank-list .rank-info .rank-umonery{ float:right; color:#999;} 
.rank-list .rank-info .rank-umonery span{ color:#ff6500;font-size:0.7rem;}
.rank-list li:last-child{ border-bottom:none}

.u-degree,.u-before{height:0.15rem; border-radius:0.1rem; overflow:hidden; clear:both;}
.u-degree{background-color:#eee;width:100%;}
.u-before{float:left; background-color:#ffc107; width:0% }


.s_btn{margin:0.5rem; padding:0.5rem 0}
.s_btn .button{display: block; width:100%;font-weight: 400;text-align: center;vertical-align: middle;cursor: pointer;border: 1px solid transparent;padding: 0.5rem 0;font-size: 0.75rem;line-height: 1.42857143;border-radius: 0.2rem; color:#fff;background-color:#ff663d;border-color:#ff663d;}

.add_adbox{width:90%; margin:0 auto; box-sizing:border-box;text-align:center; padding-top:1.1rem; height:6.0rem;border:1px dashed #ddd; margin-bottom:1.0rem;}
.add_adbox .add_ad{width:2.5rem; overflow:hidden; margin:0 auto}
#showLogo li div{margin-top:0.25rem;}

.fengye{text-align:center}
.fengye a{font-size:0.6rem; display:inline-block; border:#ddd solid 1px; background:#fff; padding:0.2rem 0.4rem; border-radius:0.15rem;}




/*底部快捷按钮*/
.quick-btn { position:relative; height:2.45rem;}
.quick-btn ul{transition: transform 350ms ease 0s;position: fixed;left:0;bottom: 0px;background-color: #FCFCFC;width: 100%;margin: 0 auto;height: 2.45rem;border-top: 1px solid #EDEDED;
 -webkit-box-shadow: 0 -1px 10px #eee; box-shadow: 0 -1px 10px #eee;z-index:999}
.quick-btn a{color: #999999;width: 25%;display: inline-block;float: left;text-align: center;cursor: pointer;color:#434a54}
.quick-btn div{font-size: 1.1rem;padding: 0.4rem 0px 0;color: #999999;top: 0px;}
.quick-btn p{font-size: 0.5rem;color:#434a54}

.footer{ color:#ccc; text-align:center; font-size:0.5rem; padding:0.5rem 0;}



/*app*/
.appbody .header{ display:none}
.appbody .quick-btn{ display:none !important}
.appbody .firDistr .info .button{ display:none !important}
.appbody .a-header{ display:block !important}
.appbody .a-header .back{ display:none}


/*多数360宽屏手机*/
@media screen and (min-width:360px){ 
html{ font-size: 20px;}  
}
/*iphone 6*/
@media screen and (min-width:375px){ 
html{font-size: 20px;}  
}

@media screen and (min-width:384px){ 
html{font-size: 20.48px;}  
}

@media screen and (min-width:400px){ 
html{ font-size: 21.3333333333333px;}  
}

@media screen and (min-width:412px){ 
html{ font-size: 21.9733333333333px;}  
}
/*iphone 6 Plus*/
@media screen and (min-width:414px){ 
html{ font-size: 22.08px;}  
}

@media screen and (min-width:424px){ 
html{ font-size: 22.6133333333333px;}  
}

@media screen and (min-width:480px){ 
html{ font-size: 25.6px;}  
}
@media screen and (min-width:540px){ 
html{font-size: 28.8px;}  
}

@media screen and (min-width:800px){ 
html{ font-size: 42.6666666666667px;}  
}

.line_d2{width:100%; position:relative;height:1px; overflow:hidden;}
.line_d2:after{
	content: "";
	display: block;
	position: absolute;
	bottom:0;
	left: 0;
	width: 200%;
	height: 1px; overflow:hidden;
	background:#ccc;
	-webkit-transform:scale(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.line_d3{width:100%; position:relative;height:1px; overflow:hidden;}
.line_d3:after{
	content: "";
	display: block;
	position: absolute;
	bottom:0;
	left: 0;
	width: 200%;
	height: 1px; overflow:hidden;
	background:#ddd;
	-webkit-transform:scale(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.linetop{background:#f0f0f0; z-index:9;margin-top:-1px;}
.norecord{background:#fff url(../images/book.png) no-repeat 50% 0; background-size:6rem 6rem; font-size:0.7rem; padding:6rem 0 1.15rem 0;color:#b0b0b0; text-align:center;}

.u-switch{ width:100%; background:#fff;overflow:hidden}
.u-switch li{ float:left; width:33.33%; line-height:2rem; text-align:center;font-size: 0.75rem;}
.u-switch li.curr{ color:#ff663d}

body,button, input, select, textarea{font-family: "Helvetica Neue", Helvetica,\5fae\8f6f\96c5\9ed1; font-size:0.6rem;color:#303030;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}

.skinSelect{background: #FFF;border: #ccc solid 1px;padding: 0.25rem 0.5rem 0.25rem 0.75rem;font-size: 0.7rem;height: 2rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width: 70%;box-shadow: 0 3px 3px #eee inset;}

