@charset "utf-8";
/* CSS Document */

html{min-width: 1200px;}
*{margin:0;border:0;padding:0;font-size:14px;font-family:"Microsoft Yahei",SimSun;outline:none}
a,p,span,i,ul,li,h1,h2,h3,h4,h5,body,input,label{list-style:none;font-style:normal;text-decoration:none;color:#323232;outline:none}
input, select, img{vertical-align: middle;}
body{background-color: #fff;}
.clearfix{display:block;}
.clearfix:after{content: " ";height: 0;display: block;visibility: hidden;clear: both;}
.fl{float: left;}
.fr{float: right;}
.cb{clear: both;}
.clr-r{color: #ff0000;}
.clr-g{color: #338037;}
.mr24{margin-right: 24px;}
.pl20{padding-left: 20px;}
.mb30{margin-bottom: 30px !important;}
.w282{width: 262px;}
.w282s{width: 282px;}
.w898{width: 898px;}
.w918{width: 918px;}
.h160{height: 160px;overflow: hidden;}
.h320{height: 320px;overflow: hidden;}
.btns{width: 116px;height: 32px;display: block;color: #fff;text-align: center;line-height: 32px;background-color: #ffae3b;border-radius: 3px;cursor: pointer;}
.btns:hover{background-color: #ff930c;}
/*input::-webkit-input-placeholder{color: #b2b2b2 !important;}
input:-moz-placeholder {color: #b2b2b2 !important;}
input::-moz-placeholder {color: #b2b2b2 !important;}
input:-ms-input-placeholder {color: #b2b2b2 !important;}*/

/*顶部条*/
.header{*position:relative;z-index: 98;}
.top{width:100%;height:35px;background-color:#fff;border-bottom:1px solid #e5e5e5;}
.top-menu{width:1200px;margin:0 auto;position:relative;}
.top-menu a{font-size: 12px;line-height: 35px;display:inline;}
.top-menu a:hover{color: #40aaf4;}
.top-menu .fl a{padding-left: 22px;margin-right: 15px;background: url(../images/top_ico.png) no-repeat;}
.top-menu .fl .sy{background-position: 0 0;}
.top-menu .fl .sc{background-position: 0 -20px;}
.top-menu .fl .zm{background-position: 0 -40px;}

.top-menu .fr .all-game{padding-left: 24px;margin-left: 15px;background: url(../images/top_ico.png) no-repeat left -62px;}
.top-menu .fr .all-game a{padding-right: 22px;background: url(../images/top_ico.png) no-repeat right -151px;}
.top-menu .fr .all-game-h a{background: url(../images/top_ico.png) no-repeat right -134px;color: #40aaf4;}
.top-menu .fr .user2{display: none;}
.top-menu .fr .user2-news{padding-left: 22px;background:url(../images/top_ico.png) no-repeat left -171px;}
.top-menu .fr .user2-news-on{background-position: right -196px !important;}/*来信息显示*/

.all-box{width:604px;max-height: 154px;position:absolute;right:0px;top:35px;z-index: 99;background: #fff;border: 1px solid #e5e5e5;border-top: none;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);}
.all-box .all-nr{padding:10px;}

.all-nrbiao{float: left;border: 1px solid #e5e5e5;border-bottom: none;*position: relative;}
.all-nrbiao-wb{width: 347px;border-right: none;}
.all-nrbiao-mp{width: 231px;}
.all-nrbiao h3{height: 32px;padding-left: 10px;color: #9c9c9c;line-height: 32px;border-bottom: 1px solid #e5e5e5;}
.all-nrbiao .icon-gm-hot,.all-nrbiao .icon-gm-new{padding-right:19px;background:url(../images/game_ico.png) no-repeat;}
.all-nrbiao .icon-gm-hot{background-position: right -36px;}
.all-nrbiao .icon-gm-new{background-position: right -63px;}
.all-nrbiao .lie-more{float: right;font-size: 12px;line-height: 33px;color: #c5c5c5;margin-right: 10px;*position: absolute;*right: 0;*top: 0; }
.all-nrbiao .lie-more:hover{color: #40aaf4;text-decoration:underline;}

.all-nrbiao-ul li{height: 32px;border-bottom: 1px solid #e5e5e5;*float: left;}
.all-nrbiao-ul p{width: 95px;padding: 0 10px;height: 32px;line-height: 32px;border-right: 1px solid #e5e5e5;float: left;}
.all-nrbiao-ul p a{font-size: 12px;color:#323232;}
.all-nrbiao-ul p a:hover{color: #40aaf4;text-decoration:underline;}

/*顶部弹窗*/
.popup{position: fixed;width: 100%;height: 100%;z-index: 999; display: none;}
.shodow{width: 100%;height: 100%;background-color: #000;opacity: 0.6;filter:alpha(opacity=60);}

.popup-box{padding: 20px;background-color: #fff;border:1px solid #e5e5e5;position: absolute;top: 26%;display: none;}
.popup-box .close{width: 30px;height: 30px;display: block;position: absolute;right: -10px;top: -10px;background: url(../images/close.png) no-repeat 0 0;}
.popup-box .close:hover{background-position: 0 -31px;}
.popup-box .popup-title{height: 18px;font-size: 16px;line-height: 18px;padding-left: 10px;border-left: 3px solid #40aaf4;}
.popup-box .prompts{height: 30px;font-size: 12px;line-height: 30px;color: #f04335;}

.popup-logon{width: 240px;left: 50%;margin-left: -140px;}
.popup-register{width: 360px;left: 50%;margin-left: -180px;}

.popup-input{width: 238px;border-radius: 3px;border:1px solid #e5e5e5;}
.popup-input dd{position: relative;}
.popup-input i{width: 16px;height: 16px;display: block;background: url(../images/logon_ico.png) no-repeat;position: absolute;top: 8px;left: 4px;}
.popup-input input{width: 214px;height: 32px;padding-left: 24px;font-size: 12px;line-height: 32px;color: #9c9c9c;border-radius: 3px;-webkit-box-shadow: inset 0px 0px 0px 1000px #fff;}
.popup-input .number{border-bottom: 1px solid #e5e5e5;}
.popup-input .number i{background-position: 0 0px;}
.popup-input .password i{background-position: 0 -16px;}

.popup-menu{height: 16px;margin: 20px 0;}
.popup-menu input{width: 12px;height: 12px;margin-top: 2px;margin-right: 2px;float: left;}
.popup-menu label{width: 68px;font-size: 12px;float: left;cursor: pointer;}
.popup-menu a{font-size: 12px;float: right;line-height: 18px;}
.popup-menu a:hover{color: #40aaf4;}
.popup-btn{width: 100%;height: 40px;font-size: 16px;color: #fff;line-height: 40px;text-align: center;display: inline-block;background-color: #ffae3b;border-radius: 3px;}
.popup-btn:hover{background-color: #ff930c;}

.popup-menus{margin-top: 20px;}
.popup-menus a{width: 48px;font-size: 12px;color: #9c9c9c;padding-left: 20px;background: url(../images/logon_ico.png) no-repeat;float: left;}
.popup-menus a.wbdl{background-position: 0 -32px;}
.popup-menus a.qqdl{background-position: 0 -64px;}
.popup-menus a.bddl{background-position: 0 -96px;}
.popup-menus a:hover{color: #40aaf4;}
.popup-menus a.wbdl:hover{background-position: 0 -48px;}
.popup-menus a.qqdl:hover{background-position: 0 -80px;}
.popup-menus a.bddl:hover{background-position: 0 -112px;}
.popup-menus a.su{width: 12px;padding:0 2px !important;background: none;}

.popup-nav{height: 32px;line-height: 32px;border-bottom: 2px solid #e5e5e5;}
.popup-nav li{font-size: 16px;width: 72px;padding-left: 28px;margin-right: 20px;float: left;cursor: pointer;}
.popup-nav li.lizh{background: url(../images/lizh.png) no-repeat 5px 6px;}
.popup-nav li.lisj{background: url(../images/lisj.png) no-repeat 5px 6px;}
.popup-nav li.on{border-bottom: 3px solid #ffae3b;background-position: 5px -26px;}

.register-box{width: 240px;margin: 0 auto;margin-top: 30px;}
.register-box p{width: 100%;}
.register-box input{width: 208px;height: 32px;color: #9c9c9c;line-height: 32px;padding-left: 30px;border:1px solid #e5e5e5;border-radius: 3px;background: url(../images/logon_ico.png) no-repeat;}
.register-box input.number{background-position: 6px 8px;}
.register-box input.password{background-position: 6px -20px;}
.register-box input.full-name{background-position: 6px -227px;}
.register-box input.sf-number{background-position: 6px -254px;}
.register-box input.yz-number{background-position: 6px -278px;width: 55px;float: left;}
.register-box input.sj-number{background-position:  6px -364px;}

.register-box .yz-img{float: left;margin-left: 5px;}
.register-box .yz-m{position: relative;left: 10px;top: 10px;float: left;}
.register-box .yz-m .yz-time{font-size: 12px;margin-left: 5px;}
.register-box .yz-m #f-yzm{font-size: 12px;color: #fff;padding:10px;background-color: #ffae3b;border-radius: 3px;}
.register-box .yz-m #f-yzm:hover{background-color: #ff930c;}

.register-box #i-vcode{width: 70px;height: 32px;border-radius: 3px;}
.register-box #a-vcode{font-size: 12px;display: inline-block;line-height: 32px;margin-left: 3px;}
.register-box #a-vcode:hover{color: #40aaf4;text-decoration: underline}

.xy-box{clear: both;height: 20px;line-height: 20px;}
.xy-box .r-checkbox{width: 14px;height: 14px;margin-top: -2px;}
.xy-box label,.xy-box a{font-size: 12px;}
.xy-box a:hover{color: #40aaf4;}

.register-box p.pd400{font-size: 12px;height: 14px;line-height: 14px;padding: 3px 0 5px 0;}
.register-box p.pd405{color: #f04335 !important;}
.register-box p.pdnone{margin-top: 0px !important;}
.register-box p.pd200{text-align: center;padding: 10px 0;}
.register-box p.pd200 a{color: #40aaf4;}
.register-box p.pd200 a:hover{text-decoration:underline}
.register-box p.yz-n{clear: both;}

.r-ico{width: 16px;height: 16px;display: block;float: right;position: relative;top: -26px;right: -26px;}
.r-ico-yes,.r-ico-no{background: url(../images/logon_ico.png) no-repeat;}
.r-ico-yes{background-position: 0 -342px;}
.r-ico-no{background-position: 0 -313px;}

.r-icox{top: 3px !important;right: 5px !important;}

/*顶部导航*/
.topnavbox{width: 100%;height: 93px;overflow: hidden;background-color: #fff;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.topnav{width: 1200px;margin: 0 auto;}
.topnav .logo{height: 93px;display: block;float: left;margin-left: 76px;}
.topnav .logo img{height: 61px;margin: 16px 0;}
.topnav .navbox{height: 95px;float: right;text-align: center;}
.topnav .navbox li{width: 126px;height: 93px;float: left;}
.topnav .navbox li a{width: 100%;font-size: 16px;line-height:93px;display: inline-block;}
.topnav .navbox li:hover a{color: #ffaa33;}

.topnav .navbox li.on {background:url(../images/nav_on.jpg) no-repeat 0 0;}
.topnav .navbox li.on a{color: #fff;}

/*container容器*/
.container{width: 100%;z-index: 1;}

.ico-r,.ico-n,.ico-h{width: 50px;height: 50px;display: block;position: absolute;top: -1px;left: -1px;background: url(../images/ico_rnh.png) no-repeat;z-index: 999;}
.ico-r{background-position: 0 0;}
.ico-n{background-position: 0 -56px;}
.ico-h{background-position: 0 -112px;}

/*首页*/
.bannerbox{width: 100%;height: 350px;position: relative;}
.banner{width: 100%;height: 350px;}
.banner li{width: 100%;height: 550px;opacity: 0.1;filter:alpha(opacity=10);position: absolute;z-index: 1;}
.banner li a{width: 100%;max-width: 1920px;height: 550px;display: block;margin:0 auto;text-align: center;}
.banner li a .img{width: 100%;height: 100%;display: block;}
.banner li.bnr{opacity: 1;filter:alpha(opacity=100);z-index: 2;}

.smdianbox{width: 1200px;height: 350px;position: absolute;top: 0;left: 50%;margin-left: -600px;}
.smdianbox p,.banner-smdian{text-align: right;position: absolute;right: 20px;bottom: 30px;}
.smdianbox p{width: 169px;height: 14px;padding: 10px 15px;margin-bottom: -10px;margin-right: -15px;background-color: #fff;opacity: 0.6;filter:alpha(opacity=60);border-radius: 30px;z-index: 3;}
.banner-smdian{z-index: 4;}
.banner-smdian li{width: 14px;height: 14px;background-color: #434343;margin: 0 5px;border-radius: 14px;float: left;cursor: pointer;transition: width .5s ease;-moz-transition: width .5s ease;-ms-transition: width .5s ease;-o-transition: width .5s ease;}
.banner-smdian .banner-active{width: 63px;background-color: #40aaf4;}

/*--登录弹窗--*/
.contentbox{width: 1200px;min-height: 300px;margin: 0 auto;z-index:2;position: relative;}
.con-bg1{background:url(../images/cbg.jpg) no-repeat 0 0;background-size: 100%;}

.logon{width: 282px;height: 292px;position: absolute;z-index:3;top: -350px;}
.logon .popup-box{width: 240px;min-height: 250px;display: block !important;top: 0 !important;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);}

.news-logon,.service-logon{position: static;}
.news-logon .popup-box,.service-logon .popup-box{box-shadow: none; -moz-box-shadow: none;-webkit-box-shadow: none;}

.decorate-t{width: 142px;height: 28px;position: absolute;top: -14px;left: 50%;margin-left: -71px;}
.decorate-t i{width: 12px;height: 28px;}
.decorate-t i.i1{float: left;}
.decorate-t i.i2{float: right;}
.decorate-t i img{width: 100%;height: 100%;}

.popup2{}
.popup2 .info-js{width: 240px;height: 110px;border-bottom: 1px solid #e5e5e5;}
.popup2 .info-js-tx{width: 100px;height: 100px;border: 1px solid #e5e5e5;border-radius: 100%;}
.popup2 .info-js-tx img{width: 90px;height: 90px;margin: 5px;display: block;overflow: hidden;border-radius: 100%;}
.popup2 .info-js-nr{width: 120px;height: 90px;margin-top: 5px;}
.popup2 .info-js-nr li{line-height: 32px;}
.popup2 .info-js-nr li.info-js-mc .account-name{width: 80px;font-weight: 600;display: block;text-overflow:ellipsis;overflow: hidden;white-space:nowrap;}
.popup2 .info-js-nr li.info-js-mc .signout{font-size: 12px;color: #9c9c9c;}
.popup2 .info-js-nr li.info-js-mc a:hover{color: #40aaf4;}
.popup2 .info-js-nr li.info-js-ptb{width: 120px;text-overflow:ellipsis;overflow: hidden;white-space:nowrap;}
.popup2 .info-js-nr li.info-js-cz{margin-top: 5px;}
.popup2 .info-js-nr li.info-js-cz a{width: 56px;height: 24px;line-height: 22px;text-align: center;border-radius: 3px;background-color: #ffae3b;color: #fff;}
.popup2 .info-js-nr li.info-js-cz a:hover{background-color: #ff930c;}

.popup2 .server-list h3{height: 34px;line-height: 34px;}
.popup2 .server-list li{height: 34px;line-height: 34px;border-top: 1px dotted #e5e5e5;}
.popup2 .server-list li a{width: 100%;height: 34px;display: block;overflow: hidden;*cursor: pointer;}
.popup2 .server-list li a img{width: 16px;height: 16px;display:block;overflow: hidden;margin: 9px 0;margin-right: 10px;float: left;}
.popup2 .server-list li a span{height: 34px;line-height: 34px;font-size: 12px;overflow: hidden;float: left;}
.popup2 .server-list li a span.g-name{width: 72px;}
.popup2 .server-list li a span.u-server{width: 65px;margin-left: 5px;}
.popup2 .server-list li a span.g-start{width: 60px;height: 22px;line-height: 22px;padding-right: 7px;text-align: right;margin: 6px 0;border-radius: 3px;background: url(../images/start-bg.png) no-repeat 0 0;color: #fff;float: right;}
.popup2 .server-list li a:hover{background-color: #f5f5f5;}
.popup2 .server-list li a:hover span{color: #40aaf4;}
.popup2 .server-list li a:hover span.g-start{color: #fff;}



.popup3{width: 240px;background-color: #fff;border: 1px solid #c5c5c5;position: absolute;top: 135px;left:50%;margin-left: -121px;}
.popup3 .ts{font-size: 12px;margin: 12px 10px;}
.popup3 .ts a{font-size: 12px;color: #40aaf4;}
.popup3 .ts a:hover{text-decoration: underline;}
.popup3 .close-p{width: 14px;height: 14px;font-size: 12px;color: #9c9c9c;text-align: center;border: 1px solid #c5c5c5;line-height: 14px;position: absolute;right: -1px;top: -1px;}
.popup3 .close-p:hover{border: 1px solid #40aaf4;color: #40aaf4;}

/*----*/
.con-title{padding: 20px 0 10px 0;position: relative;}
.con-title h3{height: 24px;line-height: 24px;font-size: 18px;padding-left: 10px;border-left: 3px solid #40aaf4;}
.con-title h3 a{font-size: 12px;font-weight: 500 !important;line-height: 24px;color: #9c9c9c;position: absolute;right: 0;}
.con-title h3 a:hover{color: #40aaf4;}

.game-search{width: 210px;height: 18px;line-height: 14px;background-color: #fff;border: 1px solid #e5e5e5;border-radius: 100px;padding: 4px 8px;position: absolute;right: 0;top: 18px;}
.game-search input{width: 185px;height: 18px;line-height: 18px;font-size: 12px;float: left;}
.game-search a{width: 18px;height: 18px;display: block;background: url(../images/ss_ico.png) no-repeat 0 0;float: right;}

.news-minlist li{height: 30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;list-style-position: inside;list-style-type:disc;}
.news-minlist li a{height: 30px;font-size: 12px;line-height: 30px;padding: 9px 10px;margin-left: -14px;}
.news-minlist li.red,.news-minlist li.red a{color: #ff0000;font-weight: 600;}/*置顶新闻*/
.news-minlist li:hover,.news-minlist li a:hover{font-weight: 600;color: #40aaf4}

.server-minlist{margin-top: 10px;border: 1px solid #e5e5e5;}
.server-minlist .hd{height: 38px;overflow: hidden;}
.server-minlist .hd li{width: 33.33%;*width: 33.2%;font-size: 12px;color: #9c9c9c;line-height: 38px;text-align: center;background-color: #f5f5f5;float: left;cursor: pointer;}
.server-minlist .hd li.on{border-top: 2px solid #ffae3b;background-color: #fff;font-weight: 600;color: #ffae3b;}
.server-minlist .bd li{*margin-bottom: -4px;}
.server-minlist .bd li a{width: 100%;height: 32px;line-height: 32px;display: block;*cursor: pointer;}
.server-minlist .bd li a p{float: left;}
.server-minlist .bd li:hover a{background-color: #ffae3b;}
.server-minlist .bd li:hover a p{color: #fff;}

.server-minlist p{font-size: 12px;color: #2b2b2b;line-height: 32px;float: left;padding-left: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.server-minlist .p1{width: 82px;}
.server-minlist .p2{width: 70px;}

.server-title{height: 32px;}
.server-title p{color: #9c9c9c;}

.game-box li{width: 276px;overflow: hidden;float: left;border: 1px solid #e5e5e5;margin-top: 10px;margin-right: 20px;position: relative;}
.game-box li img{width: 100%;}
.game-box li:hover{border: 1px solid #40aaf4;box-shadow: 0 0 8px #b2b2b2;}
.game-box li .link{width:100%;}
.game-box li .link .link-name{width: 100%;height: 30px;line-height: 30px;}
.game-box li .link .link-name a{display: block;margin-left: 12px;float: left;}
.game-box li .link .link-name span{margin-right: 12px;font-size:12px;color: #9c9c9c;float: right;}
.game-box li .link .link-a{height: 30px;line-height: 30px;padding: 0 12px;}
.game-box li .link .link-a a{float: left;font-size:12px;line-height: 30px;color: #9c9c9c;}
.game-box li .link .link-a a:hover{color: #40aaf4;}
.game-box li .link .link-a a.x{width: 12px;}
.game-box li .link .link-a .link-game{width: 58px;padding:0 8px;display: block;background-color: #ffae3b;border-radius: 3px;color: #fff;text-align: center;line-height: 24px;margin-left: 6px;margin-top: 3px;float: right;}
.game-box li .link .link-a .link-game:hover{background-color: #ff930c;color: #fff !important;}

.hot-game li{height: 198px;}
.hot-game li img{width: 100%;height: 100%;display: block;}
.hot-game li .link{position: absolute;bottom: -30px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.hot-game li .link .opacity-bg{width:100%;height: 60px;background-color: #000;opacity: 0.6;filter:alpha(opacity=60);color: #fff;}
.hot-game li .link .link-name{position: absolute;top: 0;}
.hot-game li .link .link-name a{color: #fff;}
.hot-game li .link .link-a{width: 252px;position: absolute;bottom: 0;}
.hot-game li:hover .link{bottom: 0px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.web-game li{height: 230px;}
.map-game li{height: 231px;}
.web-game li a{display: block;}
.web-game li a img,.map-game li a img{width: 100%;height: 166px;display: block;border-bottom: 1px solid #e5e5e5;overflow: hidden;}
.map-game li .map-a{width: 100%;height: 166px;display: block;overflow: hidden;position: relative;}

.map-game .map-box{width: 100%;height: 166px;overflow: hidden;position: absolute;bottom: -166px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.map-game .map-box .opacity-bg{width: 100%;height: 100%;background-color: #000; opacity: 0.6;filter:alpha(opacity=60);}
.map-game .map-box .map-code{width: 246px;position: absolute;top: 0;margin: 30px 0 0 30px;}
.map-game .map-box .map-code img{width: 106px;height: 106px;float: left;}
.map-game .map-box .map-code p{*width: 88px;float: left;line-height: 24px;color: #9c9c9c;margin: 17px 0;margin-left: 20px;}
.map-game .map-box .map-code p a{height: 0;color: #fff}
.map-game li:hover .map-box{bottom: 0px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.fast-con{height: 232px;margin-top: 10px;border: 1px solid #e5e5e5;border-bottom: none;}
.fast-con a{width: 129.5px;height: 57px;display: block; float: left;border-bottom: 1px solid #e5e5e5;*cursor: pointer;}
.fast-con a.br{border-right: 1px solid #e5e5e5; }
.fast-con a p{width: 86px;height: 20px;font-size: 12px;line-height: 20px;margin: 18px auto;color: #585858;}
.fast-con a p i{width: 21px;height: 21px;display:block;;background: url(../images/fast_ico.png) no-repeat; ;float: left;margin-right: 8px;}
.fast-con a.f1 i{background-position: 0 0;}
.fast-con a.f2 i{background-position: 0 -60px;}
.fast-con a.f3 i{background-position: 0 -120px;}
.fast-con a.f4 i{background-position: 0 -180px;}
.fast-con a.f5 i{background-position: 0 -240px;}
.fast-con a.f6 i{background-position: 0 -300px;}
.fast-con a.f7 i{background-position: 0 -360px;}
.fast-con a:hover{background-color: #ffae3b;}
.fast-con a:hover p{color: #fff;}
.fast-con a.f1:hover i{background-position: 0 -30px;}
.fast-con a.f2:hover i{background-position: 0 -90px;}
.fast-con a.f3:hover i{background-position: 0 -150px;}
.fast-con a.f4:hover i{background-position: 0 -210px;}
.fast-con a.f5:hover i{background-position: 0 -270px;}
.fast-con a.f6:hover i{background-position: 0 -330px;}
.fast-con a.f7:hover i{background-position: 0 -390px;}

.f-link{width: 1160px;margin: 0 auto;margin-bottom: 50px;}
.f-link a{height: 24px;display: inline-block;font-size: 12px;line-height: 24px;padding: 0 6px;}
.f-link a:hover{color: #40aaf4;}

/*网页游戏*/
.bnr-box{width: 1200px;height: 318px;margin: 0 auto;margin: 20px 0;}
.bnr-img{width: 618px;height: 318px;overflow: hidden;border: 1px solid #e5e5e5;position: relative;}
.bnr-img #imgs{position:absolute;}
.bnr-img li{width: 618px;height: 318px;float: left;}
.bnr-img li img{width: 100%;height: 100%;}

.bnr-con{width: 560px;height: 318px;}
.bnr-cons{width: 560px;height: 251px;overflow: hidden;position: relative;}
.bnr-cons #cons{position: absolute;}
.bnr-cons li{width: 560px;height: 251px;float: left;}
.bnr-cons h3{display: block;height: 42px;width: 100%;position: relative;}
.bnr-cons h3 a{font-size: 24px;}
.bnr-cons h3 a:hover{color: #40aaf4;}
.bnr-cons h3 span{font-size: 12px;line-height: 42px;position: absolute;right: 0;bottom: 0;}
.bnr-cons p{width: 100%;height: 120px;line-height: 24px;margin: 20px 0;overflow: hidden;}
.bnr-cons .bnr-btn{width: 100%;}
.bnr-cons .bnr-btn a{width: 116px;height: 30px;border-radius: 3px;text-align: center;line-height: 30px;display: block;float: left;margin-right: 10px;background-color: #ffae3b;color: #fff;}
.bnr-cons .bnr-btn a:hover{background-color: #ff930c;}
.bnr-con .bnr-imgs{width: 100%;height: 68px;}

.bnr-con .bnr-imgs li{width: 104px;height: 68px;float: left;margin-right: 10px;}
.bnr-con .bnr-imgs li img{width: 100%;height: 100%;}
.bnr-con .bnr-imgs li.on{width: 100px;height: 64px;border:2px solid #40aaf4;box-shadow: 0 0 8px #b2b2b2;}

.gamelist-nav{height: 60px;padding: 10px 20px;margin-top: 10px;border: 1px solid #e5e5e5;}
.gamelist-nav p{height: 14px;padding: 8px 0;}
.gamelist-nav p strong,.gamelist-nav p a{height: 14px;line-height: 14px;float: left;}
.gamelist-nav p strong{width: 75px;}
.gamelist-nav p a{display: block;padding: 0 6px;color: #9c9c9c;border-right: 1px solid #e5e5e5;}
.gamelist-nav p a:hover,.gamelist-nav p a.on{color: #40aaf4;}

.web-games{margin-left: -20px;*zoom:1;}
.web-games li{width: 290px;height: 196px;margin-top: 20px;margin-right: 0;margin-left: 20px;background-color: #fff;border: 1px solid #e5e5e5;float: left;}
.web-games li:hover{border: 1px solid #40aaf4;box-shadow: 0 0 8px #b2b2b2;}
.web-games li .web-games-img{height: 166px;position: relative;overflow: hidden;}
.web-games li .web-games-img img{width: 100%;height: 100%;}
.web-games li .web-games-img .server-a,.web-games li .web-games-img .server-on{width: 100%;height: 100%;position: absolute;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.web-games li .web-games-img .server-a{bottom: -166px;}
.web-games li .web-games-img .server-on{bottom: 0;}
.web-games li .web-games-img .server-a span{width: 100%;height: 100%;display: block;background-color: #000; opacity: 0.6;filter:alpha(opacity=60);}
.web-games li .web-games-img .server-a p{width: 70px;text-align: center;position: absolute;top: 50%;margin-top: -30px;left: 50%;margin-left: -35px;}
.web-games li .web-games-img .server-a p a{color: #fff;display: block;font-size: 12px;line-height: 24px;margin: 6px 0;}
.web-games li .web-games-img .server-a p a.as{background-color: #ff940c;border-radius: 3px;}

.web-games li .link{height: 30px;line-height: 30px;padding: 0 12px;}
.web-games li .link a{font-size: 12px;}
.web-games li .link-a{float: right;color: #9c9c9c;}
.web-games li .link-a:hover{color: #40aaf4;}

.pageGro{width: 100%;height:27px;padding: 30px 0 20px;clear: both;}
.pageGro a{font-size: 13px;padding: 2px 9px;border: 1px solid #e5e5e5;line-height:21px;text-align:center;margin:0 3px;}
.pageGro a.currentPage,.pageGro a:hover{color:#fff;cursor:pointer;background-color: #40aaf4;}

.pageCent a{float: none;}

/*手机游戏*/
.map-bannerbox{overflow: hidden;}
.map-bannerbox .banner li{height: 350px;}
.map-bannerbox .banner li a{height: 100%;}

.map-games{margin-left: -20px;*zoom:1;}
.map-games li{width: 283px;margin-right: 0;margin-left: 20px;margin-top: 20px;}

.mapGame{width: 398px;border: 1px solid #e5e5e5;}
.map-n{width: 399px;border-left: 0;}
.mapGame-title{height: 25px;padding: 20px;}
.mapGame-title i{width: 3px;height: 25px;display:block;background-color: #40aaf4;float: left;}
.mapGame-title h3{font-size: 18px;float: left;margin-left: 5px;}

.mapGame-list{height: 533px;padding: 0 20px;overflow: hidden;}
.mapGame-list .clear-fix{padding: 10px 0;border-top: 1px dotted #e5e5e5;overflow: hidden;}
.mapGame-list .clear-fix i{display: inline-block;text-align: center;color: #fff;line-height: 26px;background: #ccc;font-size: 18px;font-weight: 700;width: 26px;height: 26px;float: left;}
.mapGame-list .clear-fix i.num1{background-color: #ff4c4c;}
.mapGame-list .clear-fix i.num2{background-color: #ff8040;}
.mapGame-list .clear-fix i.num3{background-color: #ffae3b;}
.mapGame-list .clear-fix .default p{max-width: 230px;font-size: 16px;color: #333;margin-left: 20px;line-height: 26px;float: left;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.mapGame-list .clear-fix .default span{font-size: 12px;line-height: 26px;color: #939393;float: right;}

.mapGame-list .active{height: 83px;}
.mapGame-list .active .hover .num{margin-top: 28px;}
.mapGame-list .active .hover .game-logo{width: 79px;height: 79px;padding: 0 10px;float: left;border-radius: 3px;}
.mapGame-list .active .hover .game-logo img{width: 100%;height: 100%;}
.mapGame-list .active .hover .brief{width: 150px;margin-top: 10px;overflow: hidden;float: left;}
.mapGame-list .active .hover .brief a{font-size: 18px;display: block;line-height: 32px;color: #ff0000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mapGame-list .active .hover .brief p{font-size: 12px;line-height: 24px;}
.mapGame-list .active .hover .operation{width: 80px;float: right;margin-top: 28px;}
.mapGame-list .active .hover .operation a{width: 33px;height: 33px;display: inline-block;background: url(../images/icon_down_gift.png) no-repeat;border-radius: 100%;margin-left: 5px;float: right;}
.mapGame-list .active .hover .operation a.gift-link{background-position: 0 0;}
.mapGame-list .active .hover .operation a.gift-link:hover{background-position: 0 -43px;}
.mapGame-list .active .hover .operation a.down-link{background-position: 0 -86px;}
.mapGame-list .active .hover .operation a.down-link:hover{background-position: 0 -129px;}

.mapGame-list .clear-fix .hover,.mapGame-list .active .default{display: none;}
.mapGame-list .active .hover{display: block;}

.mapGame-img{width: 380px;height: 600px;overflow: hidden;}
.mapGame-img a{width: 378px;height: 288px;text-align: center;display: block;border: 1px solid #e5e5e5;margin-bottom: 20px;overflow: hidden;}
.mapGame-img a img{height: 100%;}


/*用户中心*/
.contents{width: 1198px;min-height: 598px;border: 1px solid #e5e5e5;margin:20px auto 30px;}
.w249{width: 249px;}
.w886{width: 886px;}

.sidebar-r{min-height: 600px;padding: 20px 30px;border-left: 1px solid #e5e5e5;}

.registerform li{height: 32px;line-height: 32px;margin: 15px 0;clear: both;}
.registerform li .label{width: 88px;text-align: right;float: left;margin-right: 10px !important;}
.registerform li input{width: 184px;height: 32px;line-height: 32px;float: left;padding: 0 6px;border: 1px solid #e5e5e5;border-radius: 3px;-webkit-box-shadow: inset 0px 0px 0px 1000px #fff;}
.registerform select{width: 198px;height: 32px;line-height: 32px;float: left;padding: 0 6px;border: 1px solid #e5e5e5;border-radius: 3px;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
.registerform select option{padding: 6px;}
.registerform i{right: 14px;}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

.registerform .choose_game{width: 168px;height: 30px;line-height: 30px;float: left;position: relative;border: 1px solid #e5e5e5;/*box-shadow: 0 0 3px #ddd inset;*/border-radius: 3px;position:relative;}
.registerform .choose_game p{position: absolute;top: 0;left: 0;margin: 0;padding: 0 6px;height: 32px;line-height: 32px;}
.registerform .choose_game i{position: absolute;right: 5px;}
.registerform .choose_game ul{width: 168px;height: 256px;overflow: auto;background: #fff;border: 1px solid #e5e5e5;position: absolute;top: 30px;left: -1px;display: none;}
.registerform .choose_game li{height: 32px;margin: 0;padding: 0 6px;font-size: 12px;border-bottom: none;}
.registerform .choose_game li:hover{background-color: #f5f5f5;}

/*--顶部账号资料--*/
.user-header{width: 1158px;height: 126px;border: 1px solid #e5e5e5;margin: 20px auto;padding: 20px;position: relative;}
.user-header .headPortrait{width: 126px;height: 126px;position: relative;border: 1px solid #e5e5e5;border-radius: 100%;overflow: hidden;float: left;}
.user-header .headPortrait:hover{cursor: pointer;}
.user-header .headPortrait img{width: 120px;height: 120px;display: block;border: 3px solid #fff;border-radius: 100%;}

.user-header-text{max-width: 500px;float: left;margin-left: 20px;}
.user-header-text li{line-height: 30px;}
.user-header-text li .dh{margin-left: 50px;color: #9c9c9c;}
.user-header-text li .dh:hover{text-decoration:underline;color: #40aaf4;}

.user-header-btn{float: right;margin-top: 90px;}
.user-header-btn a{width: 116px;height: 32px;line-height: 32px;text-align: center;color: #fff;background-color: #ffae3b;border-radius: 3px;margin-left: 10px;float: right;}
/*颜色渐变
.user-header-btn a{background: -moz-linear-gradient(top, #ffae3b 0%, #ffaa33 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffae3b), color-stop(100%,#ffaa33)); background: -webkit-linear-gradient(top, #ffae3b 0%,#ffaa33 100%); background: -o-linear-gradient(top, #ffae3b 0%,#ffaa33 100%); background: -ms-linear-gradient(top, #ffae3b 0%,#ffaa33 100%); background: linear-gradient(to bottom, #ffae3b 0%,#ffaa33 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae3b', endColorstr='#ffaa33',GradientType=0 ); } :root .gradient{filter:none;}
*/
.user-header-btn a:hover{background-color: #ff930c;}

.headPortrait-popup{width:100%;height: 100%;text-align: center;line-height: 126px;color: #fff;background-color: rgba(0,0,0,0.5);background-color: #000\9;opacity: 0.5\9;filter:alpha(opacity=50)\9;position: absolute;top: 126px;left: 0;transition: all 0.3s;}

.headPortrait-container{position: absolute;width: 430px;padding: 20px 0;background-color: #fff;border: 1px solid #e5e5e5;left: -1px;top: 166px;box-shadow: 0 0 15px #c3c3c3;display: none;z-index: 99;}
.headPortrait-container .close{width: 30px;height: 30px;display: block;position: absolute;right: -10px;top: -10px;background: url(../images/close.png) no-repeat 0 0;}
.headPortrait-container .close:hover{background-position: 0 -31px;}
.headPortrait-container li{width: 60px;height: 60px;border: 1px solid #e5e5e5;border-radius: 100%;margin-bottom: 20px;margin-left: 20px;overflow: hidden;float: left;}
.headPortrait-container li img{width: 56px;height: 56px;border: 2px solid #fff;border-radius: 100%;}
.headPortrait-container li.on{border: 1px solid #40aaf4;}
.headPortrait-container .arrow-t{width: 100%;height: 20px;position: absolute;top: -20px;background: url(../images/arrow_t.png) no-repeat 68px 4px;}
.headPortrait-container button{width: 116px;height: 32px;margin-top: 20px;text-align: center;line-height: 32px;color: #fff;background-color: #ffae3b;display: block;margin: 0 auto;border-radius: 3px;}
.headPortrait-container button:hover{background-color: #ff930c;cursor: pointer;}

/*--左侧导航栏--*/
.subnav li{border-bottom: 1px solid #e5e5e5;clear: both;}
.subnav li a{display: block;height: 61px;padding: 0 45px;*cursor: pointer;}
.subnav li a i{width: 25px;height: 25px;display:inline-block;margin: 18px 0;margin-right: 16px;float: left;background: url(../images/subnav_ico.png) no-repeat;}
.subnav li a p{width: 116px;font-size: 16px;line-height: 61px;float: left;}
.subnav li:hover{background-color: #ffae3b;}
.subnav li:hover p{color: #fff;}

.subnav .subnav-game a i{background-position: 0 -25px;}
.subnav .subnav-info a i{background-position: 0 -50px;}
.subnav .subnav-addiction a i{background-position: 0 -75px;}
.subnav .subnav-security a i{background-position: 0 -100px;}
.subnav .subnav-password a i{background-position: 0 -125px;}
.subnav .subnav-recharge a i{background-position: 0 -150px;}
.subnav .subnav-notify a i{background-position: 0 -175px;}
.subnav .subnav-relation a i{background-position: 0 -200px;}

.subnav .subnav-system a i{background-position: 0 -225px;}
.subnav .subnav-guide a i{background-position: 0 -250px;}
.subnav .subnav-flow a i{background-position: 0 -275px;}
.subnav .subnav-application a i{background-position: 0 -300px;}
.subnav .subnav-pupil a i{background-position: 0 -325px;}
.subnav .subnav-guarder a i{background-position: 0 -50px;}
.subnav .subnav-down a i{background-position: 0 -350px;}

.subnav .subnav-Bank i{background-position: 0 -375px;}
.subnav .subnav-alipay i{background-position: 0 -400px;}
.subnav .subnav-quick i{background-position: 0 -425px;}
.subnav .subnav-wechat i{background-position: 0 -450px;}
.subnav .subnav-platform i{background-position: 0 -475px;}

.subnav li.on{background-color: #ffae3b;}
.subnav li.on a i,.subnav li:hover a i{background-position-x: -25px;}
.subnav li.on a p{color: #fff;}

/*--我的首页--*/
.user-ps{height: 32px;line-height: 32px;margin: 10px 0;line-height: 32px;}
.user-games{width: 350px;height: 32px;overflow: hidden;}
.user-games span{font-size: 16px;float: left;}
.user-games a{font-size: 16px;margin-left: 12px;float: left;}
.user-games a:hover{text-decoration: underline;color: #40aaf4;}

.user-info-p{font-size: 16px;}
.user-info-bar{width: 198px;height: 22px;text-align: center;line-height: 22px;border: 1px solid #e5e5e5;border-radius: 20px;margin: 5px 10px;position: relative;overflow: hidden;}
.user-info-bar p{position: absolute;left: 50%;margin-left: -18px;z-index: 2;}
.user-info-bar span{width: 100%;height: 100%;background-color: #ffae3b;display: block;position: absolute;top: 0;left: -80%;z-index: 1;}/*进度条*/
.user-info-btn{color:#a3a3a3;}
.user-info-btn:hover{text-decoration: underline;color: #40aaf4;}

.user-safety{margin-top: 20px;}
.user-security-p{font-size: 16px;}
.user-security-ul{width: 207px;height: 36px;background-color: #e5e5e5;border-radius: 36px;margin-top: -2px;margin-left: 10px;}
.user-security-ul li{width: 27px;height: 24px;margin: 6px 0;margin-left: 12px;background: url(../images/security_ico.png) no-repeat -4px -320px;float: left;}
.user-security-ul li.on{background-position: -4px -363px;}

/*--安全列表和账号列表公共部分--*/
.user-list li{height: 50px;padding: 20px 0;border-bottom: 1px solid #e5e5e5;}
.user-list li i{width: 36px;height: 36px;margin: 7px 20px;background: url(../images/security_ico.png) no-repeat;float: left;}
.user-list li a{width: 116px;height: 32px;background-color: #ffae3b;text-align: center;line-height: 32px;color: #fff;border-radius: 3px;float: right;margin-top: 9px;}
.user-list li a.up-a{background-color: #a3a3a3;}/*绑定后的状态*/
.user-list li a:hover{background-color: #ff930c;}
.user-list li p{width: 680px;line-height: 24px;color: #a3a3a3;float: left;}
.user-list li p b{font-size: 16px;color: #323232;}
.user-list li p span{margin-left: 20px;color: #f04335;}/*未绑定状态颜色*/
.user-list li p span.up-span{color: #337c37;}/*绑定后状态颜色*/

.user-safety-list li.mbwt i{background-position: 0 0;}
.user-safety-list li.yxbd i{background-position: 0 -50px;}
.user-safety-list li.sjbd i{background-position: 0 -90px;}
.user-safety-list li.ejmm i{background-position: 0 -135px;}

/*--我玩过的游戏--*/
.user-title{width: 100%;height: 38px;border-bottom: 3px solid #e5e5e5;margin-bottom: 20px;}
.user-title span{font-size: 16px;line-height: 38px;padding-right: 10px;display: inline-block;border-bottom: 3px solid #ff930c;}

.user-mygame-zero{width: 580px;height: 140px;margin: 50px auto;display: none;}/*用户还没玩过游戏时显示*/
.user-mygame-zero img{width: 140px;height: 140px;display: block;float: left;}
.user-mygame-zero p{height: 140px;font-size: 20px;line-height: 140px;float: left;margin-left: 10px;}
.user-mygame-zero p a{font-size: 20px;color: #40aaf4;margin: 0 3px;}
.user-mygame-zero p a:hover{text-decoration:underline;}

.user-mygame-list li{height: 164px;padding: 10px;margin-top: 20px;border:1px solid #e5e5e5;}
.user-mygame-list li img{width: 286px;height: 164px;float: left;}
.user-mygame-list li:hover{border: 1px solid #ffae3b;box-shadow: 0 0 6px #e5e5e5;}
.user-mygame-played{width: 555px;margin-left: 20px;}
.user-mygame-played .user-mygame-name{font-size: 16px;font-weight: 600;line-height: 36px;}
.user-mygame-played .user-mygame-name:hover{color: #40aaf4;}
.user-mygame-played p{line-height: 32px;}
.user-mygame-played p span{font-weight: 600;}
.user-mygame-played p a{margin-left: 10px;}
.user-mygame-played p a:hover{text-decoration:underline;color: #40aaf4;}
.user-mygame-btn{margin-top: 30px;}
.user-mygame-btn a{width: 116px;height: 32px;background-color: #ffae3b;text-align: center;line-height: 32px;color:#fff;border-radius: 3px;margin-left: 10px;float: right;}
.user-mygame-btn a:hover{background-color: #ff930c;}

/*--个人资料--*/
.user-info-list li{height: 32px;line-height: 32px;margin: 10px 0;position: relative;}
.user-info-list li p{float: left;margin-left: 10px;}
.user-info-list .label{width: 88px;text-align: right;float: left;}
.user-info-list select{position: relative;}
.user-info-list .select-i{position: absolute;left: 280px;}

.select-i{width: 0;height: 0;background: 0 0;margin: 0;display: block;float: left;position: relative;top: 14px;right: 14px;border-right: 4px solid #fff;border-left: 4px solid #fff;border-top: 5px solid #9c9c9c;}

.modify-info{width: 116px;height: 32px;display: block;margin-top: 20px;margin-left: 98px;line-height: 32px;text-align: center;color: #fff;background-color:  #ffae3b;border-radius: 3px;}
.modify-info:hover{background-color: #ff930c;}

.myinfo-gender input{width: 13px !important;margin-right: 2px;border: none !important;-webkit-box-shadow: none !important;}
.myinfo-gender label{float: left;padding-right: 8px;line-height: 30px;}
.myinfo-gender label.label{padding: 0;}


.myinfo-address-select label,.myinfo-birthday-select label{float: left;margin-right: 6px;}
.myinfo-address-select{height: 74px !important;}
.myinfo-address-select .street{margin-left: 100px;margin-top: 10px;float: left;}
.myinfo-address-select .Validform_checktip{margin-top: 17px;float: left;}
.myinfo-birthday-select .Wdate{-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;}

.action{margin: 20px 0;margin-left: 98px;clear: both;}
.action .btns,.action input{width: 116px;height: 32px;line-height: 32px;display: block;color: #fff;text-align: center;border-radius: 4px;cursor: pointer;}
.action .btns{background-color: #a3a3a3;margin-left: 10px;}
.action .btns:hover{background-color: #ff930c;}
.action input{background-color: #ffae3b;}
.action input:hover{background-color: #ff930c;}

#myinfo-edit{display: none;}

/*--防沉迷认证--*/

/*--账号安全--*/
.security-nav{height: 32px;margin-top: 6px;border-bottom: 3px solid #e5e5e5;}
.security-nav li{width: auto;height: 32px;padding-right: 10px;float: left;margin-right: 14px;}
.security-nav li a{font-size: 16px;line-height: 32px;}
.security-nav li.up{border-bottom: 3px solid #ffae3b;}
.security-nav li.up a{color: #ffae3b}

.security-con{margin: 30px 0;}
.security-con li{margin: 10px 0;position: relative;}
.security-con li .select-i{position: absolute;left: 280px;}

.security-complete,.user-addiction-list{margin: 30px 0;}
.security-complete i,.user-addiction-list i{width: 65px;height: 65px;margin-left: 10px;margin-right: 20px;display: block;float: left;background: url(../images/yes_on.png) no-repeat;background-size: 100%;}
.security-complete p,.user-addiction-list p{line-height: 32px;}
.security-complete p.psc,.user-addiction-list p.psc{color: #a5a5a5;}
.security-complete .btns{margin-top: 10px;}

.send-message{margin: 15px 0 !important;margin-left: 98px !important;}
.send-message .btns{width: 82px;font-size: 12px;float:left;}
.send-message p{font-size: 12px;margin-left: 10px;color: #9c9c9c;float: left;}
.send-message p span{font-size: 12px;margin: 0 3px;}
.send-message .btns-up{background-color: #e5e5e5;}/*短信发送中按钮状态*/

.receive-no{display: none;}

/*--js邮箱提示--*/
.parentCls{display: block;}
.inputElem{width:198px;height:22px;line-height:22px;border:1px solid #ccc;}
.auto-tip{width: auto;background-color: #fff;}
.auto-tip li{padding: 0 6px;margin: 0;height:32px;line-height:32px;font-size:14px;}
.auto-tip li.hoverBg{background:#e5e5e5;cursor:pointer;}
.hidden{display:none;}

/*--修改密码--*/
.user-password .Validform_right{background:url()!important;}

/*--充值管理--*/
.recharge-books{}
.recharge-books-nav{height: 32px;border-bottom: 3px solid #e5e5e5;margin-top: 6px;}
.recharge-books-nav li{height: 32px;padding-right: 10px;margin-right: 14px;float: left;}
.recharge-books-nav li a{font-size: 16px;line-height: 32px;}
.recharge-books-nav li.on{border-bottom: 3px solid #ffae3b;}

.recharge-table{margin-top: 20px;}
.recharge-table tr{height: 32px;display: block;border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
.recharge-table tr.trlist{background-color: #f5f5f5;}
.recharge-table th,.recharge-table td{height: 32px;line-height: 32px;font-size: 12px;text-align: center;display: block;float: left;padding: 0 5px;overflow: hidden;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.recharge-table td.td-red{color: #ff0000;}

.recharge-details th,.recharge-details td{width: 76px;}
.recharge-details .th-time{width: 136px;}
.recharge-details .th-order{width: 200px;}

.platform-details th,.platform-details td{width: 115px;}
.platform-details .th-time{width: 165px;}
.platform-details .th-order{width: 240px;}

.recharge-zero{font-size: 16px;height: 32px;margin-top: 20px;display: none;}/*无充值时显示*/

.recharge-table .recharge-g{}
.recharge-table .recharge-i i{width: 12px;height: 12px;display: block;margin: 10px auto;background: url(../images/yes_no.png) no-repeat;}/*判断成功和失败*/
.recharge-table .recharge-yes i{background-position: 0 0;}
.recharge-table .recharge-no i{background-position: 0 -22px;}
.recharge-table p{height: 0;position: relative;top: 50px;left: 0;}

.user-notify{}
.user-notify i{width: 16px;height: 16px;margin: 8px;margin-left: 0;display: block;float: left;background: url(../images/state_ico.png) no-repeat;position: absolute;left: 10px;}
.user-notify .select{background-position: 0 0;}
.user-notify .selected{background-position: 0 -16px;}/*信息选中状态*/
.user-notify .envelope{background-position: 0 -32px;left: 34px;}
.user-notify .envelope-read{background-position: 0 -48px;}/*信封已读状态*/

.user-notify-top{height: 32px;line-height: 32px;padding: 10px;border: 1px solid #e5e5e5;position: relative;}
.user-notify-top .forSelectall{float: left;cursor: pointer;margin-left: 24px;}
.user-notify-top a{width: 98px;height:32px;font-size: 12px;display: block;line-height: 32px;text-align: center;border: 1px solid #e5e5e5;background-color: #f2f2f2;border-radius: 4px;float: right;margin-left: 10px;}
.user-notify-top a:hover{background-color: #ff930c;color: #fff;}

.user-notify-ul li{padding: 14px 10px;border-bottom: 1px solid #e5e5e5;position: relative;}
.user-notify-ul li:hover .user-notify-abstract p,.user-notify-ul li:hover .user-notify-abstract span{color: #40aaf4;}
.user-notify-abstract{height: 32px;margin-bottom: 14px;overflow: hidden;cursor: pointer;}
.user-notify-abstract p{width: 670px;float: left;margin-left: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.user-notify-abstract span{float: right;}

.user-notify-con{width: 866px;height: 32px;line-height: 32px;overflow: hidden;float: right;}

.user-notify-popup{}
.user-notify-popup-p{padding: 6px 24px;color: #9c9c9c;background-color: #f2f2f2;border-radius: 4px;}
.user-notify-popup-p a:hover{text-decoration: underline;}
.user-notify-popup-bt{width: 812px;height: 16px;background: url(../images/notify_bt.png) no-repeat top right;}
.user-notify-popup-a{height: 32px;}
.user-notify-popup-a a,.user-notify-popup-a p{line-height: 32px;color: #9c9c9c;float: right;}
.user-notify-popup-a a:hover{color: #ff0000;}

/*--账号关联--*/
.user-account-list li.wbzh i{background-position: 0 -180px;}
.user-account-list li.txqq i{background-position: 0 -225px;}
.user-account-list li.bdzh i{background-position: 0 -270px;}

/*--推广中心--*/
.extension-nav{height: 32px;margin-top: 6px;border-bottom: 3px solid #e5e5e5;}
.extension-nav li{width: auto;height: 32px;padding: 0 16px;float: left;}
.extension-nav li a{font-size: 16px;line-height: 32px;}
.extension-nav li.up{border-bottom: 3px solid #ffae3b;}
.extension-nav li.up a{color: #ffae3b}

.extension-text li input{cursor: default!important;}

.extension-text .extension-game,.extension-text .extension-link{position: relative;}
.extension-text .choose-list{width: 184px;padding: 0 6px;border:1px solid #ccc; background:#fff;position: absolute;left: 98px;top: 33px;z-index: 999;display:none; /**隐藏**/}
.extension-text .choose-list li{margin: 0;cursor: default;}

.extension-text .extlink{height: 34px;overflow-x: hidden;}
.extension-text .extlink textarea{width: auto;height: 34px;line-height: 34px;display: block;float: left;}

.record-text{float: left;}
.record-text span{min-width: 120px;display: block;float: left;margin-right: 14px;}

.extension-form{height: auto!important;margin-left: 16px!important;}
.extension-form p{border: 1px solid #e5e5e5;border-bottom: none;}
.extension-form p span{height: 36px;line-height: 36px;display: block;float: left;text-align: center;border-right: 1px solid #e5e5e5;}
.extension-form .text{height: auto!important;border-top: none;border-bottom: 1px solid #e5e5e5;}

.extension-registerform{}
.extension-registerform p span{width: 33%;}
.extension-registerform p span.user-ip{border-right: none;}

.extension-chargeform{}
.extension-chargeform p span{width: 25%;}
.extension-chargeform p span.user-settlement{width: 24%;border-right: none;}

/*pageGro*/
.page{height:27px;clear: both;margin: 0 auto;margin-top: 30px;}
.page a{font-size: 13px;padding: 2px 9px;border: 1px solid #e1e1e1;line-height:21px;float: left;text-align:center;margin:0 3px;}
.page a.currentPage,.page a:hover{color:#fff;cursor:pointer;background-color: #f55050;}


/*充值中心*/
.recharge-go a{width: 116px;height: 32px;line-height: 32px;display: block;float: left;text-align: center;margin-right: 10px;background-color: #fff;border: 1px solid #e5e5e5;border-radius: 3px;}
.recharge-go a.recharge-on{background-color: #ffae3b;color: #fff;border:none;}

.recharge-go .balance{color: #ff0000;}

.recharge-game{position: relative;}
.recharge-game select{width: 167px;height: 32px;float: left;padding: 0 6px;margin-right: 6px;border: 1px solid #e5e5e5;/*box-shadow: 0 0 3px #ddd inset;*/border-radius: 3px;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
.recharge-game select option{border: 1px solid #e5e5e5;}
.recharge-game .Validform_checktip{margin-left: 337px;}

.recharge-number input,.recharge-go-phone input{width: 154px !important;}

.main-select{width: 146px;height: 32px;padding: 0 10px;border: 1px solid #e5e5e5;/*box-shadow: 0 0 3px #ddd inset;*/border-radius: 3px;-moz-appearance:none;-webkit-appearance:none;appearance:none;position: absolute;top: 0;cursor: pointer;}
.main-select-game{left: 98px;}
.main-select-server{left: 275px;}
.main-game-i{left: 152px;}
.main-server-i{left: 320px;}

.recharge-game-list{width:458px;background-color:#fff;margin: 0;border: 1px solid #e5e5e5;border-left: 0;position: absolute;top: 49px;z-index: 99;}
.recharge-game-list li{border-bottom: 1px solid #e5e5e5;margin: 0;font-size: 12px;text-align: center;}
.recharge-game-list li a{font-size: 12px;}
.recharge-game-list .arrow-t{width: 100%;height: 20px;position: absolute;top: -20px;background: url(../images/arrow_ts.png) no-repeat 42px 4px;}

.recharge-game-popup{left: 98px;display: none;}
.recharge-service-popup{width: 166px;left: 275px;top: 33px;border: 1px solid #e5e5e5;display: none;}

.recharge-game-ult{height: 32px;background-color: #f5f5f5;border-left: 1px solid #e5e5e5;border-bottom: 3px solid #e5e5e5;}
.recharge-game-ult li{width: 87px;clear: none;float: left;cursor: pointer;border-right: 1px solid #f5f5f5;}
.recharge-game-ult li.on{font-weight: 600;border-bottom: 3px solid #ffae3b;}

.recharge-game-ulc{height: 131px;overflow-y: auto;border-left: 1px solid #e5e5e5;}
.recharge-game-ulc p{height: 32px;margin-left: 10px;font-size: 12px;}
.recharge-game-ulc a{width: 87px;height: 32px;display:block;font-size: 12px;text-align:center;float:left;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.recharge-game-ulc a.on,.recharge-game-ulc a:hover{background-color: #ffae3b;color: #fff;}

.recharge-game-uls{width: 166px;max-height: 160px;overflow-x: hidden;}
.recharge-game-uls a{width: auto;padding: 0 10px;height: 32px;line-height: 32px;display: block;}
.recharge-game-uls a:hover{background-color: #ffae3b;color: #fff;}

.down-btn{width: 14px;height: 14px;position: absolute;top: 1px;right: 2px;border:1px solid #e5e5e5;margin-top: 7px;background: url(../images/yes_no.png) no-repeat 0 -25px;background-size: 100%;}

.recharge-currency .scale{margin-left: 20px;font-size: 12px;color: #9c9c9c;}

.recharge-radio{height: auto !important;}
.recharge-radio tbody{}
.recharge-radio tr{height: 34px;display: block;margin-bottom: 5px;}
.recharge-radio td{display: inline-block;}
.recharge-radio td label{padding-left: 6px;float: left;cursor: pointer;}
.recharge-radio td input{width: auto;float: left;border: none;cursor: pointer;-webkit-box-shadow: none;}
.recharge-radio td:hover label{color: #40aaf4;}

.radio-money{float: left;}
.radio-money td{width: 120px;height: 32px;display: block;float: left;}
.radio-money td:hover label,.radio-money td.on label{color: #40aaf4;}
.radio-money .moneys{*position: relative;}
.radio-money .moneys td{width: auto;}

#moneyss{width: 102px;border: 1px solid #e5e5e5;cursor: text;*position: absolute;*left: 102px;*top: 0;}

.radio-bank{float: left;}
.radio-bank td{width: 200px;height: 36px;display: block;float: left;margin-bottom: 10px;*padding-bottom: 10px;}
.radio-bank td input{height: 36px;float: left;}
.radio-bank td label img{width: 154px;height: 34px;border: 1px solid #e5e5e5;border-radius: 3px;}
.radio-bank td:hover label img,.radio-bank td.on label img{border-color: #40aaf4;box-shadow: 0 0 3px 0 #40aaf4;}

.all-bank-btn{width: 422px;height:40px;display: inline-block;font-size: 12px;color: #9c9c9c;text-align: center;line-height: 40px;margin-left: 187px;background:url(../images/all_bank.png) no-repeat 0 0;position: relative;}
.all-bank-i i{width: 10px;height: 6px;display: block;position: absolute;top: 4px;left: 206px;background: url(../images/all_bank_i.png) no-repeat;}
.all-bank-i1 i{background-position: 0 0}
.all-bank-i2 i{background-position: 0 -6px;}

.recharge-wechat{width: 262px;margin: 0 auto;}
.recharge-wechat img{width: 240px;padding: 10px;border: 1px solid #e5e5e5;margin-bottom: 20px;}
.recharge-wechat-xx{height: 50px;padding: 20px 35px;background-color: #40aaf4;}
.recharge-wechat-xx i{width: 50px;height: 50px;display: block;background: url(../images/wechat_prompt.png) no-repeat;float: left;}
.recharge-wechat-xx span{width: 120px;line-height: 25px;float: left;margin-left: 20px;color: #fff;}
.recharge-wechat-xx p{width: 100%;}
.recharge-wechat .recharge-money-num{font-size: 24px;font-weight: 600;line-height: 32px;text-align: center;color: #9c9c9c;padding: 20px 0;}

/*--提示区域--*/
.prompt-box{background-color: #f2f2f2;padding: 20px;margin: 20px 0;}
.prompt-box p{line-height: 32px;color: #9c9c9c;}
.prompt-box li{font-size: 12px;line-height: 24px;color: #9c9c9c;}
.prompt-box li i{font-size: 16px;font-weight: 600;color: #9c9c9c;}
.prompt-box li.ml{margin-left: 14px;margin-bottom: 10px;}
.prompt-box-wechat span{width: 72px;font-weight: 600;text-align: right;display: inline-block;color: #9c9c9c;}
.prompt-box-wechat i{color: #ff0000;}

/*--充值成功--*/
.recharge-success-box{width: 494px;margin: 0 auto;}
.recharge-success-box i{width: 150px;height: 150px;display: block;margin: 0 auto;background: url(../images/yes_on.png) no-repeat;background-size: 100%;}
.recharge-success-box h3{font-size: 24px;line-height: 36px;text-align: center;margin-bottom: 20px;}
.recharge-success-ul{width: 492px;border: 1px solid #e5e5e5;}
.recharge-success-ul li{height: 36px;line-height: 36px;border-bottom: 1px solid #e5e5e5;}
.recharge-success-ul li span{width: 160px;display: inline-block;float: left;text-align: center;border-right: 1px solid #e5e5e5;background-color: #f2f2f2;}
.recharge-success-ul li p{width: 330px;float: left;text-align: center;}
.recharge-success-btn{height: 32px;margin: 30px 0;}
.recharge-success-btn a{width: 116px;height: 32px;display: block;text-align: center;line-height: 32px;color: #fff;background-color: #ffae3b;border-radius: 3px;float: left;margin-right: 10px;}
.recharge-success-btn a:hover{background-color: #ff930c;}

/*==========以下部分是Validform必须的===========*/
.Validform_checktip{height:20px;line-height:20px;font-size:12px;color:#838383;margin-left:8px;overflow:hidden;}
.Validform_right{color:#71b83d; padding-left:20px; background:url(../images/right.png) no-repeat left center;}
.Validform_wrong{color: #ff0000;white-space:nowrap; padding-left:20px; background:url(../images/error.png) no-repeat left center;}
.Validform_loading{padding-left:20px;background:url(../images/onload.gif) no-repeat left center;}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999;
background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #bbb; border-top:none; text-align:left;}

/*客服中心*/
.banner-kf{background: url(../images/banner_kf.jpg) no-repeat center top;background-size: auto 100%;}

.service-container{margin: 30px auto;}
.service-fast{height: 207px;}
.service-fast a{width: 139.5px;height:68px;}
.service-fast a p{margin: 11px auto;text-align: center;line-height: 25px;}
.service-fast a p i{float: none;margin: 0 auto;}
.service-fast a.f1 i{background-position: 0 -360px;}
.service-fast a.f1:hover i{background-position: 0 -390px;}
.service-fast a.f2 i{background-position: 0 -420px;}
.service-fast a.f2:hover i{background-position: 0 -450px;}
.service-fast a.f3 i{background-position: 0 -480px;}
.service-fast a.f3:hover i{background-position: 0 -510px;}
.service-content{width: 838px;padding: 20px 30px;border: 1px solid #e5e5e5;}
.service-content .con-title{padding-top: 10px;}
.service-content-nav{height: 32px;margin-top: 10px;border-bottom: 3px solid #e5e5e5;}
.service-content-nav li{width: 74px;height: 32px;float: left;margin-right: 10px;}
.service-content-nav li a{font-size: 16px;line-height: 32px;}
.service-content-nav li.on{border-bottom: 3px solid #ffae3b;}
.service-content-nav li.on a{color: #ffae3b}
.service-content-ul{min-height: 346px;margin-top: 10px;overflow: hidden;}
.service-content-ul li{padding: 10px 0;border-bottom: 1px solid #e5e5e5;}
.service-content-ul li a{display: inline-block;}
.service-content-ul li h3{width: 830px;height: 32px;line-height: 32px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.service-content-ul li p{font-size: 12px;line-height: 24px;margin-left: 16px;}

.service-content-ul li.game-xz{height: 40px;border:0;overflow: visible;}
.service-content-ul li.game-xz .label{line-height: 32px;}

/*家长监护*/
.banner-fcm{background: url(../images/banner_fcm.jpg) no-repeat center top;background-size: auto 100%;}

.content-ps{padding: 20px;}
.content-ps p{font-size: 14px;line-height: 32px;}
.content-ps img{min-width: 200px;max-width: 800px;display: block;}

/*独立页面*/
.sign-bg{height: 660px;}
.sign-box{width: 1200px;height: 660px;margin: 0 auto;position: relative;}
.sign-logon{top: 184px;right: 50px;}
.sign-logon .decorate-t{display: none !important;}

.sin-con{width: 738px;padding: 30px;float: left;position: relative;}
.sin-img{width: 400px;float: right;}

.existing{position: absolute;top: 35px;right: 35px;font-size: 12px;}
.existing a{font-size: 12px;color: #40aaf4;}
.existing a:hover{text-decoration:underline;}

.reguster-ul{padding-top: 20px;}
.reguster-ul input{width: 200px;}
.reguster-ul .verification-code input{width: 65px;}
.reguster-ul .verification-code a{font-size: 12px;}
.reguster-ul .verification-code a:hover{text-decoration:underline;color: #40aaf4;}
.reguster-ul .verification-vcode{border-radius: 3px;}
.reguster-ul .agreement input{width: 12px;height: 12px;margin: 10px 2px 0 98px;-webkit-box-shadow: none;}
.reguster-ul .agreement a{color: #40aaf4;}
.reguster-ul .agreement a:hover{text-decoration:underline;}
.reguster-ul .mode{height: auto !important;}
.reguster-ul .mode input:hover,.reguster-ul .mode label:hover{cursor: pointer;color: #40aaf4;}
.reguster-ul .mode input{width: 12px;height: 12px;padding: 0;margin: 10px 0;margin-right: 2px;border: 0;-webkit-box-shadow: none;}

.action-reguster input{width: 198px;height: 40px;line-height: 40px;font-size: 16px;}

.reguster_yes{width: 430px;margin: 80px auto;}
.reguster_yes li{font-size: ;text-align: center;margin: 20px 0;}
.reguster_yes .fs18{font-weight: 600;font-size: 18px;}
.reguster_yes .yes-ts a{color: #40aaf4;}
.reguster_yes .yes-ts a:hover{text-decoration:underline;}
.reguster_yes .yes-i i{width: 150px;height: 150px;display: block;margin: 0 auto;background: url(../images/yes_on.png) no-repeat;background-size: 100%;}
.reguster_yes .go-platform a{width: 136px;height: 32px;display: inline-block;line-height: 32px;text-align: center;color: #fff;background-color:  #ffae3b;border-radius: 3px;}
.reguster_yes .go-platform a:hover{text-decoration:underline;background-color: #ff930c;}
.reguster_yes .go-platform span{color: #d2d2d2;margin-left: 10px;}

.password-zh li{width: auto !important;margin-right: 0;}
.password-zh li.on{background: url(../images/fast_ico.png) no-repeat 0px -174px !important;}
.password-zh li.fb{padding-left: 0;color: #9c9c9c;}

/*news*/
.news-contentbox{margin-top: 40px;}
.news-con-title{padding: 20px 0;}
.news-con-title a{font-size: 16px;}
.news-con-title a:hover{color: #40aaf4;}
.servicelist-s .w282{width: 282px;}
.servicelist-s .server-minlist .p1{width: 90px;}
.servicelist-s .server-minlist .p2{width: 80px;}

.news-content{width: 838px;min-height: 748px;border: 1px solid #e5e5e5;padding: 0 30px;}
.news-list li{height: 60px;line-height: 60px;border-bottom: 1px solid #e5e5e5;}
.news-list li:hover p{color: #40aaf4;font-weight: 600;}

.text-name{width: 740px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;float: left;}
.text-time{float: right;}

.text-title{width: 100%;border-bottom: 1px dotted #323232;text-align: center;}
.text-title h3,.text-title h4{font-size: 20px;line-height: 50px;font-weight: 500;color: #40aaf4;}
.text-title h4{margin-bottom: 10px;}
.text-title p{line-height:20px;margin-bottom: 12px;}

.text-content{margin: 20px 0;}
.text-content p{line-height: 32px;clear: both;}
.text-content img{max-width:80%;display: block;margin: 5px auto;}

.sub-sx{height: 32px;margin: 10px 0;}
.sub-sx a{max-width: 45%;height: 32px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.sub-sx a:hover{color: #40aaf4;}

/*foot*/
.foot{width:100%;margin-top: 50px;background-color:#f5f5f5;clear: both;/* box-shadow: 0 4px 6px #d2d2d2 inset;-moz-box-shadow: 0 4px 6px #d2d2d2 inset; */}
.footer{width:1200px;margin:auto;text-align:center;}
.footer-menu{width:700px;padding-top: 40px;padding-bottom: 30px;margin:0 auto;float:left;}
.footer-menu a:hover{color: #40aaf4;}

.footer-menu-a a{line-height: 36px;}
.footer-menu-a span{margin: 0 6px;}

.footer-menu-p p{font-size:12px;line-height: 22px;color: #9c9c9c;}
.footer-menu-p p a{font-size: 12px;color: #9c9c9c;}
.footer-menu-p p a.ico{margin-left: 2px;}
.footer-menu-p p a.ico img{width: 22px;height: 22px;margin-top: -2px;}
.footer-menu-p p span{font-size: 12px;color: #9c9c9c;}

.footer-logo{width:250px;display: block;margin-top:54px;float:left;}
.footer-logo img{width: 100%;}
.footer-wechat{width:250px;margin-top:60px;float:left;}
.footer-wechat img{float: right;margin-right: 50px;}
.footer-wechat a{width: 50px;display: block;float: left;margin-left: 50px;margin-top: 20px;}
.footer-wechat a i{width: 36px;height: 36px;display: block;background: url(http://www.97wanwan.com/res/images/legal-ico.png) no-repeat 0 -46px;background-size: 100%;margin: 0 auto;}
.footer-wechat a span{font-size: 12px;color: #9c9c9c;}

/*returntop*/
.returntop{width: 50px;position: fixed;right: 15px;bottom: 60px;z-index: 998;}
.return-btn{position: relative;}
.return-btn a{width: 48px;height: 48px;display: inline-block;background: #fff url(../images/arrow_ico.png) no-repeat;border: 1px solid #e5e5e5;margin-top: 5px;}
.return-btn a.code-wb{background-position: 7px 7px;}
.return-btn a.code-wx{background-position: 7px -80px;}
.return-btn a.return-top{background-position: 7px -170px;}
.return-btn a:hover{border: 1px solid #40aaf4;}
.return-btn a.code-wb:hover{background-position: 7px -37px;}
.return-btn a.code-wx:hover{background-position: 7px -124px;}
.return-btn a.return-top:hover{background-position: 7px -214px;}

.code-box{width: 205px;height: 210px;position: absolute;bottom: 0;right: 52px;display: none;}
.code-img{float: left;width: 180px;height: 208px;border: 1px solid #e5e5e5;background-color: #fff;box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);}
.code-img p{color: #9c9c9c;line-height: 32px;text-align: center;}
.code-img p img{width: 160px;height: 160px;margin: 10px;margin-bottom: 0px;}

.arrow-r{float: left;width: 23px;height: 210px;margin-left: -1px; background: url(../images/arrow_r.png) no-repeat 0 168px;}