.xlx-container{text-align:center;padding:40px 0}.xlx-container:after{content:" ";display:block;width:0;height:0;clear:both;visibility:hidden}.xlx-container>div{float:left;width:20%;margin:0 6.5%}.xlx-introduction-wrapper{color:#9b9b9b}.xlx-icon-wrapper{position:relative;width:64px;height:64px;margin:0 auto}.xlx-icon-wrapper:after{content:" ";display:block;width:100%;height:100%;border-width:2px;border-style:solid;border-color:inherit;-webkit-transition:transform .5s ease-out;-moz-transition:transform .5s ease-out;-ms-transition:transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out}.xlx-container>div:hover .xlx-icon-wrapper:after{-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}.xlx-container>div:hover .xlx-title-wrapper div{color:inherit}.xlx-icon-innerwrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border:2px solid #eee;display:flex;align-items:center}.xlx-icon-innerwrapper img{max-width:100%}.xlx-title-wrapper div{color:#595959;font-size:22px;margin:20px 0 15px 0;-webkit-transition:color .5s;-moz-transition:color .5s;-ms-transition:color .5s;-o-transition:color .5s;transition:color .5s}.xlx-container .line{width:70px;height:2px;background:#eee;margin:0 auto 10px auto}@media screen and (max-width:768px){.xlx-container>div{float:none;width:80%;margin:40px auto}.xlx-quality{margin:40px auto}}@media screen and (max-width:580px){.xlx-container{font-size:14px}.xlx-title-wrapper>div{font-size:18px}}