@charset "UTF-8";
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,textarea{font:14px/1.5 \5fae\8f6f\96c5\9ed1,\5b8b\4f53,arial}fieldset,img{border:0;max-width: 600px;}li,ol,ul{list-style:none}:focus{outline:0}img{display:block}.none,legend{display:none}.fl{float:left;display:inline}.fr{float:right;display:inline}
a{color: #444;}
a:link { text-decoration: none; }
body{color:#676767;background:#fff;}
.clearfix:after,.clearfix:before,.tabTitle:after,.tabTitle:before,.soft-list:after,.type-list:after{content:"";display:block;height:0;clear:both;}
.clear{height:0;overflow:hidden;clear:both;}
a:hover{color: #ffb44f}
em, i, s, strong, u{font-style: normal;text-decoration: none;}
/*顶部*/
.top{height: 40px;line-height: 40px;border-bottom: 1px solid #E2E2E2;background: #fff;}
.top_h{margin: 0 auto;width: 1200px;}
.top_left{float: left;font-size: 12px;}
.top_right{float: right;}
.top_right li{float: left;margin-left: 10px;font-size: 13px;}
.top_right li a{color: #666;}
.top_right li a:hover{color: #ffb44f;}
/*头部*/
.header{width: 100%;min-width: 1200px;background: #fff;}
.h_top{width: 1200px;margin: 0 auto;height: 75px;}
.logo{float: left;}
.logo img{width: 195px;cursor: default;}
.nav{width: 100%;background: #4e98f4}
.nav_ul{width: 1200px;margin: 0 auto;height: 45px;}
.nav li{float: left;line-height: 45px;}
.nav li a{color: #fff;font-size: 18px;line-height: 45px;width: 120px;text-align: center;display: block}
.nav .active{background-color: #0085da}
.nav li a:hover{background: #0085da}
.subnav{width: 1200px;margin: 0 auto;height: 40px;line-height: 40px;background: #ececea;overflow: hidden;}
.subnav a{width: 99px;float: left;display: inline;font-size: 15px;color: #666;text-align: center;}
#search_div{display: none;position: absolute;z-index: 999;top: 38px;right: 74px;width: 450px;border: 1px solid #ddd;background: #fff;cursor: default;overflow: auto;}
#search_div p{display: block;padding: 2px 5px;white-space: nowrap;overflow: hidden;height: 22px;line-height: 22px;text-decoration: none;}


/*面包屑*/
.icon{background:url('../../img/icon.png') no-repeat;background-size:800px 800px;}

.site{ width: 100%; height: 20px; font-size: 12px; color: #AEAEAE; margin-top: 1px; padding-top: 16px; padding-bottom: 15px;}
.site i {width: 24px;height: 20px;display: inline-block;background-position: 0px -36px;vertical-align: sub;}
.site a {color: #AEAEAE;}
.site span {display: inline-block;line-height: 12px;margin-left: 5px;} 
.site em{color: #606466;}


/*content*/
/*推荐*/
.content{width: 1200px;margin: 0 auto;}
.rac{margin-top: 20px;width: 100%;height: 200px;margin-bottom: 45px;}
.rac_rj{margin: 33px 0 30px;}
.rac_rj li{float: left;width: 100px;padding: 0 20px 0 0;overflow: hidden;}
.rac_rj li img{width: 60px;height:60px;margin: 0 auto 3px auto;}
.rac_rj li a{text-align: center;font-size: 14px}
.rac_rj li a:hover{color: #ffb44f}
.az{height: 150px;}
.rac_wz{float:left;margin-top: 10px;width: 100%}
.rac_wz ul{height: 26px;overflow: hidden;}
.rac_wz p{float: left;margin-right: 10px;font-size: 18px;font-weight: bold;}
.rac_wz p a:hover{color: #ffb44f}
.rac_wz li{float: left;height: 26px}
.rac_wz li a{text-align: center;border-right: 1px solid #ddd;padding: 0 12px;line-height: 26px}
.rac_wz li a:last-child{ border-right: 0;}
.rac_wz li a:hover{color: #ffb44f}
.rac_tj{clear: both;position: relative;    display: block;}
.rac_tj .cate{margin-top: 10px;clear: both;height: 30px;line-height: 30px;font-size: 14px;}
.rac_tj .cate h4{float: left;display: inline;text-indent: 10px;font-weight: 400;color: #fff;font-size: 14px;width: 82px;background:#b0d950;}
.rac_tj .cate p{color: #ddd; overflow: hidden;width: 1118px;height: 30px;}
.rac_tj .cate p a{padding: 0 12px;border-right: 1px solid #ccc;}
.rac_tj .cate p a:last-child{ border-right: 0;}
.rac_tj .game h4{background:#42c3ff;}
.rac_tj .info h4{background:#ff8227;}


/*中间资讯*/

/*左*/
.zx_left{float: left;width: 410px;}
/*滚动图*/
.fpic{width: 390px;height: 300px;position: relative}
.fpic ul{position: absolute}
.fpic li{float: left;width: 390px;}
.fpic li img{width: 390px;height: 300px}
.fpic li s{background: #000;opacity: .6;width: 100%;height: 50px;line-height: 50px;display: block;position: absolute;bottom: 0px;}
.fpic li p{position: absolute;bottom: 12px;left:20px;color: #fff;font-size: 16px;height: 24px;line-height: 24px}
.eye_pag{position: absolute;right: 0;left: 0;bottom: 0;width: 100%;height: 8px;line-height: 0;font-size: 0;text-align: center;overflow: hidden;z-index: 9;}
.eye_pag li{width: 76px;height: 8px;overflow: hidden;border: 1px solid #A2A2A2;background: #373737;cursor: pointer;display: inline-block;}
.eye_pag li.current{background: #21c485;}
.eye_tit{position: absolute;z-index: 2;left: 0;bottom: 0;overflow: hidden;width: 390px;height: 55px;background: rgba(0,0,0,0.5);}
.eye_tit a{float: left;display: block;padding: 0 0px 0 10px;width: 370px;}
.eye_tit p.name{line-height: 24px;height: 24px;font-size: 12px;color: #fff;overflow: hidden;font-size: 18px;font-weight: 400;margin-top: 10px;}
/*新品首发*/
.news_tj a{width: 180px;height: 140px;float: left;display: inline; margin: 15px 25px 0 0;}
.news_tj img{width: 183px; height: 110px;margin-bottom: 5px;}
.news_tj p{height: 20px;overflow: hidden;}
.xpsf{margin-top: 13px;}
.xpsf-p {border-bottom: 1px solid #ccc;width: 390px}
.xpsf-p p{font-size: 18px;height: 40px;line-height: 40px}
.xpsf li{float: left;width: 185px;margin: 10px 10px 0 0;}
.xpsf li a:hover{color: #ffb44f}
.xpsf li span{color:#999}
.xpsf li span a{color:#999}
.xpsf li img{width: 68px;height: 68px;float: left;margin-right: 10px;}
.xpsf li span{display: block}
.xpsf .xp_title{display: block;width: 101px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*中*/
.ul_c_li01{height: 60px;overflow: hidden;width: 490px;margin-bottom: 5px;}
.ul_c_li01 .ul_c_title{font-size: 18px;text-align: center; height: 30px;line-height: 30px;width: 100%;display: block;color: #ff8227;}
.ul_c_li01 p{color: #999;font-size: 14px;height: 30px;line-height:30px;overflow: hidden;overflow: hidden;}
.zx_center{float: left;width: 490px;}
.tab-bar{height: 42px;line-height: 42px;}
.tab-bar a{font-size: 18px;height: 40px;line-height: 40px;display:block;width: 122px;float: left;border-bottom: 1px solid #ddd;text-align: center;font-weight: bold}
.tab-bar a:hover{color:#21c485;}
.tab-bar .cur{color:#21c485;}
#ivtab .tab-con{display: none}
#ivtab .tab-on{display: block}
.tab-con ul{margin-top: 12px;position: relative}
.tab-con li{padding-left: 26px;height: 32px;line-height: 32px;overflow: hidden;}
.tab-con .new{color: #21c485;height: 32px;width: 28px;position: absolute;top:0px;left: 0px;background-position: -253px -59px;padding: 0;text-align: center}
.tab-con li img{width: 20px;height: 20px;display: inherit;margin-right: 6px;top:5px;position: relative}
.tab-con a{color: #333}
.tab-con .cname{border-right: 1px solid #ddd;margin: 0 13px 0 -3px;width: 100px;padding: 0 7px 0 0;color: #999;float: left;text-align: right;}
.tab-con li span{float: right;margin: 0 5px;}
.tab-con li span.red{color: #FF0000}
.tab-con .hot{color: red;height: 32px;width: 28px;position: absolute;top:0px;left: 0px; background-position: -253px -91px;padding: 0;text-align: center}
.tab-con .best{color: #609C32;height: 32px;width: 28px;position: absolute;top:0px;left: 0px;background-position: -253px -124px;padding: 0;text-align: center}
.tab-con a:hover{color: #ffb44f}
.tab-con .new_one{height: 44px;line-height: 44px;background:0;}
.tab-con .new_one a{color: #21c485;font-size: 16px;margin-left: 17px;position: absolute;top: -5px;}
.tab-con .new_one .one_t{color: red;}
.tab-con .new_one .one_s{color: #609C32;}
.tab-con .new_one span{position: absolute;right: 0px;top: 3px;padding:0 5px; background: #21c485;height: 30px;line-height: 30px;color: #fff;width: 57px;}
.tab-con .new_one .tab-soft{background: red}
/*右*/
.zx_right{float: right;width: 280px;}
.zxr-sy{margin-top: 13px;}
.zxr-t{height: 36px;line-height: 36px;border-bottom: 1px solid #ddd}
.zxr-t p{float: left;font-size: 18px;font-weight: 400;}
.zxr-t a{float: right;color: #999;}
.zxr-t a:hover{color: #ffb44f;}
/*.sy-list {height: 200px;}*/
.sy-list li{float: left;width: 80px;height: 88px;padding: 10px 0 0 10px;}
.sy-list li img{width: 68px;height: 68px}
.sy-list li a:hover{color: #ffb44f}
.zt-img{width: 280px;height: 100px;margin-top: 10px}
.zt-img li{position: relative;}
.zt-img li s{position: absolute;background: #000;opacity: .6;width: 280px;height: 30px;bottom: 0;left: 0}
.zt-img li p{color: #fff;position: absolute;left: 0;bottom: 0;text-indent: 10px;height: 30px;line-height: 30px;width: 200px;}
.zt-img img{width: 280px;height: 100px;}
.zt-list{width:100%;margin-top: 10px;}
.zt-list li{float: left;height: 28px;line-height: 28px;width: 125px;padding-left: 15px;overflow: hidden;}
.zt-list li a:hover{color: #ffb44f}
.zxr-phb{margin-top: 7px;}
.zxr-phb dt {border: none;font-size: 18px;}
.zxr-phb dt span {cursor: pointer;width: 130px;display: inline-block;height: 40px;line-height: 40px;margin-right: 10px}
.zxr-phb .phb-sy{border-bottom: 2px solid #0085da;}
.zxr-phb .phb-sy b{color: #0085da;}
.zxr-phb .phb-rj{border-bottom: 2px solid #FFA633;}
.zxr-phb .phb-rj b{color: #FFA633;}
.zxr-phb dt .cur {color: #444}
.zxr-phb dd {display: none}
.zxr-phb dd p {clear: both}
.zxr-phb dd.on,.zxr-phb span.tit {display: block}
.zxr-phb span.tit {background: #efefef;height: 34px;line-height: 34px;margin-bottom: 5px}
.zxr-phb span.tit .name {width: 154px;text-align: center}
.zxr-phb span.tit i {display: inline-block;width: 60px;text-align: left;color: #1da16e}
.zxr-phb p {height: 30px;line-height: 23px;overflow: hidden;padding: 2px 0 1px 0}
.zxr-phb p.now {height: 78px}
.zxr-phb img {float: left;width: 20px;height: 20px;display: none;margin: 4px 5px 0 0}
.zxr-phb .now img {width: 70px;height: 70px;display: block}
.zxr-phb .img b {display: block;margin:0;width: 234px;height: 22px;overflow: hidden;font-weight: 400;margin-left: 5px;text-overflow: ellipsis;white-space: nowrap}
.zxr-phb .img b span{float: right;color: #999;}
.zxr-phb .now .img b {width: 165px}
.zxr-phb .btn,.zxr-phb .now .img b {_position: relative;top: -27px}
.zxr-phb .btn {right: 0}
.zxr-phb .cname,.zxr-phb p em {float: left;color: #999;margin-right: 14px}
.zxr-phb .cname {margin-right: 16px}
.zxr-phb p em {width: 24px;height: 24px;line-height: 24px;text-align: center;background: #e5e5e5;font-style: normal;}
.zxr-phb .phb-1 em{background:#0085da;color: #fff;}
.zxr-phb .phb-2 em{background:#0085da;color: #fff;}
.zxr-phb .phb-3 em{background:#0085da;color: #fff;}
.zxr-phb .rjphb-1 em{background:#FFA633;color: #fff;}
.zxr-phb .rjphb-2 em{background:#FFA633;color: #fff;}
.zxr-phb .rjphb-3 em{background:#FFA633;color: #fff;}
.zxr-phb .btn {display: none}
.zxr-phb .now .btn {display: block}
.zxr-phb .now .btn b{display: block;font-style: normal;color: #999;font-size: 12px;}
.zxr-phb .now .btn b a{color: #999}
.zxr-phb .now .btn b a:hover{color: #ffb44f}
.zxr-phb .btn a.phb-xz,.zxr-phb .btn span {font-style: normal;display: inline-block;_display: inline;width: 66px;_width: 46px;_padding: 0 3px;height: 24px;line-height: 24px;border: 1px solid #ffb44f;border-radius: 2px;color: #ffb44f;text-align: center;margin-right: 8px;overflow: hidden}
.zxr-phb .btn span {border-color: #0085da;color: #0085da;cursor: pointer}
.zxr-phb .btn a.phb-xz:hover,.zxr-phb .lblq:hover {color: #fff;background: #ffb44f}
.zxr-phb .btn span.hover {background: #0085da;color: #fff}
.zxr-phb .cname {float: right}
.zxr-phb dd {position: relative;margin-top: 10px;height: 370px;overflow: hidden}
.zxr-phb .kctx {display: none;position: absolute;left: -328px;top: 60px;padding: 0 10px;border: 1px solid #ddd;background: #fafafa}
.zxr-phb .kctx p {height: 42px;line-height: 42px;font-size: 20px}
.zxr-phb .kctx .ewm {width: 300px;height: 250px;line-height: 28px;font-size: 14px;text-align: center}
.zxr-phb .kctx p b {color: #0085da}
.zxr-phb .kctx p span {float: right;cursor: pointer}
.zxr-phb .kctx .ewm em {float: none;color: #0085da;margin: 0 2px}
.zxr-phb .kctx img {width: 150px;height: 150px;display: block;margin: 0 auto;float: none}

/*footer*/
footer{width: 100%;max-height: 450px;background-color: #282828;margin-top: 20px;}
footer > div{width: 1200px;margin: 0 auto;padding:5px 0;}
footer > div > p{font-size: 12px;color: #D7D7D7;text-align: center;line-height: 28px;height: auto;}
footer > div > p a{color: #F59A23!important;}
footer .about_me {padding-top: 15px;display: flex;justify-content: center;font-size: 12px;}
footer .about_me a{ color: #D7D7D7; }
footer .about_me a:hover{ text-decoration: none; }