.component--share { display: inline-flex; align-items: center; }
.component--share a { text-decoration: none; }
.component--share .label { color: #7f7f7f; }
.component--share .icons { display: flex; align-items: center; }
.component--share .icon-item { margin: 0 0.2em; }
.component--share .icon { color: #FFFFFF; font-size: 1.8em; border-radius: 50%; width: 1.2em; height: 1.2em; line-height: 1; display: flex; align-items: center; justify-content: center; }



/**
 * PC优先的响应尺寸
 */

/* >1680 */


/* 1680 */
@media screen and (max-width: 1680px) {
  
}

/* 1440 */
@media screen and (max-width: 1440px) {
  
}

/* 1400 */
@media screen and (max-width: 1400px) {
  
}

/* 1024 - iPad Pro */
@media screen and (max-width: 1024px) {
  
}

/* 768 - iPad */
@media screen and (max-width: 768px) {
  
}

/* 414 - iPhone6 7 8 plus */
@media screen and (max-width: 414px) {
  
}

/* 375 - iPhoneX、iPhone6 7 8 */
@media screen and (max-width: 375px) {
  
}

/* 320 - iPhone5 */
@media screen and (max-width: 320px) {
  
}