.info{background:url(../images/year2021/info.png) no-repeat;}
.z-wp{ margin:auto; width:1320px; position:relative; height:100%;}

body{-webkit-user-select: none; font-size:16px;      max-width: 1920px;
	margin: 0 auto;   overflow-x: hidden; color:#4c4c4c; background:#fff;}
.abox{ position:absolute; width:100%; min-width:1320px;}
/* .zmain{ overflow:hidden; height:6600px; background:#fff; } */
.zmain{ overflow:hidden; height:7200px; background:#fff; }
.r50{ right:50%;}
.l50{ left:50%;}
.zbox{ min-width:1320px; position:relative;}
.text-left{ text-align:left;}
.b-show{ cursor:pointer;}
.z-tt{ z-index:4;}
.wp-box{ height:100%; width:1320px; left:50%; margin-left:-660px; top:0; z-index:4;}


.zbox1{ height:2000px;background:url(../images/thns2026/kv-bg.jpg) no-repeat center top; }
/* .zbox1 .pbg1{background:url(../images/thns2021/p1-6.png) no-repeat center top; width:100%; height:962px;}
.zbox1 .pbg2{background:url(../images/thns2021/p1-2.png) no-repeat center top; width:100%; height:540px; top:432px; left:0;}
.zbox1 .pbg3{background:url(../images/thns2021/p1-1.png) no-repeat right top; width:100%; height:152px; top:0; left:0;} */
.zbox1 .pbg4{background:url(../images/thns2023/p1-r.png) no-repeat right top; width:809px; height:514px; top:30px; left:50%; margin-left:-560px;}
.zbox1 .pbg5{background:url(../images/thns2023/p1-4.png) no-repeat center top; width:100%; height:774px; top:480px; left:0;}
.zbox1 .pbg6{background:url(../images/thns2025/p1-3.png) no-repeat center top; width:100%; height:455px; top:730px; left:0;}

.zbox1 .logo{ width:199px; overflow:hidden; position:absolute; top:24px; left:76px; z-index:5;}
.zbox1 .xl{ width:98px; left:50%; margin-left:-49px; top:700px;}
.zbox1 .xl img{-webkit-animation: downUpCss 2s linear infinite; animation: downUpCss 2s linear infinite;}
.zbox1 .slogan{background:url(../images/thns2026/slogan.png) no-repeat center top; width:473px; height:629px; top:100px; left:50%; margin-left:145px;}

.urlBox{ position:absolute; top:21px; right:5%; height:52px; z-index:666;}
.urlBox a,.urlBox i{ position:relative; float:right; width:52px; height:52px; margin-left:16px; background:url(../images/thns2025/fx.png) no-repeat;}
.urlBox a.home{  background-position:left top;}
.urlBox a.down{ background-position:-68px top;}
.urlBox i{  background-position:right top; cursor:pointer;}
.urlBox a:hover,.urlBox i:hover{ margin-top:2px;}

.fxBox{ position:absolute; top:56px; padding-top:5px; width:108px; right:0px; height:0; overflow:hidden; z-index:5; display:block;}
.fxBox a{ float:right; width:28px; height:28px; margin-left:8px; filter:alpha(Opacity=80);opacity:.8; background:url(../images/thns2021/f.png);}
.fxBox a.button_qzone{background-position:right bottom;}
.fxBox a.button_tsina{ background-position:left bottom;}
.fxBox a.button_weixin{background-position:-36px bottom;}
.fxBox a:hover{filter:alpha(Opacity=100);opacity:1;}



.zbox2{ top:1151px; z-index: 66;}
.zbox2 .z-tt{ top:-242px;}
.zbox2 .z-cont{background:url(../images/thns2025/p2-1.png) no-repeat center top; width:1426px; height:918px; top:108px; left:50%; margin-left:-713px; z-index:10;}
.zbox2 .pbg1{background:url(../images/thns2025/p2-5.png) no-repeat center top; width:100%; height:503px; top:-126px; left:0;}
.zbox2 .pbg2{background:url(../images/thns2023/p2-7.png) no-repeat left top; width:1920px; height:215px; top:42px; left:50%; margin-left:-960px;}
.zbox2 .pbg3{background:url(../images/thns2023/p2-6.png) no-repeat 1208px top; width:1920px; height:319px; top:78px; left:50%; margin-left:-960px;}
.zbox2 .pbg4{ width:232px; right:2%; top:487px;}
.zbox2 .pbg4 img{-webkit-animation: fcss 5s linear infinite; animation: fcss 5s linear infinite;}
.zbox2 .pbg5{ background:url(../images/thns2025/p2-8.png) no-repeat left top; width:1920px; height:402px; top:424px; left:50%; margin-left:-960px}
.zbox2 .pbg6{background:url(../images/thns2025/p2-3.png) no-repeat center top; width:100%; height:445px; top:803px; left:0;}
.wp-box .j-box{ margin-top:344px;}
.col{position:relative; display:inline-block; }
.col-2{ top:53px;}
.col dd{vertical-align:middle; display: list-item;}
.col dd img{vertical-align:middle;}
.col li p{ line-height:32px; color:#fff; width: 300px; margin-top: 3ox;}
.col-b2{width:429px; height:189px;  background:url(../images/thns2025/jk.png) no-repeat right;  }
.col-b3{width:300px; height:289px;  background:url(../images/thns2025/jk4.png) no-repeat; }

.j-box .col{ width:348px; height:693px;  background:url(../images/thns2021/k3.png) no-repeat;  margin:0 30px;}
.j-title{width:100%; left:0; top:-62px; background:url(../images/thns2025/k4.png) no-repeat center top; line-height:39px; font-size:22px;}
.j-title font{ color:#ff7c7c;}
.pic-wp{ width:260px; float:left; margin:48px 0 0 45px; display:block; height:auto; }
.pic-wp li{ float:left; width:100%; margin-bottom:13px;display: flex;
    flex-direction: column;
    align-items: center;}
.pic-wp li dd{ height:90px;  background:url(../images/thns2025/k2.png);line-height:90px; }
.txt-wp li dd{ height:91px;  background:url(../images/thns2023/tb.png);line-height:91px; }
.txt-wp{  vertical-align:top;display: flex;
	flex-wrap: wrap;
	justify-content: center;}
.txt-wp li{ vertical-align:top; display:inline-block; width:92px; margin:0 6px;display: flex; 
	flex-direction: column;
	align-items: center; position: relative;}
.j-box .txt-wp li{margin:3px 15px;}
.j-box-2{ margin:30px 0 66px 0;}
.j-box-2 .col{ margin:0 22px;}
.j-box-2 .j-title,.j-box-3 .j-title{ background:url(../images/thns2023/k1.png) no-repeat center top; top:-52px;}
.j-box-2 .txt-wp li{ width:125px;}
.j-box-2 .txt-wp li dd{ background:none; height:84px; line-height:84px;}
.j-box-2 .txt-wp { margin-top:40px;}

.j-box-3{margin-top:155px;}
.j-box-3 .col-b2{top:-161px; margin:0 31px 0 151px; padding-left:30px;}
.j-box-3 .txt-wp { margin-top:12px;}
.j-box-3 .txt-wp li{ width:120px;}
.j-box-3 .col-b2 .txt-wp li{ width:100px;}
.j-box-3 .txt-wp li dd{ background:none; height:100px; line-height:100px;}
.g-new{ width:198px; height:198px;  left:-118px; top:-5px;}
.g-new em{ background:url(../images/thns2025/jq2.png) no-repeat 100% 100%; width:220px; height:220px; left:50%; top:50%; margin:-110px 0 0 -110px; -webkit-animation: z 15s linear infinite; animation: z 15s linear infinite;}
.g-new p{ z-index:3; margin-top:10px; line-height:28px; background:url(../images/thns2021/jp.png) no-repeat center top; }
.popshow{}

.search{ position:absolute; height:43px; right:88px; top:-78px; z-index:1200; }
.search input{ float:left; width:143px; height:100%; line-height:43px; padding:0 20px; font-size:16px; text-align:left; color:#4c4c4c; margin-left:24px; background:url(../images/thns2025/ico.png) no-repeat left top; border:none;}
.search a.search_but{ float:right; width:43px; height:100%; background:url(../images/thns2025/ico.png) no-repeat right top;}

.container-server{  width:110px; height:43px; float:left; margin:0 11px 0 18px; z-index:6; cursor:pointer; position:relative; }
.container-server .selector-result{ float:left; width:100%; height:100%; line-height:43px;  background:url(../images/thns2025/ico.png) no-repeat -200px top;}
.container-server .selector-result i{ position:absolute; width:17px; height:12px; left:10px; top:17px;  background:url(../images/thns2025/l.png);}
.container-server .selector-result p{ color:#4c4c4c; font-size:16px; text-indent:20px;}
.container-server .xlList{ position:absolute; left:0; z-index:2000;  height:auto; max-height:280px; min-height:36px; display:none; overflow:hidden; top:43px; background:#79d39e; width:100%; border:solid 1px #79d39e; }
.container-server .xlList a{ float:left; width:100%; line-height:36px; color:#fff; text-indent:6px; overflow:hidden; position:relative; text-overflow:ellipsis;white-space: nowrap; font-size:14px; border-bottom:solid 1px #79d39e;}
.container-server .xlList a:hover{background:#79d39e; color:#fff59c;}

.mrlist{ float:left; margin:85px 0 0 137px; width:1120px; padding-right:11px; height:654px; overflow:hidden; position:relative;}
.mrlist a{ float:left; margin:23px 0 32px 26px; width:344px; height:283px; background:url(../images/thns2025/lk.png);  color:#fb8c81; position:relative; }
.mrlist a .mr-img{ margin:30px 9px 0 12px; float:left;width:182px; height:236px; background:#fff; border:solid 1px #ff666b;}
.mrlist a .mr-img div{ float:left; margin:3px; overflow:hidden; position:relative; border:solid 1px #ff666b; width:172px; height:226px; box-sizing:content-box; -moz-box-sizing:content-box;  -webkit-box-sizing:content-box; }
.mrlist a .mr-img div ul{ position:absolute; left:0; width:1000%; height:100%;}
.mrlist a .mr-img div ul li{ height:226px; position:relative;  line-height:226px; width:172px; float:left; overflow:hidden;  vertical-align:middle; display: list-item; }
.mrlist a .mr-img div ul li strong{ width:100%; line-height:226px; vertical-align:middle;}
.mrlist a .mr-img div ul li img{ vertical-align:middle; line-height:226px;}
.mrlist a .mr-img p{ width:100%; bottom:0; height:30px; font-size:0; vertical-align:top; z-index:2; background:#000; position:absolute;  opacity:0.5; filter:alpha(opacity=50);}
.mrlist a .mr-img p span{ display:inline-block; margin:10px 7px 0 7px; width:12px; height:12px; border:solid 1px #fff; border-radius:50%;}
.mrlist a .mr-img p span.hover{ background:#fff;}
.mrlist a .ranking{ position:absolute; width:140px; left:204px; top:32px; height:30px; text-align:left;  }
.mrlist a .rk1 span,.mrlist a .rk2 span,.mrlist a .rk3 span{ display:none;}
.mrlist a .rk1,.mrlist a .rk2,.mrlist a .rk3{ width:46px; height:46px; top:-23px; left:161px;}
.mrlist a .rk1{background:url(../images/thns2021/1.png) left top; }
.mrlist a .rk2{background:url(../images/thns2021/2.png) left top; }
.mrlist a .rk3{background:url(../images/thns2021/3.png) left top; }
.mrlist a .mr-info{ width:124px; float:left; text-align:left;}
.mrlist a .mr-info h2{ font-size:20px; padding:0; height:56px; line-height:56px; margin-top:47px; margin-bottom:8px; background:url(../images/thns2025/ln.png) no-repeat left bottom;  }
.mrlist a .mr-info h2.mt{ margin-top:31px;}
.mrlist a .mr-info h2 span{ display:block;}
.mrlist a .mr-info p{ height:38px; float:left; width:100%; line-height:38px;color: #4c4c4c; }
.mrlist a .mr-info label{ border-radius:13px; border:solid 2px #ff9c99; color:#ff9c99; text-align:center;  line-height:22px; margin-top:6px; float:left; padding:0 6px;}
.mrlist .heat{ position:absolute; right:13px; top:238px; height:30px; line-height:30px; color:#ff5257; padding-right:40px; width:100px; text-align:right; background:url(../images/thns2021/xin.png) no-repeat right top; }
.mrlist a dd{ display:none;}


.zbox3{ height:3400px; background:url(../images/thns2025/bg3.png) no-repeat center top; top:2253px;}
.zbox3 .pbg1{background:url(../images/thns2025/p3-1.png) no-repeat center top; width:100%; height:519px; top:-250px; left:0;}
.zbox3 .pbg2{background:url(../images/thns2023/p3-3.png) no-repeat center top; width:100%; height:564px; top:900px; left:0; }
.zbox3 .pbg3{background:url(../images/thns2023/p3-4.png) no-repeat 23px top; width:1920px; height:431px; top:921px; left:50%; margin-left:-960px; display: none;}
.zbox3 .pbg4{background:url(../images/thns2023/p3-5.png) no-repeat center top; width:100%; height:474px; left:0; top:1252px;}
.zbox3 .pbg5{background:url(../images/thns2025/p3-h.png) no-repeat 105px top; width:1920px; height:1320px; top:208px; left:50%; margin-left:-960px}
.zbox3 .z-tt{ top:-15px; }


.zbox4{top:5150px;}
.zbox4 .z-tt{ top:80px; height:420px; }
.zbox4 .pbg1{background:url(../images/thns2023/p4-3.png) no-repeat center top; width:100%; height:496px; top:0; left:0;display: none; }
.zbox4 .pbg2{background:url(../images/thns2025/p4-2.png) no-repeat center top; width:1920px; height:1145px; top:590px; left:50%; margin-left:-960px;}
.zbox4 .pbg3{background:url(../images/thns2023/p4-6.png) no-repeat 30px top; width:1920px; height:395px; top:500px; left:50%; margin-left:-960px; display: none;}
.zbox4 .pbg4{background:url(../images/thns2025/p4-h.png) no-repeat center top; width:1920px; height:1050px; top:1300px; left:50%; margin-left:-980px}
.zbox4 .time-box{ width:1399px; left:50%; margin-left:-700px; height:420px; background:url(../images/thns2025/p4-1.png) no-repeat center top; top:165px;}
.zbox4 .time-box ul{ margin:289px 0 0 103px}
.zbox4 .time-box ul li{ width:240px; line-height:36px;}
.zbox4 .cont-box{ width:1378px; left:50%; margin-left:-689px; height:422px; background:url(../images/thns2025/b3.png) no-repeat center top; top:610px;}

.b4nav{ width:100%; height:65px; margin-top:33px;  overflow:hidden; float:left; z-index:2; font-size:0; vertical-align:top; }
.b4nav a{ display:inline-block; height:63px; line-height:63px; text-align:left; width:207px; color:#4c4c4c;  font-weight:bold; margin:0 53px; vertical-align:top; font-size:22px;}
.b4nav a.hover{ color:#ff9b9e; border:solid 1px #ff9b9e; border-radius:31px; }
.b4nav a:hover{ color:#ff9b9e;}
.b4nav a span{ float:left;height:36px; width:42px; margin-top:14px;  background:url(../images/thns2025/ico3.png) no-repeat; }
.b4nav a span.b5as1{  background-position:0 top; margin-left:36px; margin-right:12px;}
.b4nav a span.b5as2{  background-position:-305px top; margin-left:29px; margin-right:23px;}
.b4nav a span.b5as3{  background-position:-634px top;margin-left:29px; margin-right:17px;}
.b4nav a.hover span.b5as1,.b4nav  a:hover span.b5as1{background-position:0 bottom;}
.b4nav a.hover span.b5as2,.b4nav  a:hover span.b5as2{background-position:-305px bottom;}
.b4nav a.hover span.b5as3,.b4nav  a:hover span.b5as3{background-position:-634px bottom;}

.b4cont{ float:left; width:1042px; height:260px; margin:35px 0 0 170px; position:relative; overflow:hidden;}
.b4cont li{float:left; width:100%; height:260px; text-align:left; display:none;}
.b4cont li p{ line-height:36px;  padding-left:14px;}
.b4cont li  font{color:#ff637f;}
.b4cont h1{ height:32px; padding:0; margin:0; font-size:16px;}
.b4cont h1 span{ float:left; padding:0 14px; line-height:32px; color:#fff; background:#ff9b9e; border-top-right-radius:12px; border-bottom-left-radius:12px;}

.zbox5{height:1055px; top:6150px;  background:url(../images/thns2025/bg5.png) no-repeat center top;  }
.zbox5 .z-tt{ top:150px; }
.zbox5 .pbg{ bottom:-980px; left:0; background:#ffdcd6; height:1000px;}
.zbox5 .pbg1{background:url(../images/thns2023/p4-10.png) no-repeat center top; width:100%; height:727px; top:355px; left:0; }
.zbox5 .pbg2{background:url(../images/thns2025/p4-7.png) no-repeat left top; width:1920px; height:294px; top:750px; left:50%; margin-left:-960px;}
.zbox5 .pbg3{background:url(../images/thns2025/p4-9.png) no-repeat right top; width:1920px; height:218px; top:760px; left:50%; margin-left:-960px;}
.zbox5 .pbg4{background:url(../images/thns2023/foot.png) no-repeat center bottom; background-size: 100%; width:1920px; height:1000px;     left: 50%;
	margin-left: -960px; bottom:-310px;}
.zbox5 .jt{ position:absolute; background:url(../images/thns2025/b-3.png) no-repeat; width:58px; height:125px; left:772px; top:340px;}
.zbox5 ul{ position:absolute; left:0px;}
.qhBut{ position:absolute; background:url(../images/thns2025/b-2.png); width:100px; height:37px; top:325px; left:666px; z-index:20;}
.mImg{ position:absolute; width:292px; height:386px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; }

.sImg1 .mImg1{ z-index:1; background:url(../images/thns2025/c/1.png); top:376px; left:195px; transform:rotate(12deg);}
.sImg1 .mImg2{ z-index:2; background:url(../images/thns2025/c/2.png); top:404px; left:435px; transform:rotate(-5deg);}
.sImg1 .mImg3{ z-index:3; background:url(../images/thns2025/c/3.png); top:437px; left:672px; transform:rotate(12deg);}
.sImg1 .mImg4{ z-index:4; background:url(../images/thns2025/c/4.png); top:362px; left:903px; transform:rotate(-10deg);}

.sImg2 .mImg1{ z-index:1; background:url(../images/thns2025/c/5.png); top:378px; left:205px; transform:rotate(-12deg);}
.sImg2 .mImg2{ z-index:2; background:url(../images/thns2025/c/6.png); top:408px; left:435px; transform:rotate(6deg);}
.sImg2 .mImg3{ z-index:3; background:url(../images/thns2025/c/7.png); top:432px; left:672px; transform:rotate(-8deg);}
.sImg2 .mImg4{ z-index:4; background:url(../images/thns2025/c/8.png); top:356px; left:903px; transform:rotate(10deg);}

.sImg3 .mImg1{ z-index:1; background:url(../images/thns2025/c/9.png); top:380px; left:205px; transform:rotate(30deg);}
.sImg3 .mImg2{ z-index:2; background:url(../images/thns2025/c/10.png); top:418px; left:435px; transform:rotate(-6deg);}
.sImg3 .mImg3{ z-index:3; background:url(../images/thns2025/c/11.png); top:442px; left:672px; transform:rotate(8deg);}
.sImg3 .mImg4{ z-index:4; background:url(../images/thns2025/c/12.png); top:365px; left:903px; transform:rotate(-10deg);}

.sImg4 .mImg1{ z-index:1; background:url(../images/thns2025/c/13.png); top:396px; left:200px; transform:rotate(-15deg);}
.sImg4 .mImg2{ z-index:2; background:url(../images/thns2025/c/14.png); top:414px; left:430px; transform:rotate(10deg);}
.sImg4 .mImg3{ z-index:3; background:url(../images/thns2025/c/7.png); top:427px; left:670px; transform:rotate(-8deg);}
.sImg4 .mImg4{ z-index:4; background:url(../images/thns2025/c/8.png); top:372px; left:900px; transform:rotate(15deg);}


.zbox5 ul div:hover { display:block; z-index:20; transform: scale(1.14); -webkit-transform: scale(1.14);  }

.footer{ position:absolute; left:0; bottom:-20px;}

/*弹窗*/
.pop_win{ z-index:900; width:100%; height:100%; position:fixed; _position:absolute; left:0px; top:0px; display:none;}
.pop_win .pwin_bg{width: 100%;height: 100%; background: #000; opacity: .7; filter: alpha(opacity=70);-moz-opacity: .7; -khtml-opacity: .7; }
.pop_win .pwin_box{ position:absolute; left:50%; top:-100%; }
.pop_win .pwin_exit{ position:absolute; cursor:pointer; width:53px; height:53px; bottom:-67px; left:50%; margin-left:-26px; z-index:2; background:url(../images/thns2025/x.png) left top; background-size:100%;}

#msg_win2 .pwin_box{ width:475px; height:207px; margin-top:-103px; margin-left:-237px; background:url(../images/thns2025/pbg2.png) left top; }
#msg_win2 .pwin_box p{ padding:76px 10% 20px 10%; font-size:22px; color:#fff; line-height:32px;}
#msg_win2 .pwin_box .pwin_exit{bottom:-59px;}

/*用户详情页*/
#info_win .pwin_box{ width:1090px; height:640px; margin-top:-320px; margin-left:-540px; background:url(../images/thns2025/pbg.png) left top; background-size:100%; color:#fff;}
.mrinfo{ width:982px; height:470px; float:left; position:relative; margin-left:54px;  text-align:left;  }
.mrinfo .heat{ float:left; margin:35px 24px 0 9px; height:30px; width:auto; text-indent:36px;  line-height:30px; font-size:20px; overflow:hidden;  background:url(../images/thns2021/xin.png) no-repeat left top; }
.mrinfo .ranking_box{ width:auto; float:left; padding:0 13px; margin-top:39px; background:#ff5459; border-radius:12px; line-height:24px; color:#fff; font-size:18px; font-family:Arial, Helvetica, sans-serif;}

.mrinfo .headimg{ float:left; width:588px; clear:both; margin:16px 0 26px 198px; position:relative; height:376px; text-align:center;}
.mrinfo .headimg div{ width:100%; height:100%; position:relative; overflow:hidden; float:left;}
.mrinfo .headimg em{ position:absolute; left:0; top:0; border:solid 1px #ff666b; z-index:2; width:100%; height:100%;}
.mrinfo .headimg dd{ position:relative; background:#fff; height:100%;  width:290px; text-align:center; display:inline-block; }
.mrinfo .headimg dd i{ margin:8px; width:274px; height:360px; float:left;  position:relative; line-height:360px; vertical-align:middle; display: list-item; overflow:hidden;}
.mrinfo .headimg dd i strong{ width:100%; line-height:360px; vertical-align:middle;}
.mrinfo .headimg img{ vertical-align:middle; line-height:360px; }

.mrinfo .headimg ul{ width:1000%; height:100%; position:absolute; left:0; top:0;}
.mrinfo .headimg ul li{ width:290px; height:100%; float:left; margin-right:8px;}
.mrinfo .headimg a{ position:absolute; width:55px; height:83px; top:50%; margin-top:-42px; background:url(../images/thns2025/page.png) no-repeat left top; z-index:3; cursor:pointer;}
.mrinfo .headimg a.x-page{ background-position:right top; right:-120px;}
.mrinfo .headimg a.s-page{ left:-120px;}
.mrinfo .info-user{ float:left; width:110%; clear:both; }
.mrinfo .info-user dd{ float:left; height:39px; line-height:39px; font-size:20px; width:298px;  margin-left:49px;}
.mrinfo .info-user dd font{ margin:0 9px 0 1px; width:87px; text-align:center; color:#ff666b; background:url(../images/thns2021/uk.png) left top; float:left;}
.mrinfo .info-user dd p{ float:left; width:auto; min-width:82px;}
.mrinfo .declaration{ float:left; width:892px; overflow:hidden; height:auto; margin:17px 0 0 43px;}
.mrinfo .declaration p{ padding-left:9px; line-height:28px; }

.share{ position:absolute; top:31px; right:58px;  height:34px; line-height:34px;}
.share a,.share p{ float:right;}
.share a{  height:100%; width:34px;  margin:0 20px 0 0;}
.share p{ margin-right:8px;}

.info-right{ float:right; width:342px; margin-right:48px;}
.info-right .msg-list{ position:relative; height:490px; background:#fff; width:100%; float:left; margin-top:14px;}
.info-right .msg-list i{ background:#f1bf97; height:6px; width:368px; position:absolute; top:0; left:50%; margin-left:-184px; border-radius:3px;}
.info-right .msg-list ul{ float:left; width:310px; text-align:left; padding-right:10px; margin:14px 0 0 16px; height:468px; position:relative; overflow:hidden;}
.info-right .msg-list ul li{ width:100%; padding:5px 0 10px 0; height:auto; border-bottom:dashed 1px #ffc89f;}
.info-right .msg-list ul li h3{ color:#c56524; font-size:16px; line-height:30px; margin:0; padding:0; font-weight:400;}
.info-right .msg-list ul li p{ font-size:14px;line-height:18px; color:#b78767;}

#cont_win .pwin_box{ width:945px; height:640px; margin-top:-350px; margin-left:-472px; background:url(../images/thns2023/pbg3.png) left top; color:#fff; }
#contbox{ width:812px; margin:136px 0 0 70px; height:442px; position:relative; overflow:hidden; padding-right:20px; text-align:left; font-size:16px;}
#contbox h4{ height:25px; float:left; width:100%; margin:0; padding:0 0 10px 0; font-size:16px;color:#fce68e; }
#contbox p{ float:left; width:100%; line-height:28px; padding-bottom:15px;}
/* #contbox p span{color: #fce68e;} */

#Img_max ul{ position:absolute; left:50%; top:50%; width:100%; height:100%; }
#Img_max ul img{ width:100%; }

.code_ctx{visibility: hidden; top:50px; right: 0; opacity: 0; -webkit-transition: all 0.2s ease-in 0;  transition: all 0.2s ease-in 0s;}
.code:hover~.code_ctx{visibility: visible; opacity:1;right:135px;}
.code_ctx:hover{visibility: visible; opacity:1;right:135px;}
.red{
	color: #ec8d5a;
}
.showCss .cssopt{
	opacity:1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:optCss;
	animation-name:optCss;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
}

@-webkit-keyframes optCss {
	0% {
		-webkit-transform:translate(0,30%);
		opacity:0;
	}
	100% {
		-webkit-transform:translate(0,0);
		opacity:1;
	}
}
@keyframes optCss {
	0% {
		transform:translate(0,30%);
		opacity:0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}

@-webkit-keyframes downUpCss {

    0% {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes downUpCss {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
    100% {
      transform: translateY(0);
    }
}

@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
  }
  75% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
}

@keyframes shake {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
   25% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
  }
  75% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
}



@-webkit-keyframes fcss {
	0 {
		-webkit-transform: translate(0) ;
	}
	50% {
		-webkit-transform: translate(10%,-20px) ;
	}100% {
		-webkit-transform: translate(0) ;
	}
}

@keyframes fcss {
	0 {
		transform: translate(0,0) ;
	}
	50% {
		transform: translate(10%,-20px) ;
	}100% {
		transform: translate(0,0) ;
	}
}

@keyframes mlfly {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -600%;
	}
}
@-webkit-keyframes mlfly {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -600%;
	}
} 

@keyframes mlfly2 {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -1600%;
	}
}
@-webkit-keyframes mlfly2 {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -1600%;
	}
} 

@keyframes mlfly3 {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -800%;
	}
}
@-webkit-keyframes mlfly3 {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -800%;
	}
} 

@keyframes mlfly4 {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -1000%;
	}
}
@-webkit-keyframes mlfly4 {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -1000%;
	}
} 

.gif-run{
	 -webkit-transform-style: preserve-3d;	
	 transform-style: preserve-3d; 
	 left:50%; 
	 width:200px;
	height:90px;
	top:50%;
	margin-top:-45px;
	margin-left:-100px;
}

.gif-1{
	width:156px;
	height:70px;
	margin-left:-85px;
	margin-top:-52px;
	background-image:url(../images/thns2023/j/g1.png); 
	animation:mlfly 1s steps(6) infinite;
}
.gif-1-2 {
    width: 130px;
    height: 80px;
    margin-top: -22px;
    margin-left: -74px;
    background-image: url(../images/thns2025/j/g1.png);
    animation: mlfly 1s steps(6) infinite;
}

.gif-2{
	width:192px;
	height:160px;
	margin-top:-80px;
	margin-left:-96px;
	background-image:url(../images/thns2021/j/g2.png); 
	animation:mlfly2 1s steps(16) infinite;
}

.gif-3{
	width:180px;
	height:130px;
	margin-top:-65px;
	margin-left:-90px;
	background-image:url(../images/thns2021/j/g3.png); 
	animation:mlfly2 1s steps(16) infinite;
}
.gif-31{
	width:260px;
	height:90px;
	margin-top:-45px;
	margin-left:-130px;
	top:50%; left:50%;
	background-image:url(../images/thns2021/j/IE.png); 
}

.gif-4{
	width:90px;
	height:22px;
	margin-top:-20px;
	margin-left:-35px;
	background-image:url(../images/thns2021/j/g4.png); 
	animation:mlfly3 1s steps(8) infinite;
}

.gif-5{
	width:144px;
	height:65px;
	margin-top:-30px;
	margin-left:-130px;
	background-image:url(../images/thns2023/j/g3.png); 
	animation:mlfly 1s steps(6) infinite;
}
.gif-5-2{
	width:140px;
	height:80px;
	margin-top:-36px;
	margin-left:-10px;
	 background-image:url(../images/thns2023/j/g3-2.png); 
	 animation:mlfly 1s steps(6) infinite;
}

.gif-6{
	width:140px;
	height:80px;
	margin-top:-22px;
	margin-left:-73px;
	 background-image:url(../images/thns2025/j/g5.png); 
	 animation:mlfly 1s steps(6) infinite;
}
.gif-6-2{
	width:144px;
	height:65px;
	margin-top:-50px;
	margin-left:-72px;
	 background-image:url(../images/thns2023/j/g5.png); 
	 animation:mlfly 1s steps(6) infinite;
}

.gif-7{
	width:114px;
	height:24px;
	margin-top:-12px;
	margin-left:-110px;
	background-image:url(../images/thns2021/j/g7.png); 
	animation:mlfly4 1s steps(10) infinite;
}

.gif-8{
	width:130px;
	height:80px;
	margin-top:-30px;
	margin-left:-8px;
	background-image:url(../images/thns2023/j/g2.png); 
	animation:mlfly4 1s steps(10) infinite;
}

.gif-9{
	width:114px;
	height:24px;
	margin-top:-12px;
	margin-left:5px;
	background-image:url(../images/thns2023/j/g4.png); 
	animation:mlfly4 1s steps(10) infinite;
}

.gif-10{
		margin-top:-20px;
		margin-left:-77px;
		width:144px;
		height:80px;
		 background-image:url(../images/thns2023/j/g6.png); 
		 animation:mlfly 1s steps(6) infinite;
	}


	.gif-11{
		width:90px;
		height:22px;
		margin-top:10px;
		margin-left:-35px;
		background-image:url(../images/thns2023/j/g7.png); 
		animation:mlfly3 1s steps(8) infinite;
	}
	.gif-12{
		width:130px;
		height:80px;
		margin-left:-18px;
		margin-top:-36px;
		background-image:url(../images/thns2025/j/g1.png); 
		animation:mlfly 1s steps(6) infinite;
	}
	.gif-12-2{
		width:156px;
		height:70px;
		margin-left:-142px;
		margin-top:-36px;
		background-image:url(../images/thns2023/j/g1.png); 
		animation:mlfly 1s steps(6) infinite;
	}
	.gif-13{
		width:156px;
		height:70px;
		margin-left:-88px;
		margin-top:-23px;
		background-image:url(../images/thns2023/j/g1.png); 
		animation:mlfly 1s steps(6) infinite;
	}
	
	
	.col li:hover .text_box{display: block;}
	.col li .text_box{
		display: none;
		left: 50%;
		transform: translateX(-50%);
		bottom: 120px;
		box-sizing: border-box;
		text-align: left;
		z-index: 6;
		padding: 0 5px 20px 5px;
		background: url(../images/thns2025/bg-text.png) no-repeat;background-size: 100% 100%;
	}
	.col li .text_box h3{color: #e64d50; margin-top: 10px;    font-weight: 500; font-size: 16px;}
	.col li .text_box p{	color: #202020; width: auto;}
	.col li .text_box .option{width: 135px; line-height: 20px;}
	.df{display: flex;}
	.fww{flex-wrap: wrap;}