@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:"icon-font";
	src:url("../font/icon-font.ttf") format('truetype'),
	    url("../font/icon-font.woff") format('woff'),
		url("../font/icon-font.eot");
	}
.icon-exclamation,
.icon-help,
.icon-arrow-right{font-family:"icon-font";font-style:normal;}
.icon-exclamation:before{content:"\0021";}
.icon-help:before{content:"\0022";}
.icon-arrow-right:before{content:"\0023";}
html, body{height:auto;}
body{font-family:"微软雅黑","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; position:static;}
a{font-family:"微软雅黑","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;-webkit-tap-highlight-color: rgba(0,0,0,0);}
h1, h2, h3, h4, h5, h6{font-family:"微软雅黑";}
.body-gray{background:#eee;}
.mr-10{margin-right:10px;}
.mlr-15{margin:0 15px;}
.ml-15{margin-left:15px;}
.mr-15{margin-right:15px;}
.mr-50{margin-right:50px;}
.mt-20{margin-top:20px;}
.mt-40{margin-top:40px;}
.mt-45{margin-top:45px;}
.mt-55{margin-top:55px;}
.mt-80{margin-top:80px;}
.mb-30{margin-bottom:30px;}
.mb-20{margin-bottom:20px;}
.alignt-c{text-align:center}
.h15{height:15px;}
.h20{height:20px;}
.h50{height:58px;}
/*clear*/
.clear:before,
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/*share*/
.mask{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.8); z-index:1;}
.sub-nav{overflow:visible;}
.share{position:relative; display:none;}
.shareList{display:none;position:fixed;bottom:0;left:0;right:0;width:100%;padding:0;border-bottom:0; background:rgba(255,255,255,0.95);background:#fff;z-index:2;}
.shareList .small-block-grid-4{margin:0 0 0 0;}
.shareList li{border-bottom:0px solid #eee;border-top:0px solid #fff;border-right:0px solid #eee;padding:15px 0;}
.shareList li.no-line{border-right:0;}
.shareList .icon-wechat,
.shareList .icon-wcf,
.shareList .icon-sina,
.shareList .icon-qq,
.shareList .icon-yxbj,
.shareList .icon-qqzone,
.shareList .icon-renren,
.shareList .icon-txwb,
.shareList .icon-shwb,
.shareList .icon-pocket,
.shareList .icon-email,
.shareList .icon-info,
.shareList .icon-collect,
.shareList .icon-friend,
.shareList .icon-youdao{background:url("../images/distribution2.png") no-repeat;background-size:450px 1500px;display:block;margin:auto;width:31px;height:30px;}
.shareList .icon-wechat{background-position:0 -1295px;}
.shareList .icon-wcf{background-position:-44px -1298px;}
.shareList .icon-sina{background-position:-89px -1297px;}
.shareList .icon-qq{background-position:-136px -1295px;}
.shareList .icon-yxbj{background-position:-182px -1294px;}
.shareList .icon-qqzone{background-position:-221px -1296px;}
.shareList .icon-renren{background-position:-268px -1295px;}
.shareList .icon-txwb{background-position:-313px -1296px;}
.shareList .icon-shwb{background-position:-362px -1296px;}
.shareList .icon-pocket{background-position:0 -1357px;}
.shareList .icon-email{background-position:-44px -1358px;}
.shareList .icon-info{background-position:-90px -1357px;}
.shareList .icon-collect{background-position:-136px -1354px;}
.shareList .icon-friend{background-position:-181px -1354px;}
.shareList .icon-youdao{background-position:-226px -1354px;}
.shareList .name{display:block;text-align:center;color:#666;font-size:12px;}
.shareList-btn-cancle{display:block;padding:20px 0;text-align:center;border-top:1px solid #f1f1f1;}
.shareList-btn-cancle:active{background:#f1f1f1;}
/*icon*/
.arrow{display:inline-block;background:url("../images/icon-ps.png") -55px 0;width:6px;height:11px;}
span.prefix .icon-name,
span.prefix .icon-lock,
span.prefix .icon-tname,
span.prefix .icon-mobile,
.close-input,
.icon-success,
.icon-fail,
.icon-edit-gray,
.icon-del-gray,
.icon-search-white,
.icon-search-gray{background:url("../images/distribution2.png") no-repeat;background-size:300px 1000px;display:block;margin:auto;width:25px;height:25px;}
span.prefix .icon-name{background-position:0 4px;}
span.prefix .icon-lock{background-position:-39px 4px;}
span.prefix .icon-tname{background-position:-77px 4px;}
span.prefix .icon-mobile{background-position:-111px 4px;}
.close-input{position:absolute;right:10px;top:10px;background-position:-109px -81px;width:20px;height:20px;cursor:pointer;}
.close-input:hover{background-position:-132px -81px;}
.icon-success{display:block;margin:auto;background-position:0 -160px;width:96px;height:96px;}
.icon-fail{display:block;margin:auto;background-position:-115px -160px;width:96px;height:96px;}
.icon-edit-gray{background-position:-40px -423px;width:20px;height:20px;margin-top:5px;}
.icon-del-gray{background-position:0 -423px;width:20px;height:20px;margin-top:5px;}
.icon-search-white{background-position:0 -80px;margin:8px 10px 0 0;float:right;}
.icon-search-gray{background-position:0 -120px;margin:8px 10px 0 0;float:right;}
.icon-qq,
.icon-taobao,
.icon-sina,
.icon-wechat,
.icon-personal,
.icon-product,
.icon-shop,
.icon-card,
.icon-commission,
.icon-myorder,
.icon-dis,
.icon-passowrd,
.icon-disorder,
.icon-set,
.icon-ratio,
.icon-account,
.icon-client,
.icon-qrcode,
.icon-qrcode-propu,
.icon-employee,
.icon-edit-w,
.icon-eye-w,
.icon-eye-gray,
.icon-eye-gray-no,
.icon-date,
.icon-monyg,
.icon-horn,
.icon-level-p,
.icon-level-dis,
.icon-level-shopkeeper,
.icon-level-employee,
.icon-lowLevel,
.icon-friends,
.icon-share-circle,
.icon-friend-circle,
.icon-return{background:url("../images/distribution2.png") no-repeat;background-size:300px 1000px;display:inline-block;width:20px;height:20px;margin:8px;vertical-align:middle;}
.icon-qq{background-position:0 -494px;width:40px;height:40px;}
.icon-taobao{background-position:-50px -494px;width:40px;height:40px;}
.icon-sina{background-position:-100px -494px;width:40px;height:40px;}
.icon-wechat{background-position:-150px -494px;width:40px;height:40px;}
.icon-shop{background-position:0 -541px;margin-top:0;width:41px;height:41px;margin:0;}
.icon-personal{background-position:0 -591px;margin-top:0;width:41px;height:41px;margin:0;}
.icon-product{background-position:0 -716px;margin-top:0;width:41px;height:41px;margin:0;}
.icon-card{background-position:-50px -541px;margin-top:0;width:41px;height:41px;margin:0;}
.icon-commission{background-position:-96px -541px;margin-top:0;width:41px;height:41px;margin:0;}
.icon-myorder{background-position:-144px -541px;margin-top:0;width:41px;height:41px;margin:0;}
.icon-dis{background-position:-144px -591px;margin-top:0;width:41px;height:41px;margin:0;}
.icon-passowrd{background-position:-144px -716px;margin-top:0;width:41px;height:41px;margin:0;}
.icon-disorder{background-position:-192px -541px;margin-top:0;width:41px;height:41px;margin:0;}
.icon-set{background-position:-240px -541px;margin-top:0;width:41px;height:41px;margin:0;}
.icon-ratio{background-position:-240px -591px;margin-top:0;width:41px;height:41px;margin:0;}
.icon-account{background-position:-50px -591px;margin-top:0;width:41px;height:41px;margin:0;}
.icon-client{background-position:-50px -716px;margin-top:0;width:41px;height:41px;margin:0;}
.icon-qrcode{background-position:-96px -591px;margin-top:0;width:41px;height:41px;margin:0;}
.icon-qrcode-propu{background-position: -241px -491px;margin-top: 0;width: 41px;height: 41px;margin: 0;}
.icon-employee{background-position:-96px -716px;margin-top:0;width:41px;height:41px;margin:0;}
.icon-edit-w{background-position:-40px -81px;width:15px;height:15px;}
.icon-eye-w{background-position:-281px -285px;width:16px;height:15px;}
.icon-eye-gray{background-position:-2px -26px;width:16px;height:15px;}
.icon-eye-gray-no{background-position:-2px -46px;width:16px;height:15px;}
.icon-date{background-position:-162px -356px;}
.icon-monyg{background-position:-183px -356px;}
.icon-horn{background-position:-216px -355px;}
.icon-level-p{background-position:0 -638px;width:70px;height:70px;}
.icon-level-dis{background-position:-75px -638px;width:70px;height:70px;}
.icon-level-shopkeeper{background-position:-150px -638px;width:70px;height:70px;}
.icon-level-employee{background-position:-225px -638px;width:70px;height:70px;}
.icon-lowLevel{background-position:-193px -591px;margin-top:0;width:41px;height:41px;margin:0;}
.icon-friends{background-position:-194px -716px;margin-top:0;width:41px;height:41px;margin:0;}
.icon-share-circle{background-position:-51px -938px;margin-top:0;width:40px;height:40px;margin:0;}
.icon-friend-circle{background-position:-101px -938px;margin-top:0;width:40px;height:40px;margin:0;}
.icon-return {background-position: -244px -716px;margin-top: 0;width: 41px;height: 41px;margin: 0;}
.icon-money,
.icon-organization,
.icon-nav-home,
.icon-nav-search,
.icon-nav-store,
.icon-nav-cart,
.icon-nav-order,
.icon-nav-bag,
.icon-nav-heart,
.icon-talk,
.icon-arrow2,
.icon-arrow2-up,
.icon-arrow2-down,
.icon-light{display:inline-block;background:url("../images/icon-addition.png") no-repeat;background-size:300px 300px;vertical-align:middle;}
.icon-money{background-position:0 -5px;width:20px;height:20px;margin:8px;}
.icon-organization{background-position:-33px -5px;width:20px;height:20px;margin:8px;}
.icon-nav-home{background-position:0 -36px;width:22px;height:22px;}
.icon-nav-search{background-position:-32px -36px;width:22px;height:22px;}
.icon-nav-store{background-position:-64px -36px;width:22px;height:22px;}
.icon-nav-cart{background-position:-94px -36px;width:22px;height:22px;}
.icon-nav-order{background-position:-126px -36px;width:22px;height:22px;}
.icon-nav-bag{background-position:-154px -36px;width:22px;height:22px;}
.icon-nav-heart{background-position:-186px -36px;width:22px;height:22px;}
.icon-talk{background-position:-67px -5px;width:20px;height:15px;}
.icon-arrow2-up{background-position:-93px -5px;width:15px;height:15px;}
.icon-arrow2,
.icon-arrow2-down{background-position:-113px -5px;width:15px;height:15px;}
.icon-light{background-position:-140px -3px;width:25px;height:25px;}
/*---topbar---*/
.tab-bar{position: fixed;top: 0;left: 0;right: 0;background: url("../images/topbar_bg.png") center bottom;height: 45px;line-height: 45px;z-index: 3;}
.left-small{border-right:0;height:40px;width:40px;}
.right-small{border-left:0;height:40px;width:40px;}
.right-small.right-small-text2{width:70px;}
.right-small.right-small-text3{width:90px;}
.tab-bar .menu-icon{height:40px;width:37px;}
.tab-bar .menu-icon span{background:url("../images/icon-ps.png") no-repeat;}
.tab-bar .menu-icon span{width:8px;height:13px;background-position:0 0;box-shadow:0 0 0 0;top:16px;}
.tab-bar .menu-icon:hover span{box-shadow:0 0 0 0;}
.tab-bar .menu-share{height:40px;width:37px;display: block;}
.tab-bar .menu-share span{background:url("../images/distribution2.png") no-repeat;background-size:300px 1000px;position:absolute;display:block;height:0;width:1rem;line-height:1;top:0.9375rem;left: 0.90625rem;box-shadow:0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white; }
.tab-bar .menu-share span{width:20px;height:16px;background-position:-200px -284px;box-shadow:0 0 0 0;top:11px;}
.tab-bar .menu-share:hover span{box-shadow:0 0 0 0;}

.tab-bar .menu-add{height:40px;width:40px;display: block;}
.tab-bar .menu-add span{background:url("../images/distribution2.png") no-repeat;background-size:300px 1000px;position:absolute;display:block;height:0;width:1rem;line-height:1;top:0.9375rem;right:15px;box-shadow:0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white; }
.tab-bar .menu-add span{width:20px;height:20px;background-position:-200px -314px;box-shadow:0 0 0 0;top:11px;}
.tab-bar .menu-add:hover span{box-shadow:0 0 0 0;}


.tab-bar h1,
.tab-bar h2, 
.tab-bar h3, 
.tab-bar h4{font-size:20px;font-weight:normal;line-height:45px;}
.tab-bar-section{height:45px;}
.tab-bar-section.middle{left:40px;right:40px;}

/*---form---*/
.panel input[type="text"], 
.panel input[type="password"], 
.panel input[type="date"], 
.panel input[type="datetime"], 
.panel input[type="datetime-local"], 
.panel input[type="month"], 
.panel input[type="week"], 
.panel input[type="email"], 
.panel input[type="number"], 
.panel input[type="search"], 
.panel input[type="tel"], 
.panel input[type="time"], 
.panel input[type="url"], 
.panel textarea{margin-bottom:0;border:none;background:none;box-shadow:none;margin-top:3px;border:1px solid #ddd;border-width:0 0 1px 0;font-size:16px;}
.panel input[type="text"].last, 
.panel input[type="password"].last, 
.panel input[type="date"].last, 
.panel input[type="datetime"].last, 
.panel input[type="datetime-local"].last, 
.panel input[type="month"].last, 
.panel input[type="week"].last, 
.panel input[type="email"].last, 
.panel input[type="number"].last, 
.panel input[type="search"].last, 
.panel input[type="tel"].last, 
.panel input[type="time"].last, 
.panel input[type="url"].last, 
.panel textarea.last{border:none;}
.panel input[type="text"].pl0, 
.panel input[type="password"].pl0, 
.panel input[type="date"].pl0, 
.panel input[type="datetime"].pl0, 
.panel input[type="datetime-local"].pl0, 
.panel input[type="month"].pl0, 
.panel input[type="week"].pl0, 
.panel input[type="email"].pl0, 
.panel input[type="number"].pl0, 
.panel input[type="search"].pl0, 
.panel input[type="tel"].pl0, 
.panel input[type="time"].pl0, 
.panel input[type="url"].pl0, 
.panel textarea{padding-left:0;}

.panel  input[type="text"]:focus,
.panel input[type="password"]:focus,
.panel input[type="date"]:focus,
.panel input[type="datetime"]:focus,
.panel input[type="datetime-local"]:focus,
.panel input[type="month"]:focus,
.panel input[type="week"]:focus,
.panel input[type="email"]:focus,
.panel input[type="number"]:focus,
.panel input[type="search"]:focus,
.panel input[type="tel"]:focus,
.panel input[type="time"]:focus,
.panel input[type="url"]:focus,
.panel textarea:focus {box-shadow:none;border-color:none;color:#45a5cf; }
.panel input[type="text"]:focus,
.panel input[type="password"]:focus,
.panel input[type="date"]:focus,
.panel input[type="datetime"]:focus,
.panel input[type="datetime-local"]:focus,
.panel input[type="month"]:focus,
.panel input[type="week"]:focus,
.panel input[type="email"]:focus,
.panel input[type="number"]:focus,
.panel input[type="search"]:focus,
.panel input[type="tel"]:focus,
.panel input[type="time"]:focus,
.panel input[type="url"]:focus,
.panel textarea:focus {background:none;border-color:#ddd;outline:none; }
.panel select{background-color:#fff;margin-top:3px;border:1px solid #ddd;border-width:0 0 1px 0;font-size:16px;}
.panel select:hover{background-color:#fff;border:1px solid #ddd;border-width:0 0 1px 0;}
.panel select.pl0{padding-left:0;}
.panel.formstyle{padding:0;background:#fff;border: 1px solid #cccccc;box-shadow: inset -2px 2px 3px rgba(0, 0, 0, 0.1);}
.row{max-width:none;}
.large-2{width:13.66667%;}
.large-10{width:86.33333%}
span.prefix, label.prefix{background:none;padding:0.5rem 0;border:1px solid #ddd;border-width:0 0 1px 0;margin-top:3px;}
span.prefix.last{border:none;}
span.prefix, label.prefix{padding:5px 0;line-height:25px;}
[class*="column"] + [class*="column"]:last-child{position:relative;}
button, .button{width:100%;height:50px;line-height:50px;padding:0;border:1px solid #3396c2;border-radius:3px;font-size:20px;font-family:"微软雅黑","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;}
button.top-button, .button.top-button{width:auto;height:32px;line-height:32px;margin:4px;padding:0 17px;background:#6ec1e5;border:0px solid #3498c4;font-size:14px;}
/*.column, .columns{padding-left:0;}     12/20*/
.top-operate{display:block;width:auto;height:32px;line-height:32px;margin:5px 15px 0 0;font-size:16px;color:#fff;text-align:right;}
.top-operate:hover{color:#fff;}



/*---alert---*/
.alert-box{top:40px;height:35px;line-height:35px;padding:0 15px; box-shadow:0 2px 2px rgba(0,0,0,.2);}
.alert-box.alert{background:#f37872;border:1px solid #e66761;}
.alert-box.success{background:#b4e069;border:1px solid #a6d457;}
button.red, .button.red{background:#f37872;border:1px solid #e86660;}
button.red, .button.green{background:#b4e069;border:1px solid #a8d758;}
button.gray, .button.gray{background:#f1f1f1;border:1px solid #dddddd;color:#999;}
button.red:hover, button.red:focus, .button.red:hover, .button.red:focus {background-color:#e9625b;border:1px solid #e0544d;}
button.gray:hover, button.gray:focus, .button.gray:hover, .button.gray:focus {background-color:#dbdbdb;border:1px solid #c7c7c7;}
button.gray:hover, button.gray:focus, .button.gray:hover, .button.gray:focus {color:#333;}
button.loginbtn, .button.loginbtn{margin:0 0 6px 0;}

/*---category---*/
.category .item{/*padding:15px 0 0 0;*/background:#fff;border:1px solid #e2e2e2;margin:1px;cursor:pointer;border-radius:3px;}
.category .item:active{background:#ddd;border:1px solid #d5d5d5;}
.category .item h5{padding:0 15px;font-size:20px;color:#999;text-align:center;}
.category .item .percent{margin:0 auto 15px auto;width:140px;list-style:none;font-size:14px;color:#333;}
.category .item.current {background:#6ec1e5;border:1px solid #6ec1e5;}
.category .item.current:hover{background:#6ec1e5;}
.category .item.current .percent li{color:yellow;}
.category .item.current h5{color:#fff;font-size:25px;}
.catselect input[type="checkbox"],.catselect input[type="radio"]{padding-bottom:0;margin-bottom:0;padding-left:10px;}
.catselect .column, .catselect .columns{margin-bottom:5px;}

/*---tippage---*/
.panel.tippage{margin-top:80px;border:none;background:none;}
.panel.tippage .text-success{margin:15px 0 30px 0;text-align:center;color:#7bc351;font-size:20px;}
.panel.tippage .text-fail{margin:15px 0 30px 0;text-align:center;color:#e7746f;font-size:20px;}
.panel.tippage .text-gray{margin:15px 0 15px 0;text-align:center;color:#999;font-size:14px;}
.panel.tippage .text-blue{margin:15px 0 15px 0;}
.panel.tippage a{display:block;text-align:center;text-decoration:underline;font-size:16px;}

/*---login---*/
.fixed.bottom{bottom:-1px; top:auto;}
.otherlogin{margin:0;padding:0;border:none;border-top:1px solid #ccc;background:#eee;}
.otherlogin a{display:block;height:50px;line-height:50px;border-top:1px solid #fff;color:#999;font-size:16px;text-align:center;}
.otherlogin a:hover, .otherlogin a:focus{background:#e6e6e6;}
.side-nav.otherloginpopup li a:not(.button){color:#999;}
.side-nav.otherloginpopup{padding:0 0;}
.side-nav.otherloginpopup li.thrid{border-bottom:1px solid #e8e8e8;background:#fff;margin:0;}
.side-nav.otherloginpopup li.thrid a:not(.button){text-align:center;}
.side-nav.otherloginpopup li.thrid:hover{background:#ccc;}
.side-nav.otherloginpopup li.thrid:hover a{color:#fff;}
.side-nav.otherloginpopup li.li-button{padding:10px 15px;background:#fff;line-height:1px;}
.side-nav.otherloginpopup li.li-button .button{background:#f0f0f0;border:1px solid #e4e4e4;margin:0;}

/*---member---*/
.panel.memberhead{padding:10px;margin-top:40px;margin-bottom:0;overflow:hidden;border:none;background:none; background:url("../images/head-bg1.png") no-repeat #45a5cf;background-size:100% auto;width:100%;height:auto;}
.memberhead-base{overflow:hidden;}
.header-l{float:left;margin-right:10px;}
.memberhead .name-p{margin-top:30px;font-size:22px;color:#fff;}
.header-r{position:relative;overflow:hidden;}
.header-r .name{display:block;margin:15px 0 2px 0;font-size:22px;color:#fff;}
.header-r .try-tip{display:block;width:65px;height:20px;line-height:20px;background:#ffd800;border:1px solid #ff9c00;border-radius:5px;font-style:normal;font-size:12px;color:#903a00;text-align:center;vertical-align:middle;}
.header-r .arrow{position:absolute;top:32px;right:10px;width:15px;height:25px;background:url("../images/distribution2.png") no-repeat -246px -423px;background-size:300px 1000px;}
.store-address{display:block;line-height:20px;font-size:12px;color:#d3f2ff;}
.header-tip-text{display:block;margin-top:6px;font-size:12px;color:#addef4;}

/*---nav---*/
.member-nav{margin:0 0 0 0;border:0;padding:0;}
.member-nav .side-nav{margin:5px 0 0 0;padding:0;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.member-nav .side-nav li{position:relative;margin-bottom:0;border-bottom:1px solid #dfdfdf;}
.member-nav .side-nav li a{padding:8px 10px;}
.member-nav .side-nav li a:active{background:#daf4ff;}
.member-nav .side-nav li.last{border-bottom:0;}
.member-nav .side-nav li i{margin-right:10px;}
.member-nav .side-nav li .text{font-size:18px;color:#333;}
.member-nav .side-nav li .text-tip{float:right;line-height:41px;margin-right:10px;font-size:12px;color:#999;}
.member-nav .side-nav li .a-personal{position:relative;}
.member-nav .side-nav li .status-info{position:absolute;width:5px;height:5px;background:red;border-radius:3px;margin:0 0 0 20px;border:1px solid #db0000;}
.member-nav .side-nav li .tip-number{float:right;margin:10px 10px 0 0;padding:0 5px;min-width:30px;height:20px;line-height:20px;background:red;border-radius:10px;text-align:center;color:#fff;}
.member-nav .side-nav li .arrow,
.member-nav .side-nav li .head-arrow{float:right;margin-top:16px;background:url("../images/icon-ps.png") -55px 0;width:6px;height:11px;}
.member-nav .side-nav li .head-arrow{margin-top:31px;}

/*---addvistion---*/
.addvistion{position:relative;margin:15px 0;}
.addvistion img{width:100%;height:auto;}
.addvistion .close{position:absolute;top:10px;right:10px;width:15px;height:15px;background:url("../images/distribution2.png") no-repeat -278px -356px;background-size:300px 1000px;}
.addvistion .close:hover{ background-position:-278px -386px;}

/*---person-center---*/
.personal-center{margin-top:40px;}
.personal-center .side-nav li{min-height:40px;line-height:40px;border-bottom:1px solid #ddd;padding:0 15px;}
.personal-center .side-nav li a:not(.button){position:relative;vertical-align:middle;}
.personal-center .side-nav .pic-header{margin:5px 15px 5px 0;}
.personal-center .head-text{height:70px;line-height:70px;color:#333;font-size:16px;}
.personal-center .text{color:#333;font-size:16px;}
.personal-center .value{float:right;font-size:16px;color:#333;margin-right:15px;}
.personal-center .long-text{line-height:20px;margin-top:10px;margin-bottom:10px;}
.personal-center .title{float:left;}
.personal-center .cont-value{position:relative;padding:0 0 0 20px;overflow:hidden;}
.personal-center .arrow{position:absolute;right:0;}
.personal-center .arrow,
.personal-center .head-arrow{float:right;margin-top:16px;background:url("../images/icon-ps.png") -55px 0;width:6px;height:11px;}
.personal-center .head-arrow{margin-top:31px;}
.personal-center .icon-name,
.personal-center .icon-clock,
.personal-center .icon-tname,
.personal-center .icon-mobile,
.personal-center .icon-tel,
.personal-center .icon-address,
.personal-center .icon-store,
.personal-center .icon-class,
.personal-center .icon-qq-line,
.personal-center .icon-wechat-line,
.personal-center .icon-account-line{margin-right:10px;display:inline-block;background:url("../images/distribution2.png") no-repeat;background-size:300px 1000px;width:20px;height:20px;vertical-align:middle;}
.personal-center .icon-name{background-position:-158px -1px;}
.personal-center .icon-clock{background-position:-198px -1px;}
.personal-center .icon-tname{background-position:-235px -1px;}
.personal-center .icon-mobile{background-position:-263px -1px;}
.personal-center .icon-tel{background-position:-229px -42px;}
.personal-center .icon-address{background-position:-258px -41px;}
.personal-center .icon-store{background-position:-91px -283px;}
.personal-center .icon-class{background-position:-61px -283px;}
.personal-center .icon-qq-line{background-position:-158px -41px;}
.personal-center .icon-wechat-line{background-position:-112px -41px;}
.personal-center .icon-account-line{background-position:-197px -41px;}
.button-exit{margin:0 15px;}
.alert-header{padding:0;width:60%;margin-left:20%;top:50%;margin-top:-80px;height:80px;background:#363636;border:1px solid #292929;}
.alert-header li{padding:0 15px;margin:0;height:40px;line-height:40px;border-bottom:1px solid #282828;border-top:1px solid #424242;}
.alert-header li.first{border-top:0;}
.alert-header li.last{border-bottom:0;}
.alert-header li a:not(.button){color:#fff;font-size:16px;}
.alert-header .side-nav{padding:0;}
dialog, .reveal-modal.alert-header{height:80px;left:0;border-radius:10px;}
  @media only screen and (max-width: 40em) {
    dialog, .reveal-modal.alert-header {
      min-height: 80px; }} 
/*------personal complete------*/
.personal-complete{margin-top:60px;}
.personal-complete .personal-center{margin-top:0;}
.personal-complete .side-nav{margin-top:40px;padding:0;background:#fff;}
.personal-complete-tip{margin:10px 10px 15px 10px;font-size:12px;color:#666;line-height:24px;}
.personal-complete .user-position{position:relative;}
.personal-complete .user-tip-text{position:absolute;left:0;right:0;top:-30px;height:25px;line-height:25px;padding:0 10px;background:#f37872;border:1px solid #e66761;border-radius:5px;color:#fff;}
.personal-complete .user-tip-text .arrow-l{position:absolute;left:10px;top:21px;border-width:5px;border-color:transparent;border-style:solid;border-left:0;border-right-color:#f37872; 
  -webkit-transform:rotate(-90deg);
  	-moz-transform:rotate(-90deg);
  		-o-transform:rotate(-90deg);
  			transform:rotate(-90deg)}
/*---member store---*/
.store-logo{width:100%;text-align:center;}
.store-logo .com-p{display:block;margin:60px auto 10px auto;width:100px;height:100px;padding:3px;border:1px solid #ccc;box-shadow:2px 2px 2px rgba(0,0,0,.1);border-radius:3px;overflow:hidden;}
.store-logo .com-p img{width:100%;height:100%;border-radius:3px;}
.store-logo .text{display:block;text-align:center;color:#999;font-size:16px;margin:0 0 10px 0;}

/*---member card---*/
.member-card{margin-top:40px;}
.member-card .store-logo .text{display:block;text-align:center;color:#999;font-size:16px;margin:0 0 10px 0;}
.member-card .side-nav li{min-height:40px;line-height:40px;border-bottom:0px solid #ddd;padding:0 15px;}
.member-card .side-nav li a:not(.button){overflow:hidden;vertical-align:middle;}
.member-card .text{color:#333;font-size:16px;}
.member-card .value{float:right;font-size:16px;color:#333;}
.member-card .title{float:left;}
.member-card .cont-value{position:relative;padding:0 0 0 20px;overflow:hidden;}
.icon-eye,
.icon-favor{display:inline-block;width:22px;height:21px;background:url("../images/distribution2.png") no-repeat;background-size:300px 1000px;vertical-align:middle;margin-right:10px;} 
.icon-eye{background-position:-120px -281px;}
.icon-favor{background-position:-120px -312px;margin-top:-2px;}

/*--nav bottom--*/
.sub-nav.nav-b5{height:48px;margin:0;padding:0;background:#fff;border-top:0px solid #000;box-shadow:0 -3px 3px rgba(0,0,0,.1);}
.sub-nav.nav-b5 dd{margin:0 0 0 0;width:25%;text-align:center;border-right:0px solid #ccc;
					-moz-box-sizing:border-box;
						-webkit-box-sizing:border-box;
							-o-box-sizing:border-box;
								box-sizing:border-box;
}
.sub-nav.nav-b5 dd.last{border-right:0;}
.sub-nav .nav-b5-relative{position:relative;}
.sub-nav.nav-b5 dd a{display:block;margin:0 2px;height:48px;padding:0 0 0 0;font-size:12px;color:#333;overflow:hidden;font-style:normal;}
.sub-nav.nav-b5 dd.active a{color:#000;border-radius:0;background:#f1f1f1;}
.sub-nav.nav-b5 dd a:active{background:#f7f7f7;}
.sub-nav.nav-b5 dd a.more{position:relative;}
.sub-nav.nav-b5 dd .arrow{position:absolute;right:5px;bottom:5px;width:10px;height:10px;background:url("../images/distribution2.png") no-repeat -161px -455px;background-size:300px 1000px;}
.sub-nav.nav-b5 dd i{display:block;margin:5px auto 0px auto;width:22px;height:22px;}
.sub-nav.nav-b5 dd.active .icon-nav-home{background-position:0 -66px;}
.sub-nav.nav-b5 dd.active .icon-nav-search{background-position:-32px -66px;}
.sub-nav.nav-b5 dd.active .icon-nav-store{background-position:-64px -66px;}
.sub-nav.nav-b5 dd.active .icon-nav-cart{background-position:-94px -66px;}
.sub-nav.nav-b5 dd.active .icon-nav-order{background-position:-126px -66px;}
.sub-nav.nav-b5 dd.active .icon-nav-bag{background-position:-154px -66px;}
.sub-nav.nav-b5 dd.active .icon-nav-heart{background-position:-186px -66px;}

/*--card--*/
button.mb-10, .button.mb-10{margin-bottom:10px;}

/*---store edit---*/
.storeedit{margin-top:50px;}
.storeedit .form-title-name,
.storeedit .form-title-class{margin:20px 0 0 0;}
.storeedit .form-title-name label,
.storeedit .form-title-class label{font-size:16px;padding:5px 0;color:#555;}
.storeedit .form-title-name label{width:90px;}
.storeedit .form-title-class label{width:125px;}

/*---set store---*/
.breadcrumbs.step-store > *:before{content:"";margin:0;}
.breadcrumbs.step-store{margin-top:40px;padding:0;background:#e7e7e7;border:0;}
.breadcrumbs.step-store li{height:50px;line-height:50px;font-size:14px;text-align:center;}
.breadcrumbs.step-store li.first{width:35%;}
.breadcrumbs.step-store li.second{width:35%;}
.breadcrumbs.step-store li.third{width:30%;}
.breadcrumbs.step-store > * a{color:#999;cursor:default;text-decoration:none;}
.breadcrumbs.step-store .step-number{font-style:normal;font-size:20px;}
.breadcrumbs.step-store > *.current{background:#f37872;}
.breadcrumbs > *.current a{color:#fff;font-size:15px;}
/*---set store form---*/
.setstroe-form label{font-size:16px;color:#555;}
.setstroe-form input{height:40px;line-height:20px;}
.setstroe-form .example{margin-left:10px;font-size:14px;color:#999;}
.setstroe-form .prefix-col{padding-left:0.9375em;padding-right:0;}
.setstroe-form .prefix-col .prefix{margin-top:0;height:40px;line-height:30px;background:#f2f2f2;border:1px solid #ccc;border-right:0;}
.setstroe-form .input-col{padding-left:0;padding-right:0.9375em;}
.setstroe-form .mobile-code-label{margin-bottom:3px;font-size:16px;color:#555;}
.setstroe-form .mobile-code-right{padding-left:10px;}
.setstroe-form .cole input{margin-bottom:0;}
.setstroe-form .tip{margin-bottom:10px;font-size:14px;color:#999;}
.setstroe-form .tip .icon-exclamation{margin-right:5px;font-size:20px;color:#ccc;}
.setstroe-form .code-getinput{margin-bottom:0;}
.setstroe-form .cole-number{margin-top:5px;}
.setstroe-form .mobile-code-btn{margin-bottom:0;height:40px;line-height:40px;font-size:18px;}
.setstroe-form .mobile-code-btn.disabled{background:#aaa;font-size:14px;}


/*---tab---*/
.tabs-content{margin-bottom:0;}
.tabs-content > .content{padding-bottom:0;}
.tab-title3{margin-top:45px;padding:5px 15px 0 15px;background:#c4edff;height:40px;border-bottom:1px solid #a8daf0;}
.tabs.tab-title3 dd > a{padding:0;}
.tabs.tab-title3 dd{width:33.333%;text-align:center;}
.tabs.tab-title3 dd.wb50{width:50%;}
.tabs.tab-title3 dd > a{height:36px;line-height:36px;color:#59a9cc;font-size:16px;background:none;}
.tabs.tab-title3 dd.active a{background:#fff;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #a8daf0;border-bottom:1px solid #fff;color:#333;}
.tab-title3-2{margin-top:45px;padding:5px 15px 0 15px;background:#c4edff;height:40px;border-bottom:1px solid #a8daf0;}
.tabs.tab-title3-2 dd > a{padding:0;}
.tabs.tab-title3-2 dd{width:50%;text-align:center;}
.tabs.tab-title3-2 dd.wb50{width:50%;}
.tabs.tab-title3-2 dd > a{height:36px;line-height:36px;color:#59a9cc;font-size:16px;background:none;}
.tabs.tab-title3-2 dd.active a{background:#fff;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #a8daf0;border-bottom:1px solid #fff;color:#333;}
.tab-title3-4{margin-top:45px;padding:5px 15px 0 15px;background:#c4edff;height:40px;border-bottom:1px solid #a8daf0;}
.tabs.tab-title3-4 dd > a{padding:0;}
.tabs.tab-title3-4 dd{width:25%;text-align:center;}
.tabs.tab-title3-4 dd.wb50{width:50%;}
.tabs.tab-title3-4 dd > a{height:36px;line-height:36px;color:#59a9cc;font-size:16px;background:none;}
.tabs.tab-title3-4 dd.active a{background:#fff;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #a8daf0;border-bottom:1px solid #fff;color:#333;}

.tab-title2{margin-top:45px;padding:2px 15px 0 15px;background:#fff;border-bottom:1px solid #ccc;}
.tabs.tab-title2 dd{width:50%;text-align:center;}
.tabs.tab-title2 dd > a{padding:2px 0;color:#666;border-bottom:2px solid #fff;font-size:10px;background:none;}
.tabs.tab-title2 dd.active a{background:#fff;border-bottom:2px solid #45a5cf;color:#45a5cf;text-align:center;}
.tabs.tab-title2 dd > a .icon-comdetail,
.tabs.tab-title2 dd > a .icon-extract{margin:0 auto;background:url("../images/distribution2.png") no-repeat;background-size:300px 1000px;display:block;width:20px;height:20px;vertical-align:middle;}
.tabs.tab-title2 dd > a .icon-comdetail{background-position:-80px -423px;}
.tabs.tab-title2 dd > a .icon-extract{background-position:-120px -423px;}
.tabs.tab-title2 dd.active > a .icon-comdetail{background-position:-80px -453px;}
.tabs.tab-title2 dd.active > a .icon-extract{background-position:-120px -453px;}

.tab-title2-noicon{margin-top:45px;padding:2px 15px 0 15px;background:#fff;border-bottom:1px solid #ccc;}
.tab-title2-noicon dd{width:50%;text-align:center;}
.tab-title2-noicon dd > a{padding:8px 0;color:#666;border-bottom:2px solid #fff;font-size:16px;background:none;}
.tab-title2-noicon dd.active a{background:#fff;border-bottom:2px solid #45a5cf;color:#45a5cf;text-align:center;}
.tab-title2-noicon dd > a .icon-comdetail,
.tab-title2-noicon dd > a .icon-extract{margin:0 auto;background:url("../images/distribution2.png") no-repeat;background-size:300px 1000px;display:block;width:20px;height:20px;vertical-align:middle;}
.tab-title2-noicon dd > a .icon-comdetail{background-position:-80px -423px;}
.tab-title2-noicon dd > a .icon-extract{background-position:-120px -423px;}
.tab-title2-noicon dd.active > a .icon-comdetail{background-position:-80px -453px;}
.tab-title2-noicon dd.active > a .icon-extract{background-position:-120px -453px;}

.tab-title4{padding:0 15px 0 15px;background:#fff; }
.tabs.tab-title4 dd{width:50%;text-align:center;}
.tabs.tab-title4 dd > a{position:relative;padding:2px 0;font-size:14px;color:#999;border-bottom:2px solid #fff;background:none;font-family:"微软雅黑","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;}
.tabs.tab-title4 dd > a span{display:block;font-size:28px;color:#555;}
.tabs.tab-title4 dd.active a{text-align:center;}
.tabs.tab-title4 dd > a .icon-comdetail,
.tabs.tab-title4 dd > a .icon-extract{margin:0 auto;background:url("../images/distribution2.png") no-repeat;background-size:300px 1000px;display:block;width:20px;height:20px;vertical-align:middle;}
.tabs.tab-title4 dd > a .icon-comdetail{background-position:-80px -423px;}
.tabs.tab-title4 dd > a .icon-extract{background-position:-120px -423px;}
.tabs.tab-title4 dd.active > a .icon-comdetail{background-position:-80px -453px;}
.tabs.tab-title4 dd.active > a .icon-extract{background-position:-120px -453px;}
.tabs.tab-title4 .icon-arrow-b{display:none;position:absolute;bottom:-9px;left:50%;margin-left:-6px;width:13px;height:7px;background:url("../images/distribution2.png") no-repeat -160px -426px;background-size:300px 1000px;}
.tabs.tab-title4 dd.active .icon-arrow-b{display:block;}
.tabcontent04 .content{padding:0;}
.tabcontent04 .bro-block{border-bottom:0;}
.tabcontent04 table{margin-bottom:0;}
.tabcontent04 .bro-viewa{margin:10px 0 40px 15px;}

.tab-title4-chart{padding:0;margin:0 0 0 0;background:#fff; }
.tabs.tab-title4-chart dd{width:25%;text-align:center;background:#f7f7f7;border:1px solid #e6e6e6;border-right:0;border-left:0;}
.tabs.tab-title4-chart dd.active{background:#fff;}
.tabs.tab-title4-chart dd > a{position:relative;padding:10px 0;font-size:14px;color:#999;border-bottom:0px solid #fff;background:none;font-family:"微软雅黑","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;}
.tabs.tab-title4-chart dd > a span{display:block;font-size:28px;color:#555;}
.tabs.tab-title4-chart dd.active{border-top:1px solid #e6e6e6;border-bottom:0;border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;}
.tabs.tab-title4-chart dd.active a{text-align:center;color:#f37872;}
.tabs.tab-title4-chart dd > a .icon-comdetail,
.tabs.tab-title4-chart dd > a .icon-extract{margin:0 auto;background:url("../images/distribution2.png") no-repeat;background-size:300px 1000px;display:block;width:20px;height:20px;vertical-align:middle;}
.tabs.tab-title4-chart dd > a .icon-comdetail{background-position:-80px -423px;}
.tabs.tab-title4-chart dd > a .icon-extract{background-position:-120px -423px;}
.tabs.tab-title4-chart dd.active > a .icon-comdetail{background-position:-80px -453px;}
.tabs.tab-title4-chart dd.active > a .icon-extract{background-position:-120px -453px;}
.tabs.tab-title4-chart .icon-arrow-b{display:none;position:absolute;bottom:0;left:50%;margin-left:-6px;width:13px;height:7px;background:url("../images/distribution2.png") no-repeat -160px -426px;background-size:300px 1000px;}
.tabs.tab-title4-chart dd.active .icon-arrow-b{display:block;}
.tabcontent04-chart .content{padding:0;}
.tabcontent04-chart .bro-block{border-bottom:0;}
.tabcontent04-chart table{margin-bottom:0;}
.tabcontent04-chart .bro-viewa{margin:10px 0 40px 15px;}

/*--myorder---*/
.myorder-none .icon-none{display:block;width:70px;height:120px;margin:80px auto 0 auto;background:url("../images/distribution2.png") no-repeat -229px -160px;background-size:300px 1000px;}
.myorder-none .nonetext{display:block;text-align:center;font-size:14px;color:#999;}
.myorder-none .nonelink{display:block;margin-top:20px;text-align:center;text-decoration:underline;}
.list-myorder{margin:0 15px 10px 15px;border:1px solid #d9d9d9;border-radius:3px;box-shadow:0 2px 2px rgb(230,230,230);font-size:14px;}
.list-myorder .ordernumber{height:35px;line-height:35px;padding:0 10px;border-bottom:1px solid #e5e5e5;}
.list-myorder .order-num{float:left;color:#333;font-size:16px;}
.list-myorder .order-date{float:right;color:#999;}
.list-myorder .ul-product{margin:5px 15px;line-height:1.2;}
.list-myorder  li{padding:10px 0;list-style:none;border-bottom:1px dotted #ccc;overflow:hidden;}
.list-myorder .pic{float:left;width:70px;height:70px;margin-right:10px;padding:1px;border:1px solid #ccc;border-radius:3px;}
.list-myorder .pic img{width:100%;height:100%;}
.list-myorder .text{overflow:hidden;font-size:14px;}
.list-myorder .pro-name{color:#333;font-size:14px;}
.list-myorder .pro-pric{margin-top:5px;color:#333;font-size:16px;}
.list-myorder .pro-pric span{font-size:14px;color:#999;}
.list-myorder .pro-pec{color:#999;}
.list-myorder .pro-pec .color{margin-right:5px;}
.list-myorder .totle{height:40px;line-height:40px;padding:0 15px;overflow:hidden;}
.list-myorder .totle .status{float:left;color:#999;}
.list-myorder .totle .prc-num{float:right;margin-right:5px;color:#333;}
.list-myorder .totle .pric-lable{float:right;color:#999;}
.list-myorder .totle .price{float:right;font-size:20px;color:#f37872;}
.list-myorder .div-button{padding:0 15px 10px 15px;}
.list-myorder button,.list-myorder .button{margin:0;}
.list-myorder.orderend .totle .price{float:right;font-size:20px;color:#999;}

/*---myorder detail---*/
.ordersummary{padding:0 15px;margin:55px 0 10px 0;font-size:16px;}
.ordersummary li{margin:0;padding:0;height:30px;}
.ordersummary label{float:left;margin:2px 10px 0 0;color:#999;font-size:16px;}
.ordersummary span{overflow:hidden;display:inline-block;font-size:18px;}
.ordersummary .red{color:#f37872;}
.address-myorder{margin:0 15px 10px 15px;padding:10px;border:1px solid #d9d9d9;border-radius:3px;box-shadow:0 2px 2px rgb(230,230,230);font-size:14px;}
.address-myorder .col-label{float:left;margin-right:10px;font-size:16px;}
.address-myorder .address{overflow:hidden;margin:0;}
.address-myorder .name{margin-right:10px;}
.myorderd-button{margin:20px 0 0 0;padding:0 15px;}
.myorderd-button .button{margin-bottom:10px;}
/*--disorder---*/
.disorder-none .icon-none{display:block;width:70px;height:120px;margin:80px auto 0 auto;background:url("../images/distribution2.png") no-repeat -229px -160px;background-size:300px 1000px;}
.disorder-none .nonetext{display:block;text-align:center;font-size:14px;color:#999;}
.disorder-none .nonelink{display:block;margin-top:20px;text-align:center;text-decoration:underline;}
.list-disorder{margin:0 15px 10px 15px;border:1px solid #d9d9d9;border-radius:3px;box-shadow:0 2px 2px rgb(230,230,230);font-size:14px;}
.list-disorder .ordernumber{height:35px;line-height:35px;padding:0 10px;}
.list-disorder .order-num{float:left;color:#333;font-size:16px;padding:0 5px;}
.list-disorder .order-date{float:right;color:#999;}
.list-disorder .commision{display:block;margin:0 15px;padding:0 10px;height:35px;line-height:35px;background:#7bc351;border:1px solid #6eb942;border-radius:3px;color:#fff;font-size:14px;}
.list-disorder .commision span{margin-left:5px;font-size:20px;}
.list-disorder .ul-product{margin:5px 15px;line-height:1.2;}
.list-disorder  li{padding:15px 0;list-style:none;border-bottom:1px dotted #ccc;overflow:hidden;}
.list-disorder .pic{float:left;width:70px;height:70px;margin-right:10px;padding:1px;border:1px solid #ccc;border-radius:3px;}
.list-disorder .pic img{width:100%;height:100%;}
.list-disorder .text{overflow:hidden;font-size:14px;}
.list-disorder .pro-name{color:#333;font-size:14px;}
.list-disorder .pro-pric{margin-top:3px;color:#999;font-size:16px;}
.list-disorder .pro-pric span{font-size:14px;}
.list-disorder .pro-amount{margin-left:10px;}
.list-disorder .pro-commision{margin-top:3px;color:#333;font-size:14px;}
.list-disorder .pro-commision span{font-size:16px;color:#7bc351;font-weight:bold;}
.list-disorder .pro-commision .scale{margin-right:5px;}
.list-disorder .pro-pec{color:#999;}
.list-disorder .pro-pec .color{margin-right:5px;}
.list-disorder .totle{line-height:20px;padding:0 15px 10px 15px;overflow:hidden;color:#999;font-size:16px;}
.list-disorder .totle .buyAccount{display:block;font-size:14px;}
.list-disorder .totle .status{float:left;color:#999;}
.list-disorder .totle .prc-num{float:right;margin-right:5px;color:#333;}
.list-disorder .totle .prc-num b{font-weight:normal}
.list-disorder .totle .prc-count{float:right;margin-right:5px;color:#333;}
.list-disorder .totle .prc-count b{font-weight:normal;}
.list-disorder .totle .pric-lable{float:right;color:#999;}
.list-disorder .totle .price{float:right;font-size:20px;color:#f37872;}
.list-disorder .div-button{padding:0 15px 10px 15px;}
.list-disorder button,.list-disorder .button{margin:0;}
.list-disorder.orderend .totle .price{float:right;font-size:20px;color:#999;}
/*disorder no*/
.disorder-no .pic{width:55px;height:55px;}

/*---disorder detail---*/
.bro-ordercom{height:105px;margin:40px 0 0 0;padding:8px 15px;background:#7bc351;border:0;border-bottom:1px solid #6eb62e;box-shadow:2px 2px 2px rgb(220,220,220);}
.bro-ordercom p{margin-bottom:4px;font-size:14px;color:#fff;}
.bro-ordercom .icon-monyg{margin:-2px 3px 0 0;}
.bro-ordercom .com-top{overflow:hidden;}
.bro-ordercom .com-top p{float:left;}
.bro-ordercom .com-top .status{float:right;margin-top:2px;font-size:14px;color:#fff;}
.bro-ordercom .com-mony{font-size:60px;color:#fff; text-shadow:1px 2px 0 rgb(78,153,35);}
.disordersummary{padding:0 15px;margin:20px 0 10px 0;font-size:16px;}
.disordersummary li{margin:0;padding:0;height:30px;}
.disordersummary label{float:left;margin:2px 10px 0 0;color:#999;font-size:16px;}
.disordersummary span{overflow:hidden;display:inline-block;font-size:18px;}
.disordersummary .red{color:#f37872;}
.address-disorder{margin:0 15px 10px 15px;padding:10px;border:1px solid #d9d9d9;border-radius:3px;box-shadow:0 2px 2px rgb(230,230,230);font-size:14px;}
.address-disorder .col-label{float:left;margin-right:10px;font-size:16px;}
.address-disorder .address{overflow:hidden;margin:0;}
.address-disorder .name{margin-right:10px;}
.disorder-button{margin:20px 0 0 0;padding:0 15px;}
.disorder-button .button{margin-bottom:10px;}

/*---extract---*/
.extract{margin:70px 15px 0 15px;padding:0;border:none;background:none;}
.commision-total .span-title{color:#999;}
.commision-total .number{color:#7bc351;font-size:30px;}
.extract-number{margin-top:15px;overflow:hidden;}
.extract-number .span-title{float:left;color:#999;}
.extract-number .number{float:left;color:#333;font-size:18px;}
.extract-number .icon-horn{float:right;margin:0;}
.horn-text{margin:5px 0;padding:10px;background:#ffffe1;border:1px solid #fff584;border-radius:3px;color:#e1a502;font-size:14px;}
.extract-account{margin:11px 0;padding:0;background:#fff;overflow:hidden;}
.extract-account .account-none span{line-height:45px;font-size:18px;color:#999;}
.extract-account .side-nav{padding:0;}
.extract-account .side-nav li{margin:0;}
.extract-account .side-nav li a:not(.button){padding:10px 15px;color:#333;font-size:16px;overflow:hidden;}
.extract-account .side-nav li span{float:left;}
.extract-account .side-nav li .arrow{float:right;margin-top:17px;width:15px;height:20px;background:url("../images/distribution2.png")no-repeat -165px -388px;background-size:300px 1000px;}
.extract-monynumber{margin-bottom:20px;}
.extract-monynumber,
.extract-monynumber .column,
.extract-monynumber .columns{padding:0;}
.extract-monynumber input{margin:0;height:45px;border:1px solid #ccc;border-radius:3px;background:#fff;}
.extract-monynumber input:hover,
.extract-monynumber input:focus{background:#fff;}

/*---account---*/
.side-nav.account{margin:0 15px 0 15px;padding:0;overflow:hidden;}
.account.side-nav li{clear:both;overflow:hidden;margin:10px 0;border:1px solid #ccc;border-radius:3px;background:#fff;box-shadow:2px 2px 2px #ccc;}
.account.side-nav li a:not(.button){display:block;color:#333;overflow:hidden;margin:15px;}
.account .payLogo{float:left;width:110px;height:50px;padding:5px;background:#fff;margin-right:10px;border:1px solid #ccc;border-radius:3px;overflow:hidden;}
.account .payLogo img{width:100%;height:100%;}
.account .payInfo{float:left;font-size:16px;}
.account .payStatus{display:none;float:right;}
.account.side-nav li.current{background:#d6f0fb;border:1px solid #c3e4f2;}
.account .current .payStatus{display:block;}
.account .opera{overflow:hidden;height:30px;line-height:30px;border-top:1px solid #e9e9e9;}
.account.side-nav li .opera a:not(.button){margin:0;padding:0;}
.account .opera .a-edit{float:left;width:50%;height:30px;line-height:30px;text-align:center;border-right:1px solid #e9e9e9;background:#fff;}
.account .opera .a-del{float:right;width:50%;height:30px;line-height:30px;text-align:center;background:#fff;}
.listAdd-btn{margin:60px 15px 0 15px;}
.listAdd-btn .button,.listAdd-btn02 .button{position:static;margin-bottom:0;background:#fff;border:1px solid #ccc;color:#999;border-radius:3px;height:40px;line-height:40px;}
.listAdd-btn .button:hover{background:#d6f0fb;border:1px solid #c3e4f2;}
.listAdd-btn .button i,.listAdd-btn02 .button i{display:inline-block;margin:-5px 5px 0 0;font-size:30px;font-style:normal;vertical-align:middle;}
.listAdd-btn02{margin:0 15px 15px 15px;}
.listAdd-btn02 .button{background:#45a5cf;border:1px solid #3c9ec8;color:#fff;}
.listAdd-btn02 .button:hover{background:#2f90ba;}

/*---account add---*/
.accountLogo{margin:0 0 15px 0;}
.accountLogo  .label-pic{background:#fff;border:1px solid #ccc;padding:1px;padding:10px;}
.accountLogo  .label-pic img{width:100px;height:30px;}

/*---accordion---*/
.bAccordion.accordion .content{padding:0;}
.bAccordion.accordion dd > a{background:#f1f1f1;padding:5px 15px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;overflow:hidden;}
.bAccordion .icon-arrow{float:left;margin:6px 10px 0 0;background:url("../images/icon-ps.png") no-repeat -100px 0;width:11px;height:11px;vertical-align:middle;}
.bAccordion .current .icon-arrow{background-position:-70px 0;}
.bAccordion .text-l{float:left;color:#333;}
.bAccordion .text-r{float:right;}
.bAccordion .text-green{color:#7bc351;font-size:20px;font-weight:bold;}
.bAccordion .text-blue{color:#45a5cf;font-size:20px;font-weight:bold;}
.list-brokerage .commision p{margin:0;}
.list-brokerage{margin:0 0 10px 0;font-size:14px;}
.list-brokerage .ordernumber{font-size:12px;padding:8px 0 0 0;overflow:hidden;}
.list-brokerage .order-num{float:left;color:#fff;font-size:12px;}
.list-brokerage .order-date{float:right;color:#fff;}
.list-brokerage .commision{display:block;margin:0;padding:0 15px;background:#7bc351;border:1px solid #6eb942;color:#fff;}
.list-brokerage .commision .mony{margin-left:5px;color:#fff;font-size:30px;}
.list-brokerage .ul-product{margin:5px 15px;line-height:1.2;}
.list-brokerage  li{padding:15px 0;list-style:none;border-bottom:1px dotted #ccc;overflow:hidden;}
.list-brokerage .pic{float:left;width:70px;height:70px;margin-right:10px;padding:1px;border:1px solid #ccc;border-radius:3px;}
.list-brokerage .pic img{width:100%;height:100%;}
.list-brokerage .text{overflow:hidden;font-size:14px;}
.list-brokerage .pro-name{color:#333;font-size:14px;}
.list-brokerage .pro-pric{margin-top:3px;color:#333;font-size:16px;}
.list-brokerage .pro-pric span{font-size:14px;color:#999;}
.list-brokerage .pro-commision{float:left;height:40px;line-height:40px;padding:0 10px;margin-top:4px;font-size:14px;color:#333;background:#f0f0f0;border:0 solid #e1e1e1;border-radius:3px;}
.list-brokerage .pro-commision span{font-size:16px;font-weight:bold;}
.list-brokerage .pro-commision .scale{margin-right:5px;}
.list-brokerage .pro-pec{color:#999;}
.list-brokerage .pro-pec .color{margin-right:5px;}
/*employees*/
.employees.accordion{margin:0 15px 15px 15px;}
.employees.accordion dd{border:1px solid #ccc; border-radius:3px;margin-bottom:10px !important;padding:5px 0;}
.employees.accordion dd > a{background-color:#fff;border-top:0;border-bottom:0;}
.employees-number,.employees-name{float:left;font-size:18px;}
.employees-number{margin-right:10px;}
.employees .icon-arrow{float:right;}
.employee-ul{list-style:none;}
.employee-ul li{clear:both;padding:5px 15px 0 0;font-size:16px;}
.employee-ul .infor-title,.employee-ul .infor-content{float:left;}
.employee-ul .info-address{display:block;overflow:hidden;}
.employee-ul i,.employee-ul a{float:right;}
.employee-ul i{cursor:pointer;}
.employee-ul a{margin-right:10px; text-decoration:underline;font-size:14px;}
/*edit employee*/
.list-div{height:35px;line-height:35px;padding:0 15px;}
.list-div .edit,.list-div .clock{float:right;height:25px;line-height:25px;padding:0 10px;border:1px solid #ccc;color:#999;border-radius:10px;margin:5px;font-size:12px;}

/*---extract---*/
.list-ext{padding:10px 0;margin:0 15px;border-bottom:1px solid #e5e5e5;color:#999;font-size:14px;}
.list-ext.last{border-bottom:0;}
.list-ext .row{margin:0;}
.list-ext .ext-title{font-size:18px;}
.list-ext .ext-title span{margin-left:5px;color:#333;font-size:22px;}
.list-ext .ext-icon .icon-arrow{float:right;margin-right:0;background:url("../images/icon-ps.png") -55px 0;}
.list-ext .ext-status{text-align:right;}
.list-ext .ext-account .name{padding-left:10px;}
.list-ext .ext-date-span{margin-right:10px;}
.list-ext .detail{display:none;}
.list-ext.current .detail{display:block;}
.list-ext.current .ext-icon .icon-arrow{float:right;margin-right:0;background:url("../images/icon-ps.png") -52px -22px;width:11px;}

/*---address---*/
.side-nav.address{margin:0 15px 0 15px;padding:0;overflow:hidden;}
.address.side-nav li{clear:both;overflow:hidden;margin:10px 0;border:1px solid #ccc;border-radius:3px;background:#fff;box-shadow:2px 2px 2px #ccc;}
.address.side-nav li a:not(.button){display:block;color:#333;overflow:hidden;margin:15px;}
.address .payInfo{float:left;font-size:16px;}
.address .payInfo .mobile{padding-left:10px;}
.address .payStatus{display:none;float:right;}
.address.side-nav li.current{background:#d6f0fb;border:1px solid #c3e4f2;}
.address .current .payStatus{display:block;}
.address .opera{overflow:hidden;height:30px;line-height:30px;border-top:1px solid #e9e9e9;}
.address.side-nav li .opera a:not(.button){margin:0;padding:0;}
.address .opera .a-edit{float:left;width:50%;height:30px;line-height:30px;text-align:center;border-right:1px solid #e9e9e9;background:#fff;}
.address .opera .a-del{float:right;width:50%;height:30px;line-height:30px;text-align:center;background:#fff;}

/*---address addition---*/
.panel.callout.addressnm{margin-bottom:0;}
.address-label{margin:5px 0;}

/*---card---*/
.card-cont{margin-top:40px;background:url("../images/card-bg.png") no-repeat left top #449ac1;background-size:100% auto;width:100%;height:auto;padding-top:20px;}
.card-share{padding:0px 10px 20px 10px;text-align:center;}
.card-share .card-fav,
.card-share .card-share{width:49%;display:inline-block;background:#0eabcb;border:1px solid #3999c3;border-radius:5px;padding:10px 0;color:#fff;font-size:14px;}
.card-share .card-fav:hover,
.card-share .card-share:hover{background:#70d6eb;}
.card-share .icon-fav-card,
.card-share .icon-share-card{display:inline-block;background:url("../images/distribution2.png") no-repeat;background-size:300px 1000px;width:16px;height:16px;vertical-align:middle;margin-right:5px;}
.card-share .card-fav{background:#8fbd40;border:1px solid #77a527;}
.card-share .icon-fav-card{background-position:-80px -121px;}
.card-share .icon-share-card{background-position:-111px -121px;}
.card-infor{background:rgba(255,255,255,.15);margin:20px 0 0 0;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000');}
.person-info{position:relative;text-align:center;}
.person-info .text-v{position:absolute;left:50%;top:90px;margin-left:30px;width:30px;height:30px;line-height:30px;border-radius:15px;background:#ffba00;border:1px solid #f1b000;color:#fff;font-size:25px;box-shadow:0 2px 2px rgba(0,0,0,.2);}
.card-infor-cont .header{display:block;width:120px;height:120px;margin:0 auto;background:#76d0e3;border:4px solid #49b5cc;border-radius:60px;overflow:hidden;}
.card-infor-cont .header img{border-radius:60px;}
.card-infor-cont .name{display:block;line-height:30px;text-align:center;font-size:28px;color:#fff;margin-bottom:10px;}
.card-infor-cont .job{line-height:20px;font-size:16px;color:#fff;}
.card-infor-cont .code-pic{position:absolute;top:0;left:50%;margin-left:60px;border:1px solid #fff;border-radius:3px;}
.card-infor-cont .code-pic img{width:50px;height:50px;}
.card-infor .separate-line{height:2px;margin-top:-3px;background:url("../images/card-separate.png") no-repeat center center;background-size:100% auto;}
.card-infor .infor-ul{clear:both;padding:10px 20px;margin-bottom:0;list-style:none;font-size:14px;color:#b8f3ff;}
.card-infor .infor-ul li{padding:0;}
.card-infor .infor-ul li span{display:block;overflow:hidden;}
.card-infor .icon-mobile,
.card-infor .icon-tel,
.card-infor .icon-address{width:15px;display:inline-block;float:left;background:url("../images/icon-card.png") no-repeat 0 0;background-size:70px 70px;vertical-align:middle;margin-top:4px;margin-right:15px;}
.card-infor .icon-mobile{background-position:0 -35px;height:18px;}
.card-infor .icon-tel{background-position:-20px -35px;height:16px;}
.card-infor .icon-address{background-position:-44px -32px;height:20px;}
.card-maindo{padding:15px 40px;background:#9ddcf7;color:#666;font-size:14px;line-height:22px;}
.uppic{padding:20px 15px;overflow:hidden;}
.uppic-ul{ list-style:none;padding:0;margin:0;overflow:hidden;}
.uppic-ul li{float:left;width:30%;padding:2px 0;}
.uppic-ul li.middle{margin:0 5%;}
.uppic-ul li span{display:block;width:100%;background:#fff;border:5px solid #cdf1f8;border-radius:100px;box-shadow:0 0px 6px rgba(0,0,0,.1);}
.uppic-ul li span img{width:100%;height:auto;border-radius:100px;}
.card-button{padding:0;}
.card-button .button.view-store{background:#ffba00;border-radius:0;border:0;margin-bottom:0;color:#fff;font-size:25px;}
.guide{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);z-index:999;}
.guide img{width:61.8%;height:auto;float:right;}

/*fillout tip*/
.fillouttip-p{position:fixed;top:0;bottom:0;left:0;right:0;padding-top:30%;background-color:rgba(0,0,0,.5);z-index:999;}
.fillouttip-p img{display:block;width:90%;height:auto;margin:0 auto;}
.fillouttip-p .close-div{padding:20px 0 20px 20px;overflow:hidden;}
.fillouttip-p .close{float:right;width:21px;height:21px;margin-right:5%;background:url("../images/close42.png") no-repeat;background-size:21px 21px;}

/*frog*/
.frog{margin:70px 20px 0 20px;text-align:center;color:#999;font-size:20px;}
.frog img{display:block;margin:40px auto;}

/*due*/
.due{margin:70px 20px 0 20px;text-align:center;color:#999;font-size:20px;line-height:25px;}
.due-text{font-size:16px;}
.due-btn{text-align:center;padding:20px;}
.due-btn a{width:160px;height:40px;line-height:40px;font-size:18px;border-radius:5px;}
.due img{display:block;margin:40px auto;}

/*qrcode*/
.qrcode{margin:80px 30px 20px 30px;padding:20px;background:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 2px 0 rgba(0,0,0,.2);text-align:center;}
.qrcode img{width:100%;height:auto;}
.qrcode-a{display:block;margin:0;margin:20px 0 0 0;height:40px;line-height:40px;background:#ffba00;border-radius:3px;font-size:18px;font-weight:bold;text-align:center;color:#fff;}
.qrcode-a:active{color:#333;}
.qrcode-address{display:block;padding-top:20px;font-size:12px;color:#999;margin-top:5px;word-wrap:break-word;}
.qrcode-address:hover{color:#333;}
/*--------------------------------------shopkeeper--------------------------------------*/
/*member*/
.count{margin-bottom:10px;background:#e4f7ff;border-bottom:1px solid #d5eef9;box-shadow:0 2px 2px rgba(0,0,0,.1);}
.count .columns{padding-right:0;}
.count .first{border-right:1px solid #f6fcff;}
.count .mid{border-left:1px solid #d5f1fd;border-right:1px solid #f6fcff;}
.count .last{border-left:1px solid #d5f1fd;}
.count-a{display:block;width:100%;margin:15px 0;text-align:center;}
.count-p{padding:0;margin:0;color:#45a5cf;font-size:35px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.count-p-mony{padding:0;margin:0;color:#45a5cf;font-size:20px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.count-dis-mony{padding:0;margin:0;color:#45a5cf;font-size:25px;line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.count-title{color:#666;font-size:12px;}
.label.alert.tip-number{background:#ff5130;padding:3px 8px;margin-left:10px;}
.deliver{position:relative;margin:10px;padding:10px 0;border-top:1px solid #ccc;}
.deliver-a:link,.deliver-a:visited{width:70px;height:70px;line-height:20px;padding:5px 0;background:#e4f7ff;border:0px solid #d2edf9;font-size:12px;color:#45a5cf;}
.deliver-a:hover,.deliver-a.current{background:#45a5cf;border:0px solid #3798c2;color:#fff;}
.deliver-a:hover .icon-selfstore,.deliver-a.current .icon-selfstore{background-position:0 -765px;}
.deliver-a:hover .icon-headquarters,.deliver-a.current .icon-headquarters{background-position:-48px -765px;}
.deliver-a:hover .icon-logisiticNone,.deliver-a.current .icon-logisiticNone{background-position:-102px -764px;}
.deliver-a:active{bckground:#d2ecf7;}
.icon-selfstore,
.icon-headquarters,
.icon-logisiticNone,
.icon-arrow-t-w{display:block;margin:auto;background:url("../images/distribution2.png") no-repeat;background-size:300px 1000px;}
.icon-selfstore{background-position:0 -812px;width:38px;height:38px;}
.icon-headquarters{background-position:-48px -812px;width:38px;height:38px;}
.icon-logisiticNone{background-position:-102px -811px;width:39px;height:39px;}
.icon-arrow-t-w{background-position:-63px -306px;width:11px;height:6px;}
.logictics-div{margin:10px 0 0 0;position:relative;}
.logictics-div .icon-arrow-t-w{position:absolute;top:-16px;left:30px;}
.logictics-form .columns{padding:0 0 0 0;}
.logictics-form input,.logictics-form select{border:1px solid #cccccc;border-radius:3px;margin:5px 0;}
.logictics-form input:hover,select:hover{border:1px solid #cccccc;}
.more-logitic{margin:10px 0;}
.logictic-info-p{margin:0;padding:0;color:#999;}
.logictic-info-span{color:#333;padding:0 0 0 10px;}
.order-detail-logictics{margin:0 15px 10px 15px;padding:10px;border:1px solid #d9d9d9;border-radius:3px;box-shadow:0 2px 2px rgb(230,230,230);font-size:14px;}
.order-detail-logictics .button{margin:0 0 0 0;}

/*search*/
.search{display:none;position:fixed;top:45px;height:45px;width:100%;background:#fff;border-bottom:1px solid #ccc;box-shadow:0 2px 2px rgba(0,0,0,.1);z-index:11;}
.search input,
.search input:focus{border:0;border-bottom:1px solid #7ad7ff;border-radius:5px;padding-left:30px; box-shadow:none;}
.search .row{padding:0 15px;}
.search .icon-search-gray{position:absolute;left:5px;}
.search .close-input{right:20px;}
.search .cancel{display:block;float:right;margin-top:15px;color:#45a5cf;}
.search-mask{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.8);z-index:10;}
/*hide style*/
.search-mask-out{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.8);z-index:10;
				-moz-animation:searchmask-out 1s;
					-webkit-animation:searchmask-out 1s;
						-o-animation:searchmask-out 1s;
							animation:searchmask-out 1s;
}
@keyframes searchmask-out
{
	from{background:rgba(0,0,0,.8);} 
	to{background:rgba(0,0,0,0)};
	}
@-moz-keyframes searchmask-out
{
	from{background:rgba(0,0,0,.8);} 
	to{background:rgba(0,0,0,0)};
	}
@-webkit-keyframes searchmask-out
{
	from {background:rgba(0,0,0,.8);} 
	to {background:rgba(0,0,0,0);}
	}
@-o-keyframes searchmask-out
{
	from{background:rgba(0,0,0,.8);} 
	to{background:rgba(0,0,0,0)};
	}



/*logisitics*/
.side-nav.logisitics{margin:0 15px 0 15px;padding:0;overflow:hidden;}
.logisitics.side-nav li{clear:both;overflow:hidden;margin:10px 0;border:1px solid #ccc;border-radius:3px;background:#fff;box-shadow:2px 2px 2px #ccc;}
.logisitics.side-nav li a:not(.button){display:block;color:#333;overflow:hidden;margin:15px;}
.logisitics .logisticLogo{float:left;width:41px;height:41px;margin-right:10px;overflow:hidden;background:url("../images/distribution2.png") no-repeat;background-size:300px 1000px;background-position:-145px -764px;}
.logisitics .logisticName{float:left;font-size:16px;line-height:40px;}
.logisitics .payStatus{display:none;float:right;}
.logisitics.side-nav li.current{background:#d6f0fb;border:1px solid #c3e4f2;}
.logisitics .current .payStatus{display:block;}
.logisitics .opera{overflow:hidden;height:30px;line-height:30px;border-top:1px solid #e9e9e9;}
.logisitics.side-nav li .opera a:not(.button){margin:0;padding:0;}
.logisitics .opera .a-edit{float:left;width:50%;height:30px;line-height:30px;text-align:center;border-right:1px solid #e9e9e9;background:#fff;}
.logisitics .opera .a-del{float:right;width:50%;height:30px;line-height:30px;text-align:center;background:#fff;}

/*---brokerage---*/
.list-brokerage{padding:10px 0;margin:0 15px;border-bottom:1px solid #e5e5e5;color:#999;font-size:16px;}
.list-brokerage.last{border-bottom:0;}
.list-brokerage .row{margin:0;}
.list-brokerage .brokerage-title{font-size:18px;}
.list-brokerage .brokerage-title span{margin-left:5px;color:#333;font-size:22px;}
.list-brokerage .brokerage-icon .icon-arrow{float:right;margin-right:0;background:url("../images/icon-ps.png") -55px 0;}
.list-brokerage .brokerage-status{text-align:right;}
.list-brokerage .brokerage-account .name{padding-left:10px;}
.list-brokerage .detail{display:none;}
.list-brokerage.current .detail{display:block;}
.list-brokerage.current .brokerage-icon .icon-arrow{float:right;margin-right:0;background:url("../images/icon-ps.png") -52px -22px;width:11px;}
.list-brokerage .totle{line-height:20px;padding:0 15px 10px 15px;overflow:hidden;color:#999;font-size:16px;}
.list-brokerage .totle .buyAccount{display:block;font-size:14px;}
.list-brokerage .totle .status{float:left;color:#999;}
.list-brokerage .totle .prc-num{float:right;margin-right:5px;color:#333;}
.list-brokerage .totle .pric-lable{float:right;color:#999;}
.list-brokerage .totle .price{float:right;font-size:20px;color:#f37872;}
.brokerage-namber,.brokerage-name{float:left;font-size:18px;color:#333;}
.brokerage-namber{margin-right:10px;}
.brokerage-mony{margin:15px 0;}
.brokerage-mony-title,brokerage-mony-content{float:left;}
.brokerage-mony-title{font-size:14px;color:#999;line-height:25px;}
.brokerage-mony-content{font-size:20px;color:#333;line-height:20px;}
.brokerage-mony-more{float:right;font-size:14px; text-decoration:underline;}
.brokerage-tag{margin-top:10px;}
.brokerage-tag-a{float:right;padding:0 10px;height:30px;line-height:30px;border-radius:10px;background:#fff;border:1px solid #45a5cf;color:#45a5cf;text-align:center;font-size:12px;}
.brokerage-tag-a:hover{color:#fff;background:#308fb9;border:1px solid #308fb9;}
.brokerage-tag-a.disable{border:none;font-size:14px;color:#999;}
.brokerage-tag-a:hover.disable{color:#999;background:none;border:none;}

/*nocontent tip*/
.icon-nocontent-laugh,
.icon-nocontent-worry{display:block;margin:0 auto;background:url("../images/icon-addition.png") no-repeat;background-size:300px 300px;width:100px;height:100px;}
.icon-nocontent-laugh{background-position:0 -103px;}
.icon-nocontent-worry{background-position:-120px -103px;}
.nocontent-tip{padding:30px 50px;}
.nocontent-tip-text{text-align:center;font-size:14px;color:#999;}

/*tip account*/
.round.alert{margin:20px 0 5px 0;}
.round.alert a{margin-right:5px;color:#fffea2; text-decoration:underline;}
.tip-text{margin-bottom:30px;color:#333;font-size:14px;color:#666;}
.tip-text b{color:#e86660;}

/*tip means*/
.tip-means{padding:15px;border:1px solid #ffefb6;background:#fffff3;border-radius:3px;color:#ffa200;}
.tip-means-title{font-size:16px;font-weight:bold;color:#ffa200;}
.tip-means-title .icon-close{float:right;width:15px;height:15px;background:url(../images/icon-addition.png) -168px -3px no-repeat; background-size:300px;}
.tip-means-title .icon-close:active{background:#ffffd9;}
.tip-means-c{margin:0 0 0 0;font-size:14px;}
.tip-means-ol{margin:10px 0 0 20px;font-size:14px;}


/*--------------------store file css--------------------*/
/*store product*/
.right-small.right-small-product{width:150px;}
.product-edit-a{float:right;}
.store-pro .ul-product{margin:0 15px 5px 15px;line-height:1.2;}
.store-pro .ul-product,
.store-pro  li{padding:10px 0;list-style:none;border-bottom:1px dotted #ccc;overflow:hidden;}
.store-pro  li:first-child{padding-top:0;}
.store-pro .pic{float:left;width:70px;height:70px;margin-right:10px;padding:1px;border:1px solid #ccc;border-radius:3px;}
.store-pro .pic img{width:100%;height:100%;}
.store-pro .text{overflow:hidden;font-size:14px;}
.store-pro .pro-name{color:#333;font-size:14px;}
.store-pro .pro-pric{margin-top:5px;color:#333;font-size:16px;}
.store-pro .pro-pric span{font-size:14px;color:#999;}
.store-pro .pro-pec{color:#999;}
.store-pro .pro-pec .color{margin-right:5px;}

/*edit store product*/
.pro-operate{margin:0 15px;}
.pro-operate input{margin:0;vertical-align:middle;}
.pro-operate .operate-a{display:inline-block;padding:8px 25px;background:#45a5cf;border-radius:3px;font-size:14px; color:#fff;transition:background 1s;}
.pro-operate .operate-a:hover{background:#3898c2;}
.store-pro .check{float:left;height:70px;line-height:70px;width:15px;margin-right:10px;}

/*store detail product*/
.store-detail-pro{margin:45px 0 10px 0;line-height:1.2;padding:10px 15px;background:#fff;border-bottom:1px dotted #ccc;box-shadow:0 2px 2px rgba(0,0,0,.1);overflow:hidden;}
.store-detail-pro .ready{margin-top:20px;font-size:12px;color:#666;line-height:20px;text-align:left;}
.store-detail-pro .ready-col{margin-right:10px;}
.store-detail-pro .ready b{color:#45a5cf;font-size:16px;}
.store-detail-pro .pic{float:left;width:70px;height:70px;margin-right:10px;padding:1px;border:1px solid #ccc;border-radius:3px;}
.store-detail-pro .pic img{width:100%;height:100%;}
.store-detail-pro .text{overflow:hidden;font-size:16px;}
.store-detail-pro .panel.formstyle{border-bottom:0;}
.store-detail-pro del{color:#999;}
.store-detail-from.panel.formstyle{margin-top:10px;border-left:0;border-right:0;border-radius:0; box-shadow:none;}
.store-detail-check{margin:10px 15px;}
.store-detail-from .suggest-price{position:absolute;top:15px;right:50px;font-size:12px;color:#999;}
.store-detail-pro-standard.accordion{margin:10px 0 0 0;}
.store-detail-pro-standard .text-l-standard{margin-right:5px;}
.store-detail-pro-standard .text-l-standard:last-child{margin-right:0;}
.store-detail-pro-standard .ready{margin-top:10px;font-size:12px;color:#666;line-height:20px;text-align:left;}
.store-detail-pro-standard .ready-col{margin-right:10px;}
.store-detail-pro-standard .ready b{color:#45a5cf;font-size:16px;}
.store-detail-pro-standard .content{margin:10px 20px;}
.store-detail-pro-standard .panel.formstyle{border-bottom:0;}
.store-detail-pro-standard del{color:#999;}