.materialL{width: 100%;height: auto}.materialI{width: 100%;height: auto;box-sizing: border-box;padding: 1em;background: white;margin-bottom: 1em;border: 1px solid white;transition: all 1s}.maR{width: 5em}.maL{width: calc(100% - 6em)}.maL img{width: 2em;height: 2em;transition: all 1s}.maL p{width: calc(100% - 2em);box-sizing: border-box;padding-left: 0.5em;font-size: 1.1em;font-family: SourceHanSerifSC;font-weight: bold;color: #816E5D;transition: all 1s}.maL img:nth-child(2){display: none}.maR p{font-size: 1em;font-family: SourceHanSerifSC;font-weight: bold;color: #918A84}.materialI:hover{background: rgba(240, 234, 229, 0.98);border: 1px solid #B39A84;box-shadow: 2px 5px 10px 0px rgba(136, 134, 133, 0.07)}.materialI:hover .maL img:nth-child(2){display: block}.materialI:hover .maL img:first-child{display: none}.materialI:hover .maL p{color: #A5190E}@media screen and (max-width: 460px){.materialL{font-size: 16px}}