@charset "utf-8";
/*
*description:
*@author:pgy
*update:2016-03-09
*ver:1.0.0
*/
#slide .btn,.header .game-info div span,.header .game-info div span em,.header .game-info .game-download,.game-giftbag li h5 a i,.game-giftbag li h5 a:hover i,.game-giftbag li span a{ background: url(../img/p_base.png) no-repeat; }

/*header*/
.header .wrap{ height: 192px; padding-top: 308px;}
.header .wrap .game-logo{ width: 165px; height: 165px; }
.header .game-info{ width: 790px; margin-left: 20px; padding-top: 32px; height: 160px;}
.header .game-qrcode{ display: block; width: 120px; height: 150px; padding-top: 42px; margin-left: 1080px;}
.header .game-info div{ height: 77px;}
.header .game-info div h4{ display: block; height: 49px; font-size: 30px; line-height: 48px; color: #fff; font-weight: normal; }
.header .game-info div span{ display: block; height: 19px; width:150px; background-position: 0 -340px; position: relative;}
.header .game-info div span em{ display: block; height: 19px; background-position: 0 -366px; position: absolute; top: 0; left: 0;}
.header .game-info .game-download{ width: 200px; height: 58px; margin:10px 0 0 20px; font-size: 20px; line-height: 58px; text-align: center; color: #7e4c1f; background-position: 0 -145px; }
.header .game-info .game-download:hover{ color: #fff; }
.header .game-info .game-des{ display: inline-block; width: 790px; height: 83px; font-size: 14px; line-height: 20px; color: #fff; font-weight: lighter; text-indent: 2em;}
.header .game-qrcode img{ width: 120px; height: 120px; }
.header .game-qrcode span{ display: block; width:120px; height: 30px; font-size: 12px; text-align: center; color: #dddcdc; line-height: 30px; }

/*game-news*/
.game-news a:hover{ text-decoration:underline; }
.game-news .news-ctrl{ height: 42px; border-right: 1px solid #ebebeb; }
.game-news .news-ctrl span{ display: inline-block; float: left; height: 40px; width: 198px; border: 1px solid #ebebeb; border-width: 1px 0 1px 1px; font-size: 18px; line-height: 40px; text-align: center; cursor: pointer; background: #ebebeb; }
#news4{ width: 195px; }
.game-news .news-ctrl span.hover{ border-bottom: none; background: #fff; }
.game-news .news-con{ display: none; border: 1px solid #ebebeb; border-top-width: 0; }
.game-news .news-list{ padding:10px 0; }
.game-news .news-list li{ width: 45%; padding-right: 5%;}
.game-news .news-list li a{ font-size: 14px; }

/*game-video*/
.game-video .video-list{ display: block; width:810px; height: 262px;}
.game-video .videos{ display: inline-block; float: left; margin-right: 10px; width:392px; height: 262px;}
.game-video .videos a{ display: block; width:390px; height: 260px; border: 1px solid #d32727; position: relative; }
.game-video .videos a img{ display: block; width:390px; height: 260px; }
.game-video .videos a em{ display: none; width:390px; height: 260px; position: absolute; top: 0; left: 0; background: url(../img/bg_video_cover.png) no-repeat;}
.game-video .videos a:hover{ border-color: #000; }
.game-video .videos a:hover em{ display: block; }

/*game-picshow*/
#slide{ position: relative; padding:20px 0; }
#slide .btn{ display: block; width: 40px; height: 60px; position: absolute; top: 50%; margin-top: -30px; }
#slide .btn-prev{ left: 0; background-position: 0 -70px; }
#slide .btn-next{ right: 0; background-position: -53px -70px;}
#slide .btn-prev:hover{ background-position: 0 0; }
#slide .btn-next:hover{ background-position: -53px 0;}

#slide div{ width: 690px; position: relative; overflow: hidden; margin: 0 auto; }
.pic-list{ display: block; position: absolute; top: 0; left: 0; *zoom:1; }
.pic-list:after{display:table;content:" ";clear:both;}
.pic-list li{ display: table; float: left; width: 220px; margin: 0 5px; line-height: 370px; background-color: #333; cursor: pointer; text-align:center; }
.pic-list li img{ display: block; width: 220px; height: auto; }

.pop-show{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100;}
.pop-show .close-pop{ display: block; width: 130px; height: 130px; z-index: 5; position: fixed; top: 0; right: 0; background: url(../img/img_pop_close.png) no-repeat; }
.pop-show .close-pop:hover{ background: url(../img/img_pop_close_on.png) no-repeat; }
.pop-show .pr{ width: 100%; height: 100%; overflow: hidden; z-index: 3; }

.pop-show .p-btn{ display: block; width: 50%; height: 100%; position: fixed; top: 0; z-index: 4; background-color: #000; opacity: 0; filter:alpha(opacity=0); }
.pop-show .p-btn-prev{ left: 0; cursor: url("../img/bg_pnhover_p.png"), auto; }
.pop-show .p-btn-next{ right: 0; cursor: url("../img/bg_pnhover_n.png"), auto; }

.pop-show-list li{ display:table; width: 100%; height: 100%; text-align: center; position: absolute; top: 0; left: 100%; }
.pop-show-list li img{ vertical-align: middle; }
.pop-show-list li span{ display:table-cell; vertical-align:middle; }

/*guess-you-like*/
.guess-you-like ul{ padding-top: 5px; }
.guess-you-like li{ display: inline-block; float: left; width: 121px; padding: 10px 0 0; }
.guess-you-like li a{ display: block; width: 121px; }
.guess-you-like li a img{ display: block; width: 90px; height: 90px; margin: 0 auto;}
.guess-you-like li a span{ display: block; height: 36px; font-size: 16px; line-height: 36px; text-align: center; }

/*game-giftbag*/
.game-giftbag li{ display: inline-block; float: left; width:360px; border-bottom: 1px dashed #ebebeb; padding:5px 0; }
.game-giftbag li h5 a{ display: block; height: 32px; width: 100%; white-space: nowrap; overflow: hidden;}
.game-giftbag li h5 a em{ display: inline-block; float: left; height: 32px; font-size: 18px; line-height: 32px; }
.game-giftbag li h5 a i{ display: inline-block; float: left; height: 16px; width: 15px; padding: 8px 3px; background-position: 3px -285px; }
.game-giftbag li h5 a:hover i{ background-position: 3px -310px; }
.game-giftbag li p{ height: 48px; font-size: 14px; line-height: 24px; color: #424242; }
.game-giftbag li span{ display: block; height: 40px; }
.game-giftbag li span a{ display: inline-block; float: right; width: 68px; height: 25px; margin-top: 5px; font-size: 14px; line-height: 25px; color: #fff; text-align: center; background-position: 0 -251px; }
.game-giftbag li span em{ display: inline-block; height: 40px; font-size: 14px; line-height: 40px; font-weight: lighter; color: #aaa; }
.game-giftbag li span em i{ color: #d32727; margin: 0 3px; }
.game-giftbag li span a:hover{ text-decoration: underline; }

/* vsg-global-topbar */
#vsg-global-topbar{ position:fixed; top:0; left:0; height:40px; border-bottom:1px solid #d4d4d4; width:100%; background:#f2f2f2; min-width:1200px; z-index:99;}
#vsg-global-topbar .wrap{ height:40px;}
#vsg-global-topbar .vgt-left{ float:left; width:100px; height: 40px; }
#vsg-global-topbar .vgt-left img{ width:100%; height: 100%; }
#vsg-global-topbar .vgt-middle{ float: left; height: 40px;}
#vsg-global-topbar .vgt-middle a{ display: inline-block; height: 40px; padding: 0 20px; font-size: 14px; line-height: 40px; position: relative }
#vsg-global-topbar .vgt-right{ height: 40px; line-height: 40px;}

/*topbar二维码下拉框*/
#vsg-global-topbar .download-qrcode .qr-box{ display:none; width:100px; height:148px;  padding:22px 10px 0; background: url(../img/bg_qrcode_120x170.png) no-repeat; position:absolute; top:40px; left:50%; margin-left: -60px; }
#vsg-global-topbar .download-qrcode:hover .qr-box{ display: block; }
#vsg-global-topbar .download-qrcode .qr-box img{ display:block; margin:0 auto; width:100px; height:100px;}
#vsg-global-topbar .download-qrcode .qr-box i{ display:block; font-size:12px; line-height:22px; text-align:center; color:#424242;}