diff --git a/view/molistar/modules/guild-ar/css/agencyDiamondIncome.css b/view/molistar/modules/guild-ar/css/agencyDiamondIncome.css index 5f81ff31..5b5a3117 100644 --- a/view/molistar/modules/guild-ar/css/agencyDiamondIncome.css +++ b/view/molistar/modules/guild-ar/css/agencyDiamondIncome.css @@ -1,243 +1,220 @@ html, body { width: 100%; - height: 17.78667rem; + height: 17.7866666667rem; background: #fff; } .back { width: 100%; - height: 2.34667rem; + height: 2.3466666667rem; position: fixed; left: 0; top: 0rem; text-align: center; color: #FFFFFF; - font-size: 0.50667rem; + font-size: 0.5066666667rem; font-weight: bold; z-index: 10; background: #fff; } - .back img { - width: 0.58667rem; - height: 0.58667rem; + width: 0.5866666667rem; + height: 0.5866666667rem; position: absolute; left: 0.24rem; - top: 1.46667rem; + top: 1.4666666667rem; z-index: 2; } - .back div { width: 100%; - height: 0.58667rem; - line-height: 0.58667rem; + height: 0.5866666667rem; + line-height: 0.5866666667rem; color: #313131; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); - top: 1.46667rem; + top: 1.4666666667rem; } h3 { - width: 9.14667rem; + width: 9.1466666667rem; height: 0.48rem; line-height: 0.48rem; - margin: 2.6rem auto 0.37333rem; + margin: 2.6rem auto 0.3733333333rem; color: #313131; - font-size: 0.42667rem; + font-size: 0.4266666667rem; font-weight: 600; position: relative; } - h3 b { color: #313131; - font-size: 0.42667rem; + font-size: 0.4266666667rem; font-weight: 600; } - h3 img { display: inline-block; width: 0.48rem; height: 0.48rem; - margin-top: 0.02667rem; + margin-top: 0.0266666667rem; } - h3 div { - width: 4.61333rem; + width: 4.6133333333rem; box-sizing: border-box; - padding: 0.21333rem; + padding: 0.2133333333rem; position: absolute; background: #F7F7F7; - border-radius: 0.21333rem; - right: -0.26667rem; - bottom: -2.93333rem; + border-radius: 0.2133333333rem; + right: -0.2666666667rem; + bottom: -2.9333333333rem; display: none; } - h3 div p { color: #313131; font-weight: 400; - line-height: 0.45333rem; + line-height: 0.4533333333rem; font-size: 0.32rem; } .time { - width: 9.14667rem; - height: 0.85333rem; - line-height: 0.85333rem; + width: 9.1466666667rem; + height: 0.8533333333rem; + line-height: 0.8533333333rem; margin: 0 auto 0.48rem; display: flex; justify-content: space-around; } - .time .start { width: 3.04rem; - height: 0.85333rem; + height: 0.8533333333rem; display: flex; justify-content: space-between; box-sizing: border-box; - padding: 0 0.18667rem; + padding: 0 0.1866666667rem; background: #F2F3F7; - border-radius: 0.21333rem; + border-radius: 0.2133333333rem; } - .time .start img { width: 0.56rem; height: 0.56rem; display: block; - margin-top: 0.18667rem; + margin-top: 0.1866666667rem; } - .time span { - width: 0.45333rem; + width: 0.4533333333rem; color: #7B7B7D; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 400; } - .time .end { width: 3.04rem; - height: 0.85333rem; + height: 0.8533333333rem; display: flex; justify-content: space-between; box-sizing: border-box; - padding: 0 0.18667rem; + padding: 0 0.1866666667rem; background: #F2F3F7; - border-radius: 0.21333rem; + border-radius: 0.2133333333rem; } - .time .end img { width: 0.56rem; height: 0.56rem; display: block; - margin-top: 0.18667rem; + margin-top: 0.1866666667rem; } - .time .search { - width: 1.89333rem; - height: 0.85333rem; - border-radius: 0.85333rem; + width: 1.8933333333rem; + height: 0.8533333333rem; + border-radius: 0.8533333333rem; line-height: 0.8rem; text-align: center; background: #04D5C6; color: #fff; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 400; } .diamonds { - width: 9.14667rem; - height: 0.74667rem; + width: 9.1466666667rem; + height: 0.7466666667rem; line-height: 0.64rem; text-align: center; margin: 0 auto 0.48rem; } - .diamonds img { - width: 0.74667rem; - height: 0.74667rem; + width: 0.7466666667rem; + height: 0.7466666667rem; display: inline-block; - margin-right: 0.13333rem; + margin-right: 0.1333333333rem; } - .diamonds span { color: #313131; - font-size: 0.53333rem; + font-size: 0.5333333333rem; font-weight: 600; } .data { - width: 9.14667rem; + width: 9.1466666667rem; height: 13rem; margin: 0 auto 0rem; overflow-y: scroll; } - .data::-webkit-scrollbar { display: none; } - .data .box { width: 100%; - height: 1.94667rem; - border-radius: 0.21333rem; + height: 1.9466666667rem; + border-radius: 0.2133333333rem; background: #DBF6FF; box-sizing: border-box; padding: 0 0.24rem; - margin-bottom: 0.26667rem; + margin-bottom: 0.2666666667rem; } - .data .box .tx { float: left; - width: 1.46667rem; - height: 1.46667rem; + width: 1.4666666667rem; + height: 1.4666666667rem; border-radius: 50%; display: block; margin-top: 0.24rem; - margin-right: 0.21333rem; + margin-right: 0.2133333333rem; } - .data .box .user { - width: 3.33333rem; + width: 2.4rem; float: left; } - .data .box .user p { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333; - font-size: 0.42667rem; + font-size: 0.4266666667rem; font-weight: 600; - margin-top: 0.53333rem; - margin-bottom: 0.13333rem; + margin-top: 0.5333333333rem; + margin-bottom: 0.1333333333rem; } - .data .box .user b { color: #7B7B7D; - font-size: 0.34667rem; + font-size: 0.3466666667rem; font-weight: 400; } - .data .box .right { float: right; text-align: right; } - .data .box .right p { color: #313131; font-size: 0.48rem; font-weight: 600; - margin-top: 0.45333rem; + margin-top: 0.4533333333rem; margin-bottom: 0.2rem; } - .data .box .right b { color: #313131; - font-size: 0.34667rem; + font-size: 0.3466666667rem; font-weight: 400; } @@ -251,77 +228,69 @@ h3 div p { z-index: 99; display: none; } - .timeBox .timeBox_in { width: 10rem; - height: 8.53333rem; - border-radius: 0.42667rem 0.42667rem 0 0; + height: 8.5333333333rem; + border-radius: 0.4266666667rem 0.4266666667rem 0 0; background: #fff; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } - .timeBox .timeBox_in .title { width: 100%; - height: 0.58667rem; - line-height: 0.58667rem; + height: 0.5866666667rem; + line-height: 0.5866666667rem; text-align: center; color: #313131; font-weight: 500; - font-size: 0.42667rem; + font-size: 0.4266666667rem; position: absolute; top: 0.32rem; left: 0; } - .timeBox .timeBox_in .but { - height: 0.58667rem; - line-height: 0.58667rem; + height: 0.5866666667rem; + line-height: 0.5866666667rem; position: absolute; - right: 0.42667rem; + right: 0.4266666667rem; top: 0.32rem; z-index: 2; color: #24CF9E; - font-size: 0.42667rem; + font-size: 0.4266666667rem; font-weight: 500; } - .timeBox .timeBox_in h5 { color: #AFB1B3; width: 100%; - height: 0.45333rem; - line-height: 0.45333rem; + height: 0.4533333333rem; + line-height: 0.4533333333rem; font-size: 0.32rem; font-weight: 400; text-align: center; position: absolute; left: 0; - top: 1.01333rem; + top: 1.0133333333rem; } - .timeBox .timeBox_in ul { width: 10rem; height: 6rem; margin-top: 1.6rem; overflow-y: scroll; } - .timeBox .timeBox_in ul::-webkit-scrollbar { display: none; } - .timeBox .timeBox_in ul li { width: 100%; text-align: center; - height: 0.85333rem; - line-height: 0.85333rem; + height: 0.8533333333rem; + line-height: 0.8533333333rem; color: #7B7B7D; font-size: 0.4rem; font-weight: 400; } - .timeBox .timeBox_in ul .act { background: #F4F4F4; font-weight: 500; @@ -333,23 +302,19 @@ h3 div p { right: 0.24rem; transform: rotate(180deg); } - .arabic h3 div { right: auto; left: -0.26667rem; } - .arabic .data .box .tx { float: right; margin-left: 0.2rem; margin-right: 0; } - .arabic .data .box .user { float: right; } - .arabic .data .box .right { float: left; text-align: left; -} +} \ No newline at end of file diff --git a/view/molistar/modules/guild-ar/css/agencyDiamondIncome.scss b/view/molistar/modules/guild-ar/css/agencyDiamondIncome.scss index 559d5184..c642ea88 100644 --- a/view/molistar/modules/guild-ar/css/agencyDiamondIncome.scss +++ b/view/molistar/modules/guild-ar/css/agencyDiamondIncome.scss @@ -204,7 +204,7 @@ h3 { } .user { - width: px2rem(250); + width: px2rem(180); float: left; p {