body,html{ background:#f5f5f5; text-align:left; max-width:600px; margin:0 auto}
li,ul{ padding:0px; margin:0px; list-style:none}
.white-bg{ background-color:#fff}
.ui-table td{ height:40px;}
 

 
.diy-tab{ margin:0px; margin-bottom:10px; background-color:#fff}
.diy-tab .active{ border-bottom:2px solid #f1c40f}
.diy-tab li{ text-align:center; font-size:13px;}
.diy-tab li a{ color:#444; display:block; padding:15px 0px 13px 0px}
.diy-tab li a:active{ background-color:#f1f1f1; border-bottom:1px solid #f1f1f1}
.diy-tab i{ display:block; font-size:22px; color:#888}


.diy-order-center { margin:0px}
.diy-order-center li{ text-align:center; font-size:13px; padding:3px 0px 5px 0px; position:relative}
.diy-order-center li span{ color:#fff}
.diy-order-center li a{ color:#444}
.diy-order-center i{ display:block; font-size:22px; color:#888}

 
.ucenter-list .item-media .icon-btn{ width:35px; height:35px; font-size:17px;border-radius:7px}
.ucenter-list .item-media [class*=icon-]:before{ position:relative; top:-7px}
 
#MessageList li .icon-btn{border-radius:5px; width:30px; height:30px; font-size:16px; line-height:30px; margin-right:5px}
#MessageList li a{ color:#444; }
#MessageList li .content{ color:#999; font-size:13px}
#MessageList li .text-center{ vertical-align:middle}

#LogList.list{ margin:0px; width:95%; margin:0 auto; }
#LogList li{ margin-top:8px;padding-left:10px;}
#LogList li dl{ margin:0px}
#LogList li dt{ font-weight:500; padding-bottom:5px; line-height:33px;}
#LogList li dd{ font-size:13px; color:#55}

.diy-order-list{ margin-top:10px; font-size:13px}
.diy-order-list .row{background-color:#fff; margin-bottom:10px}
.diy-order-list ul li{  list-style:none}
.diy-order-list .goods-list .item-content{ font-size:14px; color:#777}
.diy-order-list .goods-list .item-after{ font-size:12px}
.diy-order-list ul li.price{ text-align:right; padding-right:8px; font-size:14px; line-height:38px}
.diy-order-list ul li.btns{text-align:right; padding:0px 8px 8px 0px}

/*头像*/
#FaceBox{height:160px; width:100%; position: relative ; color:#fff;left:0px; overflow:hidden;}
#FaceBox .circle{ position:absolute;left:50%; margin-left:-40px;top:30px}
#FaceBox .nickname{ text-align:center; position:absolute;left:0px; width:100%;top:117px}
#FaceBox .edit{ position:absolute;right:15px; top:15px; z-index:99999; color:#fff; font-size:13px}
#FaceBox .nickname i{ background:#fff; color:#000;border-radius:50%; width:16px; height:16px; position: absolute; margin-top:-10px; margin-left:10px; font-size:13px}

 
.address_edit.ui-table  td{ height:35px; text-align:right; padding-right:10px;}
.address_edit td input{ border:none; width:100%; height:100%; margin-left:10px}
.address_edit td select{ background-color:#fff; padding:3px 0px 3px 3px; font-size:12px}

/*红包*/
#red-html table{  width:95%; margin:0 auto; margin-top:8px}
#red-html table td{ padding:0px 10px}
 
 

.pingbox{ padding:8px 0px}
.pingbox label{ font-size:12px; text-align:center}
.pingbox label input{ position:relative;top:-2px}

/**代金券**/
.voucher{border-bottom:2px solid #f1a325;}
.voucher h1{float:right; line-height:3rem; font-size:24px; color:#f1a325}
.voucher p{ line-height:1; font-size:18px;color:#f1a325}
.voucher p small{font-size:62.5%;}
.voucher div{line-height:1; margin-top:15px;color:#666}
.voucher-old{border-bottom:2px solid #e0e0e0;}
.voucher-old h1{float:right; line-height:3rem; font-size:24px; color:#e0e0e0}
.voucher-old p{ line-height:1; font-size:18px;color:#e0e0e0}
.voucher-old p small{font-size:62.5%;}
.voucher-old div{line-height:1; margin-top:15px;color:#e0e0e0}

/*分销模块*/

.top-card{background:#fff url(/Public/img/i-list-chevron-right.png) 93% center no-repeat; background-size:15px 15px; }
.top-card:active{ background-color:#f9f9f9}
.top-sm-card li{ padding:1px; position:relative}
.top-sm-card span{ position:absolute;right:2px; top:4px}
.top-sm-card a{ display: block; width:100%; height:40px; line-height:40px; color:#000}
.top-sm-card a:active{ background:#f9f9f9}
.index-grad-9 td{ width:33.333333%; height:110px; position:relative}
.index-grad-9 a{ display:block; color:#888;height:110px; width:100%; padding:1px; text-align:center}
.index-grad-9 td a:active{ background-color:#f9f9f9; }
.index-grad-9 a i,.index-grad-9 a img{ display: block; text-align:center; height:41px; margin:0 auto; margin-top:21px; margin-bottom:3px;}
.index-grad-9 td .disabled{ position:absolute;left:0px;top:0px; width:100%; height:112px;background-color: rgba(170,170,170,.1); text-align:center; line-height:112px;}
.share-type{ position:fixed; bottom:0px;left:0px; height:50px; background:#f1c40f; width:100%}
.share-type a{ display:block; float:left; width:50%; text-align:center; color:#fff; line-height:50px}
.share-type a:active{ background-color: #AC0002}
.share-modal{ width:100%; height:100%; position:absolute;left:0px;top:0px; background:#000; opacity:.8; z-index:99; cursor:pointer}
.share-modal-pic{ position:absolute;right:0px; top:30px; z-index:100; width:70%}
.share-modal-text{ position:absolute;left:0px; bottom:100px; z-index:101; text-align:left; width:100%; color:#fff; padding:10px 20px;white-space: normal;word-break: break-all; background:#444}

.agentslimit-bg{ background:url(/Public/img/facebg.jpg) center top no-repeat; background-size: cover; width:100%; height:140px; color:#fff; font-size:30px; text-align:left; line-height:40px; padding-top:30px; padding-left:30px}
.agentslimit-bg small{ display:block; font-size:18px} 
.agents-info td{ padding:8px}
.agents-info td strong{ font-weight:500; font-size:18px}
.agents-info td small{ display:block; color:#999}
.agents-select{ text-align:center;  color:#777}
.agents-select .radio-cheked{ background-color:#f5f5f5; border-bottom:2px solid #f1c40f}
.agents-select li{ padding: 8px 15px 0px 15px}
.center-price .price{ line-height:45px; margin-right:15px}
.center-price button{ height:50px}