.header-bg{padding:10px 30px;position:sticky;top:0;left:0;width:100%;z-index:999;background:rgba(255,255,255,0.5);backdrop-filter:blur(10px);box-sizing:border-box;border-bottom:1px solid #f8f8f8;}
.header{}
.header .row1{display:flex;align-items:center;justify-content:space-between;}
.header .row1 .col1{}
.header .row1 .col1 a{}
.header .row1 .col1 a img{height:42px;}
.header .row1 .col2{flex:1;margin-left:100px;}
.header .row1 .col2 .nav{display:flex;}
.header .row1 .col2 .nav .item{margin-left:60px;}
.header .row1 .col2 .nav .item .txt1{height:42px;display:flex;align-items:center;}
.header .row1 .col2 .nav .item .txt1 a{color:#666;}
.header .row1 .col2 .nav .item .txt1 .ico{width:5px;height:5px;border-top:1px solid #999;border-right:1px solid #999;transform:rotate(135deg);margin-top:-1px;margin-left:5px;display:none;}
.header .row1 .col3{display:flex;align-items:center;}
.header .row1 .col3 .c1{}
.header .row1 .col3 .c1 .txt1{display:flex;align-items:center;position:relative;display:flex;align-items:center;height:100%;padding:8px 12px 8px 10px;font-size:12px;box-sizing:border-box;background:linear-gradient(270deg,#ffcaa8,#ffddc7);border-radius:7px;cursor:pointer;overflow:hidden;}
.header .row1 .col3 .c1 .txt1 img{width:16px;margin-right:5px;display: inline-block;}
.header .row1 .col3 .c2{height:32px;padding:6px 12px;font-size:14px;font-style:normal;font-weight:500;line-height:20px;display:flex;justify-content:center;align-items:center;border-radius:8px;border:1px solid #ddd;box-sizing:border-box;position:relative;cursor:pointer;margin-left:30px;}
.header .row1 .col3 .c2 .ico{width:10px;height:10px;background:rgb(250,181,135);border-radius:100px;margin-right:5px;display: inline-block;}
.header .row1 .col3 .c3{margin-left:30px;}
.header .row1 .col3 .c3 .txt1{width:32px;height:32px;border:1px solid #ddd;border-radius:200px;display:flex;align-items:center;justify-content:center;}
.header .row1 .col3 .c3 .txt1 img{width:16px;height:16px;}
.ind-block1-bg{padding:100px 0;}
.ind-block1{}
.ind-block1 .row1{}
.ind-block1 .row1 .col1{text-align:center;font-size:60px;font-weight:bold;}
.ind-block1 .row1 .col2{font-size:18px;text-align:center;margin-top:10px;}
.ind-block1 .row2{display:flex;margin-top:50px;}
.ind-block1 .row2 .col1{width:400px;height:400px;border:1px solid #ddd;border-radius:15px;overflow:hidden;}
.ind-block1 .row2 .col1 video{width:100%;height:100%;border-radius:10px;display:block;}
.ind-block1 .row2 .col2{flex:1;margin-left:20px;box-sizing:border-box;border:2px dashed #ddd;border-radius:20px;box-shadow:0 0 15px rgba(0,0,0,0.1);background:#f8f8f8;text-align:center;}
.ind-block1 .row2 .col2 .r1{display:flex;align-items:center;justify-content:center;padding-top:70px;}
.ind-block1 .row2 .col2 .r1 img{width:120px;}
.ind-block1 .row2 .col2 .r2{color:#999;padding:20px;}
.ind-block1 .row2 .col2 .r2 br{}
.ind-block1 .row2 .col2 .r3{display:flex;align-items:center;justify-content:center;padding-top:25px;}
.ind-block1 .row2 .col2 .r3 .btn{display:flex;align-items:center;width:180px;height:52px;background:#fff;border:1px solid #ddd;border-radius:100px;margin:0 10px;justify-content:center;font-weight:bold;cursor:pointer;}
.ind-block1 .row2 .col2 .r3 .btn img{width:16px;margin-right:8px;}
.ind-block1 .row2 .col2 .r3 .btn.active{background:#9664fa;border-color:#9664fa;color:#fff;}
.ind-block1 .row2 .col2 .r3 .btn.active img{}
.ind-block1 .row2 .col2 .r4{color:#9664fa;padding-left:200px;padding-top:10px;}
.ind-block1 .row2 .col2 .r4 .txt{cursor:pointer;width:180px;margin-left:200px;}
.ind-block2-bg{padding:50px;}
.ind-block2{}
.ind-block2 .row1{text-align:center;font-size:40px;font-weight:bold;}
.ind-block2 .row2{display:flex;align-items:center;justify-content:center;padding-top:30px;}
.ind-block2 .row2 .item.active{background:#000;border-radius:200px;color:#fff;font-weight:bold;}
.ind-block2 .row2 .item{width:100px;height:50px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#999;cursor:pointer;margin:0 15px;}
.ind-block2 .row3{width:950px;height:555px;background:#f8f8f8;margin:auto;margin-top:50px;border-radius:30px;overflow:hidden;}
.ind-block3-bg{padding:50px 0;}
.ind-block3{}
.ind-block3 .row1{text-align:center;font-size:40px;font-weight:bold;}
.ind-block3 .row2{display:flex;align-items:center;justify-content:center;margin-top:30px;}
.ind-block3 .row2 .item.active{background:#000;border-radius:200px;color:#fff;font-weight:bold;}
.ind-block3 .row2 .item{width:100px;height:50px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#999;cursor:pointer;margin:0 15px;}
.ind-block3 .row3{padding-top:30px;display:none;}
.ind-block3 .row3 .r1{text-align:center;font-size:16px;color:#999;padding:30px;}
.ind-block3 .row3 .r2{display:flex;align-items:center;justify-content:space-between;}
.ind-block3 .row3 .r2 .c1{}
.ind-block3 .row3 .r2 .c1 img{width:578px;height:372px;}
.ind-block3 .row3 .r2 .c2{}
.ind-block3 .row3 .r2 .c2 img{width:578px;height:372px;}
.ind-block4-bg{padding:50px 0;}
.ind-block4{}
.ind-block4 .row1{text-align:center;}
.ind-block4 .row1 .txt1{font-size:40px;font-weight:bold;}
.ind-block4 .row1 .txt2{font-size:18px;color:#999;margin-top:20px;}
.ind-block4 .row3{width:1200px;height:592px;background:#f8f8f8;margin:auto;margin-top:50px;border-radius:30px;overflow:hidden;}
.ind-block5-bg{padding:50px 0;}
.ind-block5{}
.ind-block5 .row1{text-align:center;font-size:40px;font-weight:bold;}
.ind-block5 .row2{height:488px;padding-top:80px;position:relative;}
.ind-block6-bg{padding:50px 0;}
.ind-block6{}
.ind-block6 .row1{text-align:center;font-size:40px;font-weight:bold;}
.ind-block6 .row2{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:15px;margin-top:60px;}
.ind-block6 .row2 .item{width:281px;height:114px;border:1px solid #f8f8f8;border-radius:15px;display:flex;align-items:center;/* justify-content:center;*/
 flex-direction:column;margin-top:50px;}
.ind-block6 .row2 .item .ico{margin-top:-37px;}
.ind-block6 .row2 .item .ico img{width:72px;}
.ind-block6 .row2 .item .txt{font-size:18px;margin-top:20px;}
.ind-block7-bg{padding:150px 0;}
.ind-block7{}
.ind-block7 .row1{display:flex;justify-content:space-between;}
.ind-block7 .row1 .col1{flex:1;}
.ind-block7 .row1 .col1 .txt1{font-size:40px;font-weight:bold;}
.ind-block7 .row1 .col1 .txt2{margin-top:30px;font-size:18px;color:#999;}
.ind-block7 .row1 .col2{flex:1;}
.ind-block7 .row1 .col2 a.item:hover{background:#f8f8f8;border-radius:8px;}
.ind-block7 .row1 .col2 a.item{font-size:18px;display:block;height:60px;line-height:60px;overflow:hidden;padding:0 15px;}
.ind-block7 .row1 .col2 a.item .ico{float:right;padding-top:17px;}
.ind-block7 .row1 .col2 a.item .ico img{width:25px;}
.footer-banner{}
.footer-banner .row1{height:125px;background:url(../img/ad-bg.png) no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 30px;}
.footer-banner .row1 .col1{font-size:28px;font-weight:bold;}
.footer-banner .row1 .col2{}
.footer-banner .row1 .col2 .btn{background:#fff;border-radius:10px;padding:14px 30px;font-weight:bold;font-size:18px;}
.footer-bg{margin-top:100px;}
.footer{}
.footer .row1{display:flex;justify-content:space-between;}
.footer .row1 .col1{}
.footer .row1 .col1 a{}
.footer .row1 .col1 a img{height:71px;}
.footer .row1 .col2{display:flex;}
.footer .row1 .col2 .r1{}
.footer .row1 .col2 .r1 .c1{font-size:24px;}
.footer .row1 .col2 .r1 .c2{margin-top:20px;}
.footer .row1 .col2 .r1 .c2 a{display:block;color:#666;padding:10px 0;width:240px;font-size:16px;}
.footer .row2{font-size:12px;color:#999;text-align:center;padding:30px 0;margin-top:50px;}
/**/
.res-block1-bg{padding-top:50px;}
.res-block1{}
.res-block1 .row1{display:flex;}
.res-block1 .row1 .col1{width:800px;display:flex;align-items:center;justify-content:center;}
.res-block1 .row1 .col1 .toggle{display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:3px;border-radius:5px;}
.res-block1 .row1 .col1 .toggle .item.active{background:#fff;border-radius:5px;}
.res-block1 .row1 .col1 .toggle .item{width:120px;height:32px;line-height:32px;text-align:center;cursor:pointer;}
.res-block1 .row1 .col2{}
.res-block1 .row2{display:flex;align-items:center;justify-content:center;margin-top:10px;}
.res-block1 .row2 .col1{width:800px;height:520px;background:#f8f8f8;display:flex;align-items:center;justify-content:center;position:relative;}
.res-block1 .row2 .col1 .imgBox{background:url(../img/result/bg.png);display:flex;align-items:center;justify-content:center;position:relative;}
.res-block1 .row2 .col1 img{width:90%;}
.res-block1 .row2 .col1 img.picBefore{position:absolute;display:none;}
.res-block1 .row2 .col2{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.res-block1 .row2 .col2 .btn.active{background:#9664fa;color:#fff;}
.res-block1 .row2 .col2 .btn.active img{}
.res-block1 .row2 .col2 .btn{display:flex;align-items:center;justify-content:center;width:260px;height:52px;border:1px solid #ddd;border-radius:10px;margin:10px 0;font-weight:bold;font-size:16px;cursor:pointer;}
.res-block1 .row2 .col2 .btn img{width:25px;margin-right:5px;}
.res-block1 .row3G{position:relative;margin-top:15px;}
.res-block1 .row3G .btn{width:30px;height:30px;background:#fff url(../img/right-btn.png) no-repeat center center;background-size:14px 14px;border-radius:200px;box-shadow:0 0 15px rgba(0,0,0,0.1);cursor:pointer;position:absolute;top:30px;}
.res-block1 .row3G .btn.btn-prev{left:-15px;transform:scale(-1);}
.res-block1 .row3G .btn.btn-next{right:-15px;}
.res-block1 .row3{height:88px;overflow:hidden;}
.res-block1 .row3 .itemG{display:flex;overflow:auto;white-space:nowrap;padding-bottom:10px;scroll-behavior:smooth;}
.res-block1 .row3 .item.active{background:#f6f2ff;border:2px solid #aa80ff;}
.res-block1 .row3 .item:hover{background:#f6f2ff;}
.res-block1 .row3 .item{width:80px;height:88px;margin-right:13px;cursor:pointer;flex-shrink:0;border:2px solid transparent;box-sizing:border-box;border-radius:3px;}
.res-block1 .row3 .item .ico{}
.res-block1 .row3 .item .ico img{width:48px;height:48px;margin:auto;}
.res-block1 .row3 .item .txt{text-align:center;font-size:12px;padding-top:10px;}
.res-block2-bg{padding-bottom:130px;}
.res-block2{padding-top:30px;}
.res-block2 .row1{display:flex;align-items:center;justify-content:space-between;}
.res-block2 .row1 .col1{font-size:18px;font-weight:bold;}
.res-block2 .row1 .col2{}
.res-block2 .row1 .col2 .more{display:flex;align-items:center;color:#999;}
.res-block2 .row1 .col2 .more img{width:15px;margin-left:3px;display:block;opacity:0.5;}
.res-block2 .row2{margin-top:15px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:10px;}
.res-block2 .row2 .item:hover .hover{display:block;}
.res-block2 .row2 .item{width:184px;height:184px;position:relative;border:1px solid #ddd;border-radius:5px;}
.res-block2 .row2 .item .bg{background:#ddd;width:184px;height:184px;border-radius:3px;overflow:hidden;position:absolute;top:0;left:0;}
.res-block2 .row2 .item .bg img{width:100%;height:100%;}
.res-block2 .row2 .item .pic{width:184px;height:184px;border-radius:3px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;}
.res-block2 .row2 .item .pic img{width:100%;height:auto;}
.res-block2 .row2 .item .hover{position:absolute;top:0;left:0;width:184px;height:284px;background:rgba(0,0,0,0.5);display:none;border-radius:5px;overflow:hidden;}
.res-block2 .row2 .item .hover .icoG{display:flex;position:absolute;top:3px;right:3px;}
.res-block2 .row2 .item .hover .icoG .ico{width:28px;height:28px;background:rgba(0,0,0,0.5);border-radius:3px;margin:2px;cursor:pointer;}
.res-block2 .row2 .item .hover .icoG .ico:hover{opacity:0.8;}
.res-block2 .row2 .item .hover .icoG .ico:nth-of-type(1){background:rgba(0,0,0,0.5) url(../img/result/b1.png) no-repeat center center;background-size:18px 18px;}
.res-block2 .row2 .item .hover .icoG .ico:nth-of-type(2){background:rgba(0,0,0,0.5) url(../img/result/b2.png) no-repeat center center;background-size:18px 18px;}
.res-block2 .row2 .item .hover .look{position:absolute;top:71px;left:71px;width:40px;height:40px;background:url(../img/result/c0.png) no-repeat center center;background-size:40px 40px;cursor:pointer;}
.res-block2 .row2 .item .hover .tool{position:absolute;top:184px;left:0;width:184px;height:100px;background:#333;box-sizing:border-box;padding:10px 15px;display:grid;grid-template-columns:1fr 1fr;color:#fff;font-size:12px;}
.res-block2 .row2 .item .hover .tool .ico{height:27px;line-height:27px;padding-left:16px;cursor:pointer;}
.res-block2 .row2 .item .hover .tool .ico:hover{opacity:0.8;}
.res-block2 .row2 .item .hover .tool .ico{background:url(../img/result/c1.png) no-repeat left center;background-size:13px 13px;}
.res-block2 .row2 .item .hover .tool .ico:nth-of-type(1){background-image:url(../img/result/c1.png);}
.res-block2 .row2 .item .hover .tool .ico:nth-of-type(2){background-image:url(../img/result/c2.png);}
.res-block2 .row2 .item .hover .tool .ico:nth-of-type(3){background-image:url(../img/result/c3.png);}
.res-block2 .row2 .item .hover .tool .ico:nth-of-type(4){background-image:url(../img/result/c4.png);}
.res-block2 .row2 .item .hover .tool .ico:nth-of-type(5){background-image:url(../img/result/c5.png);}
/**/
.picBox{position:relative;height:555px;overflow:hidden;}
.picBox .pic1{position:absolute;height:555px;top:0px;left:0px;border-right:2px solid rgb(255,255,255);}
.picBox .pic1 .img1{height:555px;width:425px;position:relative;overflow:hidden;}
.picBox .pic1 .img1 img{width:950px;height:555px;position:absolute;top:0px;left:0px;max-width:none;}
.picBox .pic1 .btn{position:absolute;top:50%;right:0px;width:51px;height:51px;transform:translate(27px,-50%);cursor:pointer;background:url("../img/cutout_edit_ico.png") no-repeat;}
.picBox .pic1 .btn img{}
.picBox .pic1 .tips1{position:absolute;top:0;left:0;background:rgba(0,0,0,0.2);color:#fff;padding:5px 15px;}
.picBox .pic1 .tips2{position:absolute;top:0;right:-77px;background:rgba(0,0,0,01);color:#fff;padding:5px 0;width:75px;box-sizing:border-box;text-align:center;}
.picBox .pic2{}
.picBox .pic2 img{width:950px;height:555px;}
/**/
.picBox3{position:relative;height:555px;overflow:hidden;}
.picBox3 .pic1{position:absolute;height:555px;top:0px;left:0px;border-right:2px solid rgb(255,255,255);}
.picBox3 .pic1 .img1{height:555px;width:600px;position:relative;overflow:hidden;}
.picBox3 .pic1 .img1 img{width:1200px;height:555px;position:absolute;top:0px;left:0px;max-width:none;}
.picBox3 .pic1 .btn{position:absolute;top:50%;right:0px;width:51px;height:51px;transform:translate(27px,-50%);cursor:pointer;background:url("../img/cutout_edit_ico.png") no-repeat;}
.picBox3 .pic1 .btn img{}
.picBox3 .pic1 .tips1{position:absolute;top:0;left:0;background:rgba(0,0,0,0.2);color:#fff;padding:5px 15px;}
.picBox3 .pic1 .tips2{position:absolute;top:0;right:-77px;background:rgba(0,0,0,01);color:#fff;padding:5px 0;width:75px;box-sizing:border-box;text-align:center;}
.picBox3 .pic2{}
.picBox3 .pic2 img{width:1200px;height:555px;}
/**/
.swiper-box {width:1040px;margin:auto; overflow: hidden;}
.swiper{width:1040px;margin:auto;/* white-space: nowrap; */display: flex; transition: all 0.5s;}
.swiper .item{display:flex;align-items:center;justify-content: space-around;width: 1040px;flex-shrink: 0;}
.swiper .item img{width:320px;height:488px;}
.swiper-btnG{}
.swiper-btnG .btn{width:75px;height:75px;background:#f8f8f8;border-radius:200px;background:#f8f8f8 url(../img/right-btn.png) no-repeat center center;background-size:30px 30px;box-shadow:0 0 15px rgba(0,0,0,0.1);position:absolute;top:50%;cursor:pointer;}
.swiper-btnG .btn:hover{opacity:0.8;}
.swiper-btnG .btn.btn-left{left:-50px;transform:scale(-1);}
.swiper-btnG .btn.btn-right{right:-50px;}
/*顶部登录状态*/
.users{
	line-height: 40px;
	height: 40px;
	position: relative;
}

.users a {
    line-height: 40px;
    display: inline-block;
    float: left;
    color: #fff!important;
}
.fl{ float:left;}
.users-img{
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin: 4px;
	position: relative;
	    border: 1px solid #ddd;
	    float: left;
}
.users-img img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	float: left;
}
.users-img.acti:after{
	content: '';
	position: absolute;
	right: -1px;
	top: -1px;
	width: 5px;
	height: 5px;
	background-color: #ff4526;
	border-radius: 50%;
}
.users-slide{
	width: 250px;
	background-color:#f8f8f8;
	position: absolute;
	right: 0;
	top: 40px;
	display: none;
	border-radius: 0 0 5px 5px;
}
.users:hover .users-slide{ display:block;}

.users-slide-inf{
	width: 100%;
	height: 90px;
	background: url(../img/im78.jpg)center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	padding: 10px;
}
.users-slide-inf-img{
	width: 46px;
	height: 46px;
	border-radius: 50%;
}
.users-slide-inf-img img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.users-slide-inf-txt{
	width: 180px;
	display: table;
	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;
}

.users-slide-balance{
	width: 100%;
	height: 44px;
	background-color: #f7f7f7;
	padding: 0 20px;
}
.users-slide-balance span{
	width: 50%;
	display: inline-block;
	float: left;
	line-height: 44px;
	font-weight: bold;
}
.users-slide-balance span:last-child{
	text-align: right;
}

.users-slide-list{
	width: 100%;
	height:100px;
}
.users-slide-list ul{
	width: 100%;
}
.users-slide-list a{ color:#333!important;}
.users-slide-list ul li{
	width: 50%;
	height: 42px;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid #eeeeee;
	    display: inline-block;
}
.users-slide-list ul li a{
	height: 40px;
	display: block;
	width: 100%;
	line-height: 40px;
	margin-left:10px;
}
.users-slide-list ul li:after{
	background: #d8d8d8 !important;
	height: 20px !important;
	left: inherit !important;
	right: 6px;
	top: 50%;
	margin-top: -4px;
}
.users-slide-list ul li:nth-child(2n):after{
	width: 0 !important;
}
.users-slide-list-ico{
	width: 30px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.users-slide-list-txt{
	font-size: 14px;
	line-height: 40px;
}

.users-slide-exit{
	width: 100%;
	height: 44px;
	line-height: 44px;
	background-color: #f7f7f7;
	border-radius: 0 0 5px 5px;
	text-align: center;
}

.users-slide-exit a {
    text-align: center;
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    color: #fff!important;
    background: #2b6add;
    border-radius: 0 0 5px 5px;
}
.users-slide-exit a:hover{
	color: #ff6600;
}

