@charset "UTF-8";
/**
 * style.css
 * @authors leiting (444961169@qq.com)
 * @Last Modified time: 2018-08-24 09:48:23
 * @version 2.0.1
 * @desc    19196.com 改版
 * @update-log:
 *
 */
html{color: #333; background: #fff; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body{text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; background: #f2f2f2; font-family: "microsoft yahei"; min-width: 1260px;}
body,
button,
input,
select,
textarea{font: 400 12px/1.5 'Lantinghei SC', 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif; outline: none;}
*{margin: 0; padding: 0; *zoom: 1; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{display: block;}
audio,
canvas,
progress,
video{display: inline-block; vertical-align: baseline;}
audio:not([controls]){display: none; height: 0;}
[hidden],
template{display: none;}
ul,
ol{list-style: none;}
li{*vertical-align: top;}
em{font-style: normal;}
a{color: #333; background-color: transparent; text-decoration: none;}
a:active,
a:hover{outline: 0; color: #ffcb2f;}
abbr[title]{border-bottom: 1px dotted;}
b,
strong{font-weight: bold;}
dfn{font-style: italic;}
mark{background: #ff0; color: #000;}
small{font-size: 80%;}
sub,
sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
img{border: 0;}
svg:not(:root){overflow: hidden;}
figure{margin: 1em 40px;}
hr{box-sizing: content-box; height: 0;}
pre{overflow: auto;}
code,
kbd,
pre,
samp{font-family: monospace, monospace; font-size: 1em;}
button,
input,
optgroup,
select,
textarea{color: inherit; font: inherit;}
button{overflow: visible;}
button,
select{text-transform: none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance: button; cursor: pointer;}
button[disabled],
html input[disabled]{cursor: default;}
button::-moz-focus-inner,
input::-moz-focus-inner{border: 0; padding: 0;}
input{line-height: normal;}
input[type="checkbox"],
input[type="radio"]{box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height: auto;}
input[type="search"]{-webkit-appearance: textfield; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input::-ms-clear{display: none;}
fieldset{border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend{border: 0; padding: 0;}
textarea{overflow: auto;}
optgroup{font-weight: bold;}
table{border-collapse: collapse; border-spacing: 0;}
.fl{float: left; _display: inline;}
.fr{float: right;}
.dn{display: none;}
.clearfix:before,
.clearfix:after{content: ""; display: table;}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}
.p0{padding: 0 !important;}
.p30{padding: 30px !important;}
.m0{margin: 0 !important}
.mar{margin: 0 auto !important;}
.mt0{margin-top: 0 !important;}
.ml0{margin-left: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.mr0{margin-right: 0 !important;}
.tc{text-align: center !important;}
.tr{text-align: right !important;}
.tl{text-align: left !important;}
.pos_r{position: relative;}
.pos_a{position: absolute;}
.pos_f{position: fixed;}
.bor-no{border: none !important;}
.bg-no{background: transparent !important;}
.clean{clear: both; height: 1px; overflow: hidden;}
.bg-fff{background: #fff!important;}
.fz12{font-size: 12px!important;}
.blue{color: #1a90db;}
.ell{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.l-ell{display: -webkit-box; display: box; word-wrap: break-word; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; box-orient: vertical; /* 几行隐藏 */ /* -ms-line-clamp: 2; -moz-line-clamp: 2; -webkit-line-clamp: 2; line-clamp: 2; */}
/*公共尾部*/
.footer,
.foot-top-all,
.foot-bottom-all{width: 100%; min-width: 1200px; color: #666;}
.footer a{color: #666;}
.footer ul.line{width: 100%;}
.footer ul.line li{height: 2px; width: 25%; float: left; display: block;}
.footer ul.line li.li1{background: #0da878;}
.footer ul.line li.li2{background: #ffb711;}
.footer ul.line li.li3{background: #45b7ff;}
.footer ul.line li.li4{background: #dc3e3a;}
.foot-top-all{background: #333;}
.foot-bottom-all{background: #2b2b2b;}
.foot-top,
.foot-bottom{width: 1200px; margin: 0 auto;}
.foot-top{padding: 32px 0;}
.foot-top-left{float: left; margin-left: 42px;}
.foot-top-left .foot-ewm{border: 1px solid #666; padding: 5px; float: left;}
.foot-top-left .foot-ewm img{float: left; border: 1px solid #666; width: 115px; height: 115px;}
.foot-logo{float: left; margin: 10px 0 0 30px; width: 255px;}
.foot-logo img{float: left; width: 183px; height: 73px;}
.foot-logo ul{float: left; width: 100%; margin-top: 10px;}
.foot-logo ul li{float: left; font-size: 14px; font-family: "microsoft yahei";}
.foot-logo ul li a{text-indent: -11111em; display: block; width: 26px; height: 26px; margin-right: 5px; background: url(../Images/all-bg.png?v=d9c4f393) -244px 0;}
.foot-logo ul li a.tengxin{background-position: -275px 0;}
.foot-logo ul li a.kongjian{background-position: -307px 0;}
.foot-logo ul li a.fenxiang{background-position: -339px 0;}
.foot-top-right{float: left; margin-bottom: 20px;}
.foot-top-right li{width: 120px; margin: 0 32px; float: left;}
.foot-top-right li dl{float: left; width: 120px;}
.foot-top-right li dl dt{float: left; border-bottom: 1px solid #474747; padding-bottom: 10px; margin-bottom: 5px;}
.foot-top-right li dl dt p{font-size: 16px; font-weight: bold; color: #c6c6c6; float: left; margin-right: 5px;}
.foot-top-right li dl dt span{font-size: 12px; margin-top: 5px; display: inline-block; *display: inline;}
.foot-top-right li dl dd{float: left; width: 100%; height: 18px; line-height: 18px; margin: 5px 0;}
.foot-top-right li dl dd a{width: 100%; float: left; font-size: 16px;}
.foot-link{width: 1200px; float: left; border-bottom: 1px solid #474747; padding: 20px 0 15px 0; position: relative;}
.foot-link span{float: left; font-size: 14px;}
.foot-link .infoList{width: 1140px; position: relative; *zoom: 1; overflow: hidden; min-height: 60px;}
.foot-link .infoList li{float: left; font-size: 14px; margin-right: 30px; height: 32px; line-height: 32px;}
.foot-about{text-align: center; font-size: 14px; padding: 20px 0;}
.foot-about ul{margin: 5px auto; display: inline-block; *display: inline;}
.foot-about ul li,
.foot-about ul span{display: inline-block; *display: inline;}
.foot-about ul span{margin: 0 15px;}
.foot-about p{text-align: center; margin-bottom: 5px;}
/*foot-banner*/
/*登录 注册 start*/
.log-bg{width: 100%; height: 590px; display: block; background: url('../../Index/Images/log-bg.jpg') no-repeat; margin: 30px 0;}
.form-login{background: #fff; width: 470px; height: 520px; position: relative; left: 50%; margin-top: 50px; margin-left: 30px; font-size: 16px; color: #999; line-height: 30px;}
.form-login a,
.reg-bg a{color: #53bcff;}
.form-reg{width: 500px; float: left; font-size: 16px;}
.log-title{border-bottom: 2px solid #f1f1f1; font-size: 22px; color: #333333; text-align: center;}
.log-title span{border-bottom: 4px solid #f99933; line-height: 70px; display: inline-block; margin-bottom: -2px; padding: 0 10px;}
.reg-r{height: 370px; width: 320px; padding: 40px 40px 40px 80px; margin-top: 40px; float: left; font-size: 18px; color: #666666; background: url(../Images/line.png?v=d9c4f393) no-repeat;}
a.login_btn{width: 320px; display: block; background: #f99933; color: #fff; height: 45px; text-align: center; clear: both; line-height: 40px; margin: 10px 0; font-size: 16px;}
.reg-bg{background-color: rgb(255, 255, 255); box-shadow: 0px 3px 35px 0px rgba(7, 0, 2, 0.05); width: 940px; height: 570px; margin: 30px auto; padding: 0 30px;}
.close{float: right; font-size: 30px; line-height: 1; color: #000; opacity: 0.2; filter: alpha(opacity=20); font-family: simsun;}
.close:hover,
.close:focus{color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50);}
button.close{padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none;}
.modal-open{overflow: hidden;}
.modal{display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0;}
.modal.fade .modal-dialog{-webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
.modal.in .modal-dialog{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}
.modal-open .modal{overflow-x: hidden; overflow-y: auto;}
.modal-dialog{position: relative; width: auto; margin: 100px auto; width: 500px;}
.modal-content{width: 500px; padding: 10px 0; position: relative; background: #fff;}
.form-group1,
.form-group{width: 100%; float: left; min-height: 47px;}
.form-group span{width: 160px; display: block; float: left; font-size: 14px;}
.form-group p{color: #E43828;}
.form-reg .btn,
.form-reg .btn-active{float: left;width: 126px;margin-top: 8px;line-height: 46px;text-align: center;height: 46px;border: 1px solid #f9a833;font-size: 16px;color: #333;}
.form-reg .btn-active,
.form-reg .btn:hover{background: #f4f4f4;}
.form-group i{width: 36px; height: 46px; vertical-align: top; display: inline-block; background: url(../Images/all-bg.png?v=d9c4f393) no-repeat;}
.form-group .user{background-position: -110px -297px;}
.form-group .pwd{background-position: -110px -363px;}
.form-group .yzm{background-position: -110px -427px;}
.form-group1 .psw-grade{width: 100%; height: auto;}
.form-group1 .psw-grade i{display: inline-block; width: 32%; color: #ffffff; text-align: center; background-color: #999; font-size: 12px;}
.form-group1 .psw-grade i.low,
.save-grade dt.low{background-color: #f93333;}
.form-group1 .psw-grade i.middle,
.save-grade dt.middle{background-color: #33a3f9;}
.form-group1 .psw-grade i.save,
.save-grade dt.save{background-color: #26da3f;}
.form-control:focus{border-color: #f9a833;}
.error1,
.error2{color: #E53828;}
.control-label{font-size: 16px; color: #666; float: left; width: 110px; text-align: right; margin: 0 20px; line-height: 30px;}
.form-group{width: 305px; height: 46px; margin: 8px 0; border: 1px solid #ccc; padding: 0 10px 0 0px; float: left; line-height: 46px; font-size: 14px;}
.form-control{width: 215px; height: 42px; border: 0px;}
.yzm1{/* float: left; */ width: 165px; margin-right: 10px;}
.yzm1 .form-control{width: 105px;}
.form-group a img{float: left; margin-left: 10px; height: 28px;}
.modal-backdrop{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000;}
.modal-backdrop.fade{opacity: 0; filter: alpha(opacity=0);}
.modal-backdrop.in{opacity: 0.5; filter: alpha(opacity=50);}
.modal-header{height: 66px; width: 500px; float: left; border-bottom: 1px solid #ccc;}
.modal-header .close{margin-top: -5px;}
.modal-header a.logreg-log,
.modal-header a.logreg-reg{float: left; display: block; width: 120px; font-size: 24px; color: #333; line-height: 66px; text-align: center;}
.modal-header a.logreg-log{margin-left: 90px;}
.modal-header a.logreg-reg{margin-left: 80px;}
.modal-header a.on{border-bottom: 3px solid #E43828; height: 64px; line-height: 64px;}
.modal-title{margin: 0; line-height: 20px; font-size: 18px; font-weight: normal; width: 400px; float: left;}
.modal-body{position: relative; margin-top: 22px; padding: 0 75px; width: 320px; float: left;}
.modal-body p{font-size: 14px; float: left; margin-bottom: 7px; position: relative; width: 320px;}
.modal-body p input{margin-right: 10px;}
a.wjmm{color: #53bcff; right: 0; top: 0; position: absolute;}
.modal-footer{padding: 0 75px; float: left; width: 320px; float: left;}
.other-log{font-size: 16px; color: #999; line-height: 40px; margin: 20px 0; text-align: center;}
.other-log a{display: inline-block; *display: inline; margin-right: 5px; text-indent: -11111em; width: 47px; height: 47px; background: url(../Images/all-bg.png?v=d9c4f393) no-repeat;}
.other-log a.wechat{background-position: -74px 0;}
.other-log a.microblog{background-position: -127px 0;}
.other-log a.qq-btn{background-position: -180px 0;}
.other-log p{background: #fff; width: 150px; margin: -20px auto 0;}
/*登录注册 end*/
.error-bg{background-color: rgb(255, 255, 255); box-shadow: 0px 3px 35px 0px rgba(7, 0, 2, 0.05); width: 1000px; height: 724px; margin: 0 auto 102px; position: relative; top: 72px;}
.error-bg li{display: inline-block; margin: 30px 10px; font-size: 14px; font-family: "微软雅黑"; line-height: 30px;}
.error-bg li a{color: #999999;}
.error-bg li:hover a{color: #f9a833;}
.error-bg li i{width: 56px; height: 56px; display: block; background: url('../Images/all-bg.png') no-repeat; background-position: -179px -296px;}
.error-bg li.li2 i{background-position: -247px -296px;}
.error-bg li.li3 i{background-position: -315px -296px;}
.error-bg li.li4 i{background-position: -383px -296px;}
.error-bg li.li1:hover i{background-position: -179px -362px;}
.error-bg li.li2:hover i{background-position: -247px -362px;}
.error-bg li.li3:hover i{background-position: -315px -362px;}
.error-bg li.li4:hover i{background-position: -383px -362px;}
.place i{background: url('../Images/all-bg.png') no-repeat -171px -73px;width: 10px;height: 10px;display: inline-block;vertical-align: middle;margin-left: 10px;}
/*分页*/
.fenye{width: 100%; padding-bottom: 20px; text-align: center; position: relative; background: #fff; height: 50px;}
.fenye dl,
.fenye span{margin: 0 auto; text-align: center; display: inline-block; *display: inline;}
.fenye dl dd,
.fenye dl span{height: 38px; display: inline-block; *display: inline; margin: 0 4px; color: #999; line-height: 38px;}
.fenye dl dd a{color: #999; padding: 0 10px; font-size: 12px; display: inline-block; height: 30px; line-height: 30px; border: 1px solid #d8d8d8;}
.fenye dl dd a:hover,
.fenye dl dd.on a{background: #f9a833; color: #fff !important; border-color: #f9a833;}
/* 弹窗 */
.common-fade{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(17, 17, 17, .7); z-index: 999; display: none;}
.common-dialog{width: 450px; min-height: 280px; position: fixed; left: 50%;  top: 50%; background-color: #ffffff; z-index: 1000; display: none; transform: translate(-50%, -50%)}
.common-title{height: 50px; width: 100%; background: #f99933;}
.common-close{width: 16px; height: 16px; color: #fff; display: inline-block; float: right; margin: 15px 15px 0 0; cursor: pointer;}
.common-con{padding: 20px; min-height: 120px; font-size: 14px;}
.common-con h2{font-size: 24px; font-weight: normal; line-height: 80px;}
.common-dialog .common-btn{border-radius: 4px; background-color: rgb(249, 153, 51); width: 146px; height: 38px; line-height: 38px; text-align: center; display: inline-block; color: #fff; margin: 0 auto 20px; font-size: 16px;}
.common-dialog .common-btn.blue{background: #2d9bf8}
.common-dialog .pack-code{width: 330px; height: 30px; line-height: 30px; border: 1px solid #f99933; margin: 20px auto;}
.common-dialog .pack-code span{background: #f99933; height: 30px; width: 75px; float: left; color: #fff; text-align: center;}
.common-dialog .pack-code P{width: 255px; color: #f99933; text-align: center; float: left;}

/* 2018-08-09 */
/* 头部 */
.v2-main{width: 1260px;display: block;margin-left:auto;margin-right:auto;}
.v2-terrace-top{background-color: rgb(51, 51, 51);width: 100%;height: 46px;line-height: 46px; color: #cccccc; font-size: 13px; }
.v2-terrace-top a{ color: #cccccc; margin-right: 30px; }
.v2-terrace-top i{ font-size: 15px; }
.v2-terrace-top a:hover,.v2-terrace-top a:hover i{ color: #fff; }
/* 搜索 */
.v2-search{ position: relative;  display: inline-block; vertical-align: middle; margin: 0 50px; }
.v2-search input{border-radius: 4px;background-color: rgb(102, 102, 102);width: 300px;height: 30px; line-height: 30px; border: 0px; padding: 0 5px;}
.v2-search input::-webkit-input-placeholder{color:#cccccc;}
.v2-search input::-moz-placeholder{color:#cccccc;}
.v2-search input:-moz-placeholder{color:#cccccc;}
.v2-search input:-ms-input-placeholder{color:#cccccc;}
.v2-search  i{ position: absolute; right: 10px; top: 0px; }

.v2-game-tlist{ position: absolute; right: 0px; top: 0px;}
.v2-game-tlist-1 {background-color: rgb(255, 203, 47);width: 140px;height: 132px; color: #333333; text-align: center; line-height: 30px; padding-top: 30px; font-size: 16px;}
.v2-game-tlist-1 i{ font-size: 40px; }
.v2-header-all{ background-color: rgb(255, 255, 255);width: 100%;height: 96px; line-height: 96px; color: #000;font-family: "microsoft yahei";}
.v2-header-all a{ color: #000; font-size: 15px; font-weight: bold; margin: 0 20px; }
.v2-header-all i{ font-weight: normal; font-size: 18px; margin-right: 5px;}
.v2-header-all a:hover{ color: #ffcb2f; }
.v2-logo{ display: inline-block; vertical-align: middle; margin-right: 120px; }


/* 头部游戏列表 */
.v2-game-tlist-1 .v2-game-tlist-1-2{display: none;}
.v2-game-tlist.on .v2-game-tlist-1-2{display: block!important;}
.v2-game-tlist.on .v2-game-tlist-1-1{display: none!important;}
.v2-game-tlist:hover .v2-game-tlist-1 .v2-game-tlist-1-2 i{ font-size: 80px; line-height: 132px; }
.v2-game-tlist-1-2{-webkit-transition: all .28s ease-in .1s;transition: all .28s ease-in .1s;width: 140px;height: 132px;position: absolute;top: 0px;left: 0px;text-align:  center;line-height:  132px;}
.v2-game-tlist-1-2:hover{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
.v2-top-menu{position: absolute;top: 130px;right: 0px;width: 0;height: 0;z-index: 9999;background: rgba(0,0,0,.7);color: #fff;overflow: hidden;opacity: 0;-webkit-transition: all .28s ease-in .1s;transition: all .28s ease-in .1s;}
.v2-game-tlist.on .v2-top-menu{ width: 1260px;height: 430px; opacity: 1;}
.v2-top-menu-tit{width: 100%;height: 90px;background: rgba(0,0,0,.6);padding: 40px 40px;}
.v2-top-menu-tit h3{ font-size: 18px; display: inline-block; margin-right: 100px; }
.v2-top-menu i{ font-style: normal;border-radius: 4px;background-color: rgb(122, 195, 7);width: 18px;height: 18px;line-height: 18px; text-align: center; font-size: 14px; display: inline-block;color: #fff; margin: 0 5px; }
.v2-top-menu i.v2-hot{ background: #fd7b20; }
.v2-top-menu-list{display: flex;flex-direction: row;align-items: flex-start;flex-wrap: nowrap;justify-content:space-around;}
.v2-top-menu-list dl{padding: 20px; line-height: 35px;}
.v2-top-menu-list dt{ font-weight: bold; margin-bottom: 10px; }
.v2-top-menu-list a{color: #fff;margin-right: 0;max-width: 150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: middle;}
.v2-top-menu-list a:hover{ color: #ffcb2f; }

#v2-header-all{position: fixed;_position: absolute;left: 0;top:0px!important;z-index: 99999;display: none;opacity: 0;box-shadow: 0 0 10px #ccc;height: 60px;line-height: 60px;}
#v2-header-all .v2-logo{ height:40px}
#v2-header-all a{ margin:0 40px}


.right-nav{position: fixed; _position: absolute; left: 50%; margin-left: 650px; z-index: 99999; display: none; opacity: 0;}
.right-nav ul{ margin-top: -20px; z-index: 2; position: relative; margin-left: 15px;  }
.right-nav li{background-color: #ffffff;margin-bottom: 12px;width: 80px;height: 80px;-webkit-transition: background 0.2s ease;}
.right-nav li a{display: block;width: 80px;height: 80px;line-height: 80px;padding-left: 18px;background-color: rgba(0, 0, 0,.2);transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.right-nav li a i{font-size: 40px;color: #fff;text-align: center;line-height: 80px;}
.right-nav li:hover a{display: block; width: 80px; height: 80px; background-color: rgba(0, 0, 0,.6);}
.right-nav li.li1{ background: #fff9e7; border: 1px solid #ffcb2f; text-align: center; position: relative; }
.right-nav li.li1 .v2-ewm{ position: absolute; right: 90px; top: 0px; width: 0px; height: 0px; -webkit-transition: all .28s ease-in .1s; transition: all .28s ease-in .1s;}
.right-nav li.li1:hover .v2-ewm{ width: 268px; height: 299px; }
.right-nav li.li1 i{font-size: 50px;color: #ffcb2f;text-align: center;line-height: 80px;}
.v2-btn-ghsp{position: absolute;top: 10px;right: 20px;z-index: 2;}
.v2-game-hot .swiper-button-next{top: 0;background: none;width: 90px;display: block;z-index: 998;}
.v2-wjpj-con1,.v2-wjpj-con2,.v2-wjpj-con3{margin-top: 0px!important;padding-top: 0px!important; height: 80px!important;}