@charset "utf-8";
/*reset*/
img { border: none 0; display: block; }
a:focus, a:hover{ outline: none 0; color: #fff;}
a{ text-decoration: none; color: #cbaae2;}
body{ font: 12px Microsoft Yahei,arial,Sans-serif; color: #cbaae2;}
.nowrap{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*global*/
.wrapBg{ min-width: 1200px; background: url("/template/user/default/yeyou/img/wrapBg.jpg") no-repeat top center;}
.wrap{ margin: 0 auto; width: 1200px; height: 1660px; background: url("/template/user/default/yeyou/img/bg.jpg") no-repeat top center;}
.header{ position: relative; width: 100%; height: 922px;}
/*header*/
.header h1{ width: 100%; height: 100%;}
.start{ position: absolute; bottom: 0; left: -2px; display: block; width: 248px; height: 134px; background-image: url("/template/user/default/yeyou/img/start.png");}
/*main*/
.usercard{ width: 240px; height: 298px;}
.main{ width: 100%;}
/*service*/
.service{ margin-top: 40px; padding: 0 16px; width: 208px; height: 307px; color: #cbaae2;line-height: 24px; overflow: hidden;}
.service h6{ margin: 0 4px; line-height: 56px; text-align: center; font-size: 20px; color: #fff;}
.qrcode{ margin: 0 auto; width: 118px; text-align: center;}
.qrcode p{ line-height: 28px;}
.tel span{ font-size: 18px;}
.serverList span{ margin: 0 14px;}
.serverList a{ color: #cbaae2;}
/*slide*/
.section{ width: 942px;}
.slide{ position: relative; margin-right: 20px; width: 250px; height: 298px; overflow: hidden;}
.slide .picBox { position: relative; width: 250px; height: 298px;}
.slide .picBox li { position: absolute; top: 0; left: 0;  width: 250px; height: 298px; overflow: hidden;z-index: 0;}
.slideNav{ position: absolute; right: 20px; bottom: 10px; z-index: 1;}
.slideNav li { margin-right: 3px; width: 16px; height: 16px; background-color: #b9b9b9; border-radius: 50%; overflow: hidden; cursor: pointer;}
.slideNav li.curr{ background-color: #ff2f39;}
/*news*/
.news{ position: relative; margin-right: 20px; padding: 2px 0; width: 388px; height: 294px; overflow: hidden;}
.newsNav{ padding: 0 10px; height: 52px; line-height: 52px; border-bottom: 1px solid #715287; text-align: center;}
.newsNav li{ position: relative; width: 94px; height: 52px; font-size: 18px; cursor: pointer;}
.newsNav li span{ position: absolute; left: 0; bottom: -1px; display: block; width: 94px; height: 3px; background-color: #a98cbe; overflow: hidden; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; opacity: 0;}
.newsNav li.curr,.dataNav li.curr{ color: #fff;}
.newsNav li.curr span{ opacity: 1;}
.newsBox_wrap{ margin: 10px 20px 0;}
.newsBox,.dataBox{ line-height: 44px;}
.newsBox li{ vertical-align: middle; overflow: hidden;}
.newsBox li span, .newsBox li em, .newsBox li a{ display: inline;}
.newsBox li span, .dataBox li span{ margin-right: 10px;}
.newsMore{ position: absolute; right: 20px; top: 4px; font-size: 20px; line-height: 54px; font-weight: bold;}
.newsMore a,.dataMore a{ color: #a98cbe;}
/*server*/
.server{ width: 263px; height: 298px; overflow: hidden;}
.server h6{ margin-top: 12px; line-height: 34px; font-size: 16px; text-align: center; color: #fff;}
.server ul{ margin-left: 59px; width: 147px; height: 200px;}
.server li{ margin-bottom: 2px; height: 48px; line-height: 48px; overflow: hidden;}
.svrState{ margin-top: 15px; display: block; width: 44px; height: 20px; line-height: 20px; text-align: center; background-color: #239117; border-radius: 5px;}
.serverMore{ margin-top: 7px; margin-left: 55px; display: block; width: 157px; height: 28px; font-size: 14px; text-align: center; line-height: 28px; color: #fff; border-radius: 5px; background-color: #643f7a;}
/*data*/
.data{ margin-top: 40px; margin-right: 20px; position: relative; padding: 10px; width: 638px; height: 287px;}
.dataNav{ padding: 0 23px; height: 54px; line-height: 54px; font-size: 18px; background-color: #483555; border-bottom: 1px solid #715287;}
.dataNav li{ margin: 0 20px; cursor: pointer;}
.dataBox_wrap{ margin: 10px 34px 0;}
.dataMore{ position: absolute; right: 20px; top: 10px; font-size: 20px; line-height: 54px; font-weight: bold;}
/*friendlink*/
.link{ margin-top: 40px; width: 263px; height: 303px; text-align: center; overflow: hidden;}
.link h6{ line-height: 58px; font-size: 16px; color: #fff;}
.friendList{ line-height: 44px;}
/*login*/
.idcard1 p { font-size: 16px; float: left; height: 45px; line-height: 40px; border-bottom: 1px solid #cdc7c7; width: 252px; padding-left: 10px; font-weight: 700; color:black;}
input.uname { margin: 20px 13px 0px 13px;}
input.passwd { margin: 10px 13px 0px 13px;}
input.uname, input.passwd { height: 35px; border: none; line-height: 35px; width: 90%; text-indent: 30px; color: #aaa; border: solid 1px #b4b3b1;}
div .check { width:240px; height:37px; padding-top:15px;}
.btn { width: 90%; height: 40px; background: #fe9900; border-radius: 5px; color: #fff; border: none; cursor: pointer; margin-left: 13px; font-size: 18px;}
.tip { padding-left: 60px; height: 15px; margin-top:16px;}

.contltop{width:238px;height:298px;border:black solid 1px}
.userinfor{width:228px;height:73px;margin:15px 0 0 20px}
.userin{margin:15px 0 0 20px;width:140px}
.userId{font-size:14px}
.userin a{float:right;color:#acacac;font-size:.65em;padding-top:2px;padding-right:20px;}
.userp{float:left}
.Recplay{clear:left}
.userin p{display:block;padding-top:12px}
.userimage{width:63px;height:63px;border:#e5e5e5 solid 1px;margin-top:10px;}
.userimage img{width:63px;height:63px}
.games{float:left}
h6{padding:10px 20px}
.pay_games{width:240px;height:165px;margin-top:15px}
.pay_games span{display:block;float:left;padding-right:5px;line-height:20px}
.pay_games li{clear:both;padding:16px 20px;padding-top: 16px;}
.pay_games li:first-child{padding-top:0}
.games{width:92px;overflow:hidden;height:20px;line-height:20px;font-size:14px;color:#6d6d6d}
.games a{color:#FFF;padding-left:5px}
.games img{padding-right:10px; float:left;}
.gamesa{line-height:20px;width:58px;height:19px;float:right;text-align:center;font-size:10px}
.gamesa{background:#c30a08}
.gamesa:hover{background:#f39800;width:58px;height:20px}
.gamesa a:hover{color:#fff}
.gamesa a{color:#fff}