@charset "UTF-8";

/**
 * style.css
 * @authors leiting (957770324@qq.com)
 * @Last Modified time: 2017-02-21 16:45:36
 * @version 0.0.1
 * @desc    51.com 改版
 * @update-log:
 *
 */
html{color: #333; background: #f7f7f7; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body{text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; background: #f2f2f2;}
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;}
body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section{margin: 0; padding: 0;}
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: #d71b1b;}
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; */}

.terrace-top{width: 100%; min-width: 1200px; float: left; height: 42px; background: #2d2d2d; font-family: simsun;}
.terrace-top-all{width: 1014px; margin: 13px auto; height: 16px;}
.terrace-top-all a{color: #c7c7c7; font-size: 14px; font-family: "microsoft yahei";}
.terrace-top-all-left{float: left; position: relative; z-index: 2;}
.terrace-top-all-left li{display: inline-block; *display: inline;height: 42px;}
.terrace-top-all-left li a{height: 16px; line-height: 15px; display: inline-block; * display: inline; margin-right: 15px; padding-left: 22px; background: url(/top/images/all-bg.png?v=20190806) no-repeat;}
.terrace-top-all-left li a.shouye{background-position: -478px -2px;}
.terrace-top-all-left li a.luntan{background-position: -481px -22px;}
.terrace-top-all-left li a.lulu{background-position: -481px -42px;}
.terrace-top-all-left li a.libao{background-position: -481px -62px;}
.terrace-top-all-left li a.quanzhan{background-position: -481px -82px;}
.terrace-top-all-left li.site-map-nav:hover .site-map{display: block;}
.site-map-nav{height: 35px;}

.site-map{display: none; position: absolute; top: 24px; left: 50px; padding: 10px 15px; border: 1px solid #ececec; background-color: #fff; z-index: 111; *z-index: 111;}
.site-map-item a{height: 24px; margin: 0 0 0 15px !important; line-height: 30px !important; padding: 0 !important;}
.site-map-item a:hover{text-decoration: underline;}
.site-map-item .item-index{margin-left: 0; font-weight: 600; color: #E43828;}
.top-nav .site-map-nav .nav-item{position: relative; z-index: 2; padding-left: 9px; padding-right: 9px; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}

.top-share{position: relative; margin-top: -6px; overflow: hidden;}
.top-share b{float: left; margin-right: 5px; font-weight: 400; line-height: 28px; color: #848484;}
.top-share .bdsharebuttonbox{position: relative; float: left; margin-right: -6px;}
.header-all{width: 100%; height: 100px; min-width: 1200px; background: #fff; display: inline-block; *display: inline; font-family: simsun;}
.header{margin: 15px auto; height: 70px; width: 1012px; position: relative;}
.header .logo{float: left; height: 70px; width: 175px;margin-left: -18px;}

.head-search{margin: 8px 0 0 140px; display: inline-block; *display: inline; width: 400px;}
.head-search-all{width: 386px; display: inline-block; *display: inline; position: relative;}
.head-search-input{width: 305px; padding: 8px 10px; line-height: 16px; height: 16px; border: 1px solid #d71b1b; color: #999;}
.head-search-btn{position: absolute; right: 0; top: 0; width: 61px; height: 34px; background: url(/top/images/all-bg.png?v=20190806) #d71b1b no-repeat -390px -36px; border: none;}
.head-search ul,
.head-search ul li,
.head-search ul li a{float: left;}
.head-search ul{width: 426px; margin-top: 5px;}
.head-search ul li{margin-left: 0px; color: #999;}
.head-search ul li a,
.log-reg li a{color: #999;}
.log-reg{position: absolute; list-style: none; right: 8px; top: 0;}
.log-reg li{float: right;margin-left: 10px;max-width: 60px;font-family: "microsoft yahei";font-size: 14px;}
.log-reg li a{text-align: center; display: block; min-width: 45px; height: 26px; padding-top: 50px; color: #666666;}
.log-reg li a.head-chongzhi{background: url(/top/images/all-bg.png?v=20190806) no-repeat -306px -56px;}
.log-reg li a.head-log{background: url(/top/images/all-bg.png?v=20190806) no-repeat -256px -56px;}
.log-reg li a.head-reg{background: url(/top/images/all-bg.png?v=20190806) no-repeat -206px -56px;}
.log-reg li a.head-quit{background: url(/top/images/all-bg.png?v=20190806) no-repeat -206px -452px;}
.log-reg li.head-out a.link-out-img{display: block;width: 60px;height: 40px;padding: 5px 0;float: left;font-family: simsun;font-size: 14px;}
.log-reg li.head-out img{border-radius: 20px;margin: 0 5px;float: left;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;width: 40px;height: 40px;}
.log-reg li.head-out a.link-out{float: left;width: 60px;padding-top: 0px;line-height: 20px;color: #e43828;}
.nav-all{width: 100%; height: 55px; min-width: 1200px; background: #d71b1b; display: inline-block; *display: inline;}
.nav{margin: 0 auto; height: 55px; width: 1012px; font-family: "microsoft yahei"; font-size: 18px; line-height: 55px;}
.nav li{display: inline-block; *display: inline; margin-right: 10px;}
.nav li a{color: #fff; display: inline-block; *display: inline; padding: 0; height: 48px; line-height: 40px; margin-top: 7px; width: 128px; text-align: center; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.nav li a:hover,
.nav li a.on{background: #fff; color: #d71b1b;}

/* 导航 */
.page-break{
    height: 40px;
    line-height: 40px;
    margin-bottom: 2px;
    font-size: 12px;
    font-family: inherit;
    width: 1012px;
    margin: 0 auto;
	color: #999;
}
.page-break span{
    color: #999;
}
.page-break a{
	color: #999;
}
.page-break a:hover {
	color: #d71b1b;
	text-decoration: none;
}
.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(/top/images/all-bg.png?v=20190806) -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*/
.slideBox{position: relative; margin: -5px 0 0 70px;}
.slideBox .hd{height: 15px; position: absolute; right: 5px; bottom: 5px; z-index: 1;}
.slideBox .bd{position: relative; z-index: 0;}

.slideBox .prev,
.slideBox .next{position: absolute; left: -70px; top: 10px; text-align: center; line-height: 22px; font-family: simsun; margin-top: 25px; display: block; width: 22px; height: 22px; background: #474747; color: #999; font-size: 18px;}
.slideBox .next{left: auto; left: -35px;}
.content{min-width: 1012px; margin-bottom: 10px; width: 100%; min-height: 300px; height: 100%; clear: both; overflow: hidden; position: relative;}
.content-personal{margin-bottom: 70px;width: 100%;min-height: 300px;height: 100%;clear: both;overflow: hidden;}
.content-list{width: 100%; min-height: 300px; height: 100%; clear: both; overflow: hidden;}
.adm{width: 100%; height: 1020px; position: absolute; top: 0; left: 0; z-index: 0;}
.adm-bg{display: block; height: 1020px; width: 100%;}
.second-nav{padding: 11px 16px; width: 1168px; background: #fff; margin: 0 auto 20px auto; height: 18px;}
.second-nav li{float: left; border-right: 1px dotted #ccc; padding: 0 15px;}
.second-nav li a{color: #333; font-size: 16px; line-height: 18px;}
.second-nav li a:hover{color: #E43828;}

.log-bg{width: 100%; height: 590px; display: block; background: url('/top/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 #d71b1b; 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(/top/images/line.png?v=20190806) no-repeat;}
a.login_btn{width: 320px; display: block; background: #d71b1b; 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 #d71b1b;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(/top/images/all-bg.png?v=20190806) 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: #d71b1b;}
.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(/top/images/all-bg.png?v=20190806) 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;}

.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: #d71b1b;}
.error-bg li i{width: 56px; height: 56px; display: block; background: url('/top/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('/top/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: #d71b1b; color: #fff !important; border-color: #d71b1b;}
/* 弹窗 */
.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%; margin-left: -225px; top: 50%; margin-top: -140px; background-color: #ffffff; z-index: 1000; display: none;}
.common-title{height: 50px; width: 100%; background: #d71b1b;}
.common-close{width: 16px; height: 16px; background: url('/top/images/all-bg.png') no-repeat; background-position: -284px -190px; display: inline-block; float: right; margin: 15px 15px 0 0;}
.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 #d71b1b; margin: 20px auto;}
.common-dialog .pack-code span{background: #d71b1b; height: 30px; width: 75px; float: left; color: #fff; text-align: center;}
.common-dialog .pack-code P{width: 255px; color: #d71b1b; text-align: center; float: left;}
/* 广告 弹窗 */
.advert-cont .advert-close{font-size: 20px; font-family: simsun !important; position: absolute; width: 20px; height: 20px; line-height: 20px; right: 5px; top: 5px; border-radius: 10px; background: #A1A0A0; display: block; color: #fff;}
.advert-cont{position: fixed; top: 50%; left: 50%; margin: -175px 0 0 -250px; z-index: 99999;}
.advert-cont img{width: 500px; height: 350px;}
.advert-open{width: 45px; height: 250px; position: fixed; bottom: 0; right: 0; background: #d71b1b; z-index: 99999;}
.advert-open a i{position: relative; margin-left: -12px; float: left; font-size: 30px; font-style: normal;}
.advert-open a{line-height: 27px; width: 25px; margin-left: 13px; margin-top: 5px; height: 245px; font-family: simsun; display: block; font-size: 20px; color: #fff;}
.advert-bottom{position: fixed; bottom: 0; right: 0; z-index: 99999; width: 343px; height: 298px;}
.advert-bottom-tit{background: #d71b1b; width: 343px;}
.advert-bottom-tit .colse-btn{position: absolute; right: 0; top: 0; font-size: 20px; color: #fff; font-family: simsun; cursor: pointer;}
.advert-bottom-tit img{width: 80px; height: 30px; margin: 7px 0 0 130px;}
.advert-bottom-main{border: 1px solid #d71b1b; height: 235px; padding: 10px; background: #fff;}
.advert-bottom-main .focusBox{position: relative; width: 320px; height: 145px; overflow: hidden;}
.advert-bottom-main .focusBox .pic{position: relative; z-index: 0;}
.advert-bottom-main .focusBox .pic img{width: 320px; height: 145px; display: block;}
.advert-bottom-main .focusBox .hd{width: 100%; position: absolute; bottom: 10px; text-align: center; font-size: 0; z-index: 99999;}
.advert-bottom-main .focusBox .hd li{margin: 0 5px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display: inline-block; *display: inline; zoom: 1;}
.advert-bottom-main .focusBox .hd .on{background-position: 0 0;}
.advert-bottom-main .focusBox .prev,
.advert-bottom-main .focusBox .next{width: 15px; height: 25px; margin: -12px 0 0; background: #faa; position: absolute; top: 50%; z-index: 999; cursor: pointer; text-indent: -9999px; font-size: 30px; color: #000;}
.advert-bottom-main .focusBox .prev{left: 10px; background: url(/top/images/prve-btn.png) no-repeat; background-size: 15px 25px;}
.advert-bottom-main .focusBox .next{background-position: 0 -90px; right: 10px; background: url(/top/images/next-btn.png) no-repeat; background-size: 15px 25px;}
.advert-bottom-main .focusBox-bottom{width: 320px; margin-top: 3px;}
.advert-bottom-main .focusBox-bottom li{width: 320px; line-height: 30px; font-size: 16px;}


.terrace-top .menu{position: absolute; right: 0px; width: 420px; padding:0; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.761); display: none; margin-right: -2px; top: 28px; z-index: -1; background-image: url('/top/images/line1.png'); background-repeat: no-repeat; background-position: center;}
.terrace-top .game-c:hover .menu{display: block;}
.terrace-top .menu h3{line-height: 42px; text-align: center; font-size: 22px; color: #d71b1b; font-weight: normal; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.478); font-family: "Microsoft YaHei";}
.terrace-top .game-nav{line-height: 30px; padding: 0 0px 10px 10px; text-align: center;}
.terrace-top .game-nav dd{line-height: 40px; height: 40px; display: inline-block; font-size: 20px; width: 130px; padding: 0; margin: 0; background: none; text-align: left;}
.terrace-top .game-nav dd a{color: #d6d5d3;}
.terrace-top .game-nav dd span{font-size: 10px; border-radius: 0; width: 13px; text-align: center; height: 13px; line-height: 13px; display: inline-block; margin-left: 3px; vertical-align: middle;}
.terrace-top .game-nav dd span.hot{background: #ec5050; color: #fff;}
.terrace-top .game-nav dd span.new{background: #a5c150; color: #fff;}
.terrace-top-all-left li dd a{height: 16px;line-height: 15px;display: inline-block; *display: inline;margin-right: 0px;padding-left: 0px;background: none;font-size: 16px;vertical-align: middle;}
.terrace-top-all-left li dd a:hover{color: #fff;}
.terrace-top .menu p a{color: #d71b1b; border: 1px solid #d71b1b; border-radius: 99px; padding:3px 5px; float: right; margin-bottom: 10px; margin-right: 10px;}
.terrace-top .menu p a:hover{background-color: rgb(249, 153, 51); background-color: rgba(249, 153, 51,0.659); color: #fffffe}
.icon-down,
.icon-game{display: inline-block; padding: 0; position: relative; z-index: 98; cursor: pointer;}
.icon-down .ewm{position: absolute; display: none; z-index: 100; left: 1px; top: -12px; line-height: 30px; text-align: center; padding-top: 10px;}
.icon-down .ewm img{width: 152px; margin: 0 10px;}
.icon-down .ewm p{margin-top: -10px; font-size: 18px; font-family: "Microsoft YaHei";}
.icon-down:hover a{color:#d71b1b;}
.icon-down:hover .ewm{display: block; background: #fff; padding: 12px; left: -60px; margin-left: -2px; border: 1px solid #cecece;}

.delfr1,.delfr2,.delfr3{
	background: #ffffff;
	border-radius: 2px;
	box-shadow: 0 0px 5px 0px #e0dfdf;
	margin-bottom: 30px;
}
.delfr3 .title{
	height: 64px;
	font-size: 18px;
	font-weight: bold;
	line-height: 65px;
	letter-spacing: 0px;
	color: #333333;
	padding-left: 61px;
	background: url(/top/images/tui-jian-icon.png) no-repeat 20px 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 15px;
	border-bottom: 1px solid #e6e6e6;
	box-sizing: border-box;
}
.delfr3 .itemlist .item{
	padding: 10px 20px;
	box-sizing: border-box;
}
.itemlist .item .itemwrp{
	display: block;
	overflow: hidden;
	height: 120px;
}
.itemlist .item .itemwrp .itemfl{
	position: relative;
	height: 118px;
	width: 258px;
	border-radius: 2px;
}
.itemlist .item:first-child .itemwrp .itemfl{
	border: 1px solid #00a9ff;
}
.itemlist .item:nth-of-type(2) .itemwrp .itemfl{
	border: 1px solid #ff7200;
}
.itemlist .item:last-child  .itemwrp .itemfl{
	border: 1px solid #57cc09;
}
.itemlist .item .itemwrp .itemfl img{
	width: 100px;
	height: 100px;
	position: absolute;
	border-radius: 10px;
	top: 50%;
	left: 10px;
	margin-top: -50px;
}
.itemlist .item .itemwrp .itemfl .itemfltel{
	height: 118px;
	margin-left: 120px;
}
.itemlist .item .itemwrp .itemfl .itemfltel div{
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #999999;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.itemlist .item .itemwrp .itemfl .itemfltel div:first-child{
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #333333;
	padding-top: 17px;
	margin-bottom: 13px;
}
.itemlist .item .itemwrp .itemfl .itemfltel div:last-child{
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #999999;
	margin-top: 2px;
}
.itemlist .item .itemwrp .itemfr{
	position: relative;
	width: 20px;
	height: 120px;
}
.itemfr img{
	position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 20px;
	height: 100px;
	border-radius: 0px 6px 6px 0px;
}
.w1200{
    width: 1012px;
    margin: 0 auto;
}
.w850{
    width: 668px;
}
.w320{
    width: 320px;
}
.title{
    height: 60px;
    position: relative;
}
.newtitle{
    position: relative;
	margin: 15px 0px 15px 0px;
}
.newtitle .newtextspan{
    display: block;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #333333;
    box-sizing: border-box;
}
.gift-content ul li{
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #cccccc;
}
.gift-content ul li:last-child{
    border-bottom: 0px solid #cccccc;
}
.gift-content ul li.hover:last-child{
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.gift-content ul li.hover{
    width: 100%;
    height: 70px;
    background: #f7f7f7;
}
.gift-content ul li .p1{
    display: none;
    width: 290px;
    float: left;
}
.gift-content ul li.hover .p1{
    display: block;
    width: 95px;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 15px;
    box-sizing: border-box;
    float: left;
}
.gift-content ul li.hover .p1 img {
    width: 60px;
    height: 60px;
    border-radius: 12px;
}
.gift-content ul li .p2 {
    width: 290px;
    height: 35px;
    float: left;
}
.gift-content ul li.hover .p2 {
    width: 50%;
    padding-top: 17px;
    float: left;
}
.gift-content ul li.hover .p2 p {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 0px;
}
.gift-content ul li .p2 p {
    height: 35px;
    line-height: 35px;
    padding-left: 20px;
    box-sizing: border-box;
    overflow: hidden;
}
.gift-content ul li.hover .p2 p a:hover{
    color: #ff6c38;
}
.gift-content ul li .p2 span{
    display: none;
}
.gift-content ul li.hover .p2 span{
    display: block;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #666666;
    float: left;
}
.gift-content ul li .p3 {
    display: block;
    float: left;
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: right;
    padding-right: 10px;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.gift-content ul li.hover .p3{
    display: none;
    float: left;
}
.gift-content ul li .p4 {
    display: none;
    float: left;
}
.gift-content ul li.hover .p4 {
    display: block;
    width: 100px;
    height: 68px;
    line-height: 100px;
    position: relative;
    float: right;
}
.delfr1 .title{
    height: 64px;
    font-size: 18px;
    font-weight: bold;
    line-height: 65px;
    letter-spacing: 0px;
    color: #333333;
    padding-left: 61px;
    background: url(/top/images/zi-xun-icon.png) no-repeat 20px 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 15px;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
}
.delfr1 .item{
    width: 320px;
    padding: 8px 0px;
    box-sizing: border-box;
}
.delfr1 .item .itemli{
    display: block;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    background: url(/top/images/2-you-hui.png) right 20px bottom 8px no-repeat;
    background-size: 7px 16px;
    padding-left: 20px;
    padding-right: 35px;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.delfr1 .item .itemli:hover{
    color: #ff5e1d;
}
.page{
display: inline-block;
    width: 100%;
    text-align: center;
    margin: 15px 0px 30px 0px;
}
.page .current, .page a:hover, .page span:hover{
background: #d71b1b;
    color: #fff;
    border: 1px solid #d71b1b;
}
.page a, .page span{
    padding: 8px 14px;
    font-size: 14px;
    display: inline-block;
    border: 1px solid #d7d7d7;
    margin: 0px 2px;
}

/*入群摇摆*/
.libao {
	position: fixed;
	top: 55px;
	right: 80px;
	width: 132px;
	height: 155px;
	z-index: 99;
	border-radius: 0px 0px 13px 13px;
}

/*摇摆动画效果 start*/
.sway {
	animation: sway 0.8s ease-in-out infinite alternate;
}

@-moz-keyframes sway {
	from {
		transform: rotate(-5deg);
	}
	to {
		transform: rotate(5deg);
	}
}

@-ms-keyframes sway {
	from {
		transform: rotate(-5deg);
	}
	to {
		transform: rotate(5deg);
	}
}

@-webkit-keyframes sway {
	from {
		transform: rotate(-5deg);
	}
	to {
		transform: rotate(5deg);
	}
}

@keyframes sway {
	from {
		transform: rotate(-5deg);
	}
	to {
		transform: rotate(5deg);
	}
}