182 lines
6.8 KiB
CSS
182 lines
6.8 KiB
CSS
.layui-nav-item{height:50px;padding:10px 0px 0px 10px;cursor:pointer;border-bottom: 1px solid #fff;}
|
|
/* .layui-nav-item dd:hover{background:#c2c2c2;color:white;}
|
|
.layui-nav-child a{height: 60px;line-height: 60px;} */
|
|
.active{background:#0e9fb3;color:white}
|
|
.layui-nav-item img{width: 40px;height: 40px;border-radius: 100%;}
|
|
.chat-left{width:70%;height:100%;float:left;border-right:1px solid #e2e2e2}
|
|
.msg-send{width:100%;height:32%;background:white;}
|
|
.tools-bar{width:98%;height:13%;padding:1% 1% 1% 1%;border-top:1px solid #e2e2e2;}
|
|
.tools-bar i{cursor: pointer;margin-left:10px}
|
|
.msg-box{width:100%;height:65%;}
|
|
.msg-area{width:98%;height:98%;padding:0 1%;resize:none;border:none;overflow-y: auto;}
|
|
.send-area{width:100%;height:22%;background:#fff;}
|
|
.user-name{width:80px;display:inline-block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position: relative;top: -5px;left: 10px;}
|
|
.clear{ height:0px;font-size:0;clear:both;}
|
|
|
|
|
|
.chat-box{width:98%;height:65.4%;overflow-x: hidden; overflow-y: auto;padding: 0% 1%}
|
|
.chat-box ul{display:none}
|
|
.chat-box .show-chat-detail{display:block}
|
|
.mylink-chat-main ul li{position: relative; font-size: 0; margin-bottom: 10px; padding-left: 60px; min-height: 68px;}
|
|
.mylink-chat-user,
|
|
.mylink-chat-text{display: inline-block; *display:inline; *zoom:1; vertical-align:top; font-size: 14px;}
|
|
.mylink-chat-user{position: absolute; left: 3px;}
|
|
.mylink-chat-user img{width: 40px; height: 40px; border-radius: 100%;}
|
|
.mylink-chat-user cite{position: absolute; left: 60px; top: -2px;line-height: 24px; font-size: 12px; white-space: nowrap; color: #999; text-align: left; font-style: normal;}
|
|
.mylink-chat-user cite i{padding-left: 15px; font-style: normal;}
|
|
.mylink-chat-text{position: relative; line-height: 22px; margin-top: 25px; padding: 8px 15px; background-color: #e2e2e2; border-radius: 3px; color: #333; word-break: break-all;}
|
|
.mylink-chat-text:after{content: ''; position: absolute; left: -10px; top: 13px; width: 0; height: 0; border-style: dashed; border-color:transparent; overflow:hidden; border-width: 10px; border-top-style: solid; border-top-color: #e2e2e2;}
|
|
.mylink-chat-text{max-width: 462px;}
|
|
.mylink-chat-text a{color: #33DF83;}
|
|
.mylink-chat-text img{ max-width: 100%; vertical-align: middle;}
|
|
.layui-mylink-file,
|
|
.mylink-chat-text .layui-mylink-file{display: block; text-align: center; }
|
|
.mylink-chat-text .layui-mylink-file{color: #333;}
|
|
.layui-mylink-file:hover{opacity: 0.9}
|
|
.layui-mylink-file i{font-size: 80px; line-height: 80px;}
|
|
.layui-mylink-file cite{display: block; line-height: 20px; font-size: 14px;}
|
|
.layui-mylink-audio{text-align: center; cursor: pointer;}
|
|
.layui-mylink-audio .layui-icon{position: relative; top: 5px; font-size: 24px;}
|
|
.layui-mylink-audio p{margin-top: 3px;}
|
|
.layui-mylink-video{width: 120px; height: 80px; line-height: 80px; background-color: #333; text-align: center; border-radius: 3px;}
|
|
.layui-mylink-video .layui-icon{font-size: 36px; cursor: pointer; color: #fff;}
|
|
.mylink-chat-main ul .mylink-chat-system{min-height: 0; padding: 0;}
|
|
|
|
.mylink-chat-main ul .mylink-chat-mine{text-align: right; padding-left: 0; padding-right: 60px;}
|
|
.mylink-chat-mine .mylink-chat-user{left: auto; right: 3px;}
|
|
.mylink-chat-mine .mylink-chat-user cite{left: auto; right: 60px; text-align: right;}
|
|
.mylink-chat-mine .mylink-chat-user cite i{padding-left: 0; padding-right: 15px;}
|
|
.mylink-chat-mine .mylink-chat-text{margin-left: 0; text-align: left; background-color: #5FB878; color: #fff;}
|
|
.mylink-chat-mine .mylink-chat-text:after{left: auto; right: -10px; border-top-color: #5FB878;}
|
|
.mylink-chat-mine .mylink-chat-text a{color: #fff;}
|
|
|
|
.mylink-chat-footer{border-top: 1px solid #F1F1F1;}
|
|
.mylink-chat-tool{position: relative; padding: 0 8px; height: 38px; line-height: 38px; font-size: 0;}
|
|
.mylink-chat-tool span{position: relative; margin: 0 10px; display: inline-block; *display:inline; *zoom:1; vertical-align:top; font-size: 24px; cursor: pointer;}
|
|
.mylink-chat-tool .mylink-tool-log{position: absolute; right: 5px; font-size: 14px; }
|
|
.mylink-tool-log i{position: relative; top: 2px; margin-right: 5px; font-size: 20px; color: #999}
|
|
.mylink-tool-image input{position: absolute; font-size: 0; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.01; filter: Alpha(opacity=1); cursor: pointer;}
|
|
|
|
.layui-tab-title li{width:30%}
|
|
.chat_page{position:absolute;bottom:0;right:0;width:320px;height:480px;background:#e8e8e8;z-index:9999}
|
|
|
|
body .layui-mylink-face{border: none; background: none;}
|
|
body .layui-mylink-face .layui-layer-content{padding:0; background-color:#fff; color:#666; box-shadow:none}
|
|
.layui-mylink-face .layui-layer-TipsG{display:none;}
|
|
.layui-mylink-face ul{position:relative; width:372px; padding:10px; border:1px solid #D9D9D9; background-color:#fff; box-shadow: 0 0 20px rgba(0,0,0,.2);}
|
|
.layui-mylink-face ul li{cursor: pointer; float: left; border: 1px solid #e8e8e8; height: 22px; width: 26px; overflow: hidden; margin: -1px 0 0 -1px; padding: 4px 2px; text-align: center;}
|
|
.layui-mylink-face ul li:hover{position: relative; z-index: 2; border: 1px solid #eb7350; background: #fff9ec;}
|
|
|
|
/*订单与商品信息*/
|
|
.order-alone-li table {
|
|
margin-top: 10px;
|
|
margin-bottom: 30px;
|
|
border: 1px solid #dadada;
|
|
border-collapse: collapse
|
|
}
|
|
|
|
.order-alone-li .time_or {
|
|
border-bottom: 0
|
|
}
|
|
|
|
.order-alone-li .time_or td {
|
|
background: #f5f5f5;
|
|
padding: 8px 15px
|
|
}
|
|
|
|
.order-alone-li .time_or td .fl_ttmm {
|
|
position: relative
|
|
}
|
|
|
|
.order-alone-li .time_or td span {
|
|
font-size: 14px
|
|
}
|
|
|
|
.order-alone-li .time_or td .time-num {
|
|
color: #999999
|
|
}
|
|
|
|
.order-alone-li .time_or td .num {
|
|
color: #333333;
|
|
margin-right: 10px
|
|
}
|
|
|
|
.order-alone-li .conten_or {
|
|
border-top: 0
|
|
}
|
|
|
|
.order-alone-li .conten_or td {
|
|
padding: 10px 0;
|
|
border: 1px solid #dadada
|
|
}
|
|
|
|
.order-alone-li .conten_or .sx1 {
|
|
border-right: 0
|
|
}
|
|
|
|
.order-alone-li .conten_or .sx2,.order-alone-li .conten_or .sx3,.order-alone-li .conten_or .sx5,.order-alone-li .conten_or .sx6 {
|
|
text-align: center;
|
|
font-size: 14px
|
|
}
|
|
|
|
.order-alone-li .conten_or .sx2 {
|
|
border-left: 0;
|
|
font-size: 16px
|
|
}
|
|
|
|
.order-alone-li .conten_or .sx4 {
|
|
font-size: 14px
|
|
}
|
|
|
|
.order-alone-li .conten_or .sx4 .pric_rhz {
|
|
padding-left: 15px
|
|
}
|
|
|
|
.order-alone-li .conten_or .sx4 .d_pri {
|
|
font-size: 14px
|
|
}
|
|
|
|
.order-alone-li .conten_or .sx4 p,.order-alone-li .conten_or .sx5 p,.order-alone-li .conten_or .sx6 p {
|
|
line-height: 30px
|
|
}
|
|
|
|
.shop-if-dif {
|
|
padding: 0 15px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.shop-if-dif .shop-difimg {
|
|
float: left;
|
|
width: 30%;
|
|
max-width: 80px;
|
|
}
|
|
|
|
.shop-if-dif .shop_name {
|
|
float: left;
|
|
width: 70%;
|
|
}
|
|
|
|
/*二维码图片*/
|
|
#qrcode{
|
|
display: none;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
margin-bottom: 15px;
|
|
}
|
|
#qrcode img{
|
|
width: 80%;
|
|
margin: 0 auto;
|
|
display: block;
|
|
}
|
|
|
|
#sendQrcode{
|
|
cursor: pointer;
|
|
color:white;
|
|
margin: 0 auto;
|
|
float: none;
|
|
}
|
|
|
|
#payment_img{
|
|
width: 80px;
|
|
height: 80px;
|
|
} |