*{
  margin: 0;
  padding: 0;
}
:root {
    --primary: #1e88e5;
    --secondary: #0d47a1;
    --accent: #ff6d00;
    --light: #f5f8fa;
    --dark: #263238;
    --gray: #607d8b;
    --success: #43a047;
	 /* 通过CSS变量存储SVG */
    --fa-cube: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M234.5 5.7c13.9-5 29.1-5 43.1 0l192 68.6C495 83.4 512 107.5 512 134.6l0 242.9c0 27-17 51.2-42.5 60.3l-192 68.6c-13.9 5-29.1 5-43.1 0l-192-68.6C17 428.6 0 404.5 0 377.4L0 134.6c0-27 17-51.2 42.5-60.3l192-68.6zM256 66L82.3 128 256 190l173.7-62L256 66zm32 368.6l160-57.1 0-188L288 246.6l0 188z'/%3E%3C/svg%3E");
	/*
	--fa-cart-shopping: url("data:image/svg+xml,%3Csvg viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 24C0 10.7 10.7 0 24 0L69.5 0c22 0 41.5 12.8 50.6 32l411 0c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3l-288.5 0 5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5L488 336c13.3 0 24 10.7 24 24s-10.7 24-24 24l-288.3 0c-34.6 0-64.3-24.6-70.7-58.5L77.4 54.5c-.7-3.8-4-6.5-7.9-6.5L24 48C10.7 48 0 37.3 0 24zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z'/%3E%3C/svg%3E");
	*/
	--fa-cart-shopping: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M849.92 51.2H174.08c-67.8656 0-122.88 55.0144-122.88 122.88v675.84c0 67.8656 55.0144 122.88 122.88 122.88h675.84c67.8656 0 122.88-55.0144 122.88-122.88V174.08c0-67.8656-55.0144-122.88-122.88-122.88zM311.31136 284.88704c30.53568 0 55.24992 22.25664 55.24992 49.536 0 27.264-24.71424 49.49504-55.24992 49.49504-30.4896 0-55.19872-22.22592-55.19872-49.49504 0-27.27424 24.71424-49.536 55.19872-49.536z m46.08 297.40544c-14.57152 45.14816-10.95168 28.40576-68.80256 154.07616L204.8 684.11904s93.44-85.04832 112.68096-123.88864c20.29056-41.00608-22.44096-62.84288-22.44096-62.84288l-64.16896-40.00768 34.6624-53.4528c48.42496 35.93728 52.04992 38.95808 84.736 71.67488 25.2416 25.344 22.06208 60.544 7.12192 106.69056z m455.50592 58.64448c-16.33792 153.28256-215.76704 96.35328-215.76704 96.35328l10.81344-43.89888 46.16192 9.94816c85.4784 5.43232 77.13792-69.24288 77.13792-69.24288V417.08544c0.7168-82.37056-77.48096-90.9312-217.78944-40.73984l32.6912 8.82688c-2.87232 9.6512-13.4912 24.65792-26.9824 41.14432h187.72992v37.95968h-105.68192v47.52896h105.22624v37.95968h-105.22112v79.6672c15.70304-5.2736 30.44864-12.3904 43.21792-21.85728l-9.32864-34.75968 49.73056-15.43168 41.27232 101.3248-61.12768 25.41056-10.88-40.3968c-27.2384 20.92544-84.0704 51.14368-183.11168 48.47616-105.89184 2.70848-78.7456-119.38816-78.7456-119.38816l2.70848-1.41824h74.40896c-0.4864 15.7696-6.89664 41.34912 1.90976 55.27552 7.14752 11.42784 25.8048 13.4144 37.67808 13.94688 1.32096 0.1792 2.7392 0.1792 4.12672 0.2304v-91.07968H405.0944v-37.95968h107.9808v-47.53408h-27.7248c-24.30464 25.7792-46.4384 47.11936-46.4384 47.11936l-32.5888-28.50304c23.14752-24.34048 46.30528-62.85312 60.54912-88.66304a1370.25536 1370.25536 0 0 0-35.88608 15.22688 554.7264 554.7264 0 0 1-41.28256 46.29504c0.56832 0.86016-53.24288-30.14656-53.24288-30.14656 55.61856-47.5136 86.8096-149.22752 86.8096-149.22752l77.4144 21.62688s-6.50752 15.08864-19.6352 38.11328c309.74976-87.7056 327.72096 53.77024 327.72096 53.77024s20.40832 97.72544 4.12672 251.05408z'/%3E%3C/svg%3E");
	--fa-qq: url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M433.8 420.4c-11.5 1.4-44.9-52.7-44.9-52.7 0 31.3-16.1 72.2-51.1 101.8 16.8 5.2 54.8 19.2 45.8 34.4-7.3 12.3-125.5 7.9-159.6 4-34.1 3.8-152.3 8.3-159.6-4-9-15.3 28.9-29.2 45.8-34.4-34.9-29.5-51.1-70.4-51.1-101.8 0 0-33.3 54.1-44.9 52.7-5.4-.7-12.4-29.6 9.3-99.7 10.3-33 22-60.5 40.1-105.8C60.7 98.1 109 0 224 0c113.7 0 163.2 96.1 160.3 215 18.1 45.2 29.9 72.9 40.1 105.8 21.8 70.1 14.7 99.1 9.3 99.7z'/%3E%3C/svg%3E");
	--fa-home: url("data:image/svg+xml,%3Csvg viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M575.8 255.5c0 18-15 32.1-32 32.1l-32 0 .7 160.2c0 2.7-.2 5.4-.5 8.1l0 16.2c0 22.1-17.9 40-40 40l-16 0c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1L416 512l-24 0c-22.1 0-40-17.9-40-40l0-24 0-64c0-17.7-14.3-32-32-32l-64 0c-17.7 0-32 14.3-32 32l0 64 0 24c0 22.1-17.9 40-40 40l-24 0-31.9 0c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2l-16 0c-22.1 0-40-17.9-40-40l0-112c0-.9 0-1.9 .1-2.8l0-69.7-32 0c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z'/%3E%3C/svg%3E");
	--fa-box-open: url("data:image/svg+xml,%3Csvg viewBox='0 0 640 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M58.9 42.1c3-6.1 9.6-9.6 16.3-8.7L320 64 564.8 33.4c6.7-.8 13.3 2.7 16.3 8.7l41.7 83.4c9 17.9-.6 39.6-19.8 45.1L439.6 217.3c-13.9 4-28.8-1.9-36.2-14.3L320 64 236.6 203c-7.4 12.4-22.3 18.3-36.2 14.3L37.1 170.6c-19.3-5.5-28.8-27.2-19.8-45.1L58.9 42.1zM321.1 128l54.9 91.4c14.9 24.8 44.6 36.6 72.5 28.6L576 211.6l0 167c0 22-15 41.2-36.4 46.6l-204.1 51c-10.2 2.6-20.9 2.6-31 0l-204.1-51C79 419.7 64 400.5 64 378.5l0-167L191.6 248c27.8 8 57.6-3.8 72.5-28.6L318.9 128l2.2 0z'/%3E%3C/svg%3E");
	--fa-toolbox: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M176 88l0 40 160 0 0-40c0-4.4-3.6-8-8-8L184 80c-4.4 0-8 3.6-8 8zm-48 40l0-40c0-30.9 25.1-56 56-56l144 0c30.9 0 56 25.1 56 56l0 40 28.1 0c12.7 0 24.9 5.1 33.9 14.1l51.9 51.9c9 9 14.1 21.2 14.1 33.9l0 92.1-128 0 0-32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 32-128 0 0-32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 32L0 320l0-92.1c0-12.7 5.1-24.9 14.1-33.9l51.9-51.9c9-9 21.2-14.1 33.9-14.1l28.1 0zM0 416l0-64 128 0c0 17.7 14.3 32 32 32s32-14.3 32-32l128 0c0 17.7 14.3 32 32 32s32-14.3 32-32l128 0 0 64c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64z'/%3E%3C/svg%3E");
	--fa-info-circle: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E");
	--fa-file-pdf: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 144-208 0c-35.3 0-64 28.7-64 64l0 144-48 0c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z'/%3E%3C/svg%3E");
	--fa-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 96C0 60.7 28.7 32 64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6l96 0 32 0 208 0c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z'/%3E%3C/svg%3E");
	--fa-play-circle: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c-7.6 4.2-12.3 12.3-12.3 20.9l0 176c0 8.7 4.7 16.7 12.3 20.9s16.8 4.1 24.3-.5l144-88c7.1-4.4 11.5-12.1 11.5-20.5s-4.4-16.1-11.5-20.5l-144-88c-7.4-4.5-16.7-4.7-24.3-.5z'/%3E%3C/svg%3E");
	--fa-video: url("data:image/svg+xml,%3Csvg viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 128C0 92.7 28.7 64 64 64l256 0c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 448c-35.3 0-64-28.7-64-64L0 128zM559.1 99.8c10.4 5.6 16.9 16.4 16.9 28.2l0 256c0 11.8-6.5 22.6-16.9 28.2s-23 5-32.9-1.6l-96-64L416 337.1l0-17.1 0-128 0-17.1 14.2-9.5 96-64c9.8-6.5 22.4-7.2 32.9-1.6z'/%3E%3C/svg%3E");
	/*
	--fa-bolt: url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M349.4 44.6c5.9-13.7 1.5-29.7-10.6-38.5s-28.6-8-39.9 1.8l-256 224c-10 8.8-13.6 22.9-8.9 35.3S50.7 288 64 288l111.5 0L98.6 467.4c-5.9 13.7-1.5 29.7 10.6 38.5s28.6 8 39.9-1.8l256-224c10-8.8 13.6-22.9 8.9-35.3s-16.6-20.7-30-20.7l-111.5 0L349.4 44.6z'/%3E%3C/svg%3E");
	*/
	--fa-bolt: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M939.008 113.152 89.6 113.152c-46.592 0-84.992 38.4-84.992 84.992l0 453.12c0 46.592 38.4 84.992 84.992 84.992l157.696 0 0 185.856 214.528-185.856 477.184 0c46.592 0 84.992-38.4 84.992-84.992L1024 198.656C1024 151.552 985.6 113.152 939.008 113.152zM318.976 583.68l-40.96 0c-5.12-10.752-9.216-18.432-19.456-33.792L136.704 367.616c-3.072-4.608-15.36-26.112-20.992-36.352 1.536 17.92 2.048 36.352 2.048 46.08l0 161.28c0 19.968 0.512 32.256 3.072 45.056l-35.328 0c2.048-12.288 3.072-25.088 3.072-45.056L88.576 338.944c0-17.408-0.512-28.672-3.072-42.496l39.936 0c3.584 8.704 8.192 16.896 19.456 33.792l119.296 178.688c4.096 6.656 15.36 25.088 24.576 40.96-1.536-30.208-2.048-47.104-2.048-50.176L286.72 339.968c0-18.432-0.512-30.208-3.072-43.52l35.328 0c-2.048 13.824-3.072 24.064-3.072 43.52l0 201.216C315.904 560.128 316.928 571.392 318.976 583.68zM572.416 586.24c-12.288-2.048-22.528-2.56-42.496-2.56L419.328 583.68c-17.92 0-28.672 0.512-41.472 1.024 2.048-14.336 3.072-25.6 3.072-45.056L380.928 338.432c0-16.384-0.512-26.624-3.072-43.008 13.312 0.512 23.552 1.024 41.472 1.024l107.52 0c16.384 0 29.696-0.512 42.496-2.56l0 31.744c-13.312-2.048-23.552-2.56-42.496-2.56L410.624 323.072 410.624 419.84l99.328 0c16.384 0 28.16-0.512 42.496-2.56l0 31.744c-12.8-2.048-22.528-2.56-42.496-2.56L410.624 446.464l0 111.104 119.808 0c17.408 0 28.16-0.512 41.984-2.56L572.416 586.24zM952.32 339.456l-59.904 206.848c-8.192 28.672-8.192 29.184-9.728 37.376l-29.696 0c-1.536-7.68-5.12-20.992-9.728-36.352L793.6 384c-5.12-16.384-8.192-29.184-10.752-43.52-0.512 2.56-1.536 5.12-1.536 6.656-2.56 9.728-7.68 29.696-9.728 36.864l-49.664 163.328c-6.656 20.48-8.192 26.624-9.728 36.352l-29.184 0c-1.024-6.656-1.024-6.656-10.24-37.376l-59.904-206.848c-6.144-20.992-9.216-30.72-15.36-43.008l38.4 0c0.512 11.264 3.072 24.064 7.168 39.424l44.544 163.84c2.56 9.216 5.12 19.456 10.24 42.496 3.584-15.36 8.192-32.768 11.264-43.008l50.688-165.888c4.096-13.824 7.68-28.16 8.704-36.864l28.16 0c2.048 11.264 4.608 22.528 9.216 36.864l50.688 165.376c2.048 8.192 3.584 13.824 11.264 43.52l10.24-43.52 44.544-163.328c3.584-14.848 6.656-28.16 7.168-39.424l37.888 0C961.536 309.248 958.464 318.464 952.32 339.456z'/%3E%3C/svg%3E");
	--fa-external-link-alt: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6l0-128c0-17.7-14.3-32-32-32L352 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z'/%3E%3C/svg%3E");
}
body {
	font: 14px/18px "sans serif",tahoma,verdana,helvetica;
	background: #f7f7f7;
	text-align: center;		
}
div {
	margin: auto;
}
h1, h2, h3, h4, h5, h6 {
	text-align: center;
    font-size: 18px;
    color: var(--secondary);
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--primary);
}
#bodyer{
	text-align: left;	
	width:800px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}
