@charset "utf-8";


/* CSS Document */
/* CSS Document */
body{margin:0px;padding:0px;font-size:12px;font-family:Microsoft YaHei, Arial, Tahoma, sans-serif;background: #FFFFFF;}
div,form,p,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;border:0px;}
ul,ol,li {list-style-type:none;}
table{border-collapse:collapse;}
table,th,tr,td{ font-size:12px;}
input { border:0; padding:0;}
p{text-align:justify;text-justify:newspaper;}/* 文字实现两端对齐 */
i{font-style:normal;}
b{font-weight:normal;}
img{border:none;}
em{font-style:normal;}           
/*link*/
a{text-decoration:none; color:#000;}
*:focus { outline: none!important;}/*去掉火狐浏览器超链接文本外围的虚线框*/
/*::selection {background:#f25824; color:#fff; text-shadow:none;} /*指定网页复制时文字的背景色  字体颜色变为白色*/

#demo01.flexslider{position:relative; width:100%; height:520px; zoom:1; margin:0 auto;min-width:1200px;}
#demo01 .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
#demo01.flexslider .slides{zoom:1; height:520px;}
#demo01.flexslider .slides li{height:520px;}
#demo01.flexslider .slides li .img{width:100%; height:520px;}
#demo01 .flex-control-nav{width:1000px;position:absolute;bottom:20px; text-align:right; left:0.00001%; right:0.00001%; margin:0 auto;}
#demo01 .flex-control-nav li{margin:0 5px; display:inline-block; zoom:1; *display:inline;}
#demo01 .flex-control-paging li a{display:block; height:10px; overflow:hidden; text-indent:-99em; width:56px; cursor:pointer; background:#fff; border-radius:5px; text-align:center;}
#demo01 .flex-control-paging li a.flex-active{background:#00aeff;}


/*cont-warp*/
.cont-warp{width:100%; position:relative;min-width:1200px;box-shadow: -1px 0px 9px #656363;-webkit-box-shadow:-1px 0px 9px #656363;}
.cont-warp .big-img{width:100%; height:100%; position:absolute; top:0; left:0;}
.cont-box{ margin:0 auto; width:1200px; overflow:hidden;}

/*linbo 1*/
#demo02.flexslider{position:relative; width:1000px; height:230px; overflow:hidden; zoom:1; float:right; margin-top:30px; margin-right:60px;}
#demo02 .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
#demo02.flexslider .slides{zoom:1;}
#demo02.flexslider .slides li .a-bg{display: block;width: 236px;height: 200px;float: left;margin-right: 12px;background: #FFF;overflow: hidden;position: relative;}
#demo02.flexslider .slides li .a-bg img{width:236px; height:200px;}

/*bottom-box*/
.bottom-warp{width:100%; padding:15px 0; background:#222222; overflow:hidden;}
.bottom-box{width:1200px; margin:0 auto; overflow:hidden;}
.bottom-box .b-img{margin-left:200px; float:left;}
.bottom-box ul{overflow:hidden; float:left; margin-bottom:10px; margin-top:18px;}
.bottom-box ul li{float:left; color:#fff; font-size:16px; padding:0 10px;}
.bottom-box ul li a{color:#fff;}
.bottom-box p{color:#fff; font-size:14px; line-height:25px; text-align:center;}
@media screen and (max-width:980px) {
	body{display:table;}
}

.sidebar_right {width: 920px;float: left;display: inline-block;}
.sidebar_left {width: 250px;margin-left: 10px;float: right;display: inline-block;}
.familytitle {background: url("../image/fwFAQ_anniu.png")/*tpa=http://qingshangame.com/image/fwFAQ_anniu.png*/ no-repeat;width: 100%;height: 41px;margin-top: 10px;float: left;}
.familytitle ul li {height: 32px;color: rgb(98, 97, 97);line-height: 32px;font-size: 16px;font-weight: bolder;vertical-align: middle;float: left;display: inline-block;cursor: pointer;margin: 0px 10px;padding: 0px 20px;}
.familytitle ul li.on {margin: 0px 12px;padding: 0px 15px;color: rgb(255, 255, 255);background-color: rgb(21, 166, 255);}
.leftimg {float: left;display: inline;}
.rightinfo {width: 80%;float: left;display: inline;}
.rightinfo p {color: rgb(110, 110, 110);line-height: 25px;text-indent: 20px;padding-left: 0px;font-size: 12px;border-bottom-color: currentColor;border-bottom-width: medium;border-bottom-style: none;float: left;}
.infoshow {width: 100%;padding-bottom: 10px;margin-top: 15px;border-bottom-color: rgb(204, 204, 204);border-bottom-width: 1px;border-bottom-style: solid;float: left;}
.infoshow label {margin: 10px 0px;width: 100%;color: rgb(46, 46, 46);font-size: 12px;font-weight: bolder;float: left;}
.infoshow p {width: 100%;height: auto;color: rgb(110, 110, 110);line-height: 25px;text-indent: 20px;padding-left: 0px;font-size: 12px;border-bottom-color: currentColor;border-bottom-width: medium;border-bottom-style: none;float: left;}
.infoshow span {width: 100%;color: rgb(110, 110, 110);line-height: 25px;padding-left: 3%;font-size: 12px;float: left;}
.familleftbar {border: 1px solid rgb(117, 164, 199);width: 88%;padding-bottom: 15px;margin-top: 15px;float: left;}
.familleftbar2 p {padding: 15px 0px 0px;width: 100%;text-align: center;font-size: 14px;float: left;}
.familleftbar2 p span {width: 70px;height: 25px;line-height: 25px;padding-left: 10px;margin-left: 10px;vertical-align: middle;float: left;display: inline;}
.familleftbar2 p label {height: 25px;line-height: 25px;vertical-align: middle;float: left;display: inline;}
.familleftbar3 p {padding: 15px 10px 0px;text-align: center;font-size: 14px;}
.familleftbar2 .downthis {padding-left: 18%;margin-top: 40px;float: left;}
/*用户协议.html*/
.loginTit {background: rgb(239, 239, 239); width: 100%; height: 55px; margin-top: 30px; line-height: 55px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px;  border-bottom-style: solid; float: left;}
.loginTit h3 {width: 100px; margin-left: 15px; float: left;}
.area {margin: 0px auto; width: 1000px; overflow: hidden;}
.fcmTit {padding: 15px 0px; width: 100%; text-align: center;}
.fcmbody {width: 100%; float: left;font-size: 14px;line-height: 30px;color: #333}
.fcmbody h4 {padding: 20px 0px; width: 100%; float: left;}
.fcmbody p {line-height: 30px; text-indent: 30px;}

.navigation{width: 100%;background: #0a0a0a;margin-bottom: 30px;padding: 25px 0}
.container{width: 1200px;margin: 0 auto;}
.logo {color: #fff;font-size: 22px;letter-spacing:2px;display: inline-block; }
.navbar{float: right;margin-top: 6px}
.navbar li{float: left;padding: 0 25px;}
.navbar li a{color: #909090;font-size: 14px;}
.navbar li.active a{color: #fff;    font-size: 16px;font-weight: bold;}

.hot-game { margin: 50px 0; }
.hot-game-item { box-shadow: 0 2px 10px #f0efee; float: left; width: 370px; margin-right: 45px; margin-bottom: 30px }
.hot-game-item:nth-child(3n) { margin-right: 0; }

.hot-game-pic-wrap { height: 185px; overflow: hidden; cursor: pointer; position: relative; }
.hot-game-pic-wrap:hover>img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); }
.hot-game-pic-wrap>img { width: 100%; height: 100%; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.hot-game-info { padding: 20px 18px; background: #fff }
.hot-game-info h3 { font-size: 18px; font-weight: normal; margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.hot-game-info p { min-height: 15px; color: #707070; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.hot-game-pic-wrap:hover .hot-game-code { top: 0; opacity: 1; transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); }
.hot-game-code { width: 370px; height: 185px; background: rgba(255, 183, 58, .8); position: absolute; top: 100px; transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 0; }
.hot-game-code img { width: 80px; height: 80px; float: left; margin-left: 30px; margin-top: 28px; }
.hot-game-code .qrcode { width: 70px; height: 70px; }
.hot-game-code .QR-code-box { width: 80px; height: 80px; float: left; border: 5px solid #fff; margin-left: 80px; margin-top: 52px; }
.hot-game-code .des { float: left; font-size: 16px; font-weight: bold; color: #fff; margin-left: 25px; margin-top: 70px; }
.hot-game-code .des p { margin-bottom: 10px; }
.sub-title { font-size: 22px; font-weight: normal; color: #202020; margin-bottom: 20px; padding-left: 14px; position: relative; }
.sub-title:before { content: ""; position: absolute; left: 0; bottom: 2px; height: 20px; width: 4px; background: #ff8246; }
.sub-title .more { float: right; margin-top: 5px; font-size: 14px; }
.clearfix { *zoom: 1 }
.clearfix:before, .clearfix:after { content: ""; display: table }
.clearfix:after { clear: both }

.footer{background-color:#222222;padding-top:20px;font-size: 14px;}
.tabbar{margin: 0 auto;width:320px;display: flex;justify-content: space-between;}
.tabbar li{text-align: center;color: #fff}
.tabbar li a{color: #fff}
.footer p{margin:10px 0;text-align: center;color: #9d9d9d}

.breadcrumb{margin-bottom: 20px;font-size: 14px;overflow: hidden;}
.breadcrumb li{float: left;}
.content{    padding: 31px 50px;font-size: 18px; line-height: 40px;}


/*game-details*/
.game-des-l { float: left; width: 770px; }
.game-des-info { background: #f5f5f5; padding: 30px; margin-bottom: 30px;    border-radius: 5px; }
.game-des-info>img { width: 110px; height: 110px; border-radius: 20px; float: left }
.game-des-info dl { float: left; margin-left: 30px; }
.game-des-info dt { font-size: 22px; font-weight: normal; margin: 8px 0 18px; }
.game-des-info .score-box { font-size: 22px; font-weight: normal; color: #ff8426; margin-bottom: 12px; }
.game-des-info .score-box .star-box { margin-top: 8px; margin-left: 10px; }
.game-des-info .text { color: #707070;    font-size: 14px; }
.game-des-info .text span { margin-right: 20px; }
.game-download-way { float: right; margin-top: 5px;    font-size: 14px; }
.game-download-way a { color: #505050; }
.game-download-way li { float: left; color: #505050; }
.game-download-way .download-pic-box { width: 70px; height: 70px; margin: 0 auto 15px; }
.game-download-way .download-pic-box img { width: 100%; height: 100%; }
.game-download-way li .download-pic-box { background: url(../images/downLoad-img.png) no-repeat; cursor: pointer; }
.game-des-part { padding: 30px; background: #fff }
.game-pics-box { width: 720px; height: 360px; position: relative; margin-bottom: 50px; }
.game-pics-box:hover .og_prev { display: block; }
.game-pics-box:hover .og_next { display: block; }
.game-pics-box ul { position: absolute; top: 0; left: 0; overflow: hidden; }
.game-pics-box ul li { float: left; width: 230px; height: 360px; margin-right: 10px; }
.game-pics-box ul li img { width: 100%; height: 100%; }

.game-des-message { line-height: 24px; margin-bottom: 45px;font-size: 14px; }
.game-comment-list { text-align: center }
.game-comment-list .sub-title { margin-bottom: 5px; text-align: left }
.game-comment-item { padding: 30px 0; border-bottom: 1px solid #eaeaea; text-align: left }
.game-comment-item>img { float: left; width: 62px; height: 62px; border: 1px solid #eaeaea; }
.game-comment-item dl { float: left; width: 618px; margin-left: 30px }
.game-comment-item dt { font-size: 18px; margin: 10px 0 10px; }
.game-comment-item .score-time { color: #707070; margin-bottom: 30px; }
.game-comment-item .star-box { margin-right: 20px; }
.game-comment-item .opt { float: right; }
.likes { display: inline-block; width: 19px; height: 16px; background: url(/images/jfGame_pc_icons.png) no-repeat -100px -128px; position: relative; top: 2px; cursor: pointer; }
.likes-ok { background-position: -100px -146px; }
.likes-ok.likesBlast { animation: likesBlast .5s }
@-webkit-keyframes likesBlast {
	0% { transform: scale(2.5); -ms-transform: scale(2.5); -moz-transform: scale(2.5); -webkit-transform: scale(2.5); -o-transform: scale(2.5); }
	50% { transform: scale(2); -ms-transform: scale(2); -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); }
	100% { transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); }
}
@keyframes likesBlast {
	0% { transform: scale(2.5); -ms-transform: scale(2.5); -moz-transform: scale(2.5); -webkit-transform: scale(2.5); -o-transform: scale(2.5); }
	50% { transform: scale(2); -ms-transform: scale(2); -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); }
	100% { transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); }
}
.game-comment-item .des { color: #707070; line-height: 22px; }
.game-des-r { float: left; width: 370px; margin-left: 30px; }
.game-des-gift .sub-title { margin-bottom: 30px }
.game-des-gift-list { margin-bottom: 50px }
.game-des-gift-list li { padding: 30px 25px; background: #fff; position: relative; }
.game-des-gift-list li:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: #f8f8f8; }
.game-des-gift-list h4 { font-size: 18px; font-weight: normal; margin-bottom: 15px; width: 230px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.game-des-gift-list .time { color: #707070; margin-bottom: 10px; }
.game-des-gift-list .des { color: #707070; line-height: 22px; }
.game-des-gift-list .opt { color: #ff8426; font-size: 18px; position: absolute; right: 30px; top: 43px; }
.game-des-gift-list .opt.disabled { color: #707070; cursor: not-allowed; }
.game-des-r .other-search { width: 100%; }

.other-search-list { padding: 21px 20px; background: #fff; }
.other-search-list li { margin-bottom: 32px; }
.other-search-list li>a { display: block; }
.other-search-list li:last-child { margin-bottom: 0; }
.other-search-list img { width: 60px; height: 60px; border-radius: 10px; float: left; }
.other-search-list .info { margin-left: 75px; }
.other-search-list .info h3 { font-size: 18px; font-weight: normal; margin: 8px 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.other-search-list .info p { color: #ff8426; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.search-breadcrumbs { margin: 10px 0 20px; }

.navbar{ min-height: auto!important; margin-bottom:0px!important; }

/*充值中心*/


.area {margin: 0px auto; width: 1000px; overflow: hidden;}
.wf1001 {width: 100%; float: left;}
.paycontainer {margin: 20px auto; width: 834px; overflow: hidden; font-size: 14px}
.payTit li {background:#e06262; width: 165px; height: 45px;border-radius: 6px; text-align: center; color: rgb(255, 255, 255); line-height: 45px; margin-left: 20px; float: left; opacity: 0.8;}
.payTit li.on {opacity: 1;}
.mt30 {margin: 30px 0px 50px; width: 100%;}
.pay-form {margin: 50px 0px 0px 150px;}
.item {margin: 20px 0px 15px; width: 100%; float: left;}
.name {width: 120px; text-align: right; float: left; line-height: 35px; }
.input {padding-left: 10px; margin-right: 15px; float: left;}
.input input[type='text'] {width: 250px; height: 35px; line-height: 35px; text-indent: 15px; margin-right: 10px;
	border: 1px solid rgb(188, 188, 188);vertical-align: middle}
#money>.input{width: 600px;vertical-align: middle}
#money>.input>label{display: inline-block;width: 140px;line-height: 40px;vertical-align: middle}
#money>.input>label:nth-child(16){display: block;width: 100%;}
#money>.input>.count>input{width: 100px;vertical-align: middle}
.input select {width: 250px; height: 35px;font-size: 14px;padding-left: 10px;}
.input img{height:30px;padding:5px;border:1px solid #e5e5e5;vertical-align:middle;margin-top:-6px;margin-left: 10px}
#choose>.input{width: 600px;vertical-align: middle;}
#choose>.input>label{display: inline-block;width: 170px;vertical-align: middle;}
.submit { background: #ff8426; border: currentColor; width: 140px; height: 45px; color: rgb(255, 255, 255); line-height: 45px; font-size: 18px; cursor: pointer; border-radius: 5px; }