.langPage,.langPage .container{width:100%;height:100%}.langPage .container .langs{width:100%;height:100%;display:flex;align-items:start}.langPage .container .langs .lang{position:relative;width:60px;height:60px;margin:10px;display:flex;align-items:center;justify-content:center;border:1px solid #ccc;border-radius:50%;box-shadow:1px 1px 10px #ccc;background-size:cover;background-repeat:no-repeat;background-position:top}.langPage .container .langs .lang .mask{position:absolute;width:58px;height:58px;border-radius:50%;background-color:#2e619b;opacity:.3;z-index:1}.langPage .container .langs .lang .title{font-size:16px;font-weight:bolder;color:#fff;text-shadow:1px 1px 10px #000;z-index:2}.langPage .container .langs .lang .label{position:absolute;bottom:-30px;font-size:14px;font-weight:bolder;color:#333;text-shadow:1px 1px 10px #ccc;z-index:2}.langPage .container .langs .lang i{position:absolute;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#eee;font-size:28px;opacity:0;cursor:pointer;z-index:3}.langPage .container .langs .lang i:hover{opacity:1}.langPage .container .langs .lang:last-child{font-size:24px;cursor:pointer}.langPage .container .langs .lang:last-child:hover{background-color:#eee}.langPage .container .langs .hide{opacity:.2}.card{height:100%;border-radius:5px}.card .ivu-card-head{border-radius:5px 5px 0 0;background-color:#ccc}.countrys{padding:10px}.countrys .country{display:flex;align-items:center;padding:10px;border-radius:3px;cursor:pointer}.countrys .country .img{margin-right:20px;width:60px;height:60px;background-color:#fff;border:2px solid #eee;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:1px 1px 10px #ccc}.countrys .country .label{font-size:14px;font-weight:bolder}.countrys .country:hover{background-color:#eee}