@charset "utf-8";
* { margin: 0px; padding: 0px; }
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
body { font-family: "微软雅黑"; background: #f8f8f8; font-size: 12px; line-height: 22px; color: #666; }
a { text-decoration: none; color: #666; }
a:hover { text-decoration: none; color: #0fbeff; }
ol, ul, li { list-style: none; }
img { border: 0; }
em, i { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
.hd-top { background: #323232; color: #fff; height: 30px; line-height: 30px; }
.nav, .navxq { width: 1180px; margin: 15px auto; padding: 10px; background: #fff; overflow: hidden; }
.navxq { background: none; width: 1200px; padding: 0; }
.nav h3, .navxq h3 { clear: both; border-bottom: 1px solid #eee; overflow: hidden; }
.nav h3 em, .navxq h3 em { font-size: 16px; border-bottom: 3px solid #0fbeff; color: #0fbeff; display: block; float: left; width: 120px; text-align: center; height: 35px; line-height: 36px; }
/*menu*/
.menu { position: absolute; top: 0px; left: 0; z-index: 100; clear: both; background: #fff; -moz-opacity: 0.95; opacity: .95; filter: alpha(opacity=95); box-shadow: 0 3px 3px rgba(0,0,0,.1); width: 100%; height: 70px; line-height: 70px; overflow: visible; position: fixed; top: 0px; }
.menu .nav { margin: 0 auto; padding: 0; overflow: inherit }
.menu .logo { display: block; float: left; padding: 15px 10px 0 0; }
.menu .logo img { width: 126px; height: 40px; }
.menu ul { float: left; margin-left: 50px; }
.menu ul li { float: left; }
.menu ul a { width: auto; padding: 0 20px; margin: 0 5px; color: #2c2c2c; font-size: 16px; display: inline-block; }
.menu ul a:hover { color: #0fbeff; }
.menu a.cur { color: #fff; background: #0fbeff; }
.menu a.cur:hover { color: #fff; }
.menu .p-ico { display: none; }
/*手机导航 */
.tmenu { display: none; position: fixed; bottom: 0; line-height: 20px; width: 100%; background: #fff; border-top: 1px solid #eee; z-index: 99999 }
.tmenu li { float: left; width: 20%; line-height: 18px; }
.tmenu a { display: block; text-align: center; }
.tmenu a i { display: block; clear: both; margin: 5px auto 1px auto; height: 14px; overflow: hidden; }
.tmenu a i img { width: 14px; height: 14px; }
/*登录注册*/
.black2_overlay { position: fixed; width: 100%; top: 0; bottom: 0; background-color: black; z-index: 999998; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); }
.white2_content { position: fixed; top: 20%; left: 10%; width: 80%; height: auto; z-index: 999999; overflow: auto; }
.lognav2 { width: 94%; overflow: hidden; margin: auto; background-color: white; padding: 0 20px 10px 20px; max-width: 300px; }
.logall { width: 100%; height: 100%; overflow: hidden; display: none; font-size: 15px; clear: both; }
.logall h3 { clear: both; font-size: 13px; text-align: center; font-weight: 400; color: #666; height: 36px; line-height: 36px; margin: 0 -20px; background: #fafafa; }
.logtxt, .logtxt2 { width: 100%; height: 36px; line-height: 36px; text-indent: 10px; border: 1px solid #ddd; margin: 6px 0 0 0; clear: both; }
.logtxt:hover, .logtxt2:hover { border: 1px solid #ddd }
.logbtn { background: #0f88eb; color: #fff; text-align: center; border-radius: 3px; display: block; width: 100%; height: 40px; line-height: 40px; margin-top: 15px; }
.logbtn:hover { background: #41aaff; color: #fff; }
.noacc { clear: both; padding-top: 20px; }
.noacc .right { float: right; }
.err { clear: both; color: #c33; padding: 5px 0; margin-left: 2%; /* background:url(../img/lab.png) no-repeat 0px -57px; */ text-indent: 18px; font-size: 14px; }
.logtxt { background: url(../img/lab.png) no-repeat; background-position: 10px 12px; text-indent: 30px; *text-indent: 0; *padding-left: 30px; *width: 88%; font-size: 14px; border-radius: 3px 3px 0 0; outline: none; }
.noacc a { display: block; color: #7ab1fe; float: left; }
.lognav2 { width: 94%; overflow: hidden; margin: auto; background-color: white; padding: 0 20px 10px 20px; max-width: 300px; }
.reg { height: auto; background: #fff; }
.reg .topzc { clear: both; text-align: center; height: 40px; line-height: 40px; margin: 0 -20px; }
.reg .topzc li { float: left; width: 33.3%; font-size: 15px; color: #999; border-bottom: 1px solid #ddd; }
.reg .topzc li:hover, .reg .topzc .cur { color: #0f88eb; border-bottom: 2px solid #0f88eb; cursor: pointer; }
.reg .two { clear: both; border: none; *margin-bottom: 5px; height: 44px; }
.reg .tbtn { display: inline-block; width: 77px; font-size: 13px; float: right; border-radius: 3px; background: #41aaff; color: #fff; line-height: 36px; text-align: center; margin-right: -2px; margin-top: 6px; }
.reg .two .logtxt { width: 70%; *width: 60%; float: left; }
.reg .two .yzm { border: none; float: right; margin-top: 6px; }
.reg .two .yzm img { width: 100%; height: 36px; }
.reg .log-xy { font-size: 12px; clear: both; margin-top: 6px; }
.reg .log-xy i { display: inline-block; width: 15px; height: 15px; background: url(../img/lab.png) no-repeat 0 -95px; float: left; padding-right: 3px; }
.reg .log-xy i.cur { background-position: 0 -112px; }
.reg .log-have { font-size: 14px; padding-top: 5px; text-align: right; }
.reg .txtyzm, .reg .txtdx, .reg .txttel { background: url(../img/lab.png) no-repeat 10px -134px; }
.reg .txtdx { background-position: 10px -187px; }
.reg .txttel { background-position: 10px -161px; }
.l-close { display: inline-block; float: right; padding-right: 10px; cursor: pointer; *margin-top: -25px; }

/*在线QQ*/
.qq-on { clear: both; position: fixed; right: 0; max-width: 230px; top: 50%; z-index: 9999 }
.qq-on li { clear: both; padding: 5px 0; overflow: hidden; }
.qq-on li span { display: block; width: 43px; height: 43px; border: 1px solid #51ccef; float: right; background: url(../img/online.jpg) no-repeat; }
.qq-on li em { display: block; width: 110px; height: 43px; border: 1px solid #51ccef; float: right; background: #68d7f6; font-size: 14px; text-align: center; color: #fff; line-height: 43px; display: none; }
.qq-on li:hover span { background-position: 0 -46px; border: 1px solid #51ccef; border-right: none; }
.qq-on li:hover em { display: block; }
.qq-on li.wxline span { background-position: 0 -110px; border: 1px solid #fd7d14; }
.qq-on li.wxline em { position: absolute; right: 50px; background: #fff; width: auto; height: auto; top: -50px; text-align: center; float: none; border: 2px solid #fd7d14; }
.qq-on li.wxline em img { width: 160px; height: 160px; vertical-align: middle; }
.qq-on li.telline span { background-position: 0 -171px; border: 1px solid #569aff; }
.qq-on li.telline em { background: #569aff; border: 1px solid #569aff }
.qq-on li.telline:hover span { background-position: 0 -230px; }
.qq-on li.gotop span { background-position: 0 -305px; border: 1px solid #0a9fca; }
.qq-on li.gotop em { background: #0a9fca; border: 1px solid #0a9fca }
.qq-on li.gotop:hover span { background-position: 0 -350px; }
.qq-on .qqontel { display: none; }

.box1 { margin-top: 90px; *border-top: 90px solid #f8f8f8; }
/*登录*/
.login, .logok { float: left; width: 230px; margin: 0 20px; }
.login h3 { clear: both; text-align: center; font-size: 15px; height: 40px; line-height: 40px; margin-bottom: 20px; color: #666; border-bottom: 1px solid #f1f1f1; }
.login ul { clear: both; }
.login ul .logt { border: 1px solid #eee; border-radius: 5px; clear: both; }
.login ul li { width: 86%; margin: auto; }
.login ul .logtxt, .logloginul .logpwd { border: none; height: 40px; line-height: 40px; background: url(../img/ico.png) no-repeat; width: 100%; text-indent: 25px; outline: none; color: #666; font-size: 13px; }
.login ul .logpwd { background-position: 0 -39px; border-top: 1px solid #eee; }
.login ul p { clear: both; width: 100%; color: #999; overflow: hidden; }
.login ul .rem { margin-top: 8px; }
.login ul .rem span { float: left; display: inline-block; line-height: 18px; }
.login ul .rem span i { display: inline-block; width: 16px; height: 16px; background: url(../img/ico.png) no-repeat 0 -85px; float: left; margin-right: 2px; }
.login ul .rem span.fgt { float: right; display: inline-block; }
.login ul .rem span.fgt a { color: #0fbeff }
.login ul .rem a { color: #999; }
.login ul .btn { clear: both; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; display: block; background: #0eadff; border-radius: 5px; margin: 15px 0 10px 0; font-size: 16px; }
.login ul .btn:hover { background: #05a0f0 }
.login ul .zc { clear: both; text-align: center; display: block; font-size: 13px; color: #999; }
.login ul .zc em { color: #0fbeff }
.login ul .qt { margin-top: 20px; }
.login ul .qt em { float: left; margin-right: 5px; }
.login ul .qt a { margin: 0 5px; }
/*登录后*/
.logok { text-align: center; color: #666; font-size: 14px; }
.logok .tx { padding: 20px 0 5px 0; }
.logok .tx img { clear: both; border-radius: 40px; width: 80px; height: 80px; }
.logok h4 { font-size: 16px; }
.logok h4 em { font-size: 13px; color: #aaa; padding-left: 10px; }
.logok span { clear: both; display: block; padding: 3px 0; }
.logok i { color: #0fbeff; }
.logok b { display: inline-block; border-radius: 5px; background: #0fbeff; color: #fff; padding: 0 5px; font-weight: 400; font-size: 13px; }
.logok .btn { clear: both; margin-top: 20px; padding-top: 20px; border-top: 2px solid #f8f8f8 }
.logok .btn a { display: block; clear: both; width: 80%; color: #0fbeff; background: #f3fcff; margin: auto; border-radius: 5px; padding: 8px 0; font-size: 14px; }
.logintk { display: none; }
/*banner*/
/*banner*/
.banner { float: right; width: 885px; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; direction: ltr; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; width: 100%; height: 330px; color: #fff; text-align: center; }
.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px,0,0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px,0,0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px,0,0); -o-transition-timing-function: ease; -o-transform: translate(0px,0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px,0,0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px,0,0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
.content-slide { padding: 20px; color: #fff; }
.title { font-size: 25px; margin-bottom: 10px; }
.pagination { position: absolute; left: 0; text-align: center; bottom: 5px; width: 100%; }
.swiper-pagination-switch { display: inline-block; width: 12px; height: 12px; border-radius: 12px; background: #666; margin: 0 3px; cursor: pointer; }
.swiper-active-switch { background: #ff8b2b; }
/*box2*/
/*news*/
.news { float: left; width: 260px; }
.news .top { height: 35px; line-height: 35px; padding-bottom: 3px; border-bottom: 1px solid #efefef; overflow: hidden; }
.news .top ul { clear: both; width: 100% }
.news .top ul li { width: 50%; text-align: center; float: left; font-size: 15px; color: #aaa; }
.news .top ul li:hover, .news .top ul li.cur { border-bottom: 3px solid #0fbeff; color: #0fbeff; cursor: pointer; }
.news .list { clear: both; }
.news .list ul { clear: both; border-top: 1px dashed #eee; padding-top: 15px; }
.news .list li { width: 100%; clear: both; line-height: 30px; height: 30px; padding: 4px 0; font-size: 13px; }
.news .list li i { display: inline-block; float: left; width: 10px; height: 10px; margin: 10px 5px 0 5px; background: url(../img/ico.png) no-repeat 0 -124px; }
.news .list li span { width: 92%; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; *white-space: inherit; display: inline-block; float: left; }
.news .list li em { display: inline-block; float: right; padding-right: 5px; }
.news .list ul.cur { border: none; padding: 5px 0; }
.news .list ul.cur li { width: 100%; padding: 9px 0; font-size: 14px; }
.news .list ul.cur h3 { clear: both; width: 100%; text-align: center; height: 40px; line-height: 40px; font-size: 14px; overflow: hidden; font-weight: 800; color: #0fbeff; border: none; }
.news .list ul.cur span { display: block; clear: both; padding: 0 3%; width: 94%; height: 36px; line-height: 18px; overflow: hidden; white-space: inherit; color: #bbbbbb; margin-bottom: 15px; font-size: 12px }
/*热门兑换*/
.hot { float: right; width: 885px; }
.hot h3 i { display: inline-block; float: right; font-size: 14px; color: #999; line-height: 25px; height: 25px; margin-top: 10px; }
.hot ul { clear: both; margin: 5px -6px 0 -6px; *width: 105% }
.hot li { float: left; margin: 6px; border: 1px solid #eee; border-radius: 5px; width: 210px; height: 270px; overflow: hidden; position: relative; }
.hot li img { display: block; clear: both; width: 100%; height: 230px; vertical-align: middle; }
.hot li h4 { clear: both; text-align: center; font-size: 14px; color: #666; height: 40px; line-height: 40px; }
.hot li .word { clear: both; width: 100%; height: 30px; padding-top: 40px; background: url(../img/ico.png) repeat-x 0 -180px; color: #eee; position: absolute; bottom: 40px; z-index: 9 }
.hot li .word span, .hot li .word em { display: inline-block; float: left; font-size: 13px; height: 30px; line-height: 30px; padding-left: 5px; }
.hot li .word em { float: right; text-align: right; padding: 0; padding-right: 5px; }
.hot li .word i { color: #0fbeff; }
.hot li .btn { clear: both; position: absolute; bottom: 0; background: #0fbeff; color: #fff; text-align: center; width: 100%; height: 40px; line-height: 40px; font-size: 15px; display: none; }
.hot li:hover { border: 1px solid #0fbeff; }
.hot li:hover .btn { display: block; cursor: pointer; }
.hot li:hover h4 { position: absolute; bottom: 60px; color: #fff; z-index: 10; padding-left: 5px; }
/*全部商品 */
.all { clear: both; }
.all .tit { clear: both; margin: 15px 0; overflow: hidden; }
.all .tit a { display: inline-block; float: left; margin-right: 10px; border: 1px solid #eee; padding: 5px 15px; color: #999; font-size: 14px; }
.all .tit a:hover, .all .tit a.cur { border: 1px solid #0fbeff; color: #0fbeff; }
.all ul { clear: both; margin: 0 -6px 0 -6px; }
.all li { float: left; margin: 6px; border: 1px solid #eee; border-radius: 5px; width: 135px; height: 180px; overflow: hidden; position: relative; }
.all li img { display: block; clear: both; width: 100%; height: 150px; vertical-align: middle; }
.all li h4 { clear: both; text-align: center; font-size: 13px; color: #666; height: 30px; line-height: 30px; overflow: hidden; }
.all li .word { clear: both; width: 100%; height: 36px; padding-top: 30px; background: url(../img/ico.png) repeat-x 0 -180px; color: #ddd; position: absolute; bottom: 30px; z-index: 9 }
.all li .word span { display: block; clear: both; font-size: 12px; height: 16px; line-height: 16px; padding-left: 5px; }
.all li .word i { color: #fff; }
.all li .btn { clear: both; position: absolute; bottom: 0; background: #0fbeff; color: #fff; text-align: center; width: 100%; height: 30px; line-height: 30px; font-size: 14px; display: none; }
.all li:hover { border: 1px solid #0fbeff; }
.all li:hover .btn { display: block; cursor: pointer; }
.all li:hover h4 { position: absolute; bottom: 62px; color: #fff; z-index: 10; padding-left: 5px; }
/*底部 */
.bot { background: #ecebeb; text-align: center; font-size: 13px; color: #666; padding: 5px 0; }
.bot .nav { background: none; margin: 0 auto; }
.bot a { color: #444; }

.logtk_bg { display: none; }

/*详情*/
.navxq .login, .navxq .logok, .navxq .news, .navxq .hot { background: #fff; margin: 0; padding: 0 25px; }
.navxq .logok { padding: 14px 25px; height: 273px; }
.navxq .lbxq { float: right; background: #fff; width: 880px; padding: 15px 10px 16px 15px; }
.navxq .lbxq img { float: left; width: 250px; height: 270px; }
.navxq .lbxq .word { float: right; width: 590px; padding-right: 10px; }
.navxq .lbxq h4 { font-size: 18px; color: #666; line-height: 50px; border-bottom: 1px solid #eee; width: 100%; display: block; clear: both; margin-bottom: 10px; }
.navxq .lbxq li { clear: both; font-size: 14px; color: #999; line-height: 35px; }
.navxq .lbxq li em { font-size: 18px; color: #0fbeff; }
.navxq .lbxq li i { color: #666; }
.navxq .lbxq li .btn { display: block; clear: both; width: 200px; line-height: 40px; border-radius: 5px; background: #0fbeff; color: #fff; text-align: center; margin-top: 10px; cursor: pointer; }
.navxq .news, .navxq .hot { padding: 10px; height: 620px; overflow: hidden; }
.navxq .hot .word { clear: both; padding: 20px; font-size: 15px; line-height: 30px; }
.navxq .hot .word p { clear: both; padding: 10px 0; color: #999; }
.navxq .hot .word em { color: #0fbeff }
/*兑换弹框*/
.tkxinxi { width: 100%; height: 100%; overflow: hidden; display: none; font-size: 15px; clear: both; }
.tkxinxi .tk_overlay { position: fixed; width: 100%; top: 0; bottom: 0; background-color: black; z-index: 999998; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); }
.tkxinxi .tk_content { position: fixed; top: 30%; left: 10%; width: 80%; height: auto; z-index: 999999; overflow: auto; }
.tkxinxi .tk_word { width: 90%; overflow: hidden; margin: auto; background-color: white; padding: 5px; max-width: 500px; line-height: 40px; text-align: center; }
.tkxinxi .tk_word .sw { display: block; float: right; background: #0fbeff; padding: 2px 10px; color: #fff; }
.tkxinxi li { clear: both; color: #666; line-height: 34px; text-align: left; overflow: hidden; }
.tkxinxi li em { width: 30%; display: inline-block; float: left; text-align: right; color: #999; }
.tkxinxi li i, .tkxinxi .change a { color: #0fbeff; }
.tkxinxi .change { clear: both; float: right; margin-top: -35px; color: #0fbeff; }
.tkxinxi .btn { clear: both; margin: auto; padding: 20px; text-align: center; }
.tkxinxi .btn a { display: inline-block; width: 30%; margin: 0 5%; border-radius: 5px; border: 1px solid #eee; color: #999; }
.tkxinxi .btn a.ok { background: #0fbeff; color: #fff; border: 1px solid #0fbeff; }
.tkxinxi li .inp, .tkxinxi .change .qd { display: none; }
.tkxinxi li .inp { border: 1px solid #eee; height: 27px; line-height: 27px; width: 50%; outline: none; text-indent: 5px; color: #666; font-size: 13px; }
/*兑奖记录弹框*/
.tkjl { width: 100%; height: 100%; overflow: hidden; display: none; font-size: 15px; clear: both; }
.tkjl .tk_overlay { position: fixed; width: 100%; top: 0; bottom: 0; background-color: black; z-index: 999998; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); }
.tkjl .tk_content { position: fixed; top: 30%; left: 10%; width: 80%; height: auto; z-index: 999999; overflow: auto; }
.tkjl .tk_jlnav { width: 90%; overflow: auto; margin: auto; background-color: white; padding: 5px; max-width: 770px; max-height: 350px; line-height: 40px; text-align: center; }
.tkjl ul { padding: 15px; }
.tkjl li {clear: both;overflow: hidden;border-left: 1px solid #eee;border-right: 1px solid #eee;font-size: 13px;display: flex;align-items: stretch;}
.tkjl li.tit { font-weight: 800; background: #fcfcfc; font-size: 13px; border-top: 1px solid #eee; }

.span1 {float: left;width: 20%;line-height: 34px;border: 1px solid #eee;border-left: none;margin: -1px -1px 0 0;color: #999;overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: block;white-space: nowrap; }

.tkjl li span {float: left;width: 20%;line-height: 34px;border: 1px solid #eee;border-left: none;margin: -1px -1px 0 0;color: #999;overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: block; /* white-space: nowrap;  */}
.tkjl li em { color: #0fbeff }
.tkjl .tkjl-clo { clear: both; height: 20px; line-height: 20px; margin: 0 0 15px 0; padding: 0; font-size: 15px; color: #0fbeff; font-weight: 800; }
.tkjl .tkjl-clo img { display: inline-block; float: right; cursor: pointer; *margin-top: -20px; }

/*资讯页*/
.xyzx-top, .xyzx { clear: both; margin: auto; margin-top: 90px; *border-top: 90px solid #f8f8f8; background: #fff; width: 1200px; padding: 30px 0 20px 0; height: auto; overflow: hidden; }
.xyzx-top li { float: left; width: 25%; text-align: center; font-size: 15px; color: #666; }
.xyzx-top li span { display: block; clear: both; background: url(../img/ico.png) no-repeat 0 -261px; width: 64px; height: 62px; margin: auto; margin-bottom: 10px; }
.xyzx-top li em { display: block; clear: both; color: #999; font-size: 14px; }
.xyzx-top li.tel span { background-position: -62px -261px }
.xyzx-top li.wx span { background-position: -128px -261px }
.xyzx-top li.mail span { background-position: -190px -261px }

.xyzx { margin-top: 20px; width: 1160px; padding: 20px; border: none; }
.xyzx h3 { clear: both; border-bottom: 1px solid #eee; overflow: hidden; }
.xyzx h3 em { font-size: 16px; border-bottom: 3px solid #0fbeff; color: #0fbeff; display: block; float: left; width: 120px; text-align: center; height: 35px; line-height: 36px; }
.xyzx ul { clear: both; margin: 0 20px; }
.xyzx li { clear: both; border-bottom: 1px solid #eee; overflow: hidden; padding: 20px 0 0 0; }
.xyzx li h4 { font-size: 22px; color: #666; clear: both; line-height: 30px; }
.xyzx li p { display: block; clear: both; margin: 7px 0; overflow: hidden; }
.xyzx li span { display: block; float: left; color: #bbb; font-size: 13px; padding-right: 30px; }
.xyzx li span a { color: #bbb; }
.xyzx li span i, .xyzx li span b { display: inline-block; width: 16px; height: 16px; background: url(../img/ico.png) no-repeat 0 -340px; float: left; margin-top: 2px; }
.xyzx li span b { background-position: -26px -340px; }
.xyzx li .txt { clear: both; margin: 10px 0 15px 0; color: #aaa; font-size: 14px; }
.xyzx .page { clear: both; text-align: center; margin-top: 20px; }
.xyzx .page li { display: inline-block; width: 30px; height: 30px; line-height: 30px; margin: 0 5px; padding: 0; text-align: center; font-size: 14px; color: #aaa; clear: none; *float: left; }
.xyzx .page li a { display: block; border: 1px solid #eee; }
.xyzx .page li:hover a, .xyzx .page li.cur a { background: #0fbeff; color: #fff; border: 1px solid #0fbeff }
.xyzx li:hover h4 { color: #0fbeff }

.xyzx-ny { margin-top: 90px; *border-top: 90px solid #f8f8f8; clear: both; margin-bottom: 20px; overflow: hidden; }
.xyzx-ny h3 i { display: inline-block; float: right; font-size: 14px; color: #999; line-height: 25px; height: 25px; margin-top: 10px; }
.xyzx-ny h3 i a { color: #999; }
.xyzx-ny h3 i a:hover { color: #0fbeff }
.xyzx-ny .word { clear: both; padding: 20px; line-height: 24px; font-size: 15px; min-height: 620px; }
.xyzx-ny .word h4 { text-align: center; font-size: 22px; }
.xyzx-ny .word .tip { text-align: center; padding: 10px 0; border-bottom: 1px dashed #eee; margin-bottom: 10px; }
.xyzx-ny .word .tip span { display: inline-block; color: #bbb; font-size: 13px; padding-right: 30px; }
.xyzx-ny .word .tip a { color: #bbb; }
.xyzx-ny .word .tip i, .xyzx-ny .word .tip b { display: inline-block; width: 16px; height: 16px; background: url(../img/ico.png) no-repeat 0 -340px; float: left; margin-top: 2px; }
.xyzx-ny .word .tip b { background-position: -26px -340px; }
.xyzx-ny .word p { padding: 5px 0; }
.xyzx-ny .sx { clear: both; padding: 10px 20px; font-size: 14px; border-top: 1px solid #eee; }
.xyzx-ny .sx span { display: inline-block; float: left; }
.xyzx-ny .sx .next { float: right; }

/*弹框支付 */
.use-tbtn { cursor: pointer; }
.use-zfall { width: 100%; height: 100%; overflow: hidden; font-size: 15px; clear: both; display: none; }
.use_toverlay { position: fixed; width: 100%; top: 0; bottom: 0; background-color: black; z-index: 1001; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); }
.use_tcon { position: absolute; top: 20%; left: 10%; width: 80%; height: auto; z-index: 1002; overflow: auto; }
.use-tword { width: 90%; overflow: hidden; margin: auto; max-width: 270px; background: #fff; padding: 10px 15px; }
.use-tword h3 { font-size: 16px; text-align: center; line-height: 40px; }
.use-tword h3 img { display: inline-block; float: right; padding-top: 10px; }
.use-tword ul { clear: both; }
.use-tword li { clear: both; height: 30px; line-height: 30px; border-top: 1px solid #f5f5f5; color: #777; text-align: right; padding: 5px 0; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.use-tword li em { display: inline-block; width: 80px; color: #999; text-align: left; float: left; }
.use-tword .use-pwd { display: inline-block; width: 60%; border: 1px solid #eee; border-radius: 3px; background: none; height: 30px; line-height: 30px; text-indent: 5px; }
.use-tword li.use-btn { height: 40px; border: none; }
.use-tword li.use-btn a { display: block; width: 100%; border-radius: 5px; background: #03B4F5; color: #fff; text-align: center; height: 40px; line-height: 40px; font-size: 16px; margin: 5px 0; }
.use-tword li.use-btn a:hover { background: #16ade5 }
.use-tword li.use-mon { color: #333; font-size: 20px; }
.use-tword li.use-mon em { color: #333; font-size: 14px; }

@media all and (max-width:720px) {
    body { max-width: 720px; min-width: 320px; }
    .nav { width: 100%; min-width: 320px; margin: 0; padding: 0; }
    .menu { display: none; }
    .tmenu { display: block }
    .box1 { margin-top: 0px; }
    .login { display: none; }
    .logintk, .navxq .login { position: fixed; top: 10%; width: 74%; left: 10%; margin: 0 auto; padding: 0 3%; float: none; background: #fff; z-index: 999999 }
    .white2_content { top: 7%; }
    .lognav2 { width: 90%; padding: 0 5% 10px 5%; }
    .reg .two .logtxt { width: 66%; }
    .logintk h3 span { display: inline-block; float: right; }
    .tmenu .b-tmore { display: none; clear: both; position: fixed; width: 20%; bottom: 38px; right: 0; background: #fff; border: 1px solid #eee; z-index: 9999998 }
    .tmenu .b-tmore a { display: block; clear: both; text-align: center; line-height: 34px; border-bottom: 1px solid #eee; }

    .banner { width: 100%; height: auto; overflow: hidden; }
    .banner img { width: 100%; height: auto; }
    .swiper-container { height: 150px; overflow: hidden; }
    .swiper-slide { height: 100px; }
    .logtk_bg { position: fixed; width: 100%; top: 0; bottom: 0; background-color: black; z-index: 999988; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); }
    .news { clear: both; width: 100% }
    .news .list li { padding: 0; }
    .hot { clear: both; width: 100% }
    .hot ul { margin: 0; }
    .hot li { width: 47%; margin: 5px 1%; height: auto; }
    .hot li img { height: auto; }
    .hot li .word span, .hot li .word em { clear: both; margin: 0; height: 20px; line-height: 20px; }
    .hot li .word em { float: left; padding-left: 5px; }
    .hot li .word { height: 40px; padding-top: 30px; }
    .all .tit { margin: 15px 5px; }
    .all ul { margin: 0; }
    .all li { width: 47%; margin: 5px 1%; height: auto; }
    .all li img { height: auto; }
    .bot { margin-bottom: 40px; }

    .qq-on .qqonweb { display: none; }
    .qq-on .qqontel { display: block; }

    .navxq { width: 100%; min-width: 320px; }
    .navxq .logok, .navxq .login { display: none; }
    .navxq .lbxq { float: none; width: 100%; padding: 15px 0; overflow: hidden; clear: both; }
    .navxq .lbxq img { width: 40%; max-width: 250px; min-width: 100px; height: auto; padding-right: 3% }
    .navxq .lbxq .word { float: left; width: 50%; padding: 0 }
    .navxq .lbxq li { line-height: 24px; font-size: 13px; }
    .navxq .lbxq h4 { font-size: 16px; line-height: 40px; margin-bottom: 5px; }
    .navxq .lbxq li .btn { width: 70%; }
    .navxq .news, .navxq .hot { height: auto; clear: both; width: 100%; padding: 0; }
    .navxq .news { display: none; }
    .navxq .hot .word p { padding: 5px 0 }
    .navxq .hot .word { padding: 10px; }

    .tkxinxi .tk_content { top: 10%; left: 5%; width: 90%; }
    .tkxinxi li em { width: auto; }
    .tkxinxi .change { margin: 0; }

    .xyzx-top, .xyzx-ny { margin: 0; width: 100%; padding: 10px 0 0 0; }
    .xyzx-top li { width: 50%; margin-bottom: 10px; }
    .xyzx { width: 96%; padding: 10px 2% }
    .xyzx ul { margin: 0; }
    .xyzx li h4 { font-size: 18px; line-height: 26px; }
    .xyzx li .txt { font-size: 13px; }
    .xyzx-ny .sx .next { float: left; }
    .xyzx-ny .word, .xyzx-ny .sx { padding: 10px 2%; }
    .qq-on { top: 30%; }
}