html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-family: 'Microsoft Yahei',Arial,Helvetica,sans-serif }
html { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
select, img, input, th, td {
    vertical-align: middle;
}
body{ font-size: 14px; }
input,button{ outline: none; }
.fl{ float: left; }
.fr{ float: right; }
.clearfix{ overflow: hidden; zoom: 1; }
.w1200{ width: 1200px; }
.content,.head{ margin:0 auto; position: relative; width: 1200px;}
.head{ height: 64px }
.nav{ width:820px; margin-right: 70px;}
.nav li{ font:18px/64px 'Microsoft Yahei'; width: 204px; text-align: center; float: left; }
.nav li a{ text-decoration: none; color: #3c3c3c;  }
.nav li span{ vertical-align: middle;margin-right: 8px;display: inline-block; width: 8px; height: 8px; background: url(../img/icons.png) no-repeat left -46px; _background:none;}
.a-logo{ display: block; position: absolute; top: 12px; left: 144px; }
.nav li.hover span,.nav li:hover span{ background: url(../img/icons.png) no-repeat left -31px;  }
.nav li:hover a,.nav li.hover a{ color: #ec7a00; }
.nav li a:hover { _color: #ec7a00; }
.banner-wrap{ height: 424px; position: relative; }
.banner li{ width: 100%; height: 424px; position: absolute; background-repeat: no-repeat; background-position: center top;}
.reg-box{ left: 50%; margin-left: -550px; position: absolute;width: 304px; min-height: 330px; background: #fff; border: 1px solid #f1ebe4; box-shadow: 3px 3px 3px #e0dbd1; position: absolute; z-index: 10; top: 112px; background: url(../img/bg_filter.png);}
.reg-box .tab-tit { height:40px; border-bottom: 1px solid #d1c6b6; }
.tab-tit li{ cursor: pointer;float: left; font:16px/40px 'Microsoft Yahei'; color: #4e4843; width: 50%; text-align: center;}
.tab-tit li span{ display: block; width:110px; margin: 0 auto;}
.tab-tit li.hover span{ border-bottom: 3px solid #ff8400; height: 37px; _color:#ff8400;}
.p-input{ font:14px/26px 'Microsoft Yahei'; color:#4e4843 ;}
.p-input span{ display: inline-block; width:70px; text-align: right; margin-right:10px ;}
.p-input input{  width: 210px; height: 22px;border: 1px solid #c3c2c2; background: #fff; text-indent:10px ;}
.reg-con .p-info{ font:12px/20px 'Microsoft Yahei'; color: #a9a9a9; margin-left: 80px; margin-bottom: 3px;}
.p-input-accont{ margin-top:10px ; }
.p-info .error{ color: #ff1101; }
.reg-other .span-txt{ margin-right: 10px; font:14px/24px 'Microsoft Yahei'; margin-left: 18px;}
.reg-other a{ display: inline-block; width:24px; height: 24px; vertical-align: middle; margin-right: 15px;}
.reg-other a.a_qq{ background: url(../img/icons.png) no-repeat; }
.reg-other a.a_wx{ background: url(../img/icons.png) no-repeat -40px top; }
.reg-other a.a_wb{ background: url(../img/icons.png) no-repeat -80px top; }
.reg-other{ margin-top:8px ; }
.btn-reg{ left: 50%; margin-left: -95px;bottom: 30px;display: block; width: 190px; height: 40px; border-radius: 4px; background: #ffa910;font:14px/40px 'Microsoft Yahei'; text-align: center; color: #fff; text-decoration: none; margin:10px auto;}
.btn-reg:hover{ background: #ffb718; }
.a-point{ display: inline-block; width:45px ; height: 82px; position: absolute; z-index: 10;  top:240px;}
.a-point.point-l{ background: url(../img/icons.png) no-repeat -4px -64px; left: 50%; margin-left: -645px;}
.a-point.point-r{ background: url(../img/icons.png) no-repeat -138px -64px; left: 50%; margin-left: 600px;}
.mod-h3{ font:24px/1 'Microsoft Yahei'; text-align: center; color: #4e4843; background:url(../img/icon_head.png) no-repeat center; margin:30px auto;}
.ul-super-game li{transition: box-shadow 0.6s;-webkit-transition: box-shadow 0.6s;-moz-transition: box-shadow 0.6s; margin:0 32px 40px 0;float: left; width: 380px; height: 160px; color: #fff; text-align: center;}
.right-txt{ width: 144px; position: relative; height: 160px;}
.orange .right-txt{ background: #ec7a00; }
.blue .right-txt{ background: #498c95; }
.indigo .right-txt{ background: #5d5467; }
.red .right-txt{ background: #b04942; }
.purple .right-txt{ background: #7d6baa; }
.purple .right-txt{ background: #7d6baa; }
.brown .right-txt{ background: #866450; }
.ul-super-game{ width: 1250px; }
.right-txt h3{ font:20px/36px 'Microsoft Yahei'; width: 110px; margin:15px auto 7px; border-top:2px solid #fff; border-bottom:2px solid #fff;}
.right-txt .btn_start{ display: inline-block; width: 98px; height: 28px; border:1px solid #fff; border-radius: 15px; color: #fff; font:14px/2 'Microsoft Yahei'; text-decoration: none; position: absolute; bottom:10px; left:22px ;   }
.right-txt .btn_start:hover{ border:2px solid #fff}
.ul-super-game li:hover,.ul-activity li:hover{ box-shadow:2px 3px 6px #7a7878;-webkit-box-shadow:3px 3px 5px #7a7878;-moz-box-shadow:3px 3px 5px #7a7878; }
.bottom-wrap{ background: #f4f4f4; }
.ul-activity li{ width: 235px; height: 200px; background: #fff; float: left; margin-right:8px; transition: box-shadow 0.6s;-webkit-transition: box-shadow 0.6s;-moz-transition: box-shadow 0.6s; }
.ul-activity .game-img { display: block; margin:5px auto; }
.ul-activity .game-name { font:14px/2 'Microsoft Yahei'; text-align: center; }
.ul-activity a{color: #3c3c3c; text-decoration: none;}
.current-price{ font:bold 18px/1 'Microsoft Yahei'; color:#ff1101 ; }
.prev-price{ font:14px/18px 'Microsoft Yahei'; color: #767676; }
.price-wrap{ margin:0 8px; }
.ul-activity{ width: 1220px; padding:10px 0;}
.ul-service li{ width: 235px; height:85px; float: left; }
.ul-service{ background: #fff; padding:18px 15px; width:1750px ;}
.ul-service .service-img{ display: block; margin-right: 6px; }
.ul-service .p-name{ font:14px/24px 'Microsoft Yahei'; color: #3c3c3c;}
.ul-service .p-type{ font:12px/2 'Microsoft Yahei'; color: #767676;}
.ul-service .service-txt{ position: relative; height: 85px; width: 140px; }
.ul-service .p-btn{ position: absolute; bottom: 3px; width: 100%;}
.ul-service .p-btn a{font:14px/22px 'Microsoft Yahei'; text-decoration: none; color: #3c3c3c;display: inline-block; text-align: center; width: 48px; height: 22px; border:1px solid #bfbfbf; border-radius: 15px;}
.ul-service .p-btn a:hover{ background: #ec7a00; color: #fff; border-color: #ec7a00 ; }
.latest-service{ margin-bottom: 60px; }
.banner li a{ display: block; width: 100%; height: 100%; }
.banner li{ z-index: 1;}
.banner li.hover{  z-index: 2;}
.banner{ height: 424px; }
/* footer */
.footer a{ text-decoration: none; color: #3c3c3c; }
.footer{ font-size: 12px;text-align: center;background:#f8f8f8;color:#6c6c6c;padding-bottom:15px;position:relative;min-width:1000px}
.rec-game{padding:15px 0;border-bottom:1px solid #d9d9d9; font:12px/1.5 'Microsoft Yahei';}
.rec-game a,.rec-game a:visited{margin-left:12px}
.rec-game a{ color: #3c3c3c; text-decoration: none;}
.about-37{font:400 12px/40px 'Microsoft Yahei','\5b8b\4f53';color:#d9d9d9}
.about-37 a,.about-37 a:visited{font-size:14px;margin:0 6px}
.copyright{line-height:18px}
.legal-ico{height:50px;padding:10px 0;width:960px;margin:auto}
.legal-ico li{float:left;height:50px;width:148px;background:#fff;margin-right:10px}
.legal-ico li.last{margin-right:0;width:170px}
.legal-ico a{height:30px;line-height:15px;display:block;padding:10px 10px 10px 60px;background:url(../img/legal-ico-8.png) no-repeat}
.legal-ico a:hover{text-decoration:none;color:#3c3c3c}
a.legal-01{background-position:9px 7px}
a.legal-02{background-position:9px -39px}
a.legal-03{background-position:9px -85px}
a.legal-04{background-position:9px -130px}
a.legal-05{background-position:9px -178px}
a.legal-06{background-position:9px -229px}
.common-title{height:24px;color:#3c3c3c;font:24px/22px "Microsoft Yahei";padding-left:10px;position:relative;margin:25px 0 15px}
.common-short-title{margin-top:15px}
.common-title .tit-links{font:400 14px/24px 'Microsoft Yahei';float:right}
.common-title .tit-links a,.common-title .tit-links a:visited{margin-left:25px;color:#1ea6ff}
.common-title .tit-links a:hover{color:#008eeb}
.common-title-ico{width:4px;height:22px;display:inline-block;background-color:#2b9ae7;background-position:-233px -122px;position:absolute;left:0;top:50%;margin-top:-11px}
.common-title-ico:after{content:"";width:3px;height:9px;background-color:#2b9ae7;position:absolute;left:0;bottom:0}
.common-title-more{width:51px;height:19px;position:absolute;top:3px;margin:0 0 0 20px;text-indent:-9999px;background:transparent no-repeat;background-position:-53px -281px;overflow:hidden;zoom:1}
.common-title-more:hover{background:transparent no-repeat;background-position:0 -267px}
.uip{overflow:hidden;padding:0 0 10px;border-bottom:1px dashed #e0e0e0;margin-bottom:6px}
.uip h4{height:20px;font:700 14px/20px "Microsoft Yahei","宋体";overflow:hidden;margin-bottom:7px}
.uip h4 a,.uip h4 a:visited{color:#f25277}
.uip .summary{color:#9c9c9c;line-height:18px;overflow:hidden}
.uip .summary-txt{margin-left:94px;height:60px;overflow:hidden;line-height:20px}
.uip .summary a,.uip .summary a:visited{color:#1ea6ff}
.uip dt{float:left;margin-right:12px}
.ul-14{font:400 14px/26px "Microsoft Yahei"}
.ul-14 li{height:26px;overflow:hidden;padding-left:15px;background:url(../images/common/middot.png) left center no-repeat}
.firendlink .common-con{line-height:20px;margin-bottom:18px}
.firendlink .common-con a,.firendlink .common-con a:visited{margin:0 20px 0 0;white-space:nowrap}
.firendlink a.common-title-more{left:100%;margin-left:-52px;position:absolute;background:no-repeat;background-position:0 -288px;text-indent:9px;font:400 12px/18px 'Microsoft Yahei';color:#1ea6ff}
.firendlink a.hidelinks{background:no-repeat;background-position:-134px -259px}
.hide-box .common-con{height:40px;overflow:hidden}
.about-37 a:hover,.all-game-hot dd a:hover,.all-game-list a:hover,.copyright a:hover,.firendlink .common-con a:hover,.homepage-fav li:hover,.log-erweima .tc a:hover,.nav-list a:hover,.rec-game a:hover,.search-sel dd a:hover,.uip a:hover,.uip h4 a:hover,.ul-14 li a:hover,.user-info dd a:hover{color:#008eeb;text-decoration:none}
.log-success h3{ font:bold 26px/2 "Microsoft Yahei"; text-align: center; color: #3c3c3c;}
.p_log { text-align: center; font:14px/2 'Microsoft Yahei'; text-align: center; }
.p_log .a_logout{ text-decoration: none; color: #3c3c3c; }
.log-success{ margin-top: 12px; }
.ul_latest li{ float: left; width: 96px; text-align: center; font:14px/2 'Microsoft Yahei'; }
.ul_latest li a{ color: #3c3c3c; text-decoration: none; }
.ul_latest li:hover a{  text-decoration: none; color:#ec7a00; }
.ul_latest{ margin-left:7px ; }
.h4_ul_latest{ margin:30px 0 16px 20px;}
/* 弹窗 */
.showbox{ position: fixed; z-index: 99; width: 100%; height: 100%; top: 0; left: 0; }
.showbox .box-con{ width: 300px; height: 200px; padding: 20px; background: #fff; border-radius: 10px; box-shadow: 0 0 3px #ccc; top:50% ; left:50%;  margin-top: -120px; margin-left: -170px; position: absolute;}
.showbox{ background: url(../img/bg_filter2.png); }
.p-close a{ text-decoration: none;display: inline-block;text-align: center;width: 90px;background: #f36639;height: 36px;font: 14px/36px 'Microsoft Yahei';text-align: center;color: #Fff;border-radius: 5px; }
.p-close{ text-align: center; position: absolute;bottom: 40px; width: 300px; text-align: center; }
#check-code{ width: 80px }
.box-con p{ text-align: center; margin: 30px 0; }
.tc {padding: 3px;}