
    $nav-bg:rgba(3,6,11,0.4);
	$maincolor-active:#2164ff;
 	.mobile {
 		z-index: 10000;
 		width: 100%;

 		&-nav {
 			height: 51px;
 			display: flex;
 			justify-content: space-between;
 			align-items: center;
 					color: #000000;
		background-color: #ffffff;
			box-shadow: 0 2px 4px rgba(0,0,0,0.1);
			border-bottom: 1px solid #e0e0e0;

 			image {
 				width: inherit;
 				height: inherit;
 			}

 			.iconfont {
 				font-size: 25px;
 			}

 			&__left {
 				width: 30px;
 				height: 30px;
 				line-height: 30px;
 				cursor: pointer;

 				.iconfont {
 					font-size: 26px;
 					font-weight: 500;
 				}
 			}

 			&__logo {
 				height: 51px;
				&__avater{
					height: 51px;
				}
 			}
			.icon-syd-logo{				
				font-size: 55px;
				line-height: 51px;
			}

 			&__right {
 				width: 30px;
 				height: 30px;
 				cursor: pointer;
                margin-right: 20px;
				&__avater{
					width: 30px;
					height: 30px;
					display: flex;
					justify-content: center;
					align-items: center;
				  	&__content{
						width: inherit;
						height: inherit;
					}
					&__content-2{
						width: 20px;
						height: 20px;
					}
				}
 			}
 		}

 		// 移动端下拉弹框
 		&-popup {
 			width: 100%;
 			background-color: #ffffff;
 			position: fixed;
 			display: flex;
 			justify-content: center;
 			height: calc(100% - 50px);
 			z-index: 10000;

 			&__col {
 				width: 100%;
 				padding: 20px 0 0;
 				cursor: pointer;
 				color: #000000;

 				&__item {
 					&__title {
 						position: relative;
 						display: flex;
 						justify-content: space-between;
 						border-bottom: 1px solid #4d4d4d;
                        
                        line-height: 3.5;

 						&__text {
 							font-size: 12.5px;
                            margin-left: 21px;
 							cursor: pointer;
 						}

 						.icon-arrow {
 							display: inline-block;
 							vertical-align: middle;
 							background-repeat: no-repeat;
 							font-size: 12.5px;
 							line-height: 3.5;
 							transition-property: transform;
 							transition-duration: 0.3s;
 							transition-timing-function: ease;
 							transform-origin: 50% 50%;
 							margin-right: 21px;

 							&--active {
 								transform: rotate(90deg);
 							}
 						}
 					}

 					// 主体					
 					&__content {
 						font-size: 12px;
 						color: #999999;
 						height: 0;
 						overflow: hidden;
 						transition: height .5s ease-in-out;

 						&__list {
 							padding: 15px 0px 10px 40px;

 							&__element {
 								height: 26px;
 								line-height: 26px;
 								letter-spacing: 1px;
 								font-family: MiSans-Medium;
								text-align: left;

 								@media (min-width:1025px) {
 									&:hover {
 										color: $maincolor-active;
 									}
 								}
 							}
 						}

 						&--active {
 							height: auto;
 						}
 					}
 				}
 			}
 		}
 	}