.my-yhq-list{background-color: transparent;padding:0 15px;} .my-yhq-list:before,.my-yhq-list:after{display: none;} .my-yhq-list .my-yhq-cell{margin: 15px 0;position: relative;} .my-yhq-list .my-yhq-cell:last-child{margin-bottom: 0;} .my-yhq-list .fixed-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .my-yhq-list .table{display: table;height: 100%;width: 100%;} .my-yhq-list .left-cell{display: table-cell;width: 69%;height: 100%;padding: 10px;} .my-yhq-list .right-cell{display: table-cell;width: 31%;height: 100%;text-align: center;vertical-align: middle;} .my-yhq-list .left-cell .tit{font-size: 20px;color: #f44f80;} .my-yhq-list .left-cell .time{color: #f44f80;font-size: 12px;} .my-yhq-list .left-cell .condition{position: absolute;left: 10px;bottom: 15px;font-size: 12px;color: #807f80;} .my-yhq-list .right-cell .money{color: #fff;margin: 5px 0;} .my-yhq-list .right-cell .money>span{font-size: 30px;} .my-yhq-list .right-cell .my-btn{color: #fff;padding:8px 10px;font-size: 14px;border-radius: 5px;} .my-yhq-list .right-cell .my-btn:active{background-color: rgba(0,0,0,.5);} .grayscale{color: #807f80 !important;} .my-yhq-list .right-cell .my-btn.grayscale{opacity: 0;} .mui-table-view-chevron .mui-table-view-cell {padding-right: 15px;} .mui-segmented-control .mui-control-item.mui-active{background-color: transparent !important;border-bottom: 2px solid #fa4b4f !important;} .mui-segmented-control .mui-control-item{line-height: 1;height: 50px;vertical-align: bottom;border: 0;border-bottom: 2px solid transparent;color: #444;background-color: transparent !important;padding-bottom: 3px;} .tab-yhq-list{background: #fff;border: 0;position: fixed;left: 0;top: 0;width: 100%;z-index: 10;} .tab-yhq-list .mui-control-item{position: relative;} .mui-control-item.mui-active .mui-tab-label{color: #f44f80;} .tab-yhq-list .mui-control-item{color: #a1a1a1;} .mui-control-content{margin-top: 70px;} .tab-yhq-list .mui-control-item.mui-active {color: #f44f80 !important;border-bottom: 2px solid #f44f80;} .icon-all>span:first-child {background: url(http://static.iamberry.com/watero/images/shop/all_icon.png) center bottom no-repeat;min-width: 28px;min-height: 25px;background-size: 100%;position: absolute;top: 2px;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);} .icon-all.mui-active>span:first-child {background: url(http://static.iamberry.com/watero/images/shop/all1_icon.png) center bottom no-repeat;background-size: 100%;} .icon-noused>span:first-child {background: url(http://static.iamberry.com/watero/images/shop/noused_icon.png) center bottom no-repeat;min-width: 25px;min-height: 25px;background-size: 100%;position: absolute;top: 2px;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);} .icon-noused.mui-active>span:first-child {background: url(http://static.iamberry.com/watero/images/shop/noused1_icon.png) center bottom no-repeat;background-size: 100%;} .icon-used>span:first-child {background: url(http://static.iamberry.com/watero/images/shop/used_icon.png) center bottom no-repeat;min-width: 25px;min-height: 25px;background-size: 100%;position: absolute;top: 2px;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);} .icon-used.mui-active>span:first-child {background: url(http://static.iamberry.com/watero/images/shop/used1_icon.png) center bottom no-repeat;background-size: 100%;} .icon-overdue>span:first-child {background: url(http://static.iamberry.com/watero/images/shop/overdue_icon.png) center bottom no-repeat;min-width: 25px;min-height: 25px;background-size: 100%;position: absolute;top: 2px;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);} .icon-overdue.mui-active>span:first-child {background: url(http://static.iamberry.com/watero/images/shop/overdue1_icon.png) center bottom no-repeat;background-size: 100%;} .mui-scroll-wrapper{top: 50px;bottom:60px;}