/*
 * @Title: 
 * @Path: 2024\kuaibaoyou
 * @Autor: Beryoo
 * @LastEditTime: 2024-05-18 15:17:05
 **/
@charset "UTF-8";
body, html, a, img, div, form, select, input, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dl, dt, p, label, em, span, i{margin: 0; padding: 0; font-style: normal}
ol, ul, li{list-style: none}
img{border: none}
/*common*/
.cf, .wrap{*zoom: 1}
.cf:after, .wrap:after{content: "\20"; display: block; height: 0; clear: both}
/* 公共 */
body{font-size: 14px; font-family: arial,\5FAE\8F6F\96C5\9ED1; background-color: #f8f8f8}
input, textarea{font-family: arial,\5FAE\8F6F\96C5\9ED1; font-size: 14px}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{/* 使用webkit内核的浏览器 */ color: #c3c3c3}
.w{width: 980px; margin: 0 auto}
a{color: #333; text-decoration: none; cursor: pointer}
a:hover{color: #000; text-decoration: none; cursor: pointer}
.topbar{height: 72px; color: #333; background: #ffff}
.topbar .topwrap{width: 980px; height: 72px; margin: 0 auto}
.topbar .topwrap .logobox{height: 100%; float: left; cursor: pointer}
.topbar .topwrap .logobox .logo{display: block; margin-top: 19px}
.topbar .topwrap .toplink{float: left; font-size: 18px; margin-left: 172px; height: 100%; background: url(../images/line.png) no-repeat right center; padding-right: 32px}
.topbar .topwrap .toplink a{width: 137px;color: #333; float: left; height: 100%; text-align: center;margin:0 2px;}
.topbar .topwrap .toplink a span{line-height: 16px; display: block; padding-top: 20px}
.topbar .topwrap .toplink a em{font-family: 'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif; font-size: 11px; line-height: 14px; letter-spacing: 0.3em; color: #9e9e9e; margin-left: .3rem}
.topbar .topwrap .toplink a:hover, .topbar .topwrap .toplink a.on{color: #197DED; background: url(../images/navbg.png) no-repeat center top}
.topbar .topwrap .toplink a:hover em, .topbar .topwrap .toplink a.on em{color: #197DED}
.topbar .topwrap .loginfo{float: right; line-height: 72px; font-size: 16px; color: #c3c3c3}
.topbar .topwrap .loginfo a{margin: 0 15px; cursor: default; color: #666666; /* &:hover{color: #197DED}*/}
.banbox{width: 100%; height: 252px; position: relative; overflow: hidden}
.banbox img{position: absolute; top: 0; left: 50%; margin-left: -960px}
.back{color: #666; background: url(../images/arrow-left.png) no-repeat 0 center; padding-left: 10px; margin-top: 20px; display: inline-block}
.title{text-align: center; padding-top: 60px; color: #9e9e9e; line-height: 24px; margin-bottom: 30px}
.title .t{font-weight: bold; font-size: 32px; color: #333333; margin-bottom: 12px}
.title .t em{background: url(../images/tit1.png) no-repeat; width: 20px; height: 20px; display: inline-block; vertical-align: 16px}
.title .t em.l{margin-right: 32px}
.title .t em.r{background: url(../images/tit2.png) no-repeat; margin-left: 32px}
.title .t p{display: inline-block}
.title .t span{display: block; font-family: Microsoft YaHei; font-size: 32px; font-weight: 700; line-height: 24px; letter-spacing: 0em; text-align: center}
.title .t i{display: inline-block; font-family: 'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif; font-size: 13.5px; font-weight: 500; line-height: 16px; letter-spacing: 0.22em; text-align: center; color: #9e9e9e; margin-left: .22em}
.title .titp{font-size: 16px;}
.title.title2{padding-top: 0}
.title.title3{padding-top: 40px}
.list2{text-align: center}
.list2 li{width: 570px; height: 295px; display: inline-block; margin: 0 10px; background-color: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.08); text-align: left}
.list2 .gameinfo{position: relative; padding: 12px 0 0 112px; text-align: left}
.list2 .gameinfo .pic{position: absolute; top: -24px; left: 20px}
.list2 .gameinfo .pic img{display: block}
.list2 .gameinfo .p1{font-size: 20px; font-weight: bold; line-height: 26px; display: inline-block}
.list2 .gameinfo .p2{display: inline-block}
.list2 .gameinfo .p2 em{display: inline-block; background-color: #f8f8f8; font-size: 14px; padding: 0 8px; height: 26px; line-height: 26px; color: #9e9e9e; margin-left: 5px}
.list2 .p3{margin: 0 24px; font-size: 16px; color: #666666; margin-top: 36px}
.list2 .p3 a{float: right; color: #197DED}
.list2 .p3 a:hover{opacity: .8}
.list3{text-align: center; font-size: 0; margin: 40px 0 200px}
.list3 li{display: inline-block; width: 268px; height: 168px; border-radius: 8px; background: url(../images/libg.png) bottom #fff no-repeat; box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.08); margin: 0 10px; font-size: 14px; text-align: left; padding: 32px 0 0 32px}
.list3 li img{display: block; margin-bottom: 20px}
.list3 li em{font-size: 20px; font-weight: bold; color: #000}
.title2{font-size: 20px; line-height: 26px; color: #000; background: url(../images/line3.png) no-repeat; padding-left: 12px}
.box2{background: url(../images/bg1.png) no-repeat center bottom; padding-bottom: 80px}
.contact{background-color: #fff; height: 88px; border-radius: 8px; line-height: 88px; width: 572px; margin: 0 auto; padding-left: 24px}
.contact.contact2{width: auto; height: 104px; line-height: 104px; padding-left: 32px}
.contact .wenh{background: url(../images/wenh.png) no-repeat 0 center; padding-left: 38px; color: #666666; height: 26px; display: inline-block; line-height: 26px; vertical-align: middle; font-size: 16px}
.contact .btn{float: right; margin-right: 32px; color: #666666; font-size: 16px}
.contact .btn a{width: 104px; height: 41px; line-height: 41px; text-align: center; display: inline-block; vertical-align: middle; color: #fff; font-size: 14px; margin-left: 8px; background: url(../images/btn1.png) no-repeat}
.contact .btn a:hover{background-color: none; opacity: .9}
.footer{background-color: #333333; line-height: 32px; padding: 33px 0; text-align: center; color: #c3c3c3}
.footer a{color: #c3c3c3}
.footer a:hover{color: #0f80dc}
.box3{padding: 0 0 80px; min-height: 300px}
.webinfo{background-color: #fff; border-radius: 8px; padding: 32px; margin-bottom: 40px; color: #666666; line-height: 26px}
.webinfo .txt{margin-top: 20px; font-size: 16px; line-height: 28px; margin: 20px 15px 0}
.webinfo .txt a,.webinfo .txt span{color: #197DED}
.feedbox{color: #333333; background-color: #fff; padding: 35px 80px; width: 800px; border-radius: 8px; margin: 30px auto 115px}
.feedbox .cont .tablist li{padding: 16px 0; position: relative}
.feedbox .cont .tablist li.tipli{padding: 5px 0 0}
.feedbox .cont .tablist li.tipli .dt{line-height: 24px}
.feedbox .cont .tablist li .red{color: #9e9e9e; margin-top: 5px}
.feedbox .cont .tablist li .dt{width: 93px; float: left; _display: inline; text-align: right; margin-right: 20px; line-height: 42px}
.feedbox .cont .tablist li .dt em{color: #f34a6a; padding-right: 5px}
.feedbox .cont .tablist li .dd{width: 687px; float: left; _display: inline; position: relative}
.feedbox .cont .tablist li .dd .input{width: 256px; height: 24px; padding: 9px 10px; line-height: 24px; border: 1px solid #eeeeee; outline: none; color: #333; border-radius: 4px}
.feedbox .cont .tablist li .dd .textarea{width: 665px; height: 136px; overflow-x: hidden; line-height: 24px; padding: 10px; border: 1px solid #eeeeee; outline: none; resize: none; margin-right: 90px; color: #333; border-radius: 4px}
.feedbox .cont .tablist li .dd .num{position: absolute; bottom: 8px; right: 5px; color: #9e9e9e; line-height: 24px}
.feedbox .cont .tablist li .radiolist p{float: left; _display: inline; line-height: 24px; margin: 9px 24px 0 0; color: #333333}
.feedbox .cont .tablist li .radiolist input{display: none}
.feedbox .cont .tablist li .radiolist label{background: url(../images/select.png) left center no-repeat; padding-left: 24px}
.feedbox .cont .tablist li .radiolist label.check{background-image: url(../images/selecton.png)}
.feedbox .cont .tablist .submitbtn{width: 136px; height: 46px; text-align: center; line-height: 46px; font-size: 16px; color: #fff; border-radius: 5px; cursor: pointer; background: url(../images/btn-2.png) no-repeat; border: none; display: block; margin: 0 auto}
.feedbox .cont .tablist .submitbtn:hover{opacity: .9}
.gamebox{width: 1160px; height: 652px; background-color: #f0f5ff; padding: 10px; border-radius: 8px; margin-bottom: 80px}
.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; display: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled="true",startColorstr="#99000000",endColorstr="#99000000"); background-color: rgba(0, 0, 0, 0.6)}
.pop{width: 510px; height: 270px; background: #fff; border-radius: 5px; text-align: center; position: fixed; top: 50%; left: 50%; margin: -135px 0 0 -255px; z-index: 10; display: none}
.pop .text{font-size: 18px; color: #666666; line-height: 35px; padding: 64px 0 30px}
.pop .btn{background: #128bed; border-radius: 5px; width: 92px; height: 36px; text-align: center; line-height: 36px; color: #fff; display: inline-block; vertical-align: top}
.pop .btn:hover{background-color: #0f80dc}