static/rst/css/style.css

/*页面css开始*/
body{font-size: 15px;background-color: #fff;}
.mui-content{background-color: #fff;}
ul{list-style: none;padding: 0;margin: 0;}
#cnzz_stat_icon_1260421959{display:none;}
.my-slider-indicator{padding: 0 10px;}
.my-slider-indicator .mui-indicator{background-color: #fff;box-shadow: 0 0 1px 1px rgba(0,0,0,.1) outset;width: 10px;border-radius: 4px;}
.chanpin-box.mui-grid-9{background-color: #fff;;margin: 10px;width: auto;border:0;border-radius:3px;overflow: hidden;}
.chanpin-box.mui-grid-9 .mui-table-view-cell {
   padding: 0;vertical-align: middle;border-right: 0;border-bottom: 0;
}
.my-table-view-order>li{position: relative;padding-bottom: 0;}
.my-table-view-order .mui-col-xs-6{font-size: 15px;}
.my-table-view-order>li:after{content: '';.position(absolute;auto;14px;0;14px);height: 1px;background-color: #ccc;-webkit-transform: scaleY(.5);}
#pro-menu{border:0;border-bottom:1px solid rgba(0,0,0,.1);border-radius: 0;padding: 0;}
#pro-menu .mui-control-item{color:#999;border-left:0;position: relative;vertical-align: bottom;height: 64px;line-height: 34px;font-size: 14px;width:33%;}
#pro-menu .mui-control-item:after{content:'';position:absolute;bottom:0;left:50%;margin-left: -14px;width: 28px;background-color:transparent;height: 2px;}
#pro-menu .mui-control-item:first-child{border-left:0;}
#pro-menu .mui-control-item.mui-active{background-color: #fff;color: #5882f7;}
#pro-menu .mui-control-item.mui-active:after{background-color: #5882f7;}
#pro-menu span.iconfont{position: absolute;left: 50%;top: 5px;-webkit-transform: translateX(-50%);font-size: 20px;}
.steps>li{float: left;position: relative;background-color: #999;width:55px;height:55px;line-height: 55px;text-align: center;border-radius: 55px;color: #fff;margin: 0 5px;}
.steps>li.active{background-color: #5882f7;}
.pro-cp-list{position: relative;padding-left: 3.5em;}
.pro-cp-list:before{content: '采购产品：';position:absolute;top:0;left:0;;font-size: 12px;color: #999;}
.pro-cp-list>li{font-size: 12px;color: #999;}
.pro-bz-list{position: relative;padding-left: 3.5em;}
.pro-bz-list:before{content: '提货备注：';position:absolute;top:0;left:0;font-size: 12px;color: #999;}
.pro-bz-list.order:before{content: '订单备注：';position:absolute;top:0;left:0;font-size: 12px;color: #999;}
.pro-bz-list>li{font-size: 12px;color: #999;word-break: break-all;}
.word-break{word-break: break-all;white-space: pre-wrap;line-height: 1.5;color: #999 !important;}
.express{color: #ed6a5e;}
.my-confirm-btn{min-width: 100px;border-radius: 20px;border: 1px solid #63ccde;color: #63ccde;padding: 6px 14px 6px 14px;}
.my-confirm-btn:active{background-color: #63ccde;color: #fff;}
.pro-li-tit{margin-bottom: 5px;}
.top-center{vertical-align:top !important;}
.middle-center{vertical-align:middle !important;}
.dalog-center{width:320px;height:240px;position:absolute;top:50%;left:50%;margin-left:-160px;margin-top:-120px;background-color: #fff;text-align: center;padding-top: 15px;border-radius: 10px;}
.dalog-center .title{font-size: 18px;}
.dalog-center .mui-table-view-cell.mui-active{background-color: #fff;}
.dalog-btn{border: 1px solid #5882f7;width:80px;height:80px;line-height: 80px;display: inline-block;border-radius: 50%;margin: 35px 0 10px 0;}
.dalog-btn .iconfont{font-size: 35px;}
.my-view-no:after,.my-view-no:before{display: none;}
.my-table-view-order>li .my-view-no{padding: 10px 10px 10px 0;}
.my-table-view-order>li .my-view-no:after,.my-table-view-order>li .my-view-no:before{display: none;}
#pullrefresh_list{top: 125px;}
.search-text{margin-bottom: 0 !important;font-size: 14px;border: 1px solid rgba(0,0,0,.1) !important;border-radius: 7px !important;}
.search-text::-webkit-input-placeholder {color:#ddd;}
.my-sousuo{position: absolute;right:0;top: 10px;padding: 10px 15px;color: #666;font-size: 22px;}
.my-sousuo.active{color: #5882f7;}
.no-after:after{display: none;}
.mui-pull-caption{font-size: 12px;font-weight: 500;color: #ccc;}
.cl-red{color: #F00;}
.cl-green{color: #62c755;}
.cl-blue{color: #5882f7;}
.my-table-view-order .cl-green,.my-table-view-order .cl-red{font-size: 12px;}
.my-table-view-order h5{color: #333;margin: 7px 0;}
.order-content{margin: 10px 0;}
.add-btn{color: #5882f7;display: none !important;background-color: #dee6fd;width: 60px;text-align: center;height: 60px;line-height: 1.2;padding: 12px 10px 10px 10px;border-radius: 60px;position: fixed;right: 12px;bottom: 30px;z-index: 3;}
.add-btn.active{display: block !important;};
.chanpin-text{text-align: left;padding: 0 10px;}
.chanpin-box.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn){padding: 0;}
.chanpin-box .mui-col-xs-6{display: inline-block;}
.chanpin-box .bg-blue{background-color: #a8ebf7;line-height: 0;}
.add-dalog{position: fixed;top: 0;left: 0;bottom: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);z-index: 5;display: none !important;}
.add-dalog.active{display: block !important;}
.pro-list{list-style: none;margin: 0;padding: 0;}
    .pro-list>li{margin: 12px 10px;border: 1px solid rgba(0,0,0,.1);border-top: 30px solid rgba(0,0,0,.1);position: relative;}
    .pro-list>li:first-child{border-top: 1px solid rgba(0,0,0,.1);}
    .pro-list>li .li-del{position:absolute;right:0;top:-30px;color:#5882f7;padding: 4px 5px 4px 15px;}
    .pro-list>li:first-child .li-del{display: none;}

.my-btn-red{width: 90px;padding:5px 10px;line-height: 1.42 !important;background: #e4004d;color: #fff;border: 0;border-radius: 5px;}
.prev{position: absolute;left:0;top: 50%;margin-top: -20px; width: 40px;height: 40px;line-height: 30px; padding:5px 0;text-align: left;font-size:30px;color: #ccc;}
.next{position: absolute;right:0;top: 50%;margin-top: -20px; width: 40px;height: 40px;line-height: 30px; padding:5px 0;text-align: right;font-size:30px;color: #f64e78;}
.my-table-view {background-color:transparent;padding: 0 10px 0 0 !important;}
.my-table-view .mui-table-view-cell{padding: 5px 0 0 14px !important;}
.my-table-view:before{height: 0;}
.my-table-view:after{height: 0;}
.my-content-padded{overflow: hidden;}
.my-content-padded img{width: 100%;border-radius: 5px;}
.iconfont .mui-badge {font-size: 10px;line-height: 1.3;position: absolute;top:-3px;right: 28%;padding: 1px 5px;color: #fff;background: red;}
.mui-bar-tab~.mui-content{padding-bottom: 50px !important;}
#footer-bar{background-color: #fff;-webkit-box-shadow: 0 0 1px rgba(0,0,0,.45);box-shadow: 0 0 1px rgba(0,0,0,0.45)}
#footer-bar .mui-tab-label{font-size: 12px;}
#footer-bar .mui-tab-item{vertical-align: bottom;color:#a6c8ce;}
#footer-bar .mui-tab-item.mui-active{color: #24cae9;}
#footer-bar .mui-tab-item.mui-active .icon-home:before{content: "\e668";}
#footer-bar .mui-tab-item.mui-active .icon-gouwuche:before{content: "\e66a";}
#footer-bar .mui-tab-item.mui-active .icon-dingdan:before{content: "\e664";}
#footer-bar .mui-tab-item.mui-active .icon-vip:before{content: "\e669";}
.loading-bg{width: 100%;min-width:100%;height: 100%;min-height:100%; background-color:#F0F0F0;position: fixed;left: 0;top: 0;z-index: 999;}
.loading-bg .mui-loading{margin-top: 50%;text-align: center;color: #aaa;}
.go-index{float: left;width: 35%;margin-right:1%;}
.go-index img{width: 85%;padding-top: 5px;margin-left: 12px;max-height: 42px;max-width: 135px;}
.header{padding: 7px 0;height: 55px;}
.marquee-show{position: fixed;top: 0;left: 0;background: rgba(255,255,255,.7);z-index: 99;white-space: nowrap;height: 40px;line-height: 40px;padding: 0 10px;color: #ba405b;width:100%;}
.marquee-show div{position: fixed;top: 0;left: 0;;height: 40px;line-height: 40px;width:100%;background: url(http://static.iamberry.com/watero/images/shop/marquee.png) center center /100% auto no-repeat;}

.marquee_cart{padding: 8px 10px;
    background: #fff;
    color: #ba405b;
    border-top: 1px solid rgba(0,0,0,.1);}
.search-box .mui-input-row:first-child{display: inline-block;width: 58%;}
.search-box .mui-input-row:last-child{display: inline-block;width:37%;}
.search-box .mui-input-row:last-child input{height: 39px !important;}
.search-box .mui-input-row input{margin-bottom: 0;}
.my-search{width: 50%;display: inline-block;padding-top: 3px;}
.my-search.mui-active{color: #55c0dc;}
.mui-bar .my-search input[type=search]{margin:2px 0;padding:16px 25px;border-radius: 25px !important;background-color: #d8edf4;color: #000;}
.my-search .mui-placeholder .mui-icon-search{margin-left:0;margin-right:0;color: #55c0dc;}
.my-search .mui-placeholder{text-align: right;}
.box-list-card{display: inline-block;width: 14%;float: right;padding:10px 0;color: #55c0dc;text-align: center;}
.mui-bar-nav~.mui-content {padding-top: 55px;}
.wh-100{width:100px !important;max-width:100px !important; height:100px !important;line-height:100px;margin-top: 0;overflow: hidden;}
.wh-80{width: 80px !important;max-width: 80px !important; height: 80px !important;margin:5px 5px 0 5px;overflow: hidden;display: inline-block;text-align: center;}
.wh-80 img{height:80px;}
.wh-50 {width: 50px !important;max-width: 50px !important;height: 50px !important;line-height: 50px;border-radius: 50%;margin: 0;}


.title1{color:#e70444;width:75px;height:25px;padding:5px 5px;}
.font_text_yahei{font-family: "Microsoft YaHei" ! important;}
.juli_span{color:#666;}
article, section, time, aside {display: block;}
.point-time {content: "";position: absolute;width: 13px;height: 13px;top: 3px;left: 20px;background: #1c87bf;margin-left: -4px;border-radius: 50%;}
.point-red {background-color: #e70444;}
.content {width: 100%;margin: 10px auto;}
.content article {position: relative;}
.content article section {padding: 0 0 7px;position: relative;}
.content article section:before {content: "";width: 1px;top: 16px;bottom: -17px;left: 22px;background: #e70444;position: absolute;}
.content article section:last-child:before {bottom:0;}
.content article section time {display: block;}
.content article section time > span {display: block;margin-left: 45px;color:#e70444;}
.content article section aside {color: #3a3a38;margin-left:45px;margin-right: 5px;}
.content article section aside p{margin-bottom: 0;font-size:13px;}
.content article section aside .things{color:#222;margin-top: 5px;}

.approval-title{font-size: 16px;font-weight: bold;padding: 10px 0;}
.approval-title.line{border-top:1px solid rgba(0,0,0,.1);}
.view-none:after,.view-none:before,.view-none .mui-table-view-cell:after{display: none;}
.radius-badge{width: 50px;height: 50px;line-height: 50px;background: #fff;border:1px solid #55c0dc;padding: 0;color: #55c0dc;font-size: 15px;margin-bottom: 10px;}
.order-Purchase{font-size: 12px;border-radius: 4px;background-color: #f7f7f7;margin: 0 5px;}
.order-Purchase .mui-table{margin:0 0 8px 0;}
.order-Purchase .mui-table:last-child{margin-bottom: 0;}
.my-btn-link{color: #55c0dc;text-decoration: underline;margin-top: 10px;}
.btn-blue-approval{border-radius: 20px;border:1px solid #55c0dc;color: #fff;background-color: #55c0dc;width: 150px;margin: 10px 0;}
.beizhu:before{content: '备注信息：';position: absolute;left: 0;top: 0;}.beizhu{white-space: pre-wrap;padding-left: 5em;font-size: 12px;position: relative;}
.a-express{font-size: 12px;margin-top: 0 !important;}
.solid-table{border-collapse:collapse;border: 1px solid rgba(0,0,0,.1);width: 100%;background-color: #fff;text-align: center;margin: 10px 0 8px 0;}
.solid-table td,.solid-table th{border-collapse:collapse;border: 1px solid rgba(0,0,0,.1);padding: 3px 0;}
.solid-table td{font-size: 12px;color: #666;}
.my-order-view{border: 1px solid rgba(0,0,0,.1);border-radius: 10px;padding: 10px;width: auto;}
.my-order-view li{font-size: 14px;margin: 7px 0;}
.name-steps>li{
				float: left;
				position: relative;
				background: #999;
				width: 50px;
				height: 50px;
				line-height: 50px;
				text-align: center;
				border-radius: 50px;
				color: #fff;
				margin: 5px 40px 5px 0;
				font-size: 14px;
			}
		.name-steps>li.two{width: 110px;background-color: #fff;}
		.name-steps>li>div{height: 50px;line-height: 50px;width: 50px;display: inline-block;border-radius: 50px;background-color: #999;margin: 0 5px;position: relative;}
		.name-steps>li>div:first-child{margin-left: 0;}
		.name-steps>li>div:last-child{margin-right: 0;}
		.name-steps>li.two:before{position: absolute;content:'';width: 1px;height: 100%;background-color:#5882F7;left:50%;top: 0;-webkit-transform: rotate(17deg);transform: rotate(17deg);}
		.name-steps>li:last-child{margin-right: 5px;}	
		.name-steps>li.active{background: #5882f7;}
		.name-steps>li.two.active{background: #fff;}
		.name-steps>li.two.active>div{height: 50px;line-height: 50px;width: 50px;display: inline-block;border-radius: 50px;background: #5882f7;color: #fff;}
		.name-steps>li:after{content:'\e587';position: absolute;right:-30px;top: 0;color: #999; font-family: Muiicons;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    }
    .mui-content{padding-bottom: 60px;}
    .mui-content>.mui-input-group:first-child{margin-top: 20px;}
    .mui-content>.mui-input-group:before,.mui-content>.mui-input-group:after{left: 10px;right: 10px;}
    .mui-input-group .mui-input-row:after{right: 10px;left: 10px;}
    .name-steps>li:last-child:after{display: none;}
    .my-btn-hand{display:block;width: 100%;height: 55px;background-color: #c5c5c5;color: #fff;border: 0;border-radius: 0;font-size: 18px;}
    .my-btn-hand.active{background-color: #5882f7;}
    .my-input-group .mui-input-row label{color: #333;padding: 11px 10px;width: 25%;}
    .my-input-group .mui-input-row label h4{margin:12px 0 6px 0;color: #5882f7;font-weight: 500;}
    .my-input-group .mui-input-row.my-tit-row{height: 55px;}
    .my-input-group .mui-input-row label~input{font-size: 14px;width: 70%;padding-right: 35px;text-align: right;}
    .my-input-group .mui-input-row label~input::-webkit-input-placeholder{text-align: right; color: #ccc;}
    .my-input-group .mui-input-row.check:before{
    	font-family: Muiicons;
    font-size: 38px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;position:absolute;right: 0;top: 1px;
    	content: '\e472';color: #0f0;
    }
    .my-input-group .mui-input-row.error:before{
    	font-family: Muiicons;
    font-size: 38px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;position:absolute;right: 0;top: 1px;
    	content: '\e460';color: #f00;
    }
    .no-after:after{display: none;}
    .textarea{font-size: 14px;word-break: break-all;}
    .mui-icon-plusempty{color: #5882f7;border: 0;padding-left: 36px;font-size: 16px !important;}
    .mui-icon-plusempty:before{font-size: 36px;position: absolute;top: 0;left: 0;line-height: 28px;font-weight: bold;}
    .mui-btn.mui-icon-plusempty:enabled:active{background-color: #5882f7;}
    
    .textarea::-webkit-input-placeholder{
      height: 70px;line-height: 70px;text-align: center;
    }
    .submit{box-shadow: 0 0 0 0 transparent;text-align: center;line-height: 50px;border-top: 0;}  
    .submit>button{background-color: #5882f7;border-radius: 0;border: 0;color: #fff;width: 100%;height: 50px;}
    .pro-list .pro-iteam-list>li{padding: 30px 0 10px 0;margin: 10px;position: relative;border: 1px solid rgba(0,0,0,.1);border-radius: 5px;}
    .pro-list .pro-iteam-list>li:after{content: "产品明细";position: absolute;left: 10px;top: 10px;color: #5882F7;}
    .pro-list .pro-iteam-list>li:first-child:after{content: "产品明细1";}
    .pro-list .pro-iteam-list>li:nth-of-type(2):after{content: "产品明细2";}
    .pro-list .pro-iteam-list>li:nth-of-type(3):after{content: "产品明细3";}
    .pro-list .pro-iteam-list>li:nth-of-type(4):after{content: "产品明细4";}
    .pro-list .pro-iteam-list>li:nth-of-type(5):after{content: "产品明细5";}
    .pro-list .pro-iteam-list>li:nth-of-type(6):after{content: "产品明细6";}
    .pro-list .pro-iteam-list>li .mui-input-row:after{display: none;}
@media (device-height:480px) and (min-width:320px) and (-webkit-min-device-pixel-ratio:2){

}
@media (device-height:568px) and (min-width:320px) and (-webkit-min-device-pixel-ratio:2){

}