@charset "utf-8";
/* CSS Document */
body,html{overflow-x: hidden;}

body{font-size:12px;background-color:#2f3034;font-family:'Microsoft YaHei';}

.bg01{width: 100%;margin-top:-360px;}
.bg02{}
.wrapa{width: 1320px;margin:0 auto;}

/*-===================主模块：=====================================-*/
.mainBox{height:auto;background:url("../images/mainBg.jpg")/*tpa=http://www.uc2019.com:3199/images/mainBg.jpg*/ no-repeat;}

/*-------通用标题--------*/
h3.h003{height:26px;line-height:26px; font-weight: normal;}
h3.h003 span{height:26px; font-size: 18px;color:#c7c7c7; float:left;}
h3.h003 a.more{margin-top: 3px; float:right}

/*-------左侧--------*/
.artifact{height: 380px; margin-bottom: 10px; background:url("../images/homeCol1Bg.jpg")/*tpa=http://www.uc2019.com:3199/images/homeCol1Bg.jpg*/ no-repeat;}
.newsDiv h3,.artifact h3{height:35px; padding-top:10px;  font-weight: normal; position:relative; overflow:hidden;}
.artifact h3 a{width: 18px;height: 35px;line-height:35px; margin-right: 10px; font-size:30px; color:#c7c7c7; text-align:center; float:left;_display: inline;}
.newsDiv h3 a{width: 40px;height: 35px;line-height:35px; margin-right: 10px; font-size:16px; color:#c7c7c7; text-align:center; float:left;_display: inline;}
.newsDiv h3 a:hover,.newsDiv h3 a.aOn,.artifact h3 a:hover,.artifact h3 a.aOn{ color:#dfbe7e;}
.artifact h3 span{width:18px;height:2px; font-size:0;display:block;background-color:#dfbe7e; position:absolute;left:0;bottom:0;}
.newsDiv h3 span{width:40px;height:2px; font-size:0;display:block;background-color:#dfbe7e; position:absolute;left:0;bottom:0;}
.artifact h3{width: 280px;margin:0 auto 15px;margin-left:30px;}
.artifact h3 a{margin-right: 12px;}
.artDiv{width: 268px;height: 308px;margin:0 auto; position: relative;}
.artCon{width: 268px;height: 308px; overflow: hidden; position: absolute;left: 0;top: 0; z-index: 1;}
.artCon a{width: 268px;height: 308px;display: block; background:url("../images/blank.gif")/*tpa=http://www.uc2019.com:3199/images/blank.gif*/ no-repeat; position: absolute;left: 0; top: 0;z-index: 3;}
.artInfo{width: 110px;height: 150px; background:url("../images/artFont.png")/*tpa=http://www.uc2019.com:3199/images/artFont.png*/ no-repeat; text-indent: -999em; position: absolute;left: -100%;top: 0; z-index: 2;	}

.at1{}
.at2{}
.at3{}
.at4{}
.at5{}
.at6{}
.at7{}
.at8{}
.artPic{width: 270px;height: 370px; position: absolute;margin-right: -1px;bottom: -5px;}

.artDiv .divOn{z-index: 2;}

.sidePic{height: 390px;}
.sidePic a{width: 280px; height: 120px; margin-bottom: 10px; display: block; position: relative;}
.sidePic a span{width: 100px;height: 34px;font-size: 24px; font-weight: bold;color:#826052; position: absolute;left: 20px;top: 25px;}
.sidePic a var{width: 110px;height: 20px;line-height:20px; font-size: 14px; color:#65605d; position: absolute;left: 20px; top: 60px;}



/*-------右侧--------*/
.box1,.lin,.newsDiv,.featrue,.gong,.roleDiv,.ifmTab{background:url("../images/homeCol3Bg.png")/*tpa=http://www.uc2019.com:3199/images/homeCol3Bg.png*/ no-repeat;}
.box1,.box2,.box3,.box4,.box5{margin-bottom: 10px;}
.box1{height: 120px;}


/*===快捷入口===*/
.linkDiv{height: 120px;}
.linkDiv a{width: 120px;height: 120px; margin-left: 10px; float:left;_display: inline; overflow: hidden; position: relative; cursor:pointer;}
.linkDiv a span{width: 35px;height: 35px;display: block; background:url("../images/iPng.png")/*tpa=http://www.uc2019.com:3199/images/iPng.png*/ no-repeat;position: absolute;left:40px;top: 30px; z-index: 2}
.linkDiv a.a2 span{background:url("../images/iPng.png")/*tpa=http://www.uc2019.com:3199/images/iPng.png*/ no-repeat;}
.linkDiv a.a3 span{background:url("../images/iPng.png")/*tpa=http://www.uc2019.com:3199/images/iPng.png*/ no-repeat;}
.linkDiv a var{width: 100px;height: 20px;line-height:20px; text-align: center; display: block;font-size:16px; color:#7f7976;position: absolute;left:10px;top: 75px; z-index: 2;}
.linkDiv a i{width: 120px;height: 120px;display: block;background-color:#caaa67; position: absolute;left: 0;top: 0; z-index: 1;display: none;}
.linkDiv a:hover var{color:#b48f55;}

.box2{height: 280px;}
/*===幻灯===*/
.slideBox{width:640px;height:280px; position:relative; z-index: 1;}
.slide{width:640px;height:280px;position:relative;overflow:hidden;}
.slide ul{width: 640px;height: 280px;}
.slide ul li{width:640;height:280; position:absolute; left: 0;top: 0; z-index: 1; opacity: 0; *filter:alpha(opacity=0);}
.slide ul li.liOn{z-index: 9; opacity: 1; *filter:alpha(opacity=100);}
.subNum{width:500px;height:20px; position: absolute; right: 15px;bottom: 10px; z-index: 99;}
.subList{height:20px;}
/*----- pagnation  -------*/
.subList{height:20px;text-align:right;}
.subList span{width:16px;height:16px;line-height:20px;margin:0 3px; cursor:pointer;display:inline-block;color:#666; background-color:#fff;}
.subList span.sOn{color:#ff7200;background-color:#ef1300;text-decoration:none;}

/*===明星资料===*/
.lin{width: 340px;height: 280px; padding: 0 20px; background-position: -650px -130px;}
.lin h3{height: 50px; font-weight: normal;}
.lin h3 var{height:50px;line-height:50px;font-size:16px;color:#a1a1a1;float:left;}
.lin h3 var i{color:#dfbe7e; font-style: normal;}
.lin h3 span{height: 20px;line-height:20px;padding:0 10px;margin: 18px 0 0 10px; font-family: "\5b8b\4f53"; color:#c7c7c7; background-color: #262526; float:left;_display: inline;}

.lin dl{width: 340px;height: 140px; margin-bottom: 12px;}
.lin dt{width: 122px;height: 136px;float:left;}
.lin dd{width: 160px; height: 120px; padding-top: 16px; margin-left: 12px;float:left;}
.lin dd p{height: 30px;line-height:30px; font-size:14px;}
.lin dd p span{width: 55px;height: 30px;color:#a1a1a1; float:left;}
.lin dd p var{height:30px;color:#6a6a6a;float:left;}

.lin ul{height: 52px; padding-top: 12px; border-top:1px dashed #403f40;}
.lin ul li{height: 26px;line-height:26px; font-size: 14px;vertical-align: top;color:#64605d;
	-webkit-transition:all 0.3s linear 0s;
	-moz-transition:all 0.3s linear 0s;
	-ms-transition:all 0.3s linear 0s;
	transition:all 0.3s linear 0s;}
.lin ul li:hover{height: 26px;line-height:26px; font-size: 14px;vertical-align: top;color:#706a50;
-webkit-transform:translateX(10px);
-moz-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px);}


.box3,.box4{height: 380px;}

/*------新闻公告------*/
.newsDiv{ width:600px; height:380px;padding:0 20px; background-position:0 -130px; position: relative;}


.newsDiv a.more{position: absolute;right:30px;*right:85px; top:20px; z-index: 9;}

.newest{ height:152px; border-bottom:1px dashed #3f3e40;}
.newest .date{ width:90px; height:95px; margin:35px 0 0 20px; float:left; _display: inline; position:relative;}
.newest span{ width:26px;color:#a1a1a1;position:absolute;}
.newest span.day{width: 58px; height: 40px;line-height:40px; font-size:30px;top:20px; left:16px;}
.newest span.day var{width: 20px;height: 20px;line-height:20px;font-size:14px; position: absolute;right: 0;top: 0;}
.newest span.month{ font-size: 18px; color:#6a6a6a; top:62px; left:58px;}
.newest .nDiv{width: 320px;margin-left: 110px;padding-top: 30px;float:left;}
.newest .nDiv a{ width:320px;display:block; height:38px; line-height:38px; font-size:18px; color:#ef1300; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
.newest .nDiv a:hover{ color:#c99f5c;}
.newest .nDiv p{ font-size:12px;height:60px; line-height:20px; overflow:hidden; color:#a1a1a1;}
.nCont{ width:550px; height:150px; margin: 0 auto; padding-top: 15px; overflow:hidden; position:relative;}
.nCont .nCul{width: 550px;height: 160px; position: relative;}
.nCont .nCon{width:550px; position:absolute; left:100%;top:0;}
.nCont .nCon ul{width: 550px;height: 160px; overflow:hidden;}
.nCont .nCon ul li{vertical-align: top;}
.nCont .nCon ul li,.nCont .nCon ul li a,.nCont .nCon ul li span{ height:30px; line-height:30px;font-size:14px; }
.nCont .nCon ul li a{width:400px;color:#64605d;text-decoration:none; text-align:left;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:right;
	-webkit-transition:all 0.3s linear 0s;
	-moz-transition:all 0.3s linear 0s;
	-ms-transition:all 0.3s linear 0s;
	transition:all 0.3s linear 0s;
}
.nCont .nCon ul li a:hover{text-decoration:none; color:#c99f5c; background-position:0 -38px;
	-webkit-transform:translateX(10px);
	-moz-transform:translateX(10px);
	-ms-transform:translateX(10px);
	transform:translateX(10px);
}
.nCont .nCon ul li span{width: 145px;color:#706a50; font-family:Arial, Helvetica, sans-serif; float:left;}


/*------任务图------*/
.boxPic,.picDiv{width: 380px;height: 380px;}
.picDiv{position: relative;}
.picDiv img{width: 185px;height: 185px;float:left;_display: inline;}
.picDiv img.img1{height: 380px;margin-right: 10px;}
.picDiv img.img2{margin-bottom: 10px;}
.picDiv img.iRen{width: 358px;height: 434px; position: absolute; left: -95px; top: -26px; z-index: 1;}

.picDiv a{width: 185px;height: 185px;display: block; background:url("../images/blank.gif")/*tpa=http://www.uc2019.com:3199/images/blank.gif*/ no-repeat;text-indent: -999em;overflow: hidden; position: absolute; z-index: 2;}
.picDiv a.ia1{height: 380px; left: 0;top: 0;}
.picDiv a.ia2{right: 0;top: 0;}
.picDiv a.ia3{right: 0;bottom: 0;}

.picDiv a span{width: 16px;height: 1px; font-size: 0; background-color: #746045; position: absolute;left: 40px;top: 40px; 
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	-ms-transition:all 0.2s linear 0s;
	transition:all 0.2s linear 0s;
}
.picDiv a:hover span{
	width: 64px;
	left: 20px
}




/*------dp------*/
.sysDiv{width: 640px;height: 380px;}
.featrue{width: 640px;height: 380px; background-position:0 -520px; position: relative;}
.ftDiv{width: 520px; height: 380px; overflow: hidden; position: absolute;left: 0;top: 0; z-index: 1;}
.ftCon{width: 520px; position: absolute;left: -100%; top: 0;  z-index: 1;}


.ftTab{width: 128px;height: 380px; position: absolute;right:0; top:0; z-index: 2;}
.ftA{width: 120px; position: absolute;right: 0;top: 0; z-index: 2;}
.ftA a{width: 120px;height: 47px; line-height:47px;text-align: center; font-size:16px; color:#65605d; display: block; position: relative;}
.ftA a var{width: 20px;height: 2px; font-size: 0; background-color:#65605d;  position: absolute;top: 40px;left:50%; margin-left:-10px;
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	-ms-transition:all 0.2s linear 0s;
	transition:all 0.2s linear 0s;
}
.ftA a:hover,.ftA a.aOn{color:#b48f55;}
.ftA a:hover var,.ftA a.aOn var{width: 64px;margin-left:-32px;background-color:#b48f55;}
.ftTab span{width: 128px;height: 47px;display: block; background:url("../images/spanBg.png")/*tpa=http://www.uc2019.com:3199/images/spanBg.png*/ no-repeat; position: absolute;left: 0;top: 2px; z-index: 1}
.ft1{width: 520px;height: 374px; padding-top: 5px; margin:0 auto; background: url("../dp/1.gif")/*tpa=http://www.uc2019.com:3199/dp/1.gif*/ no-repeat 0 bottom;}
.ft2{width: 520px;height: 374px; padding-top: 5px; margin:0 auto; background: url("../dp/2.gif")/*tpa=http://www.uc2019.com:3199/dp/2.gif*/ no-repeat 0 bottom;}
.ft3{width: 520px;height: 374px; padding-top: 5px; margin:0 auto; background: url("../dp/3.gif")/*tpa=http://www.uc2019.com:3199/dp/3.gif*/ no-repeat 0 bottom;}
.ft4{width: 520px;height: 374px; padding-top: 5px; margin:0 auto; background: url("../dp/4.gif")/*tpa=http://www.uc2019.com:3199/dp/4.gif*/ no-repeat 0 bottom;}
.ft5{width: 520px;height: 374px; padding-top: 5px; margin:0 auto; background: url("../dp/5.gif")/*tpa=http://www.uc2019.com:3199/dp/5.gif*/ no-repeat 0 bottom;}
.ft6{width: 520px;height: 374px; padding-top: 5px; margin:0 auto; background: url("../dp/6.gif")/*tpa=http://www.uc2019.com:3199/dp/6.gif*/ no-repeat 0 bottom;}
.ft7{width: 520px;height: 374px; padding-top: 5px; margin:0 auto; background: url("../dp/7.gif")/*tpa=http://www.uc2019.com:3199/dp/7.gif*/ no-repeat 0 bottom;}
.ft8{width: 520px;height: 374px; padding-top: 5px; margin:0 auto; background: url("../dp/8.gif")/*tpa=http://www.uc2019.com:3199/dp/8.gif*/ no-repeat 0 bottom;}


/*------游戏角色------*/
.roleDiv{width: 380px;height: 380px; background-position: -650px -420px; position: relative;}

.roleTab{height:35px; border-bottom:1px solid #313032; font-weight: normal; position: absolute;left: 20px; top: 10px; z-index:2; overflow:hidden;}
.roleTab a{width: 40px;height: 35px;line-height:35px; margin-right: 30px; font-size:16px; color:#c7c7c7; text-align:center; float:left;_display: inline;}
.roleTab a:hover,.roleTab a.aOn{ color:#dfbe7e;}
.roleTab span{width:40px;height:2px; font-size:0;display:block;background-color:#dfbe7e; position:absolute;left:0;bottom:0;}

.roleList,.roleCon{width: 380px;height: 380px; overflow: hidden; }
.roleList{position: relative; z-index: 1;}
.roleCon{position: absolute;left: 0;top: 0; z-index: 1;}

.roleList .divOn{z-index: 2;}


.rInfo{width: 120px;height: 180px; position: absolute;left: 20px;top: 100%; z-index: 2; }
.rInfo h5{width: 110px;height: 124px; margin-bottom: 20px; text-indent: -999em; background:url("../images/rName.png")/*tpa=http://www.uc2019.com:3199/images/rName.png*/ no-repeat;}
.rInfo h5.r01{}
.rInfo h5.r02{background-position: -110px 0;}
.rInfo h5.r03{background-position: -220px 0;}
.rPic{width:380px;height: 380px; position: absolute;right:-100%;top: 0; z-index: 1;}




.isSpread{width:490px;height: 220px; padding:20px 0 0 14px; position: absolute;left: 65px;top: 0;}
.isSpread a{width:200px;height:200px; margin-right: 14px; float: left; _display: inline;}
.code,.code a{ width:440px; height:240px; padding:0; margin:0; cursor:default;}




	/*浮动条*/
	#Floatingbar{padding:5px 13px 0;width:116px;height:314px;position:fixed;top:50%;right:20px;margin-top:-157px;background:url("../images/kefubg.png")/*tpa=http://www.uc2019.com:3199/images/kefubg.png*/ no-repeat left top;z-index:11500;}
	#Floatingbar ul{}
	#Floatingbar ul li{height:32px;line-height:32px;overflow:hidden;color:#b9a96d;border-bottom:1px solid #b9a96d;}
	#Floatingbar ul li a{text-align:center;font-size:14px;color:#e2b74f;display:block;}
	#Floatingbar ul li a:hover{color:#edd3a2;}
	#Floatingbar .erweima{text-align:center;font-size:12px;color:#e2b74f;}
	#Floatingbar .erweima img{width:116px;height:116px;margin-bottom:3px;background:#fff;display:block;}
	#Floatingbar .btn_backtop{position:absolute;bottom:-20px;text-align:center;color:#e2b74f;height:20px;line-height:20px;width:100%;left:0px;}