.bannerBox{background: #31363e;}
.bannerBox .swiper-slide{height:350px;background-repeat:no-repeat;background-position: center;}
.bannerBox .swiper-pagination-bullet{width: 10px;height: 10px;background:#fff;opacity: 1;}
.swiper-container-horizontal>div.swiper-pagination { background: rgba(255,255,255,0.4); display: inline-block; padding: 2px 14px; width: auto; border-radius: 12px; left: 50%; transform: translateX(-50%); }
.bannerBox .swiper-pagination-bullet-active{background: #12a5f8;}
.filter-box{background: #f0f4f5;}
.al-filter{margin-top: 20px;height:30px;}
.al-filter.gamename{font-size:18px;color:#12a5f8;text-align: center;}
.lv1-box{float: left;position: relative;width: 230px;height: 28px;}
.lv1-box .wbtn{width: 226px;position: absolute;left:0;font-size: 14px;-webkit-transition:left .25s ease;transition:left .25s ease;}
.lv1-box .wbtn.lc3{z-index: 1;left:0;}
.search-box{float: right;width: 240px;height: 28px;background: #fff;margin-right: 14px;border-radius: 18px;}
.search-box input{width: 170px;border: 0;margin: 0;margin-left: 10px;outline: none;color: #12a5f8;}
.search-box input:focus { box-shadow: none; }
.oder-box{float: left;margin-right:10px;}
.oder-box .wbtn{width: 68px;float: left;font-size: 14px;border:0 none;padding:0 20px;}
.oder-box .wbtn:nth-of-type(1){border-top-right-radius: 0;border-bottom-right-radius: 0;}
.oder-box .wbtn:nth-of-type(2){border-top-left-radius: 0;border-bottom-left-radius: 0;}
.lv2-box .fibox{padding-top: 14px;}
.lv2-box .fibox li {margin-right: 10px;float: left;}
.itembox{margin: 80px auto;min-height: 500px;width: 1190px;}
.datalist{margin-left: -10px;}
.datalist .item{float: left;margin-left: 10px;margin-bottom: 20px;width: 230px;height: 350px;background: #fff;border-radius: 6px;box-shadow: 0 0 6px 0 #ccc;position: relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transform-style:preserve-3d;}
.datalist .item .li-container{width: 230px;height: 350px;background: #fff;overflow:hidden;border-radius: 6px;position: relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transform-style:preserve-3d;}
.item .imgbox{height: 350px;position: relative;cursor:pointer;overflow: hidden;}
.item .imgbox img{float: left; width: 100%;border: none; }
.item .order{position: absolute;width: 40px;height: 40px;left: 0;top: 5px;line-height: 40px;text-indent: 0.5em;font-size: 18px;color: #999;font-weight: bold;}
.item .imgbox .ly{position: absolute;width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;background: rgba(0,0,0,0);}

.qcode { width: 100%; height: 100%; background: none; }
.qcode div {border-radius: 5px;background: #fff;margin: 30px auto 0 ;box-shadow: none;position: relative;display: none;}
.qcode div img:last-child{left:0!important;bottom:0!important;right: 0!important;top:0!important;margin:auto;}
.item .bottom{width: 100%; position: absolute; bottom: -46px;padding-bottom: 6px;background: #fff;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.item:hover .imgbox .ly{background: rgba(0,0,0,0.8);}
.item:hover .bottom{transform: translateY(-25px);}
.item:hover .qcode div{ display: block; z-index: 99; }
.item:hover .timebox{opacity:1;}
.item .titbox{}
.item .item-title{font-size: 14px;font-weight: normal;line-height: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666;display: block;width: 100%;text-align: center;}
.item .item-title:hover{color: #12a5f8;}
.item .btnbox{height: 40px;}
.item .btnbox .btn{width: 90px;line-height: 28px;height: 28px;right: 8px;border-radius: 18px;float: left;margin-left: 11px;}
.item .btnbox .btn.detail{background: #FFBA00; position: relative;right:0;}
.item .btnbox .btn.detail span{visibility:hidden;background:url(../images/viewDetail.png) no-repeat;display: inline-block;vertical-align:middle;position: absolute;width: 34px;left: -6px;top: -8px;height: 30px;}
.item:hover .btnbox .btn.detail span{visibility:visible;}
.item .btnbox .btn.detail:hover{background: #ffcb2a;}
.item .btnbox .btn.doit{}
.item .timebox{padding-top: 4px; position: relative; text-align: right; height: 36px; overflow: hidden;opacity: 0;text-align: center;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.item [class*="type"]{height: 36px;width: 37px;}
.new-icon.order{background:url(../images/new.png) no-repeat;display: inline-block;vertical-align:middle;z-index:9;left:-7px;min-width:51px;}
.item:hover .new-icon.order{visibility: hidden}
.hot-icon.order{background:url(../images/userNum.png) no-repeat;display: inline-block;vertical-align:middle;z-index:9;left:-7px;height:37px;min-width:51px;font-size: 12px;color: #666;width: auto;}
.hot-icon.order:after{content: '';display: inline-block;height: 28px;width: 100%;position: absolute;right: -10px;top: 5px;border-top-right-radius: 14px;border-bottom-right-radius: 14px;background-color: rgba(255,255,255,1);z-index:-1;}
.item:hover .hot-icon.order{visibility: hidden}
.al-icon{background:url(../../case/icon/al-icon.png) no-repeat;display: inline-block;vertical-align:middle;}
.al-icon.search{width:20px;height: 20px;background-position:0 -80px;}
.al-icon.order { background-position: 100px 100px; }
.al-icon.order20,.al-icon.order21,.al-icon.order22{width:42px;height: 42px;background-position: -179px -38px;}
.al-icon.order10,.al-icon.order11,.al-icon.order12{width:42px;height: 42px;background-position: -179px -38px;}
.al-icon.search{width:20px;height: 20px;background-position:-265px -38px;cursor: pointer;}
.al-icon.top1{width:42px;height: 42px;background-position: -5px -38px;}
.al-icon.top2{width:42px;height: 42px;background-position: -49px -38px;}
.al-icon.top3{width:42px;height: 42px;background-position: -93px -38px;}
.al-icon.hot{width:42px;height: 42px;background-position: -137px -38px;}
.al-icon.new{width:42px;height: 42px;background-position: -179px -38px;}
.al-icon.eye{width:14px;height: 10px;background-position:-265px -60px;}
.al-icon.type0,.al-icon.type1,.al-icon.type12{background-position: -2px 0px;}
.al-icon.type2{width: 40px;background-position: -48px 0px;}
.al-icon.type3{width: 40px;background-position: -282px 0px;}
.al-icon.type4{background-position: -101px 0px;}
.al-icon.type5,.al-icon.type6{background-position: -336px 0px;}
.al-icon.type7,.al-icon.type9,.al-icon.type10,.al-icon.type13,.al-icon.type18,.al-icon.type19{background-position: -190px 0px;}
.al-icon.type8,.al-icon.type14,.al-icon.type15{background-position: -145px 0px;}
.al-icon.type11{display:none;}
.al-icon.type16,.al-icon.type17{background-position: -234px 0px;}
.al-icon.typexx{width: 93px;background-position:-426px 0px;}
.guide-tipbox,.guide-tipbox-con img{display: block;}
.guide-tipbox-con img.guide-tip1{position: fixed;top: 186px;right: 70px;}
.guide-tipbox-con img.guide-tip2{top: 500px;left: 350px;}
.guide-tipbox-con img.guide-tip3{top: 580px;left: 260px;}
.guide-tipbox-con img.guide-tip4{top: 750px;left: 260px;}
.guide-tipbox-con img.guide-btn1{left: 490px;cursor:pointer;top: 570px;}
.guide-tipbox-con img.guide-btn2{top: 870px;left: 550px;cursor: pointer;}
.datalist .guide.ban:after {bottom: 88px;top: 0;}
.datalist .guide.ban:before {content: '';width: 120px;height: 72px;position: absolute;top: 230px;z-index: 9999;}
.empty{font-size: 18px; font-weight: bold; color: #ccc; text-align: center; line-height: 140px;}
.empty .lei {font-size: 32px; color: #12a5f8; }
.bee-dialog.iframe{background:#f0f4f5;padding:10px;top: 50%;}

.bannerBox .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background: url(../images/prev.png) no-repeat;
    left: 120px; right: auto;width: 90px;height: 160px;margin-top: -95px;}
.bannerBox .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background: url(../images/next.png) no-repeat;
    right: 120px; left: auto;width: 90px;height: 160px;margin-top: -95px;}
.bannerBox .swiper-button-prev:hover{background-image: url(../images/prevh.png)}
.bannerBox .swiper-button-next:hover{background-image: url(../images/nexth.png)}

.modal .advert{width:700px;height:400px;position: absolute;left:0;top:0;right:0;bottom: 0;margin:auto;z-index:15;}
.modal .advert > a{display: block;width:100%;height:100%;text-align: center;}
.modal .advert > a img{display: inline-block;height:100%;}
.modal .advert .close{position: absolute;top: -15px;right: -15px;background: url(/bee/common/icon/close.png?v=1) no-repeat;width: 30px;height: 30px;cursor: pointer;}