/*@font-face {*/
/*	font-family: 'MiSans';*/
/*	src: url('https://oss.xuxug.com/zhuzhan/font/MiSans-Regular.ttf');*/
/*}*/

/*@font-face {*/
/*	font-family: 'MiSans-Medium';*/
/*	src: url('https://oss.xuxug.com/zhuzhan/font/MiSans-Medium.ttf');*/
/*}*/

/*@font-face {*/
/*	font-family: 'MiSans-Demibold';*/
/*	src: url('https://oss.xuxug.com/zhuzhan/font/MiSans-Demibold.ttf');*/
/*}*/

/*@font-face {*/
/*	font-family: 'Alimama ShuHeiTi';*/
/*	src: url('https://oss.xuxug.com/zhuzhan/font/AlimamaShuHeiTi-Bold.ttf');*/
/*}*/

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-size: 14px;

	font-family: '微软雅黑';
}

a {
	text-decoration: none;
	color: #333;
}


ul,
ol {
	list-style: none;
}

img {
	vertical-align: top;
	border: none;
}

.button {
	border: 0;
	background-color: none;
	outline: none;
	-webkit-appearance: none;
}

select {
	border: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;
	padding-right: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

input,
textarea {
	outline: none;
	border: none;
}

textarea {
	resize: none;
	overflow: auto;
}

i {
	font-style: normal;
}

/*去除input[type=number]加减号*/
/* 谷歌 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

/* 整个滚动条 */
::-webkit-scrollbar {
	width: 1px;
	/* 水平滚动条的高度、垂直滚动条的宽度 */
	height: 3px;
	/* 水平滚动条的高度 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
	background: #F0F0F0
		/* 颜色和样式 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
	background: #ababab;
	/* 滑块颜色 */
}

/* 滑块hover效果 */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.selectBox {
	min-width: 100px;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	box-sizing: border-box;
	color: #606266;
	height: 30px;
	padding: 0 10px;
}

.selectBox:focus {
	outline: none;
	border: 1px solid #dcdfe6 !important;
}
.select-option {
    font-size: 14px;
    color: #333;
    background-color: #fff;
}


/* 火狐 */
input {
	-moz-appearance: textfield;
}

body {
	background: #FAFAFA;
	position: relative;
	cursor: default;
}

.box {
	max-width: 1750px;
	margin: 0 auto;
}
.ml-5{
	margin-left:5px!important;
}
.ml-10{
	margin-left:10px!important;
}
.mt-10{
	margin-top:10px!important;
}
.mt-20{
	margin-top:20px!important;
}
.mb-5{
	margin-bottom:5px!important;
}
.mb-10{
	margin-bottom:10px!important;
}
.mb-20{
	margin-bottom:20px!important;
}
.pt-10{
	padding-top:10px!important;
}
.cp {
    cursor: pointer;
}
.text-fff {
    color: #fff!important;
}
.text-d3d3d3{
	color:#d3d3d3!important
}
.border-n{
	border:none;
}

.fb {
    font-weight: 700!important;
}
.f12 {
    font-size: 12px!important;
}
.f16 {
    font-size: 16px!important;
}
.f18 {
    font-size: 18px!important;
}
.f20 {
    font-size: 20px!important;
}
.d-block{
	display:block;
}
.text-999, .text-b5b5b5:hover {
    color: #999;
}
.lineThrough{
	text-decoration: line-through;
}
.defaultRadio{
	border: 1px solid #999;
    border-radius: 100%;
    cursor: pointer;
    height: 16px;
    position: relative;
    width: 16px;
}
.block{
	display:block;
}
.flex-1{
	flex:1;
}
.align-right{
	text-align:right;
}
.red{
	color:red!important;
}
.bg1 {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.flex {
	display: flex;
}

.grid {
	display: grid;
}

.border-none {
	border: none !important;
}

.footer {
	background: #161A1F;
}

.footer-con {
	width: 1200px;
	margin: 0 auto;
}

.footer-con-top {
	padding: 62px 102px 47px 100px;
	display: flex;
	align-items: center;
}

.footer-con-top-logo {
	width: 84px;
}

.footer-con-top-title {
	font-weight: 500;
	font-size: 20px;
	color: #FFFFFF;
	margin-left: 40px;
	flex: 1;
}

.footer-con-top-ul {
	display: grid;
	grid-template-columns: 100px 100px 100px 100px;
	grid-template-rows: auto auto auto;
	grid-template-areas: 'a b c';
	grid-auto-flow: column;
	grid-gap: 20px 10px;
}

.footer-con-top-ul-li {}

.footer-con-top-ul-li-a {
	font-size: 12px;
	color: #CCCCCC !important;
}

.footer-con-button {
	text-align: center;
	padding: 15px 0 19px;
	border-top: 1px solid #31313A;
}

.footer-con-button-item {
	font-size: 12px;
	color: #A6A6A6 !important;
}

.footer-con-button-item:not(:first-child) {
	margin-left: 10px
}

.fixRight {
	width: 70px;
	background: #FFFFFF;
	box-shadow: 1px 5px 9px 0px rgba(0, 0, 0, 0.17);
	border-radius: 6px;
	position: fixed;
	top: 2%;
	right: 4%;
	z-index: 5;
	overflow: hidden;
}

.fixRight-a {
	display: block;
	width: 100%;
	text-align: center;
	padding: 15px 0;
	cursor: pointer;
}

.fixRight-a:not(:last-child) {
	border-bottom: 1px solid #E6E6E6;
}

.fixRight-a img {
	height: 28px;
	margin: 0 auto;
}

.fixRight-a-title {
	font-size: 12px;
	color: #A6A6A6;
	margin-top: 10px;
}

.fixRight-a-imgHover {
	display: none;
}

.fixRight-a:hover {
	background: #194B83;
	border: none;
}

.fixRight-a:hover .fixRight-a-title {
	color: #fff;
}

.fixRight-a:hover .fixRight-a-img {
	display: none;
}

.fixRight-a:hover .fixRight-a-imgHover {
	display: block;
}


.weizhi {
	margin-top: 10px;
	display: flex;
	align-items: center;
}

.weizhi-icon {
	width: 16px;
}

.weizhi-right {
	flex: 1;
	margin-left: 10px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
}

.weizhi-right-a:not(:last-child) {
	margin-left: 13px;
	color: #C3C9CD !important;
	margin-right: 10px;
}

.weizhi-right-a:last-child {
	margin-left: 13px;
	color: #FFFFFF !important;
}

.weizhi-right-r {
	width: 5px;
}

.fanye {
	margin-top: 60px;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: end;
}

.fanye-num {
	width: 52px;
	height: 30px;
	background: #FFFFFF;
	border-radius: 6px;
	border: 1px solid #C5CFD9;
	opacity: 0.7;
	font-size: 16px;
	color: #999999;
	margin: 0 8px;
	text-align: center;
}

.fanye-total {
	color: #194B83;
	margin: 0 5px;
	font-size: 16px;
}

.fanye-icon {
	height: 17px;
	margin-left: 25px;
}

.fanye-icon1 {
	margin-right: 30px;
}

.fanye-li {
	margin-left: 5px;
	width: 28px;
	line-height: 26px;
	margin-left: 5px;
	font-size: 13px;
	border-radius: 2px;
	text-align: center;
	background-color: #eee;
}
.fanye-li:hover{
	cursor: pointer;
}

.fanye-liActive {
	background: #194B83;
	color: #FFFFFF;
}

/* 出售弹窗 */
.fixedBox{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	z-index:99;
}
.wycsBox{
    width: 800px;
	background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    margin: 5vw auto 50px;
    position: relative;
}
.wycs-title{
	padding: 10px 20px;
	background: #194B83;
	font-size: 16px;
	color: #fff;
	text-align:center;
}
.wycs-title-close{
	width:30px;
	height:30px;
	position:absolute;
	top:-8px;
	right:-8px;
	z-index:2;
	cursor:pointer;
}
.wycs-middle{
	padding:20px 30px;
	max-height:600px;
	overflow-y:auto;
}
.wycs-middle-itemTitle{
	background: #F6FAFF;
	font-size:16px;
	font-family: 'MiSans-Medium';
	line-height:30px;
	padding-left:5px;
}
.wycs-middle-itemCon{
	margin-top:15px;
}
.wycs-footer{
	padding:20px 0 20px 0;
	text-align:center;
}
.wycs-footer-btn{
	display:inline-block;
	border-radius: 5px;
    background: #FF7116;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    width: 180px;
	color:#fff!important;
	cursor:pointer;
}
.wycs-footer-btn:hover{
	color:#fff
}
.wycs-footer-btnJshs{
	background: #194B83;
	margin-left:20px;
}
.jshsBox{
	width: 600px;
	background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    margin: 15vw auto 50px;
    position: relative;
	display:none;
}
.jshs-middle{
	padding:20px 20px 30px;
}
.jshs-middle-qrcode{
	width:300px;
	height:300px;
	margin:0 auto;
	display:block;
}
.jshs-middle-title{
	text-align:center;
	margin-top:20px;
	color: #999999;
}
#wycsFix{
	display:none;
}



.show-download-app-qr {
    position: fixed;
    display: none;
    right: 210px;
    top: 206px;
    transform: scale(1);
    transform-origin: 50% 95%;
    transition: all .4s;
    z-index: 99;
}
.show-download-app-qr-box {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 21px 0 hsla(0,0%,87%,.64);
    height: 247px;
    opacity: 1;
    position: relative;
    width: 280px;
}
.show-download-app-qr-top-box {
    background: linear-gradient(0deg, #6277fd, #828bfa);
    border-radius: 10px 10px 0 0;
    height: 106px;
    overflow: hidden;
    width: 100%;
}
.show-download-app-qr-title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    height: 35px;
    margin-top: 12px;
    opacity: 1;
    text-align: center;
}
.show-download-app-qr-content-box {
    left: 10px;
    position: absolute;
    top: 70px;
    width: calc(100% - 20px);
}
.show-download-app-qr-qr {
    background-color: #fff;
    border-radius: 5px;
    opacity: 1;
    overflow: hidden;
    position: relative;
}
.show-download-app-qr-qr-url-img {
    box-sizing: border-box;
    height: 120px;
    width: 100%;
}
.show-download-app-qr-light_pc {
    animation: light_pc-122b5b9a-37cedb9c 4s linear 0s infinite;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHsAAAAICAYAAADZcYAQAAABIElEQVRYR+3WsUrEQBDG8W/WZMMlpBFNpaiFILEUBO1ESGchYmFhZSOIb3BFKt/ARtEXyEukE8XmCg8LMZbeiaIn4nlkZyRiYWe/yXZb/v6zC0MAcJhKzIZ3IOxW9+bYUUCgishRp2lKXIkISNVBu/1AhGk7iI3ibwExvHd8pM9/hp0knWB+efGGCDNNJvsKlKOv/dvLq7M8Xysp2b2LQl+vh364RYBnH7eeIgHEsCn6/d7JoHy7v8hWPynZ7ETK0zGAWRJpAaqedSxTC8SIMs8O6+5Hzy3yfG5ISxvX/mQQRAo0QRDNbMgydy05ImMsDg/KoXocdxZes4yqwQrF2103AnRL6+ZbW/I03HcjT95LOYWVUTXo323cEl3D+LfAN9vWYQlsnx42AAAAAElFTkSuQmCC) no-repeat;
    border-radius: 10px;
    box-shadow: 0 10px 21px 0 hsla(0,0%,87%,.64);
    height: 3px;
    left: 39%;
    margin-left: -47px;
    position: absolute;
    top: 0;
    width: 120px;
}
.p-6 {
    padding: 6px;
}
.fb {
    font-weight: 700;
}

