/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,th,td,p,pre,form,input,textarea,fieldset,blockquote{padding: 0;margin: 0;}
a{text-decoration: none;outline: none;color:#333;}
a:hover{color:#06c}
table{border-collapse: collapse;border-spacing: 0;}
ol,ul{list-style:none;}
fieldset,img,abbr,acronym{border:0;}
.clearfix:after{content: " ";display:block;clear: both;height: 0;line-height: 0;visibility: hidden;}
.clearfix{display: inline-block;}
.clearfix{display: block;}
html,body,input{font: 12px "Tahoma","Verdana","Arial","sans-serif"; }
html,body {background: #fbfbfb url(top_bg_1.gif) top repeat-x; text-align: center;}

/*background*/
.header .r a {background:url(map_2013710.png) 0 0 no-repeat;}
h1,
.button_style_1,
.button_style_1 input,
.button_style_2,
.button_style_2 input,
.msg_box .btn_close{background: url(map.gif) 0 0 no-repeat}

/*public*/
.l{float: left}
.r{float: right}
.wrap { width:980px; margin:auto; text-align:left;overflow: hidden; }
.clear{ clear:both; }
h1 {height: 109px; overflow: hidden;line-height: 20em; margin:0; display: block;}
.ml_30{margin-left: 30px;}
.ml_50{margin-left: 50px;}
.ml_70{margin-left: 70px;}
.lh_40{line-height: 40px;}
.fs_14{font-size: 14px;}
.mt_15{margin-top: 15px;}
.ts_1{font-weight: bolder;color:#188bc7;}
.w220{width: 220px;}
.w80{width: 80px}
.cr{color: #d00;}
.box_shadow {box-shadow: 2px 3px 3px #eee;}
.form-group {height: 48px;line-height:48px;font-size: 14px;}
.form-group label {display:inline-block;width: 50px;color:#666}
.form-group input.text {_display:inline-block; vertical-align:middle; text-indent:5px;box-shadow: 2px 3px 2px #eee inset; font-size: 14px; color: #999; height: 38px;line-height: 38px;border: 1px solid #ccc;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.form-group img { vertical-align: -16px;}
.button_style_1,
.button_style_2 {background-position: 0 -124px;  height: 46px;padding-left: 3px; overflow: hidden;}
.button_style_1 input,
.button_style_2 input {width:100%; height:46px; background-position: right -124px; border: none; cursor: pointer;font-size: 14px;color: #fff; text-shadow:1px 1px 2px #055485; }

.button_style_2 {background-position: 0 -181px;}
.button_style_2 input {background-position: right -181px;text-shadow: 1px 1px 2px #72250a;}

input[type=text],input[type=password]{ padding-left: 5px;}
label.error{ padding-left: 5px; color: #f00;}
/*header*/
.header { height:35px; background:#000; line-height:35px; }
.header .l a { margin-right:35px; color:#ccc; }
.header .l a:hover { color:#fff; }
.header .r a { display:inline-block; color:#ccc; margin-left:25px; margin-top:10px; padding-left:20px; height:15px; line-height:15px; }
.header .r a:hover { color:#fff; }
.header .r a.bbs { background-position:-260px 0}
.header .r a.weixin { background-position:-260px -16px;}
.header .r a.qq { background-position:-260px -32px}
.header .r a.sina { background-position:-260px -48px;}
.header .r a.favorites{background-position:-260px -63px;}
.header .r .weixin_2d {display:none;position:absolute;width:362px; z-index:1000; height:319px;top:25px;background:url(weixin_2d.png) 0 0 no-repeat;}

/*login*/
.login .l {width: 581px; padding:64px 0 0 0;}
.login .r {width: 340px; float: left; border: 1px solid #ddd; margin:78px 0 5px 0;}
.login .r form {padding:30px 0 0 30px;}
.line-split{border-top: 1px solid #ccc;width: 275px}
.hezuo_text{color: #666;line-height: 33px;}
.qq_login {margin-bottom: 25px}
.qq_login img{margin-left: 50px;cursor: pointer}

/*msgbox*/
.msg_box {width: 380px;}
.msg_box .btn_close {display: block; width: 15px; height: 15px; background-position: 0 -243px; margin:15px 15px 0 0;}
.msg_box p {line-height: 2em; font-size: 16px; margin-bottom:20px; color: #333;}
.msg_box div {margin:auto;}
.msg_box dt {text-align:left; font-size:16px; line-height: 43px; font-weight: bolder; text-indent:10px; background: #1385c3;color:#fff;height: 43px;border-radius:5px 5px 0 0; border:1px solid #1385c3; }
.msg_box dd {background:#fff; border:1px solid #adadad; text-align: center; padding:37px 0 15px 0;border-radius:0 0 5px 5px; }

/*userReg*/
.userReg { border: 1px solid #dedede; background:#fff; color:#666}
.userReg h2 {border-bottom: 3px solid #edecec; line-height: 60px; font-weight: bolder; color:#333; text-indent: 36px;}
.userReg label {width: 70px;}
.userReg form {margin:30px 0 180px 50px; width: 600px;}
/*footer*/
.footer {width: 100%;background: #edecec;height: 60px;left: 0px; bottom:0; font-size: 16px; position: absolute; top:900px; text-align: center;line-height: 60px;color: #737373;}
.footer b {color:#333;}


.w150{width: 150px;}
.w810{width: 810px;}
.mt_20{margin-top: 20px;} .ml_20{margin-left: 20px;}
.fsize_16{font-size:16px;}


/*usercenter*/
.tab{width:100%; height:49px; background-color: #f4f4f4; position: relative; z-index: 999;_overflow:hidden;}
.tab li{float:left; margin:0 20px; padding-top:6px;}
.tab li a{float: left; width:121px; height:42px; border:1px solid #f4f4f4; border-bottom: 1px solid #ccc;font-weight: normal; font-size: 16px; text-align:center; line-height: 42px;}
.tab li a.cur{border-color:#ddd; border-bottom: 1px solid #fff; background-color: #fff; color: #1386c2; font-weight: bold;}
.line{width:100%; height:0; line-height: 0; border-top: 1px solid #ccc;}

.submenu{width:148px; border:1px solid #ddd; overflow: hidden;}
.submenu li{float:left; width:100%;}
.submenu li a{width:100%; display:block; height:20px; text-indent: 2em; padding:8px 0; font-size: 14px; color:#333; line-height: 20px; border-top: 1px solid #ddd; margin-top:-1px;}
.submenu li a.cur, .submenu li a:hover{color:#fff; background-color: #1386c2; border-bottom-color:#1380c2;}

.content{width:978px; border:1px solid #ddd;}
.usercenter .content{width:808px;}
.content h2{height:54px; border-bottom: 2px solid #ddd; line-height: 54px; text-indent: 1em;}
.content table{margin:30px 0;}
.content .c_gray{color:#ADADAD; font-size: 12px; margin-left: 8px;}
.content .input_text{width:260px; border:1px solid #ddd; height:14px; line-height: 14px; padding:13px 10px;}
.content .input_submit{width:185px; height: 46px; font-size: 16px; color:#fff; text-shadow:0 0 2px #1d94de;border:1px solid #0088e8; line-height: 46px; cursor: pointer; border-radius: 4px; background-color: #1e9aec; background-image:-webkit-linear-gradient(to bottom, #3ea4e3,#128fdd); background-image:linear-gradient(to bottom,#3ea4e3,#128fdd);}
.content .input_submit:hover{background-image:-webkit-linear-gradient(0deg, #3ea4e3,#128fdd); background-image:linear-gradient(0deg,#3ea4e3,#128fdd);}

/*gamecenter*/
.game_list{padding-bottom: 20px;}
.game_list ul{width:162px; height: 200px; background-color: #ededed; padding-bottom: 3px; margin:20px 0 0 10px; overflow:hidden; float: left; _display:inline;}
.game_list li{width:160px; height: 200px; border:1px solid #ddd; background-color: #fff; position: relative; _margin-left:-16px;}
.game_list .pic_cell{display: block; width:114px; height: 114px; position: relative; margin: 25px auto;}
.pic_cell .mask_144144{display:block; width: 114px; height: 114px; position: absolute; top:0; left:0; background: url(mask_144.png) no-repeat; cursor: pointer;}
.game_list p{width:160px; font-size: 12px; font-weight: bold; text-align:center; height: 45px; line-height: 45px; background-color: #f2f2f2; position: absolute; left:1px; bottom: 0;}