.inbox .mui-bar-nav{box-shadow: 0 1px 6px #d7d7d7!important;}
.inbox .mui-bar select{  width:26%; text-align: center; background-color: #f7f7f7;color: #88CE5D;}
.inbox .mui-bar h1{ height:100% ; width: 40%!important; margin: 0 20%!important; text-align: center; overflow: hidden;}
.inbox .mui-bar h1 img{ max-height: 100%; width: 100%; vertical-align: middle;}
.inbox .mui-slider{ width: 100%; height: 8em; overflow: hidden;}
.inbox .mui-slider .mui-slider-group{ width: 100%;}
.inbox .mui-slider ul li img{ width: 100%;  min-height: 100%;}

.pro{ width: 100%; margin: 5% 0; height: 5em; overflow: hidden;}
.pro li{position: relative;float: left; width: 46%; height:5em;  margin:0 2% ; overflow: hidden; border-radius: 0.2em;}
.pro li a{ width: 100%; overflow: hidden; display: block; height: 100%;}
.pro li figure{ height: 100%; width: 100%; margin: 0;}
.pro li figure img{ width: 100%; min-height: 100%;}
.pro li dl{ position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.6);width: 100%; height: 100%;border-radius: 0.2em; display: table;}
.pro li dl dt{ width: 36%;  text-align: center; display: table-cell; vertical-align: middle;}
.pro li dl dt img{ width: 30%;  }
.pro li:last-child dl dt img{ width: 50%;  }
.pro li dl dd{ display: table-cell; vertical-align: middle; width: 64%;  color: #fff; font-size: 1.2em; line-height: 1.4;}


/*分类*/
.sort{ width: 100%; }
.sort .mui-media-body{color: #6AC134;}

/*底部*/
.mui-bar-footer .mui-bar-tab .mui-tab-item{ color: #fff;}
.mui-bar-footer .mui-bar-tab .mui-active{background-color:#6AC134; }
.mui-bar-footer{background-color: #88CE5D!important;}
.mui-bar-footer ul{width: 100%; display: table;}
.mui-bar-footer ul li{width: 25%; display: table-cell; text-align: center; color: #fff;}
.mui-bar-footer ul li a{color: #fff;}
.mui-bar-footer ul .active{background-color:#6AC134;}


/*个人中心*/
.self-header{ width: 100%; overflow: hidden; background-color: #6AC134; padding-top:2%;}
.self-header figure{ width: 20%; overflow: hidden; height: 0; padding-bottom: 20%; border-radius: 50%; margin-top: 7%; margin-left: 6%; margin-right: 4%; margin-bottom: 8%; float: left;}
.self-header figure img{width: 130%; }
.self-header figcaption{ margin-right: 3%; width: 45%; float: left;  color: #fff; margin-top:10% ;}
.self-header figcaption h3{ font-weight: normal;  font-size: 1.3em; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;}
.self-header figcaption p{font-size: 1em; line-height: 1.9; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; color: #fff;}
.self-header button{ width: 12%; border: solid 1px #fff; border-radius: 0.2em; background: none; margin-top: 13%; padding:1% 1%; padding-left: 7%;background-image:url(../images/self-icon001.png); background-repeat: no-repeat; background-size: 26%; background-position:12%;} 
.self-header button span{ color: #fff; font-size: 1.1em; }
.self-header ul{ width: 100%; padding: 4% 0; overflow: hidden; background-color: rgba(255,255,255,0.2); border-top: solid 1px rgba(255,255,255,0.3); display: table;}
.self-header ul li{ display: table-cell; text-align: center; color: #fff; font-size: 1.1em; overflow: hidden; white-space: nowrap; word-break: keep-all; }
.self-header ul li a{ color: #fff; width: 100%;} 
.self-con .mui-navigate-right{ font-size: 1.8em;}
.self-con .mui-navigate-right p{ font-size: 70%; color: #333;  padding: 5% 0; margin: 0 16%; } 

.com select{ width:20%; text-align: center; background-color: #f7f7f7;color: #88CE5D;}
.com .list { width: 100%!important; margin: 0%; padding: 0;}
.com .list li{ border-radius: 0.3em;margin-bottom: 1%; background-color: #fff; border: solid 1px #d7d7d7; overflow: hidden; }
.com .list li h1{ background-color: #d7d7d7;margin-top: 0; text-align: center; padding: 10% 0; color:#fff;font-weight: normal; font-size: 1.4em;}
.com .list li dl{ padding: 3% 5%;}
.com .list li dt{ float: left;margin-bottom: 1%; display: block;
    clear: both;}
.com .list li dd{ float: right;}
.com .list li small{ clear: both;display: block; color: #999; }
.com .list li .gra{ background-color: #CCCCCC;}
.com .list li .suc{ background-color:  #6AC134;}

.mui-slider-handle img{ width: 60px; float: left;}
.mui-slider-handle p{ float: left; color: #333; margin:2% 5%;}
.btn{background-color: #ff5a00;  border: none; width: 30%; margin: 6% 30%; padding: 3% 5%;text-align: center;}
.btn a{  width: 80%; color: #fff;}





.bao article{ color: #666; line-height: 30px; padding: 3%; text-align: justify;}




.chebox .mui-bar-nav{box-shadow: 0 1px 6px #d7d7d7!important;}
.chebox .mui-bar select{  width:26%; text-align: center; background-color: #f7f7f7;color: #88CE5D;}
.chebox .mui-content ul{ width: 100%;}
.chebox .mui-content ul li{ width: 100%; text-align: center; padding: 3% 0; background-color: #fff; border-bottom: solid 1px #ccc;}
.chebox .mui-content ul li img{ width: 30%;}


.goubox .mui-bar-nav{box-shadow: 0 1px 6px #d7d7d7!important;}
.goubox .mui-bar select{  width:26%; text-align: center; background-color: #f7f7f7;color: #88CE5D;}
.goubox form{ width: 96%!important; padding: 3% 2%; margin: 0; background-color: #F3F3F3; overflow: hidden; }
.goubox form select{ margin-bottom: 3%; padding: 3% 0;}
.goubox form input[type="submit"]{position: fixed; bottom: 0; left: 0; width: 100%; background-color: #6AC134; text-align: center; padding: 3% 0;}

.gouwu .mui-table-view-cell span{ padding-bottom: 2% 0; color: #ff5a00;}
.gouwu button a{color: #fff;}