.tc {
    text-align: center;
}
.text-aaa {
    color: #aaa;
}

.f10 {
    font-size: 10px;
}
.tc {
    text-align: center;
}
.mt-5 {
    margin-top: 5px;
}
.show-download-app-qr-light_pc {
		animation: light_pc-122b5b9a 4s linear 0s infinite;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHsAAAAICAYAAADZcYAQAAABIElEQVRYR+3WsUrEQBDG8W/WZMMlpBFNpaiFILEUBO1ESGchYmFhZSOIb3BFKt/ARtEXyEukE8XmCg8LMZbeiaIn4nlkZyRiYWe/yXZb/v6zC0MAcJhKzIZ3IOxW9+bYUUCgishRp2lKXIkISNVBu/1AhGk7iI3ibwExvHd8pM9/hp0knWB+efGGCDNNJvsKlKOv/dvLq7M8Xysp2b2LQl+vh364RYBnH7eeIgHEsCn6/d7JoHy7v8hWPynZ7ETK0zGAWRJpAaqedSxTC8SIMs8O6+5Hzy3yfG5ISxvX/mQQRAo0QRDNbMgydy05ImMsDg/KoXocdxZes4yqwQrF2103AnRL6+ZbW/I03HcjT95LOYWVUTXo323cEl3D+LfAN9vWYQlsnx42AAAAAElFTkSuQmCC) no-repeat;
		border-radius: 10px;
		box-shadow: 0 10px 21px 0 hsla(0, 0%, 87%, .64);
		height: 3px;
		left: 39%;
		margin-left: -46px;
		position: absolute;
		top: 0;
		width: 120px
	}
	@keyframes light_pc-122b5b9a {
		0% {
			top: 3px
		}

		50% {
			top: 120px
		}

		to {
			top: 3px
		}
	}
	
	

        .youqing {
            margin: 0 auto;
            border-radius: 12px;
            padding: 10px;
            width: 100%;
            max-width: 1200px;
        }
        
        .friend-links-container {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px;
        }
        
        .section-title {
            color: #ffffff !important;
            font-size: 22px;
            font-weight: 600;
            white-space: nowrap;
            margin: 0;
            padding-right: 15px;
            border-right: 2px solid #3498db;
        }
        
        .friend-links {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            flex: 1;
        }
        
        .friend-link {
            display: inline-block;
            padding: 10px 18px;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 6px;
            text-decoration: none;
            color: #e0e0e0;
            transition: all 0.3s ease;
            border: 1px solid rgba(255, 255, 255, 0.1);
            font-size: 14px;
            white-space: nowrap;
        }
        
        .friend-link:hover {
            background-color: rgba(52, 152, 219, 0.3);
            border-color: #3498db;
            color: #ffffff;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .friend-links-container {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .section-title {
                border-right: none;
                border-bottom: 2px solid #3498db;
                padding-right: 0;
                padding-bottom: 10px;
                margin-bottom: 15px;
            }
            
            .friend-links {
                width: 100%;
            }
        }
        
        .info-box {
            margin-top: 30px;
            padding: 20px;
            background-color: rgba(255, 255, 255, 0.05);
            border-radius: 8px;
            border-left: 4px solid #3498db;
        }
        
        .info-box h3 {
            color: #3498db;
            margin-bottom: 10px;
        }
        
        .info-box p {
            color: #b0b0b0;
            font-size: 14px;
            line-height: 1.5;
        }