@charset "utf-8";
/* CSS Document */
body{ font-size:16px;  width:100%;  color:#fff; max-width: 1920px; margin: 0 auto;  }
a{outline:none;blr:expression(this.onFocus=this.blur()); border:none;}
a img{border:0;}
.w1320{ margin:auto; width:1320px;  position:relative;}
#top_bar{ min-width:1320px; font-size:12px;}
#top_bar .w1200{ min-width:1320px; padding: 0 20px; margin:0 auto;}
.hoverOp,.hoverS{-webkit-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}
.hoverOp:hover{opacity:.9; text-decoration:none;}
.info{ background:url(../../Images/zhuanti/20230912/info.png) no-repeat;}
.boxCb{box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
a:link,a:visited,a:hover,a:active{ text-decoration:none; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent;}
.cssddd{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
dd{ padding:0; margin:0;}
.l0{ left:0}
.z-index{ z-index:3;}
@-webkit-keyframes downUpCss {
    0% {
        -webkit-transform: translateY(0);
		 opacity:1;
    }
    50% {
        -webkit-transform: translateY(10px);
		 opacity:1;
    }
    100% {
        -webkit-transform: translateY(0);
		 opacity:1;
    }
}

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

@-webkit-keyframes scaleCss {
    0% {   -webkit-transform: scale(2);  opacity:0;}
    100% {  -webkit-transform: scale(1);  opacity:1;}
}
@keyframes scaleCss {
    0% {transform: scale(2);   opacity:0;}
    100% { transform: scale(1);   opacity:1;}
}


.zbox{width:100%; min-width:1320px;  height:auto; position:relative; }

.top{background:url(/Public/Images/zhuanti/20251027/bg1.jpg) no-repeat center top; }
.top .w1320{ height:988px;}
.top .logo{ position:absolute; left:88px; top:26px; width:236px;} 
.top .w1320 i{ position:absolute; }
.top .w1320 i.ti1{left:21px; top:517px;}
.top .w1320 i.ti2{ left:131px; top:600px;}
.top .w1320 i.ti3{ left:344px; top:560px;}
.top .w1320 i.ti4{ left:454px; top:596px;}
.top .w1320 i.ti5{ left:645px; top:499px;}
.top .xl{ position:absolute; width:102px; height:162px; left:50%; margin-left:-51px; top:738px; background:url(/Public/Images/zhuanti/20200302/xl.png) no-repeat;  -webkit-animation: downUpCss 1s linear infinite; animation: downUpCss 1s linear infinite;}


.urlBox{ position:absolute; top:48px; right:90px; height:52px; z-index:666;}
.urlBox a,.top .urlBox i{ position:relative; float:right; width:52px; height:52px; margin-left:16px; background:url(/Public/Images/zhuanti/20230912/fx.png) no-repeat;}
.urlBox a.home{  background-position:left top;}
.urlBox a.down{ background-position:-68px top;}
.top .urlBox i{  background-position:right top; cursor:pointer;}
.urlBox a.home:hover{background-position:left bottom;}
.urlBox a.down:hover{background-position:-68px bottom;}
.top .urlBox i:hover{background-position:right bottom;}

.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=50);opacity:.5; background:url(../../Images/zhuanti/20200302/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;}

.zbox1{background:url(../../Images/zhuanti/20251027/bg2.jpg) no-repeat center top;}
.zbox1 .w1320{ height:1108px; top:183px;}
.search_box{ right:18px; top:0;}
.search{ width:184px; height:43px;  margin-right:16px; background:#fff; border:solid 1px #fbebbd; border-radius:22px;}
.search input{ float:left; width:144px; height:100%; line-height:43px; font-size:16px; text-align:center; color:#c67539; padding:0 20px; background:none; border:none;}
.search_but{  width:43px; height:43px; background-position:0 -182px; }

.container-server{ width:104px; height:43px; margin-right:16px; z-index:6; cursor:pointer;}
.container-server .selector-result{ float:left; width:100%; height:100%;  line-height:43px; background:#fff; border:solid 1px #fbebbd; border-radius:22px;}
.container-server .selector-result i{ position:absolute; width:17px; height:12px; left:9px; top:50%; margin-top:-4px; background-position:-78px -195px;}
.container-server .selector-result p{ color:#c67539; font-size:16px; text-indent:20px;}
.container-server .xlList{ position:absolute; left:0; z-index:4;  height:auto; max-height:280px; min-height:36px; display:none; overflow:hidden; top:43px; background:rgb(198,144,101,.9); width:100%; }
.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; }
.container-server .xlList a:hover{ color:#ffec1c;}

.mrlist{ float:left; margin:120px 0 0 90px; width:1100px; padding-right:11px; height:654px; overflow:hidden; position:relative;}
.mrlist a{ float:left; margin:23px 0 21px 21px; width:344px; height:283px; background:url(/Public/Images/zhuanti/20230912/lk.png);  color:#deaf90; position:relative; font-size:18px; }

.mrlist a .mr-img{ margin:30px 9px 0 12px; float:left;width:182px; height:236px; background:#fff; border:solid 1px #f0d3be;}
.mrlist a .mr-img div{ float:left; margin:3px; overflow:hidden; position:relative; border:solid 1px #f0d3be; 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:#cd808b; 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(/m/Tpl/Public/Images/zhuanti/20200227/1.png) left top; }
.mrlist a .rk2{background:url(/m/Tpl/Public/Images/zhuanti/20200227/2.png) left top; }
.mrlist a .rk3{background:url(/m/Tpl/Public/Images/zhuanti/20200227/3.png) left top; }
.mrlist a .mr-info{ width:124px; float:left; text-align:left;}
.mrlist a .mr-info h2{ font-size:22px; padding:0; height:56px; line-height:56px; margin-top:47px; color:#9f734b; margin-bottom:8px; background:url(/Public/Images/zhuanti/20230912/kx.png) no-repeat left bottom;  }
.mrlist a .mr-info h2.mt{ margin-top:31px;}
.mrlist a .mr-info p{ height:38px; float:left; width:100%; line-height:38px; font-size:18px;  }
.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; color:#f88d90; line-height:30px; font-size:16px;  padding-right:36px; width:100px; text-align:right; background:url(/m/Tpl/Public/Images/zhuanti/20200227/xin.png) no-repeat right top; }
.mrlist a dd{ display:none;}


.zbox2{background:url(../../Images/zhuanti/20251027/bg3.jpg) no-repeat center top; color:#aca8c4;font-size:14px;}
.zbox2 .w1320{ height:1624px;  }
.zbox2 .lbox{ float:left; margin:245px 0 0 20px; }
.zbox2 .lbox li{ float:left; width:376px; height:624px; padding-top:142px; position:relative; margin-right:75px; color:#d2cdec; }
.zbox2 .lbox li div{ float:left; width:100%; margin-bottom:3px;}
.zbox2 .lbox li p{ line-height:26px;}
.zbox2 .lbox li i{ position:absolute; width:158px; left:28px; top:364px;}
.zbox2 .lbox li p.ptxt{ position:absolute; top:558px; left:0px; width:100%;}
.zbox2 .lbox li a{ width:256px; height:97px; position:absolute; left:61px; top:610px; background:url(/Public/Images/zhuanti/20230912/but.png) no-repeat right top; }
.zbox2 .lbox li a:hover{ margin-top:2px;}
.zbox2 .pz{ position:absolute; width:620px; top:1205px; left:50%; margin-left:-310px; line-height:34px; background:url(/Public/Images/zhuanti/20230912/k2.png) no-repeat right top;}
.klb{ position:absolute; left:50%; margin-left:-310px; width:620px; height:auto; top:1069px;}
.klb li{ float:left; width:50%; }
.klb i{ width:100%; height:65px; float:left;}

.jlbox{ float:left; width:100%; margin-top:195px;}
.jlbox .swiper-slide{ display:inline-block; vertical-align:top; width:435px; height:824px; background:url(/Public/Images/zhuanti/20230303/jbg.png) no-repeat 0 0;  position:relative; color:#fff; }
.jlbox .swiper-slide:nth-child(1){ background-position:center top;}
.jlbox .swiper-slide:nth-child(3){ background-position: right top;}
.reward-box{ width:365px; margin-top:92px;}
.reward-box-1{ padding-top:19px;}
.reward-list{background:url(/Public/Images/zhuanti/20230303/k.png) no-repeat; height:75px; margin-bottom:15px;}
.reward-list-2{ width:179px;}
.reward-list-3{ width:195px;}
.reward-list-4{ width:165px;}
.reward-box-1 .reward-list-1{ background-position:0 0}
.reward-box-1 .reward-list-2{ background-position:-365px 0}
.reward-box-1 .reward-list-3{ background-position:-544px 0}
.reward-box-1 .reward-list-4{ background-position:-739px 0}
.reward-box-2 .reward-list-1{ background-position:-34px -75px; width:331px;}
.reward-box-2 .reward-list-2{ background-position:-365px -75px;}
.reward-box-2 .reward-list-3{ background-position:-544px -75px;}
.reward-box-2 .reward-list-4{ background-position:-739px -75px;}
.reward-box-2 .reward-list-5{ background-position:right -75px;}
.reward-box-3 .reward-list-1{ background-position:-34px -150px; width:331px;}
.reward-box-3 .reward-list-2{ background-position:-365px -150px;}
.reward-box-3 .reward-list-3{ background-position:-544px -150px;}
.reward-box-3 .reward-list-4{ background-position:-739px -150px;}
.reward-box-3 .reward-list-5{ background-position:right -150px;}
.reward-list label{ width:20px; height:100%; display: flex; padding-left:16px; font-size:0; text-align:right; }
.reward-list label.max{ width:38px; padding-left:12px;}
.reward-list label p{  align-self: center;  display:inline-block; width:16px; font-size:14px; line-height:16px;  vertical-align:middle;}
.reward-list dd{ height:100%}
.reward-list dd.max{ width:278px;}
.reward-box-1 dd.max{ width:312px;}
.reward-list-2 dd{ width:140px;}
.reward-list-2 dd.max{ width:120px;}
.reward-list-3 dd{ width:142px;}
.reward-list-4 dd{ width:108px;}

.reward-g-box{ padding:0 30px; text-align:center; margin-top:40px; }
.reward-g-box li{ width:100px; margin:0 10px 22px;}
.reward-g-box li img{ width:80px; height:80px;}
.reward-g-box li p{ width:120%; margin-left:-10%; font-size:14px; }
.reward-box-1 .reward-g-box{color:#a73e3a; margin-top:20px;}
.reward-box-2 .reward-g-box{color:#ab7c57;}
.reward-box-3 .reward-g-box{color:#ab7c57;}

.jlShow .swiper-wrapper .swiper-slide i.m3{ width:100%; left:0;}

.jlbox .swiper-slide{ vertical-align:top;}

.zbox2 i{ position:absolute; }
.zbox2 i.tc{ width:692px; top:1202px; left:50%; margin-left:-346px; }
.zbox2 p.zs{ position:absolute; left:50%; width:620px; top:1532px; border:solid 1px #e5d7be; border-radius:17px; margin-left:-310px; height:34px; line-height:34px; color:#cd824f; font-size:14px; text-align:center; overflow:hidden; }
.new-but{ position:absolute; left:0; top:1411px; width:100%;}
.zbox2 .new-but a{vertical-align:top; font-size:26px; left:0; top:0; width:301px; height:99px; line-height:105px; color:#fff; margin:0 88px; background-position:0 0; }
.zbox2 .new-but a i{ position:relative; float:left; width:100%; height:100%; opacity: 0; filter: alpha(opacity=0); background-position:-301px 0}
.zbox2 .new-but a:hover i{  opacity: 1; filter: alpha(opacity=100);}

.zbox3{background:url(../../Images/zhuanti/20251027/bg4.jpg) no-repeat center top; overflow:hidden;}
.zbox3 .w1320{ height:693px;}
.zbox3 ul{ float:left; margin:295px 0 0 7px;}
.zbox3 ul li{ width:212px; margin-right:8px; float:left;  }
.zbox3 ul li h2{ line-height:20px; padding-bottom:72px; width: 120%; margin:0 0 0 -10%; font-weight:400; font-size:16px; color:#dc7e56;}
.zbox3 ul li p{ line-height:26px; color:#836b41; padding:0 25px;}

.zbox4{background:url(../../Images/zhuanti/20251027/bg5.jpg) no-repeat center top;}
.zbox4 .w1320{ height:1019px;}
.zbox4 .nav{ position:absolute; top:331px; left:238px; height:70px;}
.zbox4 .nav a{ float:left; color:#7f6446; margin-right:75px; width:235px; cursor:pointer; line-height:70px; background-position:-235px -111px; font-size:26px; font-family:"SimHei","Microsoft YaHei";}
.zbox4 .nav a.hover{ background-position:0 -111px; color:#fff;}

.zbox4 ul{ position:absolute; left:256px; top:456px; width:auto; height:310px;}
.zbox4 ul li{ float:left; width:812px; padding-right:40px; overflow:hidden; height:100%; position:relative; text-align:left; color:#a08249;}
.zbox4 ul li p{ line-height:28px;}
.zbox4 ul li h2{ font-weight:500; font-size:18px;}

/*底部*/
.footer{ width:100%; height:auto; position:relative; overflow:hidden; min-width:1280px; }
.z-foot{ background:#000; font-size:18px; color:#717171; padding:42px  0; font-size: 14px;}
.z-foot a{color:#717171;}

.subnav{  width:127px; height:369px; position:fixed; top:50%; margin-top:-184px; right:19px;  z-index:9000; background:url(../../Images/zhuanti/20230912/nav.png) no-repeat center top;}
*html .subnav{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
.subnav ul{ float:left; margin:43px 0 0 17px; width:96px; position:relative;}
.subnav ul li{ float:left; width:97px; text-align:left; position:relative; overflow:hidden; font-size:16px; color:#b3552a; height:22px; margin-bottom:20px;  line-height:22px; cursor:pointer;}
.subnav ul li span{ padding-left:35px;}
.subnav ul li i{ position:absolute; right:0px; top:5px; width:13px; height:13px; background-position:-50px -195px;}
.subnav ul li.active{ color:#e35458;}
.subnav ul li.active i{ background-position:-50px -182px;}
.subnav ul li.fnl6{ margin:-10px 0 0 0; height:34px;}


/*弹窗*/
.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%; color:#b78767;}
.pop_win .pwin_exit{ position:absolute; cursor:pointer; width:94px; height:94px; z-index:2; top:-30px; right:-30px; background-position:right bottom }
.pop_win .pwin_exit:hover{ transform: rotateZ(180deg) ;}

#msg_win .pwin_box{ width:475px; height:207px; margin-top:-103px; margin-left:-237px; background:url(/Public/Images/zhuanti/20230912/pbg1.png) left top; }
#msg_win .pwin_box p{ padding:76px 10% 20px 10%; font-size:22px; line-height:32px;}
#msg_win .pwin_box .pwin_exit{bottom:-59px;}

/*用户详情页*/
#info_win .pwin_box{ width:1090px; height:640px; margin-top:-320px; margin-left:-540px; background:url(../../Images/zhuanti/20230912/pbg2.png) left top; background-size:100%;}
.mrinfo{ width:588px; 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; overflow:hidden;  background:url(/m/Tpl/Public/Images/zhuanti/20200227/xin.png) no-repeat left top; }
.mrinfo .heat span{ font-size:20px; color:#f88d90;}
.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:100%; margin:16px 0 26px 0; 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 #ffbd8c; 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:38px; height:66px; top:50%; margin-top:-33px; background:url(../../Images/zhuanti/20210305/page.png) no-repeat left top; z-index:3; cursor:pointer;}
.mrinfo .headimg a.x-page{ background-position:right top; right:-50px;}
.mrinfo .headimg a.s-page{ left:-50px;}
.mrinfo .info-user{ float:left; width:110%; clear:both; }
.mrinfo .info-user dd{ float:left; height:39px; line-height:39px; font-size:20px; margin-right:18px}
.mrinfo .info-user dd font{ margin:0 9px 0 1px; width:87px; text-align:center; color:#fff; background-position:right -111px; float:left;}
.mrinfo .info-user dd p{ float:left; width:auto; min-width:82px;}
.mrinfo .declaration{ float:left; width:100%; overflow:hidden; height:auto; margin-top:17px; color:#b78767;}
.mrinfo .declaration p{ padding-left:9px; line-height:28px; }

.info-right{ float:right; width:342px; margin-right:48px;}
.info-right .share{ float:right; margin:38px 2px 0 0;  height:34px; line-height:34px;}
.info-right .share a,.info-right .share p{ float:right;}
.info-right .share a{  height:100%; width:34px;  margin:0 20px 0 0;}
.info-right .share p{ margin-right:8px;}
.info-right .share a.sina{ background-position:-118px -182px;}
.info-right .share a.weixin{ background-position:-172px -182px;}
.info-right .share a.qzone{ background-position:-228px -182px;}

.info-right .msg-list{ position:relative; height:490px; background:#fff; width:100%; float:left; margin-top:14px;}
.info-right .msg-list i{ background:#f4c4a3; 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 #ffcfab;}
.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(/Public/Images/zhuanti/20230912/pbg3.png) left top;  }
#contbox{ width:812px; margin:156px 0 0 81px; 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; }
#contbox h4 span{ float:left; height:100%; line-height:25px;  width:80px;  color:#f7a563; }
#contbox h4 span.s1{ background-position:left bottom; width:93px;}
#contbox p{ float:left; width:100%; line-height:28px; padding-bottom:15px;}

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

.bg-style {  width: 100%; height: 100%; position: absolute; left: 0; top: 0;  opacity: 0.4;  background: url(../../Images/zhuanti/20220915/dd.gif) center 0 repeat;}
.jlShow .swiper-wrapper .swiper-slide .g li i.gif1{ left: 48px; top: -50px; width:160px;}
.gif1{  height:160px;    -webkit-transform-style: preserve-3d;transform-style: preserve-3d;  background-image: url(/m/Tpl/Public/Images/zhuanti/20210906/1.png); background-size: 100% 1600px; animation: mlfly1 1s steps(10) infinite; -webkit-animation: mlfly1 1s steps(10) infinite;}

.mrlist a .mr-info p{    overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
@keyframes mlfly1{
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -1000%;
	}
}
@-webkit-keyframes mlfly1 {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -1000%;
	}
}