.frameyy .frame-bg .back{background: url(../images/yuyue/bg.jpg) no-repeat 50% 0;background-size: cover;}
.yyyldiv{position:absolute;width: 983px;height: 504px;top: 228px;left: 86px;}
    
.yyyl2{top: 336px;left: 83px;background: url(../images/yuyue/bg02.png) no-repeat;}
.goyuyue{position: absolute;left: -8px;top: 205px;display: block;width: 246px;height: 251px;background: url(../images/yuyue/btn01.png) no-repeat;z-index: 2;cursor:pointer;}
.goyuyue:hover{background-position: 0px -256px;}
.gotdyy{position: absolute;left: 604px;top: 200px;display: block;width: 246px;height: 251px;background: url(../images/yuyue/btn01.png) -312px 2px no-repeat;z-index: 2;cursor:pointer;}
.gotdyy:hover{background-position: -311px -254px;}
.gophb{position: absolute;left: 742px;top: -325px;display: block;width: 200px;height: 500px;background: url(../images/yuyue/light.png) -0px 0px no-repeat;z-index: 2;cursor:pointer;-webkit-animation: mouse 2s ease infinite;animation: mouse 2s ease infinite;}
@-webkit-keyframes mouse{0%{-webkit-transform: translateY(0px);transform: translateY(0px);}
50%{-webkit-transform: translateY(5px);transform: translateY(5px);}
100%{-webkit-transform: translateY(0px);transform: translateY(0px);}}
@keyframes mouse{0%{-webkit-transform: translateY(0px);transform: translateY(0px);}
50%{-webkit-transform: translateY(5px);transform: translateY(5px);}
100%{-webkit-transform: translateY(0px);transform: translateY(0px);}}
@-webkit-keyframes mouse{0%{-webkit-transform: translateY(0px);transform: translateY(0px);}
50%{-webkit-transform: translateY(5px);transform: translateY(5px);}
100%{-webkit-transform: translateY(0px);transform: translateY(0px);}}
@keyframes mouse{0%{-webkit-transform: translateY(0px);transform: translateY(0px);}
50%{-webkit-transform: translateY(5px);transform: translateY(5px);}
100%{-webkit-transform: translateY(0px);transform: translateY(0px);}}

.yyindexbg{position: absolute;display: block;left: 140px;width:790px;height:735px;background: url(../images/yuyue/ren01.png) no-repeat;}
.yyyl2close{position: absolute;left: 981px;top: 457px;display: block;width: 58px;height: 57px;background: url(../images/yuyue/close.png) -0px -0px no-repeat;z-index: 2;cursor:pointer;}
.yyyl2close:hover{background-position: 0px -57px;transform: rotate(360deg);transition: transform 1s;}

.gryyt4{position:absolute;top: 208px;left: 48px;width: 539px;height: 113px;}

