|
|
@@ -1,435 +1,662 @@
|
|
|
-.color-yellow{
|
|
|
- color:#FFA700
|
|
|
+.color-yellow {
|
|
|
+ color: #FFA700
|
|
|
}
|
|
|
-.flew{
|
|
|
+
|
|
|
+.flew {
|
|
|
display: flex;
|
|
|
}
|
|
|
-.flew-sp{
|
|
|
+
|
|
|
+.flew-sp {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
+
|
|
|
.flew-items,
|
|
|
-.vongi-me-list .mui-table-view-cell>a:not(.mui-btn){
|
|
|
+.vongi-me-list .mui-table-view-cell>a:not(.mui-btn) {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
-.margin49{
|
|
|
- margin-bottom:60px
|
|
|
+
|
|
|
+.margin49 {
|
|
|
+ margin-bottom: 60px
|
|
|
}
|
|
|
-.mui-grid-view.mui-grid-9.vongi-grid-head{
|
|
|
- background:#3385FF
|
|
|
+
|
|
|
+.mui-grid-view.mui-grid-9.vongi-grid-head {
|
|
|
+ background: #3385FF
|
|
|
}
|
|
|
-.mui-grid-view.mui-grid-9.vongi-grid-head .mui-media{
|
|
|
- color:#ffffff
|
|
|
+
|
|
|
+.mui-grid-view.mui-grid-9.vongi-grid-head .mui-media {
|
|
|
+ color: #ffffff
|
|
|
}
|
|
|
+
|
|
|
.mui-grid-view.mui-grid-9.vongi-grid-head .mui-table-view-cell,
|
|
|
-.mui-grid-view.mui-grid-9.vongi-grid-head{
|
|
|
- border:0
|
|
|
+.mui-grid-view.mui-grid-9.vongi-grid-head {
|
|
|
+ border: 0
|
|
|
}
|
|
|
-.vongi-icons .mui-grid-view li img{
|
|
|
+
|
|
|
+.vongi-icons .mui-grid-view li img {
|
|
|
width: 32px;
|
|
|
- display: flex;
|
|
|
- margin: 0 auto 5px;
|
|
|
- border-radius: 4px;
|
|
|
+ display: flex;
|
|
|
+ margin: 0 auto 5px;
|
|
|
+ border-radius: 4px;
|
|
|
}
|
|
|
|
|
|
-.vongi-index-floor{
|
|
|
- background:#ffffff;
|
|
|
+.vongi-index-floor {
|
|
|
+ background: #ffffff;
|
|
|
padding: 0 10px 10px;
|
|
|
}
|
|
|
-.vongi-floor-title{
|
|
|
- position:relative;
|
|
|
- padding:10px 0 10px 10px;
|
|
|
- margin:0 5px;
|
|
|
+
|
|
|
+.vongi-floor-title {
|
|
|
+ position: relative;
|
|
|
+ padding: 10px 0 10px 10px;
|
|
|
+ margin: 0 5px;
|
|
|
text-align: left;
|
|
|
}
|
|
|
-.vongi-floor-title:after{
|
|
|
+
|
|
|
+.vongi-floor-title:after {
|
|
|
content: "";
|
|
|
- position:absolute;
|
|
|
- left:0;
|
|
|
- width:3px;
|
|
|
- height:12px;
|
|
|
- top:50%;
|
|
|
- margin-top:-6px;
|
|
|
- background:#3385FF
|
|
|
-}
|
|
|
-.vongi-floor-padded{
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ width: 3px;
|
|
|
+ height: 12px;
|
|
|
+ top: 50%;
|
|
|
+ margin-top: -6px;
|
|
|
+ background: #3385FF
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-floor-padded {
|
|
|
display: flex;
|
|
|
- align-items: center;
|
|
|
- border:1px #eee solid;
|
|
|
- justify-content: space-between;
|
|
|
- padding:5px 10px;
|
|
|
- border-radius: 7px;
|
|
|
- color:#333
|
|
|
+ align-items: center;
|
|
|
+ border: 1px #eee solid;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 5px 10px;
|
|
|
+ border-radius: 7px;
|
|
|
+ color: #333
|
|
|
}
|
|
|
+
|
|
|
.vongi-index-inter {
|
|
|
flex-wrap: wrap;
|
|
|
}
|
|
|
+
|
|
|
.vongi-index-inter .mui-col-xs-6,
|
|
|
-.vongi-index-inter .mui-col-xs-12{
|
|
|
- padding:5px
|
|
|
+.vongi-index-inter .mui-col-xs-12 {
|
|
|
+ padding: 5px
|
|
|
}
|
|
|
-.mui-col-xs-12 .vongi-floor-padded{
|
|
|
- display:block;
|
|
|
+
|
|
|
+.mui-col-xs-12 .vongi-floor-padded {
|
|
|
+ display: block;
|
|
|
}
|
|
|
-.text-list{
|
|
|
- position:relative;
|
|
|
- color:#333;
|
|
|
+
|
|
|
+.text-list {
|
|
|
+ position: relative;
|
|
|
+ color: #333;
|
|
|
display: flex;
|
|
|
- width:90%;
|
|
|
- padding:3px 0 3px 15px;
|
|
|
+ width: 90%;
|
|
|
+ padding: 3px 0 3px 15px;
|
|
|
align-items: center;
|
|
|
}
|
|
|
-.text-list:after{
|
|
|
+
|
|
|
+.text-list:after {
|
|
|
content: "";
|
|
|
- position:absolute;
|
|
|
- left:0;
|
|
|
- background:#333;
|
|
|
- width:6px;
|
|
|
- height:6px;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ background: #333;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
border-radius: 3px;
|
|
|
- top:50%;
|
|
|
- margin-top:-4px
|
|
|
+ top: 50%;
|
|
|
+ margin-top: -4px
|
|
|
}
|
|
|
-.text-list span{
|
|
|
- color:#666;
|
|
|
- margin-left:10px;
|
|
|
- font-size:12px
|
|
|
+
|
|
|
+.text-list span {
|
|
|
+ color: #666;
|
|
|
+ margin-left: 10px;
|
|
|
+ font-size: 12px
|
|
|
}
|
|
|
-.text-list h5{
|
|
|
- max-width:70%;
|
|
|
- font-size:14px;
|
|
|
+
|
|
|
+.text-list h5 {
|
|
|
+ max-width: 70%;
|
|
|
+ font-size: 14px;
|
|
|
margin: 0;
|
|
|
- line-height: 21px;
|
|
|
+ line-height: 21px;
|
|
|
}
|
|
|
-.vongi-index-inter .vongi-link{
|
|
|
- position:absolute;
|
|
|
- right:15px;
|
|
|
- top:50%;
|
|
|
- margin-top:-10.5px;
|
|
|
- color:#666
|
|
|
+
|
|
|
+.vongi-index-inter .vongi-link {
|
|
|
+ position: absolute;
|
|
|
+ right: 15px;
|
|
|
+ top: 50%;
|
|
|
+ margin-top: -10.5px;
|
|
|
+ color: #666
|
|
|
}
|
|
|
+
|
|
|
.vongi-index-inter .mui-col-xs-12 {
|
|
|
- position:relative
|
|
|
+ position: relative
|
|
|
}
|
|
|
|
|
|
-.vongi-index-inter .mui-slider .mui-slider-item{
|
|
|
+.vongi-index-inter .mui-slider .mui-slider-item {
|
|
|
height: 84px;
|
|
|
border-radius: 7px;
|
|
|
- overflow: hidden;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
-.vongi-index-inter ul li .mui-media-body{
|
|
|
+
|
|
|
+.vongi-index-inter ul li .mui-media-body {
|
|
|
text-align: left;
|
|
|
}
|
|
|
-.vongi-shop-img{
|
|
|
- height:100px;
|
|
|
- width:100%;
|
|
|
+
|
|
|
+.vongi-shop-img {
|
|
|
+ height: 100px;
|
|
|
+ width: 100%;
|
|
|
overflow: hidden;
|
|
|
display: flex;
|
|
|
- margin-bottom:10px
|
|
|
+ margin-bottom: 10px
|
|
|
}
|
|
|
-.vongi-shop-img img{
|
|
|
- width:100%;
|
|
|
+
|
|
|
+.vongi-shop-img img {
|
|
|
+ width: 100%;
|
|
|
object-fit: cover;
|
|
|
}
|
|
|
-.vongi-news .mui-table-view-cell{
|
|
|
- position:relative
|
|
|
+
|
|
|
+.vongi-news .mui-table-view-cell {
|
|
|
+ position: relative
|
|
|
}
|
|
|
-.vongi-news .mui-table-view-cell>a>.mui-badge{
|
|
|
- position:absolute;
|
|
|
- left:45px;
|
|
|
- top:15px;
|
|
|
- right:initial
|
|
|
+
|
|
|
+.vongi-news .mui-table-view-cell>a>.mui-badge {
|
|
|
+ position: absolute;
|
|
|
+ left: 45px;
|
|
|
+ top: 15px;
|
|
|
+ right: initial
|
|
|
}
|
|
|
+
|
|
|
.vongi-news {
|
|
|
- margin-bottom:10px
|
|
|
+ margin-bottom: 10px
|
|
|
}
|
|
|
-.vongi-me{
|
|
|
- padding:0 0 25px 0;
|
|
|
- background:#ffffff;
|
|
|
+
|
|
|
+.vongi-me {
|
|
|
+ padding: 0 0 25px 0;
|
|
|
+ background: #ffffff;
|
|
|
}
|
|
|
-.vongi-me-top .mui-media-object{
|
|
|
+
|
|
|
+.vongi-me-top .mui-media-object {
|
|
|
display: flex;
|
|
|
overflow: hidden;
|
|
|
- width:32px;
|
|
|
- height:32px;
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
border-radius: 50%;
|
|
|
vertical-align: top;
|
|
|
- margin-right:5px
|
|
|
+ margin-right: 5px
|
|
|
}
|
|
|
-.vongi-me-top .mui-media-object img{
|
|
|
- width:100%;
|
|
|
+
|
|
|
+.vongi-me-top .mui-media-object img {
|
|
|
+ width: 100%;
|
|
|
object-fit: cover;
|
|
|
}
|
|
|
|
|
|
-.vongi-me-top h4{
|
|
|
- padding-left:37px;
|
|
|
+.vongi-me-top h4 {
|
|
|
+ padding-left: 37px;
|
|
|
text-align: left;
|
|
|
}
|
|
|
-.vongi-me-top h4 .iconfont{
|
|
|
- margin-left:0;
|
|
|
- color:#3385FF
|
|
|
+
|
|
|
+.vongi-me-top h4 .iconfont {
|
|
|
+ margin-left: 0;
|
|
|
+ color: #3385FF
|
|
|
}
|
|
|
-.vongi-me-top h4 span{
|
|
|
- margin-left:5px
|
|
|
+
|
|
|
+.vongi-me-top h4 span {
|
|
|
+ margin-left: 5px
|
|
|
}
|
|
|
-.vongi-me-top .iconfont{
|
|
|
- font-size:20px;
|
|
|
- margin-left:5px
|
|
|
+
|
|
|
+.vongi-me-top .iconfont {
|
|
|
+ font-size: 20px;
|
|
|
+ margin-left: 5px
|
|
|
}
|
|
|
-.vongi-me-name{
|
|
|
- position:relative;
|
|
|
- padding:0 15px 20px 15px
|
|
|
+
|
|
|
+.vongi-me-name {
|
|
|
+ position: relative;
|
|
|
+ padding: 0 15px 20px 15px
|
|
|
}
|
|
|
-.vongi-me-name button{
|
|
|
- position:absolute;
|
|
|
- right:15px;
|
|
|
- bottom:20px;
|
|
|
- color:#3385FF;
|
|
|
- padding:6px 20px;
|
|
|
+
|
|
|
+.vongi-me-name button {
|
|
|
+ position: absolute;
|
|
|
+ right: 15px;
|
|
|
+ bottom: 20px;
|
|
|
+ color: #3385FF;
|
|
|
+ padding: 6px 20px;
|
|
|
border-radius: 16.5px;
|
|
|
}
|
|
|
-.vongi-me-card{
|
|
|
- background:#3385FF;
|
|
|
- margin:0 15px;
|
|
|
- padding:20px;
|
|
|
+
|
|
|
+.vongi-me-card {
|
|
|
+ background: #3385FF;
|
|
|
+ margin: 0 15px;
|
|
|
+ padding: 20px;
|
|
|
border-radius: 7px;
|
|
|
- color:#ffffff;
|
|
|
+ color: #ffffff;
|
|
|
text-align: left;
|
|
|
}
|
|
|
-.vongi-me-card h2{
|
|
|
- margin-bottom:10px
|
|
|
+
|
|
|
+.vongi-me-card h2 {
|
|
|
+ margin-bottom: 10px
|
|
|
}
|
|
|
-.vongi-me-list .mui-table-view-cell .mui-icon-phone{
|
|
|
+
|
|
|
+.vongi-me-list .mui-table-view-cell .mui-icon-phone {
|
|
|
position: absolute;
|
|
|
- top: 50%;
|
|
|
- display: inline-block;
|
|
|
- -webkit-transform: translateY(-50%);
|
|
|
- transform: translateY(-50%);
|
|
|
- text-decoration: none;
|
|
|
- color: #999;
|
|
|
- -webkit-font-smoothing: antialiased;
|
|
|
- right:15px
|
|
|
-}
|
|
|
-.vongi-me-list .mui-table-view-cell img{
|
|
|
- margin-right:10px
|
|
|
-
|
|
|
-}
|
|
|
-.mui-bar .mui-active .mui-icon.icon-shouye2:before{
|
|
|
+ top: 50%;
|
|
|
+ display: inline-block;
|
|
|
+ -webkit-transform: translateY(-50%);
|
|
|
+ transform: translateY(-50%);
|
|
|
+ text-decoration: none;
|
|
|
+ color: #999;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ right: 15px
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-me-list .mui-table-view-cell img {
|
|
|
+ margin-right: 10px
|
|
|
+}
|
|
|
+
|
|
|
+.mui-bar .mui-active .mui-icon.icon-shouye2:before {
|
|
|
content: "\e681";
|
|
|
}
|
|
|
-.mui-bar .mui-active .mui-icon.icon-xiaoxi1:before{
|
|
|
+
|
|
|
+.mui-bar .mui-active .mui-icon.icon-xiaoxi1:before {
|
|
|
content: "\e680";
|
|
|
}
|
|
|
-.mui-bar .mui-active .mui-icon.icon-wode1:before{
|
|
|
+
|
|
|
+.mui-bar .mui-active .mui-icon.icon-wode1:before {
|
|
|
content: "\e686";
|
|
|
}
|
|
|
-.vongi-bar{
|
|
|
+
|
|
|
+.vongi-bar {
|
|
|
background-color: #3385FF;
|
|
|
box-shadow: none;
|
|
|
}
|
|
|
|
|
|
-.vongi-index-bar .mui-title{
|
|
|
- color:#ffffff;
|
|
|
+.vongi-index-bar .mui-title {
|
|
|
+ color: #ffffff;
|
|
|
text-align: left;
|
|
|
- left: 15px;
|
|
|
+ left: 15px;
|
|
|
}
|
|
|
-.vongi-bar a .mui-icon{
|
|
|
- color:#ffffff;
|
|
|
- font-size:18px
|
|
|
+
|
|
|
+.vongi-bar a .mui-icon {
|
|
|
+ color: #ffffff;
|
|
|
+ font-size: 18px
|
|
|
}
|
|
|
-.vongi-bar a{
|
|
|
- color:#ffffff;
|
|
|
+
|
|
|
+.vongi-bar a {
|
|
|
+ color: #ffffff;
|
|
|
}
|
|
|
-.vongi-all{
|
|
|
- background:#ffffff;
|
|
|
- margin-bottom:10px
|
|
|
+
|
|
|
+.vongi-all {
|
|
|
+ background: #ffffff;
|
|
|
+ margin-bottom: 10px
|
|
|
}
|
|
|
-.vongi-all h4{
|
|
|
- padding:20px 15px 10px;
|
|
|
- margin:0
|
|
|
+
|
|
|
+.vongi-all h4 {
|
|
|
+ padding: 20px 15px 10px;
|
|
|
+ margin: 0
|
|
|
}
|
|
|
-.vongi-icons h2{
|
|
|
+
|
|
|
+.vongi-icons h2 {
|
|
|
text-align: center;
|
|
|
- margin:0;
|
|
|
- padding:15px 0 0;
|
|
|
+ margin: 0;
|
|
|
+ padding: 15px 0 0;
|
|
|
line-height: 1.5;
|
|
|
}
|
|
|
-.vongi-all .mui-grid-view.mui-grid-9{
|
|
|
- border:0
|
|
|
+
|
|
|
+.vongi-all .mui-grid-view.mui-grid-9 {
|
|
|
+ border: 0
|
|
|
}
|
|
|
-.vongi-editme .mui-input-row .mui-btn img{
|
|
|
- width:32px;
|
|
|
- height:32px;
|
|
|
+
|
|
|
+.vongi-editme .mui-input-row .mui-btn img {
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
border-radius: 50%;
|
|
|
margin: 9px 0;
|
|
|
- float: right;
|
|
|
+ float: right;
|
|
|
}
|
|
|
-.vongi-opendoor-img{
|
|
|
- width:32px;
|
|
|
- height:32px;
|
|
|
+
|
|
|
+.vongi-opendoor-img {
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
border-radius: 50%;
|
|
|
overflow: hidden;
|
|
|
display: flex;
|
|
|
- margin:0 auto 5px
|
|
|
+ margin: 0 auto 5px
|
|
|
}
|
|
|
-.vongi-opendoor-img img{
|
|
|
- width:100%;
|
|
|
- min-height:100%;
|
|
|
+
|
|
|
+.vongi-opendoor-img img {
|
|
|
+ width: 100%;
|
|
|
+ min-height: 100%;
|
|
|
object-fit: cover;
|
|
|
}
|
|
|
|
|
|
-.vongi-opendoor{
|
|
|
- background:#3385FF;
|
|
|
- padding:15px
|
|
|
+.vongi-opendoor {
|
|
|
+ background: #3385FF;
|
|
|
+ padding: 15px
|
|
|
}
|
|
|
-.vongi-opendoor .flew-items{
|
|
|
- background:#ffffff;
|
|
|
- padding:12px 0;
|
|
|
+
|
|
|
+.vongi-opendoor .flew-items {
|
|
|
+ background: #ffffff;
|
|
|
+ padding: 12px 0;
|
|
|
border-radius: 7px;
|
|
|
}
|
|
|
-.vongi-opendoor .mui-col-xs-3{
|
|
|
+
|
|
|
+.vongi-opendoor .mui-col-xs-3 {
|
|
|
text-align: center;
|
|
|
}
|
|
|
-.vongi-opendoor .mui-media-body{
|
|
|
- padding:0 15px 0 20px
|
|
|
+
|
|
|
+.vongi-opendoor .mui-media-body {
|
|
|
+ padding: 0 15px 0 20px
|
|
|
}
|
|
|
-.vongi-opendoor .mui-media-body h5{
|
|
|
- margin-top:10px
|
|
|
+
|
|
|
+.vongi-opendoor .mui-media-body h5 {
|
|
|
+ margin-top: 10px
|
|
|
}
|
|
|
-.vongi-opendoor{
|
|
|
- position:relative
|
|
|
+
|
|
|
+.vongi-opendoor {
|
|
|
+ position: relative
|
|
|
}
|
|
|
-.vongi-yuan{
|
|
|
- width:12px;
|
|
|
- height:12px;
|
|
|
+
|
|
|
+.vongi-yuan {
|
|
|
+ width: 12px;
|
|
|
+ height: 12px;
|
|
|
border-radius: 50%;
|
|
|
- background:#3385FF;
|
|
|
- position:absolute;
|
|
|
- left:25%
|
|
|
+ background: #3385FF;
|
|
|
+ position: absolute;
|
|
|
+ left: 25%
|
|
|
}
|
|
|
-.vongi-yuan1{
|
|
|
- top:8px;
|
|
|
+
|
|
|
+.vongi-yuan1 {
|
|
|
+ top: 8px;
|
|
|
}
|
|
|
-.vongi-yuan2{
|
|
|
- bottom:8px;
|
|
|
+
|
|
|
+.vongi-yuan2 {
|
|
|
+ bottom: 8px;
|
|
|
}
|
|
|
-.vongi-opendoor-bottom{
|
|
|
- padding:30px 15px
|
|
|
+
|
|
|
+.vongi-opendoor-bottom {
|
|
|
+ padding: 30px 15px
|
|
|
}
|
|
|
-.vongi-opendoor-bottom .flew-sp{
|
|
|
- box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
|
|
- padding-left:15px;
|
|
|
- background:#ffffff;
|
|
|
- line-height:48px ;
|
|
|
+
|
|
|
+.vongi-opendoor-bottom .flew-sp {
|
|
|
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
|
|
|
+ padding-left: 15px;
|
|
|
+ background: #ffffff;
|
|
|
+ line-height: 48px;
|
|
|
border-radius: 6px;
|
|
|
overflow: hidden;
|
|
|
- margin-bottom:15px
|
|
|
-
|
|
|
+ margin-bottom: 15px
|
|
|
}
|
|
|
-.vongi-opendoor-bottom button{
|
|
|
- width:100px;
|
|
|
+
|
|
|
+.vongi-opendoor-bottom button {
|
|
|
+ width: 100px;
|
|
|
border-radius: initial;
|
|
|
- font-size:16px
|
|
|
+ font-size: 16px
|
|
|
}
|
|
|
-.vongi-floor-num{
|
|
|
+
|
|
|
+.vongi-floor-num {
|
|
|
border: 1px #eee solid;
|
|
|
- padding: 10px;
|
|
|
+ padding: 10px;
|
|
|
border-radius: 7px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
-.vongi-floor-num .mui-media-body{
|
|
|
- padding:2px 20px;
|
|
|
- display: inline-block;;
|
|
|
+
|
|
|
+.vongi-floor-num .mui-media-body {
|
|
|
+ padding: 2px 20px;
|
|
|
+ display: inline-block;
|
|
|
+ ;
|
|
|
border-radius: 5px;
|
|
|
- color:#ffffff;
|
|
|
- font-size:18px
|
|
|
+ color: #ffffff;
|
|
|
+ font-size: 18px
|
|
|
}
|
|
|
-.vongi-bag-blue{
|
|
|
- background:#096DD9
|
|
|
+
|
|
|
+.vongi-bag-blue {
|
|
|
+ background: #096DD9
|
|
|
}
|
|
|
-.vongi-bag-green{
|
|
|
- background:#389E0D
|
|
|
+
|
|
|
+.vongi-bag-green {
|
|
|
+ background: #389E0D
|
|
|
}
|
|
|
-.vongi-floor-num h4{
|
|
|
- margin:8px 0 0
|
|
|
+
|
|
|
+.vongi-floor-num h4 {
|
|
|
+ margin: 8px 0 0
|
|
|
}
|
|
|
-.vongi-index{
|
|
|
- padding: 10px 10px 0;
|
|
|
- background: #ffffff;
|
|
|
+
|
|
|
+.vongi-index {
|
|
|
+ padding: 10px 10px 0;
|
|
|
+ background: #ffffff;
|
|
|
}
|
|
|
-.vongi-index-top{
|
|
|
+
|
|
|
+.vongi-index-top {
|
|
|
position: relative;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
+
|
|
|
.vongi-index .mui-media-object {
|
|
|
- width: 47px;
|
|
|
- height: 47px;
|
|
|
- border-radius: 50%;
|
|
|
- overflow: hidden;
|
|
|
- display: flex;
|
|
|
- margin-right: 5px;
|
|
|
- }
|
|
|
+ width: 47px;
|
|
|
+ height: 47px;
|
|
|
+ border-radius: 50%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: flex;
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+
|
|
|
.vongi-index .mui-media-object img {
|
|
|
- width: 100%;
|
|
|
- object-fit: cover;
|
|
|
+ width: 100%;
|
|
|
+ object-fit: cover;
|
|
|
}
|
|
|
+
|
|
|
.vongi-index .mui-ellipsis {
|
|
|
- margin-bottom: 0;
|
|
|
+ margin-bottom: 0;
|
|
|
}
|
|
|
+
|
|
|
.vongi-index-top a {
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- top: 50%;
|
|
|
- border-radius: 16px;
|
|
|
- margin-top: -10px;
|
|
|
- color:#3385FF
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 50%;
|
|
|
+ border-radius: 16px;
|
|
|
+ margin-top: -10px;
|
|
|
+ color: #3385FF
|
|
|
}
|
|
|
-.vongi-index-right a{
|
|
|
- color:#3385FF
|
|
|
+
|
|
|
+.vongi-index-right a {
|
|
|
+ color: #3385FF
|
|
|
}
|
|
|
-.vongi-index .text-list{
|
|
|
- width:auto;
|
|
|
- color:#666
|
|
|
+
|
|
|
+.vongi-index .text-list {
|
|
|
+ width: auto;
|
|
|
+ color: #666
|
|
|
}
|
|
|
-.vongi-index .text-list::after{
|
|
|
- background:#3385FF
|
|
|
+
|
|
|
+.vongi-index .text-list::after {
|
|
|
+ background: #3385FF
|
|
|
}
|
|
|
-.vongi-index .line{
|
|
|
- margin:0 5px;
|
|
|
- color:#ccc
|
|
|
+
|
|
|
+.vongi-index .line {
|
|
|
+ margin: 0 5px;
|
|
|
+ color: #ccc
|
|
|
}
|
|
|
-.vongi-icons .mui-grid-view.mui-grid-9{
|
|
|
- border:0;
|
|
|
+
|
|
|
+.vongi-icons .mui-grid-view.mui-grid-9 {
|
|
|
+ border: 0;
|
|
|
padding-top: 5px;
|
|
|
}
|
|
|
-.vongi-index .mui-grid-view.mui-grid-9{
|
|
|
+
|
|
|
+.vongi-index .mui-grid-view.mui-grid-9 {
|
|
|
border-radius: 7px;
|
|
|
}
|
|
|
-.vongi-index .mui-grid-view.mui-grid-9 .mui-table-view-cell{
|
|
|
- padding:0 10px
|
|
|
+
|
|
|
+.vongi-index .mui-grid-view.mui-grid-9 .mui-table-view-cell {
|
|
|
+ padding: 0 10px
|
|
|
}
|
|
|
-.vongi-icon-gear{
|
|
|
- padding:11px 15px;
|
|
|
- text-align: right;
|
|
|
- background:#ffffff
|
|
|
+
|
|
|
+.vongi-icon-gear {
|
|
|
+ padding: 11px 15px;
|
|
|
+ text-align: right;
|
|
|
+ background: #ffffff
|
|
|
}
|
|
|
-.vongi-icon-gear .mui-icon{
|
|
|
- font-size:24px;
|
|
|
- color:#3385FF;
|
|
|
+
|
|
|
+.vongi-icon-gear .mui-icon {
|
|
|
+ font-size: 24px;
|
|
|
+ color: #3385FF;
|
|
|
}
|
|
|
-.vongi-meset{
|
|
|
- padding:11px 15px;
|
|
|
- background:#ffffff;
|
|
|
+
|
|
|
+.vongi-meset {
|
|
|
+ padding: 11px 15px;
|
|
|
+ background: #ffffff;
|
|
|
display: block;
|
|
|
- margin-bottom:10px;
|
|
|
+ margin-bottom: 10px;
|
|
|
text-align: center;
|
|
|
- color:#333
|
|
|
+ color: #333
|
|
|
}
|
|
|
-.vongi-meset-list .mui-table-view-chevron .mui-table-view-cell{
|
|
|
+
|
|
|
+.vongi-meset-list .mui-table-view-chevron .mui-table-view-cell {
|
|
|
padding-right: 35px;
|
|
|
}
|
|
|
-.vongi-meset-list .mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn){
|
|
|
- margin-right: -40px;
|
|
|
+
|
|
|
+.vongi-meset-list .mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn) {
|
|
|
+ margin-right: -40px;
|
|
|
}
|
|
|
+
|
|
|
+.vongi-jyj .user-pic {
|
|
|
+ height: 50px;
|
|
|
+ width: 50px;
|
|
|
+ margin-right: 10px;
|
|
|
+ border-radius: 50%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .user-pic img {
|
|
|
+ width: 100%;
|
|
|
+ min-height: 100%;
|
|
|
+ object-fit: cover;
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .user-info h2 {
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 600;
|
|
|
+ line-height: 1.5;
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .signOut,
|
|
|
+.vongi-jyj .user-info,
|
|
|
+.vongi-jyj .user-info p {
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .ord-user {
|
|
|
+ background: #3385FF;
|
|
|
+ padding: 20px 15px;
|
|
|
+ position: relative;
|
|
|
+ border-radius: 4px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .ord-user .flex {
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .signOut {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .signOut i {
|
|
|
+ font-size: 18px;
|
|
|
+ margin-left: 5px;
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .mui-card {
|
|
|
+ box-shadow: initial;
|
|
|
+ border-radius: 6px;
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .icon_number {
|
|
|
+ background: 0
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .icon_number .mui-card-header {
|
|
|
+ padding: 0;
|
|
|
+ font-size: 14px
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .icon_number .mui-card-header::after {
|
|
|
+ background: 0
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .icon_number .mui-navigate-right::after {
|
|
|
+ right: 0;
|
|
|
+ color: #BBBBBB
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .icon_number .iconfont::before {
|
|
|
+ margin-right: 5px
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .icon_number .mui-card-content {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ text-align: center;
|
|
|
+ margin: -5px;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .icon_number .mui-card-content .mui-col-xs-6 {
|
|
|
+ padding: 5px
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .icon_number .mui-card-content a {
|
|
|
+ display: block;
|
|
|
+ padding: 20px 15px 15px;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 6px;
|
|
|
+ font-size: 22px
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .icon_number .mui-card-content a span {
|
|
|
+ padding: 5px 10px;
|
|
|
+ border-radius: 4px;
|
|
|
+ color: #ffffff;
|
|
|
+ width: 100%;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .icon_number .mui-card-content a .icon_number_blue {
|
|
|
+ background: #389D0E;
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .icon_number .mui-card-content a .icon_number_red {
|
|
|
+ background: #FF6666;
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .icon_number .mui-card-content a .icon_number_green {
|
|
|
+ background: #0062CC;
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .icon_number .mui-card-content a .icon_number_yellow {
|
|
|
+ background: #FF9502;
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .icon_number .mui-card-content a .mui-media-body {
|
|
|
+ margin-top: 10px;
|
|
|
+ font-size: 16px
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .mui-card-header a {
|
|
|
+ padding-right: 15px;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #888888;
|
|
|
+ line-height: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .green {
|
|
|
+ color: #389E0D
|
|
|
+}
|
|
|
+
|
|
|
+.vongi-jyj .blue {
|
|
|
+ color: #096DD9
|
|
|
+}
|
