@charset "utf-8";
/* CSS Document */
.g-wap p,
.g-logo2019{
	margin-top:19px;
}

.g-head-logo{
	overflow:visible;
	height:auto;
	padding:15px 0;
}

.g-top-sou{
	width:600px;
	margin-top:0;
	margin-left:30px;
	height:auto;
	overflow:visible;
	background:none !important;
}

.g-top-sou form{
	display:flex;
	align-items:center;
}

.g-top-sou .u-search-btn{
	width:auto;
	cursor: pointer;
    border: 0;
    outline: 0;
    border-radius: 0 10px 10px 0;
    width: 112px;
    height: 40px;
	display:flex;
	align-items:center;
	justify-content:center;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background-color: #4e6ef2;
    font-size: 17px;
    letter-spacing: normal;
	box-sizing:border-box;
}

.g-top-sou .u-search-input{
	flex:1;
	width:100%;
	overflow:hidden;
	border: 2px solid #c4c7ce;
    border-right: 0;
    border-radius: 10px 0 0 10px;
	margin:0;
	box-sizing:border-box;
	height: 40px;
	line-height:normal;
	font-size:14px;
	padding:0 10px;
}

.g-top-sou form .m-colse-sou{
	display:none;
}

.g-top-sou .platform{
	margin-top:10px;
	display:flex;
	align-items:center;
	border:solid 1px #f7f8f9;
	border-radius:10px;
	padding:5px;
	background:linear-gradient(to right,#ebf5ff,#ffffff 20%,#ffffff 80%,#ebf5ff 100%);
}

.g-top-sou .platform .label{
	padding:0 15px;
	font-size:15px;
	writing-mode: vertical-rl;
}

.g-top-sou .platform .list{
	flex:1;
}

.g-top-sou .platform ul{
	display:grid;
	grid-template-columns:repeat(10,1fr);
	grid-row-gap:5px;
}

.g-top-sou .platform ul li{
	text-align:center;
	position:relative;
}

.g-top-sou .platform ul li .icon{
	display:block;
	text-align:center;
}

.g-top-sou .platform ul li .icon img{
	width:40px;
	height:40px;
	object-fit:cover;
	margin:auto;
}

.g-top-sou .platform ul li:hover .icon img,
.g-top-sou .platform ul li img.hover{
	display:none;
}

.g-top-sou .platform ul li:hover img.hover{
	display:block;
}

.g-top-sou .platform ul li .qrcode{
	position:absolute;
	top:45px;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	opacity:0;
	visibility:hidden;
	transition:all .25s;
	-webkit-transition:all .25s;
	z-index:100;
	width: 124px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgb(0 0 0 / 6%);
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,.06);
}

.g-top-sou .platform ul li:hover .qrcode{
	opacity:1;
	visibility:visible;
}

.g-top-sou .platform ul li .qrcode .txt{
	margin-top: 7px;
    font-size: 14px;
    color: #505055;
}