.gryyjl-con{position: absolute;top: 316px;left: 76px;width: 549px;height: 160px;background: url(../images/yuyue/djbx.png?ver=1) no-repeat;}
.gryyjl-con.g30000{background-position:-0px -318px}
.gryyjl-con.g12000{background-position:-0px -156px}
.gryyjl-con .s0{float: left;cursor: pointer;width: 131px;height: 114px;margin-right: 42px;position: relative;z-index: 2;/* background: url(../images/yuyue/djbx.png) no-repeat; */}
.gryyjl-con .s1{/* background-position:-22px -182px; */}
.gryyjl-con .s2{background-position: -22px -182px;}
.gryyjl-con .s3{background-position: -22px -182px;}
.gryyjl-con .s4{background-position:-22px -380px;}
.gryyjl-con .s0 p{position: absolute;left: 173px;transform:translate(-50%,0);color: red;padding: 0px 0px 0px 25px;width: 348px;height: 39px;opacity: 0;display: none;bottom:100%;font-size: 12px;line-height: 34px;transition: all .5s;background: url(../images/yuyue/kuang.png) no-repeat;background-size: 100% 100%;}
.gryyjl-con .s0 p.two{line-height: 30px;padding: 19px 25px;height: 65px;}
.gryyjl-con .s0 p strong{color: #fed66d;}
.gryyjl-con .s0:hover p{display: block;opacity:1;top: -16px;}

.tdyynav{width: 983px;height: 504px;position: absolute;top: 311px;left: 85px;background: url(../images/yuyue/bg02.png) no-repeat;}
.tdyynav .item{display:none;}
.tdyynav .item.on{display:block;}
.tdyynav .hd{}
.tdyynav .lhd img{}
.tdyynav .rhd{display:none;}
.tdyynav .bd{width:94px;margin:0 auto;position: absolute;top: 0;left: 0;z-index: 2;}
.tdyynav .larrow{position: absolute;left: -57px;top: 198px;display: block;width: 57px;height: 74px;background: url(../images/yuyue/arrow_4.jpg) -0px -63px no-repeat;margin-right:10px;}
.tdyynav .larrow:hover, .tdyynav .larrow.on{background: url(../images/yuyue/arrow_4.jpg) -0px 7px no-repeat; }
.tdyynav .rarrow{position: absolute;top: 207px;left: 979px;display: block;width: 57px;height: 67px;background: url(../images/yuyue/arrow_4.jpg) -54px -64px no-repeat;}
.tdyynav .rarrow:hover,.tdyynav .rarrow.on{background: url(../images/yuyue/arrow_4.jpg) -54px -0px no-repeat;}


.yyrw{position:absolute;top: -144px;right: -248px;width:790px;height:735px;}
.yyrw2{/* left: 569px; */}
.yytip1{position:absolute;top: -1px;right: -73px;width:79px;height:426px;}
.yytitleh1{position:absolute;top: 66px;left: 184px;width:739px;height:276px;}
.yytitle{position:absolute;top: 26px;left: 34px;width:560px;height:65px;}
.yytitlec{left: 206px;}
.tdyybd{position:absolute;top: 88px;left: 25px;width:662px;height:376px;}
.tdyybdzd{position:absolute;top: 307px;left: 40px;width:464px;height:150px;z-index: 2;}
.gotdyy1{position: absolute;left: 689px;top: 396px;display: block;width: 238px;height: 67px;background: url(../images/yuyue/btn03.png) -0px -0px no-repeat;z-index: 2;cursor:pointer;}
.gotdyy1:hover{background-position: -0px -67px;}



	.yuyue{padding-top: 0px;margin: 0 auto;display:block;width: 242px;height: 67px;cursor:pointer;background: url('../images/yuyue/btn02.png') 0 -0px no-repeat;}
	.yuyue:hover{background-position: 0 -67px;}
	.tdyuyue{margin-left: 148px;display:block;width:310px;height:73px;cursor:pointer;    padding-top: 25px;}
	.getlb{padding-top: 0px;margin: 0 auto;display:block;width:310px;height: 67px;cursor:pointer;display:none;background: url('../images/yuyue/btn05.png') 0 0px no-repeat;}
	.getlb:hover{background-position: 0 -67px;}
	.lingjiang{margin-left: 366px;display:block;width:298px;height:148px;background: url('icon5.png') 0 -5px no-repeat;cursor:pointer;display:none;}
	.lingjiang:hover{background: url('icon5.png') 0px -225px;}
	.qqtx{position:absolute;display:block;width:103px;height:45px;line-height:45px;background:#8F220E;text-align:center;color:#ffffff;left: 720px;top: 8px;font-size:14px;border-radius:3px;cursor:pointer}

	#num{height:55px;line-height:55px;font-size: 19px;font-weight: bold;width: 300px;color: #5e5c5d;/* padding-top: 410px; */margin-top: 0px;margin-left: 120px;    text-align: center;}
	#num p{color: #5e5c5d;}
		#num span{color: #ff5301;font-weight: bold;}
	.gz{position: absolute;top: 102px;left: 60px;padding: 0;color: #000;line-height: 24px;font-size: 20px;}
	.gz p{height: 45px;margin-bottom: 0px;line-height: 45px;}
	.gz p em{float:left;width: 133px;height: 43px;line-height: 43px;font-size: 20px;color: #fe5301;text-align:center;margin-right: 0px;font-weight: bold;}
	.gz1{padding:0 70px 0px 70px;}
	.gz2{color:#5c0001;}
	.gzc{position: absolute;top: 118px;width: 494px;left: 60px;padding: 0;color: #000;line-height: 42px;font-size: 18px;text-indent: 48px;}
	.gzc em{color: #fe5301;text-align:center;margin-right: 0px;font-weight: bold;}
	
	.prize{padding-left: 161px;width: 883;height: 107px;background:url('./yyyl/pic.png') -0px -354px no-repeat;margin-top:20px;    margin-left: 40px;}
	.prize1{padding-left: 90px;background:url('./yyyl/pic.png') -0px -477px no-repeat}
	.prize2{height: 180px;margin-left:200px;padding-left: 90px;background:url('./yyyl/pic.png') -0px -599px no-repeat}
		.swprize{padding-left: 109px;}
		.swprize li{float:left;width: 219px;margin:10px 20px 20px 20px;white-space:nowrap;text-align:center;line-height:32px;color:#ffc23e;}
			.swprize li span{display:block;width: 219px;height: 125px;}
			.prize_13{background:url('pic1.jpg');}
			.prize_14{background:url('pic2.jpg');}
			.prize_15{background:url('pic3.jpg');}
	.t5p{padding: 278px 70px 0px 156px;color: #ffb409;line-height: 48px;height: 48px;font-size:16px;}
	.t5p em{float:left;width: 184px;height: 48px;line-height: 45px;font-size: 20px;color:#fff;text-align:center;margin-right: 17px;}
	.t7p{padding: 214px 70px 0px 452px;color: #ffb409;line-height: 41px;height: 73px;font-size:16px;}
	.t7p em{float:left;width: 184px;height: 81px;line-height: 35px;font-size: 20px;color:#fff;text-align:center;margin-right: 17px;}
	.t2_1{bottom:10px;right:335px;padding-left: 489px;padding-top: 20px;}
	.t2_1 .serverlist{height:43px;line-height:43px;color: #fff;font-size:16px;}
	.t2_1 .serverlist select{height: 26px; line-height: 26px;width:150px;/*background:#3f0201;color:#fff;*/}
	#gethdcode{position:absolute;display:block;width: 197px;height: 71px;top: 317px;left: 779px;background: url('./yyyl/btn.png') 0 -138px no-repeat;cursor:pointer;}
	#gethdcode:hover{background-position:0 -209px; }

	.team{position: absolute;top: 106px;left: 21px;width: 941px;height: 376px;/* border: 1px solid #fee5ad; */background: #fff;}
	.teambg{}
		.info{width: 912px;height: 310px;margin: 6px auto 20px 23px;overflow-y:scroll;overflow-x:hidden;color:#fff;}
		.teambg .info{width: 910px;margin: 0px auto 20px 20px;overflow-y: scroll;}
			.info div{width:847px;height: 50px;line-height: 50px;margin-bottom: 8px;background: #fef7da;}
			.info div *{float:left;display:block;height: 50px;line-height: 50px;}
			.i_0{width:40px;text-align:left;color:#8d4a2f;}
			.i_1{width:70px;text-align:right;color:#8d4a2f;}
			.i_2{width:100px;text-align:left;color:#8d4a2f;}
			.i_3{width:77px;text-align:left;color:#8d4a2f;}
			.info div .join{float:right;width:56px;height:22px !important;line-height:22px !important;background:#da4143;color: #fff;text-align:center;margin-top: 16px;cursor:pointer;margin-right: 25px;padding: 0 4px;}
			.info div .join:hover{color:#ffffff}
			.i_4{width:120px;text-align:right}
			.i_5{width:300px;text-align:left;    color: #8d4a2f;}

		.team .btn{position:absolute;display:block;width: 170px;height: 52px;line-height: 50px;text-align: center;background: url('../images/yuyue/sz_tab.png') 0 -54px no-repeat;top: 427px;cursor:pointer;overflow:hidden;font-size: 22px;/* text-indent:-999px; */color: #fff;}
		.team .btn:hover{background-position:0 0;color:#000}
		.team .creat{left: 20px;}
		.team .creat:hover{}
		.team .dissolved{left: 264px;/* background-position: -0px -114px; */}
		.team .dissolved:hover{}
		.team .moveout{left:464px;}
		.team .moveout:hover{}
		.team .leave{left: 502px;/* background-position: -0px -228px; */}
		.team .leave:hover{}
		.team .gettdlb{left: 727px;/* background-position: -0px -342px; */}
		.team .gettdlb:hover{}

	.phbdivbg{position:absolute;top: 90px;left: 29px;width: 875px;height: 312px;background: #fff;padding: 14px 26px;}
	.phbdivbg .phbdiv{height: 319px;overflow-y: scroll;overflow-x: hidden;margin-top: 11px;}
	.tb{ border-left: 1px solid #ff7b62;border-top: 1px solid #ff7b62;width: 99%;}
	.tb tr{width:100%;}
	.tb td{border-right:1px solid #ff7b62;border-bottom:1px solid #ff7b62;text-align:center;height:40px;line-height:40px;color: #b10201;}


.win{position:fixed;width:400px;height:300px;top:300px;left:50%;margin-left:-200px;background:#ffffff;border-radius:5px;z-index:9999;display:none}
	.win .close {position: absolute;right: 10px;top: 10px;width: 20px;height: 20px;z-index: 2;cursor: pointer;}
	.win .title{position:relative;height:80px;line-height:80px;font-size:14px;color:#000000}
	.win .title .close{position:absolute;display:block;top:5px;right:5px;width:20px;height:20px;line-height:20px;font-size:16px;cursor:pointer;text-align:center;color:#000000}
	.win .notic{line-height:26px;margin:80px auto;font-size:14px;color:#000000;width:80%;text-align:left;}
	.win .addnotic{margin:60px auto 40px auto;}
	.win .prizelist{width:73%;color:#000000;text-align:left;margin:0px auto;line-height:24px;    margin-bottom: 6px;}
	.win .ok{display:block;width:100px;height:35px;line-height:35px;background:#409CF3;text-align:center;color:#ffffff;font-size:14px;border-radius:3px;cursor:pointer;margin:10px auto;}
	#choseprize .title{height: 50px; line-height: 50px;}
	#choseprize .title .close{top:-5px;}
	.win .normal .item{width: 100%;height:35px;line-height:30px;margin:0px auto;color:#000000;}
	.win .normal .item input{width:220px;height:25px;line-height:25px;border:1px solid #ACC0DB;text-indent:5px;}
	#confirm .ok{float: left;display:block;width:100px;height:35px;line-height:35px;background:#409CF3;text-align:center;color:#ffffff;font-size:14px;border-radius:3px;cursor:pointer;margin:10px auto;margin-left:70px;}
	#confirm .false{float: left;display:block;width:100px;height:35px;line-height:35px;background:#409CF3;text-align:center;color:#ffffff;font-size:14px;border-radius:3px;cursor:pointer;margin:10px auto;margin-left:50px;}


#distpicker select{width:80px;    height: 25px;    background-color: #e9f8ff;}
#swbox{width: 390px;margin:49px 10px 0 25px;color:#000;}
#swbox .tit,#swbox .con p{text-align:center;margin-top:8px;}
#swbox .con table{ margin-left: 25px;
    width: 100%;}
#swbox .con td{padding:5px 0;}
#swbox .text1{ background-color: #e9f8ff;
    border: 1px solid #d0dcde;
    border-radius: 2px;
    padding: 4px 10px;
    width: 185px;}
#swbox .ps{margin-top:10px;}
#swbox #swSubmit{
	background: linear-gradient(#00adec, #109dff) repeat scroll 0 0 rgba(0, 0, 0, 0);
	*background:#00adec;
	_background:#00adec;
    border: 1px solid #00adec;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: white;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    margin-top:10px;
    width: 230px;text-align:center;
    cursor:pointer;
}


@media screen and (max-height: 960px) {
    .yytitleh1{position:absolute;top: 50px;left: 184px;width:589px;height:223px;}
}