H5_module/merchant/static/css/main.css

/* CSS Document */
*, dl, dt {margin: 0;padding: 0;}
body {font-size: 14px;color: #666;background: #fff;overflow-x: hidden;font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体";-webkit-font-smoothing: antialiased;}
image {border: none;}
ul, li {list-style: none;margin: 0;}
a {text-decoration: none;color: #666;cursor: pointer;outline: none;}
a:hover {
	/* -webkit-transition: all 0.3s ease; transition: all 0.3s ease;*/
	text-decoration: none;outline: 0;}
input, select, button, textarea {font-family: microsoft yahei;vertical-align: middle;border: none;color: #666;outline: none;}
h1, h2, h3, h4, h5, h6, h7, b, label, dt {font-weight: normal;margin: 0;}
p {margin: 0;}
i, em {font-style: normal;}
.fix {zoom: 1}
.fix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
.pr {position: relative;}
.pa {position: absolute;}
.dflex {display: flex;display: -webkit-flex;}
.flex {flex: 1;-webkit-flex: 1;}
.right {position: absolute;right: 0px;margin-right: 20px;}
body {background: #f5f5f5;}
.top {padding: 30rpx 30rpx 0;}
.bg {display: block;width: 100%;height: 195px;position: absolute;top: 0;left: 0;z-index: -1;}
/* 暂无数据 */
.nodata {border-top: 2rpx solid #f9f9f9;text-align: center;padding: 300rpx 0 80rpx;}
.nodata image {width: 371rpx;height: 200rpx;margin: 0 auto 50rpx;}
.nodata view {font-size: 28rpx;color: #999;}
/* 用户信息 */
.minec {position: relative;z-index: 1;display: flex;display: -webkit-flex;align-items: center;margin-bottom: 30rpx;}
.user {display: block;width: 100rpx;height: 100rpx;border-radius: 50%;background: #fff;margin-right: 20rpx;}
.mines {flex: 1;-webkit-flex: 1;margin-right: 20rpx;}
.qiehuan {width: 16px;height: 16px;margin-left: 4px;
	/* margin-right: 43px; */
	margin-top: 5px;}
.sousuo {background: #1678ff;height: 33px;line-height: 33px;padding: 0 15px;color: #fff;border-radius: 0 17px 17px 0;margin-left: 10px;}
.mines_top {width: 204px;display: flex;align-items: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.edu {display: block;font-size: 12px;color: #fff;margin: 5px 0 0;opacity: 0.4;}
.set {width: 16px;height: 16px;margin: 0 0 0 5px;}
.set image {display: block;width: 16px;height: 16px;}
.title {font-size: 16px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* 搜索 */
.ssbox {padding: 5px 10px 7px;justify-content: center;align-items: center;}
.search {background: #fff;height: 33px;border-radius: 15px;padding: 0 10px;font-size: 13px;color: #666;width: 336px;}
.search image {width: 15px;height: 15px;margin-right: 6px;}
.sousuo {margin-left: 17px;font-size: 14px;}
.van-button--small {width: 66px !important;}
.search input {border: 0;margin-left: 9px;width: 336px;outline: none;}
.search {display: flex;align-items: center;}
.search .shousuo {width: 14px;height: 14px;}
.search .saoma {width: 16px;height: 16px;}
/* 订单 */
.order {margin: 10px 15px 10px;border-radius: 10px;background: #fff;position: relative;z-index: 1;}
.list1 {display: flex;display: -webkit-flex;}
.list1 .li {width: 50%;text-align: center;color: #333;padding: 17px 0;position: relative;box-sizing: border-box;}
.list1 .li .cont {border-right: 1px solid rgba(65, 65, 65, 0.1);}
.list1 .li .orderimage {margin: 0 auto 15rpx;}
.list1 .li .shuliang {color: #057bff;font-size: 18px;font-weight: bold;}
.list1 .li .start {color: #999999;font-size: 13px;}
/* .user {
	display: block;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	margin-right: .3rem;
} */
.top h3 {font-size: .3rem;color: #fff;}
.jianbao {width: 1.5rem;height: .5rem;line-height: .5rem;border: .02rem solid #fff;border-radius: .4rem;font-size: .24rem;color: #fff;text-align: center;}
.data {background: #fff;border-radius: 7px;margin: 9px;}
.data li {width: 33.33%;text-align: center;font-size: .24rem;color: #999;}
.data li a {display: block;padding: .3rem 0;}
.data li span {display: block;font-size: .36rem;color: #333;margin-top: .1rem;}
.datas .top {border-bottom: 1px solid #EEEEEE;padding: .2rem;justify-content: space-between;background: #197AFF;border-radius: 14px 14px 0 0;align-items: center;display: flex;}
.datas {background: #fff;border-radius: .1rem;margin: .2rem;}
.tit {border-bottom: .02rem solid #eee;padding: .3rem;font-size: 28rpx;color: #333;font-weight: bold;}
.datas .dflex {padding: 0 .2rem .2rem 0;justify-content: space-between;align-items: center;}
.datas .datas_top {display: flex;align-items: center;margin: 0 auto;}
.datas .datas_top image {width: 12px;height: 15px;margin-right: 8px;}
.datas .datas_top .txt {font-size: 15px;font-weight: bold;color: #fff;}
.datas .datas_top .txt span {color: #FE9613;margin: 0 5px;}
.datas .day {font-size: 12px;color: #999999;display: flex;align-items: center;}
.datas .day image {width: 9px;height: 5px;margin-left: 5px;}
.datas ul {width: 50%;}
.datas ul:first-child {border-right: 1px solid #EEEEEE;}
.datas li {text-align: center;font-size: 24rpx;color: #999;padding: 24px 0 26px 0;border-bottom: 1px solid #EEEEEE;}
.datas li:last-child {border-bottom: none;}
.datas li span {display: block;font-size: 24rpx;color: #333;margin-bottom: .1rem;}
.datas .orders image {width: 9px;height: 12px;margin-right: 5px;}
.datas .member image {width: 13px;height: 12px;margin-right: 4px;}
.datas .clerk image, .datas .achievement image {width: 12px;height: 12px;margin-right: 5px;}
.datas .turnover image {width: 13px;height: 11px;margin-right: 3px;}
.datas .distribution image {width: 16px;height: 12px;margin-right: 5px;}
.datas .orders view, .datas .member view, .datas .clerk view, .datas .turnover view, .datas .achievement view, .datas .distribution view {display: flex;align-items: center;justify-content: center;}
.lists {margin: 9px;}
/* .lists .list{background: #fff;} */
.list li {padding: 0 10px;border-bottom: .02rem solid #e5e5e5;background: #fff;margin-bottom: 10px;border-radius: 5px;}
.list li:last-child {border-bottom: none;}
.ddbh {height: 50px;line-height: 50px;border-bottom: .02rem solid #F5F5F5;display: flex;display: -webkit-flex;align-items: center;margin-bottom: .1rem;justify-content: space-between;}
.ddbh .ordid {display: flex;font-size: 14px;color: #999;align-items: center;}
.ordidss {display: flex;font-size: 14px;color: #999;align-items: center;}
.ddbh .tihuo1 .deliveryma {margin-left: 10rpx;}
.ddbh .tihuo1 .deliveryma text {color: #FE0419;}
.ddbh .type {width: 41px;height: 18px;margin-left: 5px;}
.ddbh view {font-size: 14px;color: #333;}
.list .lis {display: flex;display: -webkit-flex;align-items: center;padding: 10px 0;}
.cimgs {position: relative;width: 90px;height: 90px;box-sizing: border-box;border: 1rpx solid #E5E5E5;border-radius: 10rpx;margin-right: 20rpx;}
.cimgs .cimg {border: none;border-radius: 0;width: 100%;height: 100%;}
.cimgs .type {position: absolute;top: .1rem;left: .1rem;width: 41px;height: 18px;}
.cimage {width: 90px;height: 90px;border-radius: .1rem;margin-right: 10px;border: .02rem solid #E5E5E5;box-sizing: border-box;}
.zhinfo {flex: 1;-webkit-flex: 1;overflow: hidden;position: relative;}
.zhtit {font-size: 15px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.guige, .kucun {font-size: 11px;color: #999;margin-top: .05rem;}
.kucun {text-align: right;}
.jiage {display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;margin-top: 13px;}
.price {font-size: 15px;color: #333;}
.price span {font-size: 15px;}
.num {font-size: 12px;color: #333;}
.num span {font-size: 14px;}
.total {display: flex;display: -webkit-flex;justify-content: flex-end;align-items: center;font-size: 12;color: #333;margin: 7px 0 10px;}
.total view {margin-left: 10px;}
.deliver-text {font-size: 12;color: #FE0419;}
.deliver-text-center {font-size: 12;text-align: center;color: #FE0419;}
.deliver-text-g-center {font-size: 12;text-align: center;}
.total view.flex {margin-left: 0;}
.total span {color: #FE0419;}
.ma10 {margin-left: 10px;}
.status {border-top: .02rem solid #F5F5F5;display: flex;display: -webkit-flex;justify-content: flex-end;align-items: center;padding: 10px 0;font-size: 14px;color: #333;}
.ddddd {align-items: center;}
.status .sta-btn {padding: 0 6px;border-color: #FE0419;
	/* background: #FE0419; */
	border-radius: 12px;text-align: center;line-height: 25px;font-size: 11px;color: #FE0419;margin-left: 5px;}
.status .sta-btn.red {color: #FE0419;border-color: #FE0419;}
.status .sta-btn.w {color: #ffffff;border-color: #FE0419;}
.youji {width: 20px;height: 14px;margin-right: 8px;}
.jsd {width: 16px;height: 14px;margin-right: 7px;}
.ziti {width: 15px;height: 14px;margin-right: 8px;}
.tihuo1 {display: flex;align-items: center;color: #FE0419 !important;}
.tab {padding: 0 .2rem;display: flex;display: -webkit-flex;height: 1rem;background: #fff;line-height: 1rem;}
.tab a {font-size: .28rem;color: #999;width: 33.33%;text-align: center;position: relative;}
.tab a.active {color: #333;}
.tab a.active::after {content: '';display: block;width: .49rem;height: .03rem;background: #0065AC;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.tabcon .list {padding: 10px 10px 0;}
.tabcon .list li {background: #fff;border: none;border-radius: 6px;margin-bottom: 10px;padding: 0;}
.tabcon .ddbh {padding: 0 10px;}
.tabcon .list .lis {padding: 10px;}
.tabcon .total {margin-left: 10px;margin-right: 10px;}
.tabcon .status {padding: 10px;}
.tihuo {height: 70px;align-items: center;justify-content: space-between;margin: 10px;padding: 0 10px;background: #fff;border-radius: .1rem;}
.tihuoma {align-items: center;font-size: 15px;color: #333;font-weight: bold;}
.tihuoma span {color: #FE0419;}
.tihuoma image {width: 17px;height: 18px;margin-right: 10px;}
.bgfff {background-color: #fff;}
/* 物流配送 */
.ddtop {background: #fff;margin: 10px;border-radius: 6px;}
.ddstatus {display: flex;display: -webkit-flex;justify-content: center;font-size: 12px;color: #999;padding: 26px 0 13px;border-bottom: 1px solid #E5E5E5;}
.ddstatus .list {border-radius: 5px;}
.ddstatus li {width: 25%;position: relative;text-align: center;}
.ddstatus li::after {content: '';display: block;height: 2px;background: #CCD0D9;position: absolute;top: 3px;left: -50%;right: 50%;z-index: 1;}
.ddstatus li:first-child::after {display: none;}
.ddstatus span {display: block;width: 8px;height: 8px;border-radius: 50%;background: #CCD0D9;margin: 0 auto 12px;position: relative;z-index: 2;}
.ddstatus li.ing {color: #FE0419;}
.ddstatus li.ing::after {background: #FE0419;}
.ddstatus li.ing span {background: #FE0419;}
.addr {margin-top: 10px;padding: 12px 10px;border-radius: 6px;position: relative;overflow: hidden;}
.addr view {font-size: 14px;color: #999;position: relative;}
.addr .areasus {display: flex;align-items: center;margin: 10px 0 0;justify-content: space-between;}
.addr view span {margin-left: 10px;}
.areas {display: block;font-size: 15px;color: #333;font-weight: bold;line-height: 18px;align-items: center;position: relative;}
.dzbg {display: block;position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 4px;}
.ddlist .lis {margin: 0 10px;}
.cimages {position: relative;width: 90px;height: 90px;box-sizing: border-box;border: 1px solid #E5E5E5;border-radius: 6px;margin-right: 10px;}
.cimages .cimage {border: none;border-radius: 0;width: 100%;height: 100%;}
.cimages .type {position: absolute;top: .1rem;left: .1rem;width: 41px;height: 18px;}
.ddinfo {background: #fff;padding: 0 10px;margin: 10px;border-radius: 6px;}
.ddinfo li {display: flex;display: -webkit-flex;align-items: center;padding: 15px 0;border-bottom: 1px solid #EEEEEE;}
.ddinfo li:last-child {border-bottom: none;}
.ddinfo li span {display: block;font-size: 14px;color: #999;}
.ddinfo li view {flex: 1;-webkit-flex: 1;font-size: 14px;color: #333;text-align: right;}
.ddinfo li view.price {color: #FE0419;}
.bottop {height: 60px;}
.bot {position: fixed;left: 0;right: 0;bottom: 0;background: #fff;display: flex;display: -webkit-flex;justify-content: flex-end;align-items: center;height: 30px;padding: 10px;}
.bot a {width: 1.78rem;height: .56rem;border: .02rem solid #666666;border-radius: .48rem;text-align: center;line-height: .56rem;font-size: .28rem;color: #666666;margin-left: .1rem;}
.bot a.red {background: linear-gradient(to left, #FF5548, #FE0419);color: #FFFFFF;border: none}
.show {padding-bottom: 100rpx;}
/* .search-box{background: #fff;padding: 0 .2rem 0;} */
.van-tabbar-item__icon {font-size: 20px !important;}
.van-search {padding: 10px 3px !important;}
.delivertype {font-size: 15px;}
.delivertype .top {text-align: center;padding-bottom: 15px;}
/* .delivertype .van-radio {
	padding: 18px 10px;
	border-bottom: 1px solid #E5E5E5;
	justify-content: space-between;
} */
.mabot {margin-bottom: 10px;}
/* .search-box input{box-sizing: border-box;width: 100%;border-radius: .1rem;padding: .2rem .2rem .2rem .7rem;height: .8rem;line-height: .4rem;font-size: .28rem;color: #333;background: #f5f5f5 url(../images/ssico.png) no-repeat .2rem center;background-size: .3rem auto;} */
/* .express{padding: .6rem 0 0;} */
.examine {background: #fff;margin: 10px;border-radius: 5px;}
.examine .cont {padding: 20px 14.5px;justify-content: space-between;align-items: center;}
.examine image {width: 27.5px;height: 25px;}
.redfund {padding: 24px 0;text-align: center;}
.redfund image {width: 112px;height: 75px;margin: 0 auto;}
.redfund view {margin-top: 15px;padding: 0 20px;}
/* 为空 */
.nodata {text-align: center;padding: 50px 0 20px 0;font-size: 15px;color: #333;}
.nodata image {display: block;width: 167px;height: 153.5;margin: 0 auto 25px;}
.nodata view {font-size: 15px;color: #777;}
.van-field {border-radius: 999px;}
.btn_coloer {color: #D2D2D2;}
/* 按钮样式 */
.sta-btn {width: 138rpx;height: 48rpx;border: 2rpx solid #D2D2D2;border-radius: 48rpx;text-align: center;line-height: 48rpx;font-size: 22rpx;color: #333;margin-left: 10rpx;}
.sta-btn.red {color: #FE0419;border-color: #FE0419;}
.th-code.red {color: #FE0419;}
/* 售后信息 */
.van-cell {background: #fff;}
.vvan-tit {font-size: 28rpx;color: #333;padding: 20rpx 30rpx;}
.van-list {padding-left: 65rpx;}
.van-list .li {font-size: 30rpx;color: #969799;line-height: 40rpx;padding: 20rpx 20rpx 20rpx 0;border-bottom: 1rpx solid #ebedf0;position: relative;}
.van-list .li::before {content: '';display: block;width: 10rpx;height: 10rpx;background: #969799;border-radius: 50%;position: absolute;top: 38rpx;left: -34rpx;z-index: 2;}
.van-list .li::after {content: '';display: block;width: 1rpx;background: #ebedf0;position: absolute;left: -30rpx;top: 32rpx;bottom: -53rpx;z-index: 1;}
.van-list .li:last-child {border-bottom: none;}
.van-list .li:last-child::after {display: none;}
.van-list .li:first-child {color: #07c160;}
.gou {display: none;width: 28rpx;height: 28rpx;position: absolute;top: 28rpx;left: -45rpx;z-index: 3;}
.van-list .li:first-child .gou {display: block;}
.picker {text-align: right;position: relative;padding-right: 30rpx;width: 100%;box-sizing: border-box;}
.rico {width: 11rpx;height: 19rpx;margin-left: 20rpx;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.radio-rr {justify-content: flex-end;}
.radio-rr label {margin-left: 20rpx;}


/* 售后详情 */
.box{background: #fff;border-radius: 15rpx;margin: 20rpx 30rpx;}
.tits{font-size: 30rpx;color: #333;font-weight: bold;padding: 20rpx 30rpx;border-bottom: 1rpx solid #e9e9e9;}
.product .lis{padding: 10px;}
.refund-list .li{padding: 25rpx 30rpx;border-bottom: 1rpx solid #e9e9e9;font-size: 28rpx;color: #666;}
.refund-list .li:last-child{border-bottom: none;}
.label{color: #999;margin-right: 20rpx;}
.li-r{text-align: right;}
.li-color{color: #057bff;}
.li-red{color: #FE0419;}
.imgbox image{width: 216rpx;height: 216rpx;border-radius: 10rpx;margin: 20rpx 20rpx 0 0;}
.imgbox image:nth-child(3n){margin-right: 0;}
.ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 99;}
.popup{background: #fff;border-radius: 30rpx 30rpx 0 0;padding: 20rpx 50rpx 50rpx;position: fixed;left: 0;right: 0;bottom: 0;z-index: 100;}
.pop-lis{padding: 30rpx 0;border-bottom: 1rpx solid #e9e9e9;}
.pop-tit{font-size: 30rpx;color: #333;font-weight: bold;}
.pop-tit text{font-size: 26rpx;color: #999;margin-left: 15rpx;font-weight: normal;}
.pop-type{justify-content: flex-end;}
.pop-type .lis{font-size: 28rpx;color: #333;margin-left: 40rpx;}
.pop-type .lis image{width: 28rpx;height: 28rpx;margin-right: 10rpx;}
.pop-type .lis.active{color: #057bff;}
.pop-money{font-size: 30rpx;color: #FE0419;text-align: right;}
.reason{background: #f5f5f5;padding: 20rpx;margin-top: 20rpx;width: 100%;height: 100rpx;font-size: 28rpx;color: #666;box-sizing: border-box;border-radius: 10rpx;}
.pop-btn{margin-top: 50rpx;justify-content: space-between;}
.pop-cancel{width: 300rpx;height: 80rpx;background: #f5f5f5;border-radius: 40rpx;font-size: 30rpx;color: #666;text-align: center;line-height: 80rpx;}
.pop-confirm{width: 300rpx;height: 80rpx;background: #057bff;border-radius: 40rpx;font-size: 30rpx;color: #fff;text-align: center;line-height: 80rpx;}
.chufangy {position: fixed;background: rgba(247, 3, 3, 0.6);left: 0;right: 0;bottom: 50px;height: 30px;line-height: 30px;font-size: 12px;color: #fff;text-align: center;z-index: 50;}


.pro-tui{font-size: 26rpx;color: #FE0419;margin-top: 20rpx;}
.pro-tui text{margin-right: 10rpx;}