.main { padding: 5px 15px 25px 15px; .user { overflow: hidden; image { float: left; width: 60px; height: 60px; border-radius: 50%; } .con { float: left; padding-left: 15px; .nickName { padding-top: 5px; } .welcome { font-size: 13px; padding-top: 5px; color: #989898; } } .icon { float: right; margin-top: 14px; } } .rows { overflow: hidden; margin-top: 10px; .row { float: left; width: 33%; text-align: center; .out { .int { padding: 5px; .num { font-weight: bold; } .desc { padding-top: 5px; font-size: 14px; } } } } } .mtt{ margin-top: 10px; } .menu { margin-top: 12px; overflow: hidden; background-color: white; border-radius: 10px; box-shadow:$box-shadow; .cd { float: left; width: 25%; text-align: center; .out { padding: 5px; .int { padding: 8px 5px 8px 5px; .icon { font-size: 30px; width: 50px; height: 50px; margin: 0 auto; color: white; border-radius: 8px; line-height: 52px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .title { font-size: 14px; padding-top: 5px; } } } } } .hengfu { width: 100%; border-radius: 7px; margin-top: 10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .ad { .item { float: left; width: 50%; overflow: hidden; .out { padding: 10px 10px 10px 10px; .int { overflow: hidden; border-radius: 7px; image { border-radius: 7px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } } } } .it { overflow: hidden; border-radius: 7px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } } }