.btn_more { margin-right: 10px; font-family: "Microsoft YaHei", "Arial", "Helvetica"; font-size: 16px; margin-right: 30px; display: inline-block; cursor: pointer; }
.btn_more:hover .more_qrcode { opacity: 1; width: 130px; height: 256px; }
.btn_more:hover .text { opacity: 1; -webkit-transform: translateY(192px); transform: translateY(192px); animation: myfirst 0.6s; }
.more_qrcode { position: absolute; width: 40px; height: 50px; z-index: 10; border-top:0; overflow: hidden; opacity: 1; transition: 0.1s; top : 20px; right: 188px; }
.div_img { width: 40px; display: inline-block; height: 50px; }
.div_img > .img_more { width: 32px; height: 32px; }
.more_qrcode > .text { background-color: #333333; width: 130px; padding-bottom: 10px; opacity: 0; position: relative; top: -142px; transition: 0.6s; }
.div_more { height: 44px; line-height: 42px; text-align: center; color: #ffffff; opacity: 0.5; }
.div_more a { color: #ffffff; }
.div_more > div:last-child { height: 1px; background-image: url('/Content/PC/images/defaults/line.png'); }
.div_more:hover { opacity: 1; }
@keyframes myfirst { 0%   { opacity: 0; } 25%  { opacity: 0; } 50%  { opacity: 0; } 75%  { opacity: 0.4; } 100% { opacity: 1; } }