/* pages/ranqidetails/ranqidetails.wxss */ page { background:url(http://cdn.mpecloud.com/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20200715214010.png); background-size: 100% 100%; font-size: large; font-family: Arial, Helvetica, sans-serif; } .temp6 { margin-left: 5%; margin-right: 5%; margin-bottom: 3%; } .ttt{ margin-top: 3%; } #img_head{ margin-left: 5%; width: 20px; height: 20px; } .sss{ margin-top: 5%; flex-direction: row; display: flex; align-items: center; justify-content: center; } #title{ font-size: 1.35em; color: white; margin-left: 2%; margin-right: 5%; } #id{ font-size: 1em; color: white; margin-left: 12%; margin-right: 10%; } #time{ font-size: 1em; color: white; } .outview { display: flex; } .outview>view { width: 50%; display: inline-block; line-height: 2.3rem; height: 4.3em; border-color:white; border-style: solid; } .left{ border-width:2px; border-right:0; border-left:0; border-top: 0; } .left>view{ flex-direction: row; display: flex; } .right{ border-width:2px; border-right:0; border-top: 0; } .top{ border-top: 2px; } .shang{ flex-direction: column; display: flex; margin-top: 5%; color: white; font-size: 1.8em; font-weight: normal; align-items: center; justify-content: center; } .xia{ flex-direction: colrowumn; display: flex; align-items: center; margin-top: 0; color: white; font-weight: lighter; align-items: center; justify-content: center; } .neibao{ display: flex; flex-flow:row; justify-content: space-between; } .point{ width: 20px; height: 20px; justify-content: left; } .shuzi{ margin-top: 5%; color: white; font-size: 1.8em; font-weight: normal; justify-content: center; } .danwei{ margin-top: 5%; margin-right: 5%; font-size: 0.8em; color: white; font-weight: lighter; justify-content: right; } .jj{ margin-left: 5%; } .btn111{ background-color: burlywood; color: white; } #bt{ margin-bottom: 3%; } #mg{ margin-right: 0; } #nd{ margin-left: 3%; } #jhq{ margin-left: -10%; }