#header{
	padding: 30px 0px 30px 30px;
	background:url(logo.png);
	background-repeat:no-repeat;
	height: 90px;	
    color: #333;
}
#nav {
	padding: 0px 10px;
	background: var(--dark);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
#nav a {
	position: relative; /* 添加这行 */
    display: inline-block;
    color: white;
    text-decoration: none;
    padding: 15px 10px;
    font-weight: 500;
    transition: all 0.3s ease;
}
#nav a:hover,#nav a:active {
	color: #1870a9;
 	background: rgba(255, 255, 255, 0.1);
}
#nav a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background: var(--accent);
    transition: all 0.3s ease;
    transform: translateX(-50%);
}
#nav a:hover::after {
    width: 70%;
}
#logo {
	color: white;
	font-size: 0px;
	font-weight: bold;
}
#ad {
	margin-top: -30px;
	float: right;
	background: rgba(180, 180, 180, 0.15);
    padding: 5px;
    border-radius: 8px;
}
#ad a {
    font-weight: bold;
    text-decoration: none;
}
#ad a:hover {
    text-decoration: underline;
}
#ad img {
    border-radius: 8px;
}
#container{
	border-style: solid;
	border-width: 2px 0px 2px 0px;
	border-color: #aaa;
	padding:5px 15px 5px 15px;
	color: #444;
}
 .note {
            background: #fff8e1;
            border-left: 4px solid var(--accent);
            padding: 5px;
            margin: 15px 0;
            border-radius: 0 4px 4px 0;
        }
.note p {
            margin: 5px 0;
        }
table
  {
	border-collapse:collapse;
  }
table th {
    background: var(--primary);
    color: white;
    text-align: center;
    padding: 14px 10px;
    font-weight: 600;
}
table td {
    padding: 5px 5px;
    border-bottom: 1px solid #e0e0e0;
    vertical-align: middle;
}
.section-header {
    background: #e3f2fd;
    font-weight: bold;
    color: var(--secondary);
}
.section-header td {
    padding: 12px;
}
#container table a , #container  p a {
    display: inline-block;
	margin: 3px 0;
    padding: 2px 2px;
    background: #e3f2fd;
    border-radius: 4px;
    color: var(--primary);
    text-decoration: none;
    transition: all 0.3s;
}
#container table a:hover,#container  p a:hover {
    background: var(--primary);
    color: white;
    transform: translateY(-2px);
}
/* 特色标签 */
.feature-tag {
    display: inline-block;
    background: var(--success);
    color: white;
    padding: 2px 2px;
    border-radius: 4px;
}
.highlight {
    color: var(--accent);
    font-weight: bold;
}
#footer{
	background: var(--dark);
    color: #b0bec5;
    padding: 25px 30px;

	text-align: center;
}
/* 浮动窗口样式 */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.modal.active {
    display: flex;
    opacity: 1;
}
.modal-content {
    background: white;
    border-radius: 10px;
    max-width: 90%;
    max-height: 90%;
    overflow: auto;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    animation: modalAppear 0.4s ease;
}
@keyframes modalAppear {
    from { transform: scale(0.9); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}
.modal-media {
    display: block;
    max-width: 100%;
    max-height: 100vh;
    margin: 0 auto;
}
.close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
	z-index: 10; /* 确保在最上层 */
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 24px;
    transition: all 0.3s ease;
}
.close-btn:hover {
    background: var(--accent);
    transform: rotate(90deg);
}



 /* 定义图标基础类 */
.fas,.fab {
  display: inline-block;
  width: 1.2em;
  height: 1em;
  vertical-align: -0.125em; /* 精确对齐文字 */
  overflow: visible;
  font-style:normal;
}

/* 定义具体图标（通过CSS变量注入SVG） */
.fa-cube::before {
  content: "";
  background: currentColor;
  -webkit-mask: var(--fa-cube) no-repeat center;
  mask: var(--fa-cube) no-repeat center;
  width: 100%;
  height: 100%;
  display: block;
}
.fa-cart-shopping::before {
  content: "";
  background: currentColor;
  -webkit-mask: var(--fa-cart-shopping) no-repeat center;
  mask: var(--fa-cart-shopping) no-repeat center;
  width: 100%;
  height: 100%;
  display: block;
}
.fa-qq::before {
  content: "";
  background: currentColor;
  -webkit-mask: var(--fa-qq) no-repeat center;
  mask: var(--fa-qq) no-repeat center;
  width: 100%;
  height: 100%;
  display: block;
}
.fa-home::before {
  content: "";
  background: currentColor;
  -webkit-mask: var(--fa-home) no-repeat center;
  mask: var(--fa-home) no-repeat center;
  width: 100%;
  height: 100%;
  display: block;
}
.fa-box-open::before {
  content: "";
  background: currentColor;
  -webkit-mask: var(--fa-box-open) no-repeat center;
  mask: var(--fa-box-open) no-repeat center;
  width: 100%;
  height: 100%;
  display: block;
}
.fa-toolbox::before {
  content: "";
  background: currentColor;
  -webkit-mask: var(--fa-toolbox) no-repeat center;
  mask: var(--fa-toolbox) no-repeat center;
  width: 100%;
  height: 100%;
  display: block;
}
.fa-info-circle::before {
  content: "";
  background: currentColor;
  -webkit-mask: var(--fa-info-circle) no-repeat center;
  mask: var(--fa-info-circle) no-repeat center;
  width: 100%;
  height: 100%;
  display: block;
}
.fa-file-pdf::before {
  content: "";
  background: currentColor;
  -webkit-mask: var(--fa-file-pdf) no-repeat center;
  mask: var(--fa-file-pdf) no-repeat center;
  width: 100%;
  height: 100%;
  display: block;
}
.fa-image::before {
  content: "";
  background: currentColor;
  -webkit-mask: var(--fa-image) no-repeat center;
  mask: var(--fa-image) no-repeat center;
  width: 100%;
  height: 100%;
  display: block;
}
.fa-play-circle::before {
  content: "";
  background: currentColor;
  -webkit-mask: var(--fa-play-circle) no-repeat center;
  mask: var(--fa-play-circle) no-repeat center;
  width: 100%;
  height: 100%;
  display: block;
}
.fa-video::before {
  content: "";
  background: currentColor;
  -webkit-mask: var(--fa-video) no-repeat center;
  mask: var(--fa-video) no-repeat center;
  width: 100%;
  height: 100%;
  display: block;
}
.fa-bolt::before {
  content: "";
  background: currentColor;
  -webkit-mask: var(--fa-bolt) no-repeat center;
  mask: var(--fa-bolt) no-repeat center;
  width: 100%;
  height: 100%;
  display: block;
}
.fa-external-link-alt::before {
  content: "";
  background: currentColor;
  -webkit-mask: var(--fa-external-link-alt) no-repeat center;
  mask: var(--fa-external-link-alt) no-repeat center;
  width: 100%;
  height: 100%;
  display: block;
}