/* CSS Document */
@charset "utf-8";
html, body, form, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, em, address, a, input, textarea, span, strong, img{margin: 0px;padding: 0px}
html, body{ width:100%; height:100%}
body{font-size:14px;color:#666666; font-family:"微软雅黑"; background:#f3f3f3}
*{box-sizing: border-box;}
*::after, *::before { box-sizing: border-box;}
dl,ul{list-style:none}
button,input,select,select2,textarea{font-size:12px}
img{border:none; display:inline-block}
a{color:#6a6a6b;text-decoration:none;blr:expression(this.onFocus=this.blur());outline:0}
a:hover{color:#d81f26}
em,i{font-style:normal}
table{border-collapse:collapse}
table,tbody,td,tfoot,thead,tr{margin:0}
.clear{clear:both;height:0;line-height:0;font-size:0;overflow:hidden;visibility:hidden}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:400}
::selection{background:#91bfe2;color:#6a6a6b}
::-moz-selection{background:#91bfe2;color:#6a6a6b}
::-webkit-selection{background:#91bfe2;color:#6a6a6b}
::-webkit-input-placeholder{color:#6a6a6b;}
::-moz-placeholder{color:#6a6a6b;}
:-moz-placeholder{color:#6a6a6b;}
input{outline:0px;}
article,aside,dialog,figure,footer,header,nav,section{display:block}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.pr{position:relative;z-index:0}
.pa{position:absolute}
.fl{ float:left;}
.fr{ float:right;}
.wrap{background-color:#f9f9f9;margin:0 auto;max-width:1920px;min-width:1260px;position:relative;width:100%}
.w1200{width: 1200px;margin: 0 auto; position: relative;}
.w1260{width: 1260px;margin: 0 auto; position: relative;}
.w1060{width: 1060px;margin: 0 auto; position: relative;}
.mt20{margin-top: 30px;}
.mb20{margin-bottom: 20px;}
.header{width: 100%; height: 109px;min-width: 1260px; position: absolute; top: 0px; left: 0px; background: url("../images/topbg.png") no-repeat; z-index: 10000}
.header .logo{ width: 213px; height: 68px; float: left; margin-top: 20px;}
.header .nav{height: 109px;width: 775px; float: right; margin-right: 120px;}
.header .nav li,.header .nav li a{ display: inline-block; height: 109px; width: 110px; text-align: center; line-height: 109px; }
.header .nav li a{ color: #343434; font-size: 16px; }
.header .nav li a:hover{ color: #d81f26; }
.header .menu{width: 100px; height: 100px; display: block;  position: absolute;right: 0;top: 0;z-index: 9999; background: #d81f26; line-height: 100px; text-align: center;}
.header .menu span{ color: #fff; font-size: 16px;}
.header .menu i{ display: inline-block; background: url("../images/top_icon_02.png") no-repeat; width: 16px; height: 14px; vertical-align: -1px; margin-left: 3px;}
.header .menu.open i{ background: url("../images/top_icon_04.png") no-repeat;}

.body{width:100%;height:100%;min-width: 1000px;z-zoom: 1;background-color: #fff;background: url(../images/bg.jpg) no-repeat;background-size: cover;--o-background-size: cover;background-position: center 0;}

.topMenu{position:absolute;width:100%; height:530px;top:100px;left:0;  background-color: rgba(22, 23, 24, 0.9);border-top:2px solid #d81f26;z-index:10000;display:none}
.topMenu p{position:relative;text-indent:25px;font-size:20px;height:20px;line-height:20px;color:#fff;margin:40px 40px 25px}
.menu_box_con{position:relative;float:left}
.menu_box_con.menu_box_con1{width:260px}
.menu_box_con.menu_box_con2{width:250px}
.menu_box_con.menu_box_con3{width:250px}
.menu_box_con.menu_box_con4{width:250px}
.menu_box_con.menu_box_con5{width:250px}
.menu_box_con .menu_con_title{position:relative;background:#161718;padding:17px 0;}
.menu_box_con1 .menu_con_title{ padding-left: 34px;}
.menu_box_con .menu_con_title em{border-left:4px #d81f26 solid;height:16px;line-height:16px;text-indent:14px;font-size:16px;font-weight:700;color:#d81f26;font-style:normal;display:block}
.menu_list_box{border-left:1px #454545 solid;padding-top:25px;float:left; width: 100%; height: 320px;}
.menu_box_con1 .menu_list_box{ border-left:none}
.menu_list_box ul{padding-left:18px}
.menu_box_con1 .menu_list_box ul{padding-left:48px}
.menu_list_box li{float:left;width:136px; margin-bottom: 10px;}
.menu_list_box li a{ color: #cdcdcd; font-size: 16px;}
.menu_list_box li a:hover{color: #d81f26;}
.menu_list_box li em{ display: inline-block; width: 14px; height: 14px; background: url("../images/top_icon_03.png") no-repeat; margin-left: 5px; vertical-align: -2px;}
.menu_list_box li em.icon-H{ background-position: 0px 0px;}
.menu_list_box li em.icon-N{ background-position: -24px 0px;}
.menu_box_con.menu_box_con4 .menu_list_box{ width:250px}

.banner{min-width:1200px; margin: 0 auto; position: relative;}
.banner .slideBox{ width:100%; height:950px; overflow:hidden; position:relative;  }
.banner .slideBox .hd{ height:30px;width: 1260px; overflow:hidden; position:absolute; left:50%; margin-left: -630px; bottom:358px; z-index:1; text-align: right; }
.banner .slideBox .hd span{background:#fff; cursor:pointer; display: inline-block; height: 4px; width: 40px; margin-right: 10px; }
.banner .slideBox .hd span.on{ background:#d81f26; }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd img{ width:100%; height:950px; display:block;  }
.banner .slideBox .prev,
.banner .slideBox .next{ position:absolute; left:0%; top:50%; display:block; width:50px; height:155px; background:url(../images/index_icon_03.png) 0px 0px no-repeat;  }
.banner .slideBox .next{ left:auto; right:0; background-position:-296px 0px; }
.banner .slideBox .prev:hover{background-position:-150px 0px;}
.banner .slideBox .next:hover{ background-position:-446px 0px; }
.box_01{ position: absolute; height: 360px; width:100%; background: #4b4a4a; bottom: 0px; left: 0px;}
.game{ width: 870px; float: left; }
.game .item_small{width: 214px; height: 360px; float: left; overflow: hidden;margin-right: 10px; }
.game .item_small .smallimg{float: left;width: 214px; height: 120px; display: block; overflow: hidden; position: relative; }
.game .item_small img{ width: 214px; height: 120px; }
.game .item_small .smallimg em{ background: url("../images/cur_01.png") no-repeat; width: 10px; height: 120px; position: absolute; left: 0px; top: 0px; display: none}
.game .item_small .smallimg.on em{ display: block;}
.game .item_big,.game .item_big a{ width: 645px; height: 360px; float: left; overflow: hidden;}
.game .item_big .imglist,.game .item_big .imglist img{width: 645px; height: 360px;}
.game .item_big a{ display: block;}
.news{ width: 390px; float: right; background: #363636; height: 360px;  padding: 10px;}
.news .n_tit{font-size: 24px; color: #d81f26;  border-bottom: 1px solid #d81f26; padding-bottom: 8px;font-weight: bold; position: relative;}
.news .n_tit .more{height: 40px;width: 40px; background: url("../images/index_icon_03.png") no-repeat -5px -206px ; position: absolute; right: -10px; top: -11px; display: block;}
.news .n_list{ margin-top: 10px; }
.news .n_list li{ line-height: 32px; color: #afafaf;}
.news .n_list li a{color: #fff;}
.news .n_list li a:hover{color: #d81f26;}
.news .n_list li span{ float: right; }
.news .n_list li i{ width: 12px;height:12px;display: inline-block; background: url("../images/index-icon.png") -26px -4px no-repeat; vertical-align: middle; margin-right: 5px; }

.title{width: 100%; margin-bottom: 15px;}
.title span{border-left:4px #d81f26 solid; text-indent: 14px; font-size: 22px; font-weight: bold;  color: #3c3d3f; display: inline-block; width: 50%}
.hot_game_box{ width: 940px; float: left; overflow: hidden}
.test_game_box{ width: 290px; float: right;overflow: hidden}

.hotGame{ width: 960px; height: 784px;}
.tab_more{width: 130px; height: 30px; float: right; display: block; background: url("../images/index_icon_03.png") no-repeat -150px -208px;}
.hothd{ margin-bottom: 30px;}
.hot_list{position: relative; width: 100%;}
.hot_list ul{ display: none;position: absolute; top: 0px; left: 0px; width: 100%; z-index: 4}
.hot_list ul.cur{ z-index: 10}
.hot_list li{ display: inline-block; background: #fff; width: 300px; height: 356px; margin-right: 19px; margin-bottom: 10px; overflow: hidden; border-bottom:3px #dadada solid; position: relative;}
.hot_list li .pic{ width: 280px; height: 176px; overflow: hidden; margin: 0 auto; position: relative;}
.hot_list li .pic img{width: 280px; height: 176px;}
.hot_list li .pic .detail{width: 300px; height: 176px; position: absolute; left: 0px; top: -176px; background: #000000; z-index: 222; padding: 25px 32px; display: none; z-index: 1000}
.hot_list li .pic .detail img{ float: left; width: 104px; height: 132px;}
.hot_list li .pic .detail .btn{ display: block; width: 112px; height: 30px;float: left; line-height: 30px; text-align: center; font-size: 16px; color: #fff;background: url("../images/d_btn.png") no-repeat; margin-top: 15px; margin-left: 15px;  }
.hot_list li .info_btn{ width: 100%; margin: 20px 0; text-align: center;}
.hot_list li .info_btn a{ display: inline-block; padding: 5px 20px;}
.hot_list li .info_btn a.home{ border: 1px solid #d81f26; color: #d81f26}
.hot_list li .info_btn a.bbs{ border: 1px solid #3c3d3f;color: #3c3d3f; }
.hot_list li .info_btn a:hover{ background: #d81f26; color: #fff;border: 1px solid #d81f26;}
.hot_list .showing li:nth-child(1){-webkit-transition:all .4s linear .4s;-moz-transition:all .4s linear .4s;-ms-transition:all .4s linear .4s;-o-transition:all .4s linear .4s;transition:all .4s linear .4s}
.hot_list .showing li:nth-child(2){-webkit-transition:all .4s linear .5s;-moz-transition:all .4s linear .5s;-ms-transition:all .4s linear .5s;-o-transition:all .4s linear .5s;transition:all .4s linear .5s}
.hot_list .showing li:nth-child(3){-webkit-transition:all .4s linear .6s;-moz-transition:all .4s linear .6s;-ms-transition:all .4s linear .6s;-o-transition:all .4s linear .6s;transition:all .4s linear .6s}
.hot_list .showing li:nth-child(4){-webkit-transition:all .4s linear .7s;-moz-transition:all .4s linear .7s;-ms-transition:all .4s linear .7s;-o-transition:all .4s linear .7s;transition:all .4s linear .7s}
.hot_list .showing li:nth-child(5){-webkit-transition:all .4s linear .8s;-moz-transition:all .4s linear .8s;-ms-transition:all .4s linear .8s;-o-transition:all .4s linear .8s;transition:all .4s linear .8s}
.hot_list .showing li:nth-child(6){-webkit-transition:all .4s linear .9s;-moz-transition:all .4s linear .9s;-ms-transition:all .4s linear .9s;-o-transition:all .4s linear .9s;transition:all .4s linear .9s}
.hot_list li {-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;filter:alpha(opacity=0)}
.hot_list .showing li{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;filter:alpha(opacity=100)}

.hot_list .hideing li{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;filter:alpha(opacity=0)}
.hot_list .hideing li:nth-child(1){-webkit-transition:all .4s linear 0s;-moz-transition:all .4s linear 0s;-ms-transition:all .4s linear 0s;-o-transition:all .4s linear 0s;transition:all .4s linear 0s}
.hot_list .hideing li:nth-child(2){-webkit-transition:all .4s linear .1s;-moz-transition:all .4s linear .1s;-ms-transition:all .4s linear .1s;-o-transition:all .4s linear .1s;transition:all .4s linear .1s}
.hot_list .hideing li:nth-child(3){-webkit-transition:all .4s linear .2s;-moz-transition:all .4s linear .2s;-ms-transition:all .4s linear .2s;-o-transition:all .4s linear .2s;transition:all .4s linear .2s}

.hot_list .info{width: 300px; height: 90px; background: #3c3d3f; margin-bottom: 15px;padding: 15px 20px;}
.hot_list .info h1{ width: 100%;height:30px; line-height:30px; display: block;}
.hot_list .info h1 .game_name{color: #fffdfe; font-size: 20px; font-weight: bold;  }
.hot_list .info h1 .game_type{color: #fffdfe; font-size: 14px;}
.hot_list .info h1 .game_type i{ display: inline-block; width: 8px; height: 14px; background: url("../images/icon_05.png") no-repeat; vertical-align: middle; margin-right: 8px;}
.hot_list .info p{ color: #fffdfe; font-size: 14px; margin-top: 5px; }
.hot_list li:hover{ border-bottom:3px #d81f26 solid; }
.hot_list li:hover .info{ background: #d81f26;}
.hot_list li:hover .info_btn a.home{ background: #d81f26; color: #fff;}

.test_game_box .g-game-list{border:solid 1px #a6abab;background:#fff; border-top: none; }
.test_game_box .g-game-list li{border-top:solid 1px #a6abab;height: 121px;position:relative;transition:all ease .3s;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s}
.test_game_box .g-game-list li:hover{background:#f3f3f3}
.test_game_box .g-game-list li:hover .game-arrow{background:url("../images/gt_h.png") no-repeat}
.test_game_box .g-game-list a{display:block;padding:25px 42px 0 26px;height:88px}
.test_game_box .g-game-list img{float:left;margin-right:22px;display:block;border-radius:15px;box-shadow:1px 1px 5px rgba(66,63,105,.4)}
.test_game_box .g-game-list p{overflow:hidden}
.test_game_box .g-game-list em{display:block;font-size:16px;color:#3c3d3f; font-weight:bold;line-height:22px;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}
.test_game_box .g-game-list span{display:block;font-size:14px;color:#999;line-height:24px;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.test_game_box .g-game-list .game-time{font-size:12px}
.test_game_box .g-game-list .game-time i{ background:url("../images/index_z.png") no-repeat;display:inline-block;width:14px;height:14px;margin-right:7px;vertical-align:middle;}
.test_game_box .g-game-list .game-arrow{position:absolute;width:15px;height:28px;background:url("../images/gt_b.png") no-repeat;top:50%;right:20px;margin-top:-14px;transition:all ease .3s;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s}

.serverbox{ width: 100%; height: 180px; background: #fff; margin-top: 20px;}
.fast_link{ width: 100%}
.fast_link a{ float: left; display: block; width: 242px; height: 128px; line-height: 30px; text-align: center; background: #e3e3e3;  margin-right: 12px; color: #3c3d3f}
.fast_link a h1{font-size: 18px; font-weight: bold; margin-top: 30px;}
.fast_link a:hover{ background: #d81f26; color: #fff}

.game_server{ width: 100%; background: #ffffff; margin-top: 60px}
.game_server .tit_cur{ width: 165px; height: 52px; margin: 0 auto; display: block; background: url("../images/index_icon_03.png") no-repeat -12px -410px;}
.game_server .tit_cur:hover{ background-position: -313px -410px;}
.game_server .tit_cur.close{ background-position: -313px -526px;}
.game_server .tit_cur.close:hover{background-position:-12px -526px;}
.s_list_box .s_tit{ text-align: center; font-size: 22px; color:#3c3d3f; font-weight: bold; margin: 40px 0 50px }
.s_g_list{ overflow:hidden; position:relative;  width: 100%; height: 110px;}
.s_g_list .hd .prev,.s_g_list .hd .next{ display:block;  width:24px; height:38px; position: absolute;top: 50%; margin-top: -19px; cursor:pointer; background:url("../images/slider-arrow2.png") 0 0 no-repeat;}
.s_g_list .hd .prev{ left: 0px; background-position:-106px 0px;}
.s_g_list .hd .prev:hover{background-position:-152px 0px;}
.s_g_list .hd .next{ right: 0px; background-position:-46px 0px;  }
.s_g_list .hd .next:hover{ right: 0px; background-position:0px 0px;  }
.s_g_list .bd{ padding:0px 24px;   }
.s_g_list .bd ul{ overflow:hidden; zoom:1; }
.s_g_list .bd ul li{ margin:0 44px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.s_g_list .bd ul li .pic{ text-align:center; }
.s_g_list .bd ul li .pic img{ width:154px; height:110px; display:block; }

.s_c_list{ overflow:hidden; position:relative;  width: 100%; height: 87px; margin-top: 10px;}
.s_c_list .hd .prev,.s_c_list .hd .next{ display:block;  width:24px; height:38px; position: absolute;top: 50%; margin-top: -19px; cursor:pointer; background:url("../images/slider-arrow2.png") 0 0 no-repeat;}
.s_c_list .hd .prev{ left: 0px; background-position:-106px 0px;}
.s_c_list .hd .prev:hover{background-position:-152px 0px;}
.s_c_list .hd .next{ right: 0px; background-position:-46px 0px;  }
.s_c_list .hd .next:hover{ right: 0px; background-position:0px 0px;  }
.s_c_list .bd{ padding:0px 24px;   }
.s_c_list .bd ul{ overflow:hidden; zoom:1; }
.s_c_list .bd ul li{ margin:0 49px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.s_c_list .bd ul li .pic{ text-align:center; }
.s_c_list .bd ul li .pic img{ width:144px; height:87px; display:block; }

.footer{height: 150px; background: #262626;}
.footer .fnav a{ color: #f2f2f2;  margin: 0 10px;}
.footer .flogo{ width: 255px; height: 98px; float: left; margin-top: 30px; border-right: 2px solid #595959; }
.footer .f_bus{ width:124px; height:47px; margin-left:10px; float:left; margin-top:30px;}
.footer .finfo{width: 768px; float:left; margin-top: 25px; line-height: 28px; margin-left:20px; }
.footer .finfo p{font-size: 12px;}
.footer .finfo p a{ color:#666666; }
.footer .finfo p a:hover{color:#fff;}
.footer .ccnt{ width: 30px; height: 30px; position: absolute; right: 275px; top: 52px;}
.footer .ccnt img{ width: 30px; height: 30px;}
.ny_about{height: 180px; width: 100%; background: url("../images/nybg_01.png") no-repeat scroll center;}
.ny_banner{ margin-top: 100px; width: 100%; float: left; position: relative;}
.ny_banner .ny_nav{width: 100%; height: 60px; line-height: 60px; margin-top: 116px;}
.ny_banner .ny_nav a{ display: block; float: left; width: 120px; color: #ffffff; font-size: 20px; font-weight: bold; text-align: center; margin-right: 30px;}
.ny_banner .ny_nav a:hover,.ny_banner .ny_nav a.on{ border-bottom: 4px solid #d81f26}

.ny_content{ width: 100%;padding:30px 0px; min-height: 700px; }
.ny_content p{line-height: 30px; width:70%}
.about{ font-size:14px; }
.ny_conact{width: 100%;height: 324px;background: url("../images/conact-bn.jpg") no-repeat scroll center;}
.conact{ width: 100%; min-height: 600px;}
.conact li{  width: 100%;display:block;  }
.conact li .c_left{width: 100%; float: left; margin: 30px 0 0 30px; text-align: left;}
.conact li .c_left h1{ font-size: 20px;color: #3c3f44; border-bottom: 1px solid #dcdcdc; margin-bottom: 10px; }
.conact li .c_left h1 span{ display: inline-block; width: 120px; border-bottom: 3px solid #d81f26; height: 50px; line-height: 40px;}
.conact li .c_left p{ line-height: 24px; color: #3c3f44;}
.conact li .c_left p a{color: #3c3f44;}
.conact li .c_left p span{ margin-right: 10px;}
.ny_server{width: 100%;height: 280px;background: url("../images/server_bn.jpg") no-repeat scroll center;}
.server{padding: 20px 0;}
.server li{ float: left;  border: 1px solid #dfdfdf; width: 307px;height: 200px;display: inline-block;margin-right: 10px; }
.server li:last-child{margin-right: 0;}
.server li .c_left{width: 97px;height: 93px;  margin: 25px auto 0; text-align: center;}
.server li .c_left i{ display: block; width: 99px;height: 91px;background:url("../images/server-icon.png")no-repeat;margin-top: 10px; }
.server li i.icon-serv{background-position:0px 0px;}
.server li i.icon-swhz{background-position:-100px 0px;}
.server li i.icon-con{background-position:-212px 0px;}
.server li i.icon-rgwf{background-position:-315px 0px;}
.server li .c_right{width: 307px;height: 100%;  color: #000000;margin-top: 10px; }
.server li .c_right p{ line-height: 24px; display: inline-block; width:100px; margin-left: 50px; float: left }
.server li .c_right p a{ color: #000000;}
.server li .c_right p a:hover{color: #d81f26;}
.hot_server{padding: 10px 0; width: 100%; margin-bottom: 50px;}
.hot_server ul{  border: 1px solid #ddd; padding: 20px 100px;}
.h_title{ font-size: 30px; color: #6a6a6b; font-weight: bold; margin: 15px 0;}
.hot_content{display:block;overflow:hidden;padding:10px 30px 0;width:100%}
.hot_content li{float:left;line-height:40px;position:relative;width:25%}
.hot_content li a{display:block;text-indent:20px; color: #000;}
.hot_content li a:hover{color:#d81f26}
.hot_icon{background:#d81f26 none repeat scroll 0 0;height:16px;left:10px;position:absolute;top:14px;width:3px}
.regist-wrap{width: 100%;height: 1000px; background: url("../images/login_bg.jpg") no-repeat scroll center 0; margin-top: 100px;}
.regist{ height: 950px; width:1060px;  background: #fff;}
.pos_box{ height: 80px; width: 100%; border-bottom: 3px solid #d81f26; padding-left: 10px; padding-top: 24px;}
.pos_box span{ float: left;}
.pos_box em{ color: #d81f26; display: inline-block; vertical-align: -10px; font-size: 22px; font-weight: bold; margin-left: 10px;}
.regist .reg_tab{ width: 400px;height:52px; margin: 20px auto;}
.regist .reg_tab a{display: block; width: 186px; height: 52px;line-height: 52px; float: left; text-align: center; background: #d81f26; color: #fff; font-size: 20px;}
.regist .reg_tab a:hover,.regist .reg_tab a.on{background: #343434;}
.ml30{ margin-left: 28px;}

.regist .reg_box{width: 400px;  margin: 0 auto}
.regist .reg_box .reg_content{display: none;}
.regist .reg_box .reg_item{ width: 100%; height: 70px; float: left;margin: 10px 0; }
.regist .reg_box .reg_content .input{width: 400px;  float: left;}
.regist .reg_box .reg_content .input input{ border:1px solid #d3d3d3; color:#343434; font-size:14px; height:45px; line-height:45px; width:400px; padding:2px 5px;vertical-align: top; }
.regist .reg_box .reg_content .msg{ width: 400px; height: 24px; line-height: 24px; color: #d3d3d3}
.regist .reg_box .reg_content .msg span{ color: #343434; margin-right: 5px; }
.regist .reg_box .reg_item .getcode{ background:#d81f26; display:inline-block; width:120px; font-size:12px; color:#fff; height:45px; line-height:45px; text-align:center; vertical-align: top;}
.regist .reg_box .reg_content .input .smscode{ width:278px;}
.regist .reg_box .reg_content .input .verify_code{width:120px;}
.regist .reg_box .reg_content .input .verify_img{ float: right; height: 45px; width: 130px; }
.regist .reg_box .reg_content .btn-02{ display:block; height:46px; line-height:46px; font-size:18px; font-weight:bold; color:#fff; text-align:center; width:400px; background:#d81f26; margin:10px 0;}
.regist .reg_box .reg_content .info p{  font-size:14px; text-align:left; line-height:30px; margin-top:15px; text-align: center;width: 370px;}
.regist .reg_box .reg_content .info p a{color:#000;}
.regist .reg_box .reg_content .info p .checkbox{vertical-align: middle;}
.regist .reg_box .reg_content a.btn-02:hover,.regist .reg_right .reg_content a.getcode:hover{color:#fff;background: #343434;}
.cur_info{ font-size: 12px; line-height: 24px;margin-top: 10px;}
.cur_info h1{ font-size: 16px; }
.login{  width: 100%; min-height: 860px; background:url("../images/login_bg.jpg") no-repeat; margin-top: 100px;}
.login .login_pic{ width: 794px;height: 610px; float:left; overflow: hidden; margin-top: 100px;}
.login .login_pic img{width: 794px;}
.loginbox{ width:465px; height:610px; float:right; background:#FFF; margin-top:100px;}

.login_tab{ width:318px; text-align:left; font-size:20px; margin:30px auto 0; color: #3c3d3f; font-weight: bold; border-bottom: 1px dashed #d3d3d3; padding-bottom: 30px;}
.login_input{ height:45px; width:318px; border:1px solid #c9c9c9; margin:30px auto 0px; border-radius:5px;}
.login_input input{ height:40px; width:270px; font-size:14px; border:none;}
.login_input i{ display:inline-block; width:23px; height:26px; margin:5px 10px; vertical-align:middle;}
.login_input .icon-user{ background:url(../images/icon-user.png) no-repeat;}
.login_input .icon-pwd{ background:url(../images/icon-pwd.png) no-repeat;}
.login_code-box{height:45px; width:318px; margin:30px auto 0px}
.login_code{height:45px; width:160px; border:1px solid #c9c9c9; border-radius:5px; float:left; padding-left:5px; margin-right:20px;}
.login_code input{ height:40px; width:150px; font-size:14px; border:none;}
.login_box{width:318px; margin:30px auto 0px;}
.forget{ vertical-align:-2px; margin-right:3px;}
.user_btn{ height:45px; width:318px; display:block; background:#e8262f; color:#FFF; font-size:16px; text-align:center; line-height:45px;}
.user_btn:hover{ color:#f1f1f1;background: #3c3d3f;}
.user_main{ width: 100%; height: 785px;  background:url("../images/login_bg.jpg") no-repeat; margin-top: 100px;}
.w960{ width: 960px;margin: 0 auto;}
.w616{ width:616px; height:635px; background:#FFF; margin:0 auto; border-radius:10px; padding:20px;}
.p_tit{ width:100%; height:40px; line-height:30px; font-size:20px; color:#d81f26; border-bottom:2px solid  #d81f26;}
.p_tab{ height:40px; line-height:40px; text-align:center;}
.p_tab a{ color:#666; font-size:18px; display:inline-block; margin:0 30px;}
.p_tab a:hover,.p_tab a.on{ color:#d81f26}
.p_content{ display:none; width:100%; margin-top:20px;}
.p_item{ height:189px; background:url(../images/line_01.png) no-repeat; width:440px; margin-left:100px; position:relative; padding-top:25px;}
.p_item .p_title{ width:160px; height:50px; position:absolute; top:-5px; left:-55px; font-size:18px; font-weight:bold;}
.p_input,.p_code{ height:50px; width:320px; margin-top:3px; margin-left:30px;}
.p_input input,.p_code input{ height:38px; width:300px; border-radius:5px; padding:0 5px; border:1px solid #ddd; font-size:14px;}
.p_code input{ width:160px; border-radius:5px 0 0px 5px;}
.p_input .submitBtn{ display:block; color:#FFF; background:#d81f26; text-align:center; height:40px; line-height:40px; font-size:16px; width:260px; border-radius:5px;}
.p_item .getcode{ background:#d81f26; display:inline-block; width:100px; font-size:12px; color:#fff; height:40px; vertical-align:1.5px; line-height:40px; text-align:center;}

.container{margin-bottom: 30px; min-height: 800px}
.container .ny_news_box{height:auto;width: 100%; margin-top: 30px;}
.n_box{width: 100%}
.n_box>h3{color:#5b5b5b;display:block;font-size:20px;font-weight:600;height:60px;line-height:50px;text-align:left;width:100%}
.n_box em{ display: inline-block; border-left: 4px solid #d81f26; line-height: 24px; padding-left: 5px;}
.n_box>h3 i{ display: inline-block; width: 1025px; vertical-align: 5px; height: 1px; background: #d3d3d3;}
.n_box h3 span a{ color: #9a9a9a;}
.n_box .n_news li h3{color:#525252;display:block;font-size:16px;font-weight:600;;margin:10px 0;text-align:center}
.n_box .n_news li  h4{ text-align:right;  margin-top: 30px; }
.n_box .n_news li h4 span{color:#979797;display:block;font-size:12px;margin:0 16px}
.brand-bd{}
.brand-list .item{border-bottom:1px solid #d3d3d3; width:100%; display: block; margin-top: 30px; height: 130px; }
.n_box .n_news .brand-list .item h3{ color: #ff0000;text-align: left; padding-bottom: 15px; font-weight: normal; font-size:20px}
.n_box .n_news .brand-list  .item_news_info{ float: left; width: 88%; margin-bottom: 20px;}
.n_box .n_news .brand-list  .item_news_time{ float: right; width:10%; text-align: left;}
.n_box .n_news .brand-list .item_mouth{ color: #9a9a9a; font-size: 36px; display: block; width: 100%; text-align: left; line-height: 30px; text-indent: 0px;}
.n_box .n_news .brand-list .item_year{color: #9a9a9a; font-size: 14px;display: block; width: 100%;text-align: left;text-indent: 0px; margin-top: 0px;}
.n_box .n_news .brand-list .item_btn{ display: block; background: url("../images/new_r.png") no-repeat; width: 52px; height: 24px; margin-top: 5px;}
.n_box .n_news li p{clear:both;color:#9a9a9a;font-size:14px;line-height:24px;margin-top:10px;overflow:hidden;text-indent:2em}


.page{clear:both;margin-top:30px;text-align:center}
.page a, .page span{display:inline-block;font-size:14px;height:26px;line-height:24px;margin:0 3px;text-align:center;width:20px}
.page a:hover,.page .current{background-color:#d81f26;color:#fff;font-weight:700}
.toolbox{height: 60px; line-height: 60px; width: 100%; border-bottom: 2px solid #b9b9b9; padding:0 20px;}
.toolbox span img{display: inline-block; vertical-align: middle; }
.toolbox .share_style{ float: right; margin-top: 18px; }
.jiathis_style > div,.share_style .jiathis_counter_style .jiathis_bubble_style{box-sizing: content-box;}
.news_content{ line-height: 24px;}
.news_content .ny_tit{ text-align: center; font-size: 20px; margin: 30px 0; color: #ff0000; }
.news_content p{clear:both;color:#292929;font-size:14px;line-height:30px;text-indent:2em; margin-bottom: 15px;}
.news_content img {display: block;margin: 20px auto; max-width:1000px;}

.layer_qrcode{ height:450px; width:400px; position:fixed; top:50%; left:50%; margin-left:-250px; margin-top:-120px; z-index:9999; word-break: break-all;background-color: #fff;border: 1px solid transparent;border-radius: 3px;box-shadow: inset 0 0 2px 1px #fff;}
.layer_qrcode_tit{ height:60px; width:100%; text-align:center; line-height:60px; font-size:25px; color:#033; position: relative;}
.layer-qrcode{ position: absolute; top:0px; right: 5px; font-size: 40px; color: #fff; display:block; line-height: 40px;}
.layer-q-close{ position: absolute; top:0px; right: 5px; font-size: 40px; color: #333; display:block; line-height: 40px;}
.layer_qrcode_content{width: 258px;height: 298px;position: relative;margin: 20px auto;border: 1px solid #d8dbde;display: block;}
.layer_qrcode_content img{width: 230px;height: 230px;border: none;margin: 20px auto;position: relative;display: block;/*background: url(//img1.37wanimg.com/www/css/images/common/loading-48x48.gif) center center no-repeat;*/}
.layer_qrcode_content p{color: #f90;font-size: 30px;font-weight: 700;text-align:center;margin-top:-13px}


.layer-bg{ position: fixed; height:100%; width:100%; z-index:999; top:0px; left:0px; background-color:#000; opacity:0.3; filter:alpha(opacity=30);}
.layer_msg{ height:200px; width:489px; position:fixed; top:50%; left:50%; margin-left:-250px; margin-top:-120px; z-index:9999; background:#FFF;}
.layer_msg_tit{ height:60px; width:100%; text-align:center; line-height:60px; font-size:25px; color:#f5ede8; background:#eb2c37; position: relative;}
.layer-close{ position: absolute; top:0px; right: 5px; font-size: 40px; color: #fff; display:block; line-height: 40px;}
.layer_msg_content{ width:100%; padding-top:30px;}
.layer_msg_content .icon-msg{ height:58px; width:58px; background:#FFF; display:inline-block; margin-left:50px; margin-top:10px;background:url(../images/cur_icon.png) no-repeat;}
.layer_msg_content .icon-msg.layui-fail{ background-position: -67px 0px;}
.layer_msg_content .icon-msg.layui-success{background-position: 0px 0px;}
.icon-confirm_txt{ width:360px; float:right; font-size:16px; padding-top:25px;}

.layersms-bg{ position: fixed; height:100%; width:100%; z-index:999; top:0px; left:0px; background-color:#000; opacity:0.3; filter:alpha(opacity=30); display: none; }
.layersms-box{ height:240px; width:430px; position:absolute; top:50%; left:50%; margin-left:-200px; margin-top:-120px; position:absolute; z-index:9999; background:#fff; display: none; }
.layersms-close{position: absolute; top:0px; right: 5px; font-size: 40px; color: #fff; display:block; line-height: 40px}
.layersms-box .layersms-info{ width:100%; height:150px;}
.layersms-box .layersms-info .layersms-input{ margin-top:40px; padding:0 40px; float:left; width:100%; color:#91bfe2 }
.layersms-box .layersms-info .layersms-input #verify_code{border:1px solid #ddd;color:#666; font-size:14px; height:40px; width:180px; text-align:center; background-color:transparent; float:left;}
.layersms-box .layersms-info .layersms-input .verify_img{ float:left; height:40px;}
.layersms-box .layersms-info .smsbtn{ display:inline-block; height:46px; line-height:46px; font-size:18px; font-weight:bold; color:#fff; text-align:center; width:200px; background:#343434; float:right; margin-right:110px; margin-top:20px;}
.layersms-box .layersms-info a.smsbtn:hover{background:#d81f26;}
.s_left{width: 197px; float:left; border: 1px solid #dfdfdf; margin: 30px 0;}
.s_left h1{width: 197px; display: block; text-align: center; font-size: 22px; height: 74px; line-height: 74px; border-bottom:1px solid  #dfdfdf;}
.s_left li ul{ display: none;}
.s_left li ul li{ display: block; line-height: 30px; border-bottom: 1px dashed  #dfdfdf; width: 100%; text-align: center; }
.s_left li ul li:hover,.s_left li ul li.cur{background: #d81f26; color: #fff; border: 1px solid #d81f26}
.s_left li ul li:hover a,.s_left li ul li.cur{color: #fff;}
.s_left li.on h1{ background: #d81f26; color: #fff;}
.s_left li.on ul{ display: block;}
.s_right{width: 980px; float:right; margin: 30px 0 60px; height: 420px;  border: 1px solid #dfdfdf; padding: 20px; color: #343434}
.s_right .s_item{ display: none; padding-left: 10px;}
.s_right .s_item p{ padding-left: 20px;}
.s_right .s_tit{ height: 60px; line-height: 60px; margin-bottom: 10px; font-size: 24px; color: #d81f26; font-weight: bold;}
.s_right .s_tit i{ width: 28px; height: 28px; display: inline-block; background:url("../images/icon_001.png") no-repeat; vertical-align: 5px; margin-right: -10px;}
.ny_center{height: 324px; width: 100%; background: url("../images/center_bn.jpg") no-repeat scroll center;}
.centerBox{width: 100%; min-height: 1000px;  background:url("../images/login_bg.jpg") no-repeat; margin-top: 100px;}
.c-box-bg{background: #ffffff}
.user_left{ width:214px; float:left; background:#FFF; min-height:700px; border: 1px solid #b5b5b5;}
.user_right{width:846px; float:right; background:#FFF; min-height:700px;border: 1px solid #b5b5b5; border-left: none; padding-left: 100px; padding-top: 40px; padding-right: 20px;}
.user-item h2{ text-indent: 40px; font-size:20px; color:#d81f26; background: #f1f1f1; display: block; height: 58px; line-height: 58px; width: 100%;}
.user-item li{ line-height:38px; width: 100%;}
.user-item li a{ color:#7f7f7f; font-size:14px; display: inline-block; width: 70%; margin-left: 15%; height: 30px; line-height: 30px; text-indent: 30px;}
.user-item li a:hover{ color:#fff; border-radius: 15px; background: #d81f26}
.user_left .loginout{text-align:center; font-size:20px; color:#fff; display: block; height: 50px; line-height:50px; width: 80%; margin: 0 auto; background:#ec2e39;border-radius:5px; margin-top: 40px; }
.user_tag{ color:#343434; font-size:20px; font-weight: bold;}
.user_right td{ line-height:40px; font-size:16px; padding:2px 5px;}
.orange{ font-size:12px; color:#d81f26}

.user_bund{ margin-top:20px; border-top:1px solid #b5b5b5; padding:50px 0px; width: 100%}
.user_bund li{ line-height:40px; font-size:14px; margin-bottom:30px; padding-top: 10px;}
.user_bund li i{ display:block; width:30px; height:38px; background:url(../images/center-icon.png) no-repeat; vertical-align:middle; margin-right:10px; float: left;}
.user_bund li i.icon-mobile{ background-position:7px 0px;}
.user_bund li i.icon-fcm{ background-position:-44px 0px;}
.user_bund li i.icon-safe{ background-position:-92px 0px;}
.user_bund li h1{ font-size: 20px; line-height:16px; color: #343434}
.user_bund li span{ display:inline-block; width: 400px;}
.user_bund li  a{ display:inline-block; height:30px; width:80px; background:#8c8b8b; color: #fff; line-height:30px; text-align:center; margin-left:20px;}
.user_bund li  a.on{ position: relative; background: #d81f26}
.user_bund li  a.on em{display:block; width:27px; height:27px; background:url(../images/icon-002.png) no-repeat; position: absolute;top: 2px; right: 0px;}
.user_table td input{ height:35px; width:230px; border:1px solid #ccc; padding:0 5px;}
.user_table td{ padding:10px 2px;}
.user_table td .cur_info{ margin-left:10px; color:#d81f26;}
.user_table td select{ border:1px solid #ccc; height:35px; padding:0px 5px;}
.user_table td select2{ border:1px solid #ccc; height:35px; padding:0px 5px;}
.user_table td select option{ padding:5px; }
.user_table td select2 option{ padding:5px; }
.user_table td .code{ float:left; width:115px;}
.user_table td  .verify_img{ float:left; height:35px;}
.user_table td .getcode{ background:#d81f26; display:inline-block; width:100px; font-size:12px; color:#fff; height:35px; vertical-align:5.5px; line-height:35px; text-align:center; margin-left:10px;}
.user_warm{ width:100%; padding-left:100px; color:#7f7f7f;  border-top:1px solid #b5b5b5; padding:20px 0px;}
.user_warm h1{ font-size:20px; font-weight: bold; color:#343434;}
.user_warm p{font-size:12px;}
.user_qr{ width:100%; padding-left:100px; color:#7f7f7f;  border-top:1px solid #b5b5b5; padding:20px 0px;}
.user_qr h1{ font-size:16px; color:#343434;}
.user_qr p{font-size:14px; line-height: 26px; text-indent: 28px;}

.paybox{width: 100%; min-height: 100%;margin:auto auto auto auto; }
.w1067{width: 1076px; margin:0 auto;}
.pay_left{ width: 202px; border: 1px solid #ddd; float: left;}
.pay_left h1{  color: #fff;  font-size: 16px; text-align: center; background: #d81f26; height: 40px; line-height: 40px;}
.pay_left li{ padding: 10px; border-bottom: 1px solid #ddd; text-align: center;}
.pay_left li i{ display: inline-block; height: 50px; width: 78px; vertical-align: middle;}
.pay_left li .icon-xlj{ background: url("../images/icon-xlj.png") no-repeat -89px 0; margin-right: 10px;}
.pay_left li .icon-hdw{ background: url("../images/icon-hdw.png") no-repeat -89px 0; margin-right: 10px;}
.pay_left li .icon-shaiya{ background: url("../images/icon-shaiya.png") no-repeat -89px 0; margin-right: 10px;}
.pay_left li .icon-mojie{ background: url("../images/icon-mojie.png") no-repeat -89px 0; margin-right: 10px;}
.pay_left li .icon-12sx{ background: url("../images/icon-12sx.png") no-repeat -89px 0; margin-right: 10px;}
.pay_left li .icon-kls{ background: url("../images/icon-kls.png") no-repeat -89px 0; margin-right: 10px;}
.pay_left li .icon-lhcs{ background: url("../images/icon-lhcs.png") no-repeat -89px 0; margin-right: 10px;}
.pay_left li .icon-mhlz{ background: url("../images/icon-mhlz.png") no-repeat -89px 0; margin-right: 10px;}
.pay_left li.on a i,.pay_left li a:hover i{ background-position: 0px 0;}
.pay_left li:last-child{ border-bottom: none;}
.pay_right{ width: 1060px; margin:0 auto; background:#fff;}
.pay_right h2{background: #91bfe2; height:30px; line-height: 30px;}
.pay-item{border-top:1px solid #fe8b10;padding:10px 20px;text-align:center}
.pay_content{padding-left:50px;width:100%; min-height: 500px;}
.pay_content td{line-height:50px}
.pay_content td input{border:1px solid #ccc;height:35px;padding:0 5px;width:230px}
.pay_content td .selebox{border:1px solid #ccc;height:35px;padding:0 5px}
.pay_content td .selebox option{padding:5px}
.pay_content .pay_cur{border-top:1px solid #ddd;font-size:14px;line-height:30px;margin-top:30px;width:80%}
.pay_content .pay_tab{margin-top:30px;text-align:center;width:100%}
.pay_content  .pay_tab a{background:#c9c9c9 none repeat scroll 0 0;display:inline-block;font-size:16px;margin-right:20px;padding:10px 40px}
.pay_content  .pay_tab a.on,.pay_content   .pay_tab a:hover{background:#fe8b10 none repeat scroll 0 0;color:#fff}
.pay_content  .pay_box .pay_cur h1{font-size:16px;margin:5px 0}
.pay_content  .pay_cur p{text-indent:18px; color:#343434}
.pay_msg {  color: #ccc;  display: inline-block;  margin-left: 10px; width: 200px;  }
.pay-select-third li{ float: left;}
.pay-select-third li a{background-color:#f3f3f3;border:1px solid #d3d3d3;color:#000;cursor:pointer;display:inline-block;margin-right:10px;padding:5px;text-decoration:none; cursor: pointer; line-height: 30px;}
.pay-bank li a{ padding: 5px; text-align: center; width: 100px;}
.pay-select-third li a:hover,.pay-select-third li.on a{border:1px solid #ec2f39; background: #ec2f39; color: #fff;}
.pay_btn{background:#ec2f39;color:#fff;display:inline-block;font-size:16px;height:35px;line-height:35px;text-align:center;width:200px}
.pay_btn.invalid {background: #999;}
.pay_btn:hover{ color: #ddd;}
.fychar{background:#ec2f39;color:#fff;display:inline-block;font-size:16px;height:35px;line-height:35px;text-align:center;width:100px; margin-left: 10px;  vertical-align: -1px;}
.fychar.invalid {background: #999;}
.fychar:hover{ color: #ddd;}

.othe_money{ display: none}
.othe_verify #verify_code{ width: 160px; float: left;}
.othe_verify .verify_img{ float: left; vertical-align: -3px; margin-left: 10px; height: 35px;}
.pay_c_b{ background:#fff; min-height:850px; padding-top:50px;}
.z_content_c1{ width: 1030px; margin: 10px 20px; }
.z_content_c3{ margin: 20px; width: 1030px; float: left; border-bottom: 1px solid #ddd; padding-bottom: 10px; position: relative;}
.z_cur_c4{ width: 100%; text-align: right;font-size: 16px;  position:absolute; right:0px; bottom:-30px; color: #999999;}
.col-lg-7{ width: 75%;float: left; font-size: 20px; font-weight: bold;}
.col-lg-5{ width: 25%;float: left; font-size: 20px; font-weight: bold; text-align: right;}
.col-lg-50{width: 50%;float: left; font-size: 16px; text-align: left;}
.col-rg-50{width: 50%;float: left; font-size: 16px; text-align: right;}
.z_content_c4{ margin-top: 120px;  float: left; width: 100%;}
.col-lg{ float: left; width: 35%; margin-left: 150px;}
.col-rg{ float: left; width: 35%; margin-top: 50px;}
.z_content_c4_s2_qrbox {  background: #fff none repeat scroll 0 0;  border: 1px solid #ccc;  margin: 0 auto;  max-width: 260px;  min-width: 240px;  }
.z_content_c4_s2_qrinfo {  background: #ccc none repeat scroll 0 0;  font-size: 16px;  height: 40px;  line-height: 40px; text-align: center;  }



.paystutas{ width:616px; height:635px; background:#FFF; margin:0 auto; border-radius:10px; padding:20px;}
.paystutas .pay_succse,.paystutas .pay_fail{ margin-top:100px;}
.paystutas .pay_status{ display:block; width:150px; height:150px; background:url(../images/icon-pay.png) no-repeat; margin:0 auto;}
.paystutas .pay_fail .pay_status{ background-position:0px -165px ;}
.paystutas h1{ text-align:center; font-size:18px; font-weight:bold; margin:15px 0;}
.paystutas p{ text-align:center; font-size:14px; color:#000;}
.paystutas .paybtns{ width:320px; margin:0 auto;}
.paystutas a{ display:inline-block; padding:10px 40px; background:#eb2e37; margin:20px 10px; border-radius:5px; font-size:14px; color: #fff;}

.paylist{ width:1060px; background:#fff; margin:0 auto;}
.paylist .pay_tit{background: #91bfe2; height:40px; line-height: 40px; text-indent: 24px; color: #fff; font-size: 16px;}
.gamelist{ width: 100%; height: 700px; border: 1px solid #ccc; padding-top: 10px;}
.gamelist a{ margin-left:10px;margin-bottom: 10px; display:inline-block;}
.gamelist a .pic{float: left; width: 250px; height: 108px; overflow:hidden;}
.gamelist a img{ width: 250px; height: 108px;  transition: all 0.5s ease-in 0s;-moz-transition: all 0.5s ease-in 0s;}
.gamelist a:hover img{transform: scale(1.1, 1.1);}


.pay_content select{border: 1px solid #ccc; height: 40px;  width: 230px; }
.pay_content select2{border: 1px solid #ccc; height: 40px;  width: 230px; }
.pay_content select option{ padding: 3px 5px;}
.pay_content select2 option{ padding: 3px 5px;}

.z_content_c5{ margin-top: 20px;  float: left; width: 100%; position: relative;}

.cashier-center-view{position:relative;width:803px}
.cashier-center-view.view-pc{display:block}
.cashier-center-view.view-pc .loginBox{padding:60px 0 20px 238px;width:350px;margin:0}
.loginBox .login-title-area{margin:0;margin-bottom:30px}
.login-title .rt-text{font-size:14px}
.teForm{padding:0}
.mi-form-item{padding:0 0 12px 0}
.submitContainer{margin-top:6px}

.qrcode-area{margin:0 auto;position:relative;width: 300px;}
.qrcode-integration .qrcode-header{display:block;width:auto;margin:0;padding:0;margin-top:75px;margin-bottom:16px; text-align: center;}
.qrcode-header-money{font-size:26px;font-weight:700;color:#f60}
.qrcode-integration .qrcode-img-area{width:200px;height:200px;text-align:center; margin: 0 auto;}
.qrcode-img-area.qrcode-img-crash{height:220px}
.qrcode-reward-wrapper{text-align:center}
.qrcode-reward{display:inline-block;margin:0;padding:2px 5px;background-color:#0188cd;border-radius:0;font-size:12px;line-height:16px;color:#fff}
.qrcode-reward-question{font-size:12px;margin-left:5px;margin-right:0}
.qrcode-integration .qrcode-loading{top:70px;left:60px}
.qrcode-integration .qrcode-img{top:70px;left:70px}
.qrcode-integration .qrcode-img-wrapper{position:relative;width:260px;height:auto;min-height:168px;margin:0 auto;padding:6px;border:1px solid #d3d3d3;-webkit-box-shadow:1px 1px 1px #ccc;box-shadow:1px 1px 1px #ccc}
.qrcode-img-area .qrcode-busy-icon{padding-top:15px}
.qrcode-img-area .qrcode-busy-text{margin-top:20px}
a.mi-button-lwhite .mi-button-text{padding:8px 39px 4px 36px}
.qrcode-img-area .mi-button{margin-top:40px}
.qrcode-img-explain{padding:10px 0 6px; text-align: center}
.qrcode-img-explain img{ margin: 5px auto;}
.qrcode-img-explain div{margin-left:10px}
.qrcode-foot{text-align:center}
.qrcode-downloadApp,.qrcode-downloadApp:active,.qrcode-downloadApp:hover,.qrcode-explain a.qrcode-downloadApp:hover{font-size:12px;color:#a6a6a6;text-decoration:underline}
.area-split{margin-top:156px;width:10px;height:300px;background-image:url(../images/t1pspfxixsxxxxxxxx.png);background-repeat:no-repeat}
.qrguide-area{position:absolute;top:62px;left:545px;width:204px;height:183px;cursor:pointer}
.qrguide-area .qrguide-area-img{display:block;position:absolute;bottom:0;left:0;z-index:-1}
.qrguide-area .qrguide-area-img.active{z-index:10}
.qrguide-area .qrguide-area-img.background{z-index:9}
.qrcode-notice .qrcode-notice-title{padding:10px 10px 11px 63px}

.w_list{ width: 100%;}
.w_list li{ width: 231px; height: 150px; background: #e3e3e3;  display: block; float: left;  text-align: center; margin-right: 20px; margin-bottom: 20px;}
.w_list li img{ width: 147px; height: 87px; display: inline-block; margin-top: 36px;}

.m_list{ width: 100%;}
.m_list li{ width: 202px; height: 128px; background: #e3e3e3;  display: block; float: left;  text-align: center; margin-right: 8px; margin-bottom: 10px;}
.m_list li img{ width: 140px; height: 80px; display: inline-block; margin-top: 24px}


.j_item{ width: 100%; color: #343434; font-size: 16px; height: 40px; line-height: 40px; text-align: center;}
.j_tit{ border-bottom: 1px solid #000000; font-weight: bold;}
.j_item span{ display: inline-block;}
.j_item span a{ color: #d81f26}
.w10{ width: 10%}
.w15{ width: 15%}
.w20{ width: 20%}
.w25{ width: 25%}



.ptl10{ padding-top: 10px; padding-left: 10px; padding-right: 10px;}
.tab_list table{border:1px solid #cbcbcb;border-collapse:collapse;border-spacing:0;clear:both;font-size:13px;width:100%; color: #7f7f7f; }
.tab_list table th{background-color:#f1f1f1;border-bottom:1px solid #b6cad2;box-shadow:0 -3px 0 0 #ededed inset;height:37px;line-height:37px;text-align:center;border-right:1px dotted #c7c7c7}
.tab_list table .thleft{text-align:left}
.tab_list table th .paixu{color:#404040;cursor:pointer}
.tab_list table th .paixu:hover{border:medium none}
.tab_list table td{border-right:1px dotted #c7c7c7;line-height:38px;text-align:center; font-size: 14px;}
.tab_list table tbody tr:nth-child(2n){background:#f5f8fa none repeat scroll 0 0}
.tab_list .page{width:100%;height:30px;margin-top:10px}
.tab_list .page a{border:1px solid #ddd;color:#3399d5;float:left;height:28px;line-height:30px;padding:0;text-align:center}
.tab_list .page a,.tab_list .page span{border-bottom:1px solid #ccc;border-top:1px solid #ccc;color:#000;float:left;height:30px;line-height:30px;margin-left:-1px;padding:0 8px}
.tab_list .page span.current{background:#3f97c9;color:#fff}
.bill_tools{ width: 100%; text-align: right; height: 30px; margin: 5px 0;}
.bill_tools a{ display: inline-block; width: 90px; height: 30px; background: #ec2e39; font-size: 14px; text-align: center; line-height: 30px;color: #fefefe;}
.bill_tools a:hover{ background: #cc0000}
.bill_con{ width: 600px;  margin: 0 auto;}
.bill_info{ width: 100%; line-height: 30px;}
.bill_info p{ color: #7f7f7f; font-size: 14px;}
.bill_info h1{ margin: 8px 0px;}
.bill_info h1,.bill_info .bname{ font-size: 18px; color: #343434; font-weight: bold;}
.bill_info .bname span{ color: #ec2e39}
.bill_info p a{color: #ec2e39; float: right;}
.biil_search{ width: 100%; margin: 10px 0; text-align: right;}
.biil_search select{width:160px;height:32px;padding:0 5px;margin-top:0;line-height:32px;color:#000;resize:none;border-width:1px;border-style:solid;border-radius:0;border-color:#b5b5b5 #b5b5b5 #b5b5b5 #b5b5b5;box-shadow:0 3px 3px #f7f8f9 inset}
.biil_search .searchbtn{display: inline-block; width: 60px; height: 30px; background: #ec2e39; font-size: 14px; text-align: center; line-height: 30px;color: #fefefe}
.biil_search .searchbtn:hover{background: #cc0000}

.bill_list{ width: 100%; border-top: 1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; padding: 10px 0; text-align: center; color: #9d9d9d; font-size: 16px;}
.bill_list .bill_item{ width: 100%; margin-bottom: 15px; height: 45px;}
.bill_list .b_item_l{ width: 80%; float: left; text-align: left; font-size: 14px;}
.bill_list .b_item_l h1{color: #343434; font-size: 16px; font-weight: bold;}
.bill_list .b_item_l h1 input{ margin-right: 10px;}
.bill_list .b_item_l p{ margin-top: 5px; color: #7f7f7f; padding-left: 22px;}
.bill_list .b_item_l p .pay_name{ margin-left: 15px;}
.bill_list .b_item_r{ width: 20%; float: right; text-align: right; font-size: 14px; color: #343434; font-size: 16px; font-weight: bold; height: 45px; line-height: 40px;}
.btn_box_01{ margin: 20px 0px; width: 100%}
.btn_box_01 input{ vertical-align: -2px;  margin-right: 5px;}
.btn_next_box{ margin-top: 10px; padding-left: 20px;}
.priceCount i{ color: #ec2e39; font-weight: bold;}
.btn_next_box .nextbtn{display: inline-block; width: 80px; height: 30px; background: #ec2e39; font-size: 14px; text-align: center; line-height: 30px;color: #fefefe; float: right}
.btn_next_box .nextbtn:hover{background: #cc0000}
.bill_tab{ width: 100%; height: 40px; border-bottom: 1px solid #b5b5b5; text-align: center; margin: 10px 0;}
.bill_tab a{ height: 40px;  display: inline-block; width: 120px; font-size: 18px; color: #343434; font-weight: bold; text-align: center;}
.bill_tab a:hover,.bill_tab a.on{  color: #d81f26; border-bottom: 2px solid #d81f26}
.bill_user_info{width: 100%; display: none}
.bill_user_info li{ display: block; width: 100%; border-bottom: 1px dashed #e4e4e4; height: 50px; line-height: 50px;}
.bill_user_info li label{ color: #7f7f7f; text-align: left;}
.bill_user_info li label i{ color: #cc0000; font-size: 16px; vertical-align: middle}
.bill_user_info li input{ float: right; width: 400px; height: 40px; line-height: 40px; text-align: right; border: none}
.bill_user_info .step_btn{display:block; margin: 30px auto; width: 200px; height: 50px; background: #ec2e39; font-size: 20px; text-align: center; line-height: 50px;color: #fefefe}
.bill_user_info .step_btn:hover{background: #cc0000}
.agree-bg{ position: fixed; height:100%; width:100%; z-index:999; top:0px; left:0px; background-color:#000; opacity:0.3; filter:alpha(opacity=30); display: none; }
.agree_box{ height:600px; width:800px; position:fixed; top:50%; left:50%; margin-left:-270px; margin-top:-300px; z-index:9999; background:#FFF; padding: 10px; display: none;}
.agree_close{ display:block; width:60px; height:60px; background:url("../images/a_close.png") no-repeat;position: absolute; top:0px; right: -60px;}
.agree_box h1{ font-size: 18px;  text-align: center; line-height: 36px; color: #ec2e39; font-weight: bold; margin-bottom: 10px;}
.agree_box p{line-height: 26px; margin-bottom: 10px;}
.agree_box a.submitbtn{display:block; width: 120px; height: 40px; margin: 0 auto; background: #ec2e39; font-size: 18px; text-align: center; line-height: 40px;color: #fefefe}
.agree_box a.submitbtn:hover{background: #cc0000}