.details_content { width: 1200px; margin: 15px auto; overflow: hidden; min-height: 610px; }
.details_content .dl_head { background: #fff; padding: 15px; height: 210px; position: relative; }
.details_content .dl_head .img { display: block; float: left; margin-right: 25px; }
.details_content .dl_head .img img, .details_content .dl_head .img { width: 180px; height: 180px; border-radius: 10%; }
.details_content .dl_head .info { width: 600px; float: left; height: 180px; }
.details_content .dl_head .info .bt { height: 40px; line-height: 40px; width: 100%; overflow: hidden; font-size: 26px; color: #333; }
.details_content .dl_head .info .lis { width: 100%; overflow: hidden; margin: 8px 0; }
.details_content .dl_head .info .lis li { font-size: 16px; color: #ababab; line-height: 36px; width: 100%; }
.details_content .dl_head .info .lis li em { color: #454545; }
.details_content .dl_head .info .btnwrap { margin-top: 15px; width: 100%; height: 45px; }
.details_content .dl_head .info .btnwrap .btn { display: block; float: left; margin-right: 25px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background: #eee; padding: 0 25px; }
.details_content .dl_head .info .btnwrap .btn:hover { opacity: 0.88; }
.details_content .dl_head .info .btnwrap .btn i { display: inline-block; width: 30px; height: 30px; margin: 0 7px 2px; background-image: url(../images/1216sprite.png); background-repeat: no-repeat; vertical-align: middle; }
.details_content .dl_head .info .btnwrap .ios { background: #5a97ff; }
.details_content .dl_head .info .btnwrap .ios i { background-position: -131px -89px; }
.details_content .dl_head .info .btnwrap .az { background: #3db774; }
.details_content .dl_head .info .btnwrap .az i { background-position: -160px -67px; }
.details_content .dl_head .info .btnwrap .ewmbox { width: 34px; height: 34px; position: relative; float: left; margin: 5px 25px 0 0; cursor: pointer; z-index: 2; }
.details_content .dl_head .info .btnwrap .ewmbox span { width: 35px; height: 35px; display: block; background: url(../images/1216sprite.png) no-repeat; background-position: -131px -10px; }
.details_content .dl_head .info .btnwrap .ewmbox:hover .ewmpic { display: block; }
.details_content .dl_head .info .btnwrap .ewmbox .ewmpic { position: absolute; display: none; transition: all 0.3s; left: 0; top: 40px; width: 156px; height: 162px; background: url(../images/1216code.png) no-repeat; }
.details_content .dl_head .info .btnwrap .ewmbox .ewmpic img { width: 128px; height: 128px; background: #FFFFFF; padding: 5px; margin: 20px 0 0 13px; }
.details_content .dl_head .score { position: absolute; width: 80px; height: 120px; right: 80px; top: 50px; }
.details_content .dl_head .score span { width: 80px; height: 80px; text-align: center; line-height: 80px; font-size: 22px; color: #939393; position: absolute; left: 0; top: 0; }
.details_content .dl_head .score span:first-letter { font-size: 34px; }
.details_content .dl_head .score p { color: #939393; text-align: center; line-height: 20px; font-weight: bold; margin-top: 5px; font-size: 14px; }

.dl_main { width: 1200px; overflow: hidden; margin: 15px auto; }
.dl_main .con_left .gamecl { background: #fff; overflow: hidden; padding: 15px; }
.dl_main .con_left .gamecl .editC { border: 1px solid #2797ef; font-size: 14px; color: #666; padding: 2.5px; line-height: 38px; overflow: hidden; white-space: nowrap; }
.dl_main .con_left .gamecl .editC span { display: inline-block; width: 90px; height: 34px; line-height: 34px; text-align: center; font-size: 16px; color: #fff; position: relative; background-color: #2797ef; margin-right: 20px; }
.dl_main .con_left .gamecl .editC span i { display: block; width: 0; height: 0; border-top: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #2797ef; position: absolute; right: -12px; top: 50%; margin-top: -6px; }
.dl_main .con_left .gamecl .artice_left { width: 100%; float: left; overflow: hidden; }
.dl_main .con_left .gamecl .artice_left .artice-pal { overflow: hidden; height: 270px; }
.dl_main .con_left .gamecl .artice_left h3 { font-size: 18px; text-align: left; padding-left: 12px; border-left: 4px solid #2797ef; height: 18px; margin-top: 20px; line-height: 18px; font-weight: 600; }
.dl_main .con_left .gamecl .artice_left p { font-size: 16px; line-height: 32px; margin-top: 20px; }
.dl_main .con_left .gamecl .artice_left img, .dl_main .con_left .gamecl .artice_left iframe { max-width: 100%; }
.dl_main .con_left .gamecl .artice_left .open_btn { padding: 15px; font-size: 16px; line-height: 32px; float: right; color: #2797ef; cursor: pointer; }
.dl_main .con_left .gamecl .artice_left .open_btn::before { display: inline-block; content: ''; border-left: 2px solid #2797ef; border-bottom: 2px solid #2797ef; width: 6px; height: 6px; margin: 0 6px 4px 0; transform: rotate(-45deg); }
.dl_main .con_left .gamecl .artice_left.on .artice-pal { height: auto; }
.dl_main .con_left .gamecl .artice_left.on .open_btn::before { margin: 0 6px 0px 0; transform: rotate(136deg); }
.dl_main .con_left .cl_title { width: 100%; height: 34px; border-bottom: 1px solid #ddd; overflow: hidden; }
.dl_main .con_left .cl_title span { float: left; height: 33px; line-height: 33px; font-size: 18px; border-bottom: 2px solid #2797ef; color: #464646; font-weight: bold; }
.dl_main .con_left .about_downl { background: #fff; padding: 15px; margin-top: 15px; overflow: hidden; }
.dl_main .con_left .about_downl ul { overflow: hidden; width: 102%; }
.dl_main .con_left .about_downl ul li { float: left; width: 388px; height: 50px; line-height: 50px; margin-right: 20px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.dl_main .con_left .about_downl ul li p { display: block; width: 288px; height: 20px; line-height: 20px; padding-left: 10px; font-size: 16px; color: #454545; border-left: 3px solid #ccc; margin-top: 16px; overflow: hidden; white-space: nowrap; float: left; }
.dl_main .con_left .about_downl ul li p:hover { color: #2797ef; }
.dl_main .con_left .about_downl ul li span { display: block; width: 74px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #2797ef; color: #2797ef; margin-top: 11px; float: right; }
.dl_main .con_left .about_downl ul li span:hover { color: #fff; background: #2797ef; }
.dl_main .con_left .desc_info { background: #fff; padding: 15px; margin-top: 15px; overflow: hidden; }
.dl_main .con_left .desc_info P { float: left; display: inline-block; width: 380px; margin-right: 18px; margin-top: 10px; height: 28px; line-height: 28px; font-size: 16px; color: #454545; overflow: hidden; white-space: nowrap; }
.dl_main .con_left .desc_info P span { font-size: 16px; color: #454545; line-height: 32px; }
.dl_main .con_right .r_item { overflow: hidden; background: #fff; margin-bottom: 20px; }
.dl_main .con_right .index-zt-list { width: 360px; overflow: hidden; margin: 0 0 15px; }
.dl_main .con_right .index-zt-list li { float: left; width: 165px; margin: 10px 0 0 10px; }
.dl_main .con_right .index-zt-list li a { display: block; border: 1px solid #eee; height: 38px; line-height: 38px; position: relative; transition: all 0.2s; }
.dl_main .con_right .index-zt-list li a span { text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; padding: 0 10px; position: relative; z-index: 3; }
.dl_main .con_right .index-zt-list li a::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 5px; display: block; background-color: #A3B0BE; transition: all 0.2s; }
.dl_main .con_right .index-zt-list li a:hover { color: #fff !important; }
.dl_main .con_right .index-zt-list li a:hover::after { width: 100%; }
.dl_main .con_right .index-zt-list li:nth-child(1) a { color: #0cc6c6; }
.dl_main .con_right .index-zt-list li:nth-child(1) a::after { background-color: #0cc6c6; }
.dl_main .con_right .index-zt-list li:nth-child(2) a { color: #3694D4; }
.dl_main .con_right .index-zt-list li:nth-child(2) a::after { background-color: #3694D4; }
.dl_main .con_right .index-zt-list li:nth-child(3) a { color: #9C0; }
.dl_main .con_right .index-zt-list li:nth-child(3) a::after { background-color: #9C0; }
.dl_main .con_right .index-zt-list li:nth-child(4) a { color: #f63; }
.dl_main .con_right .index-zt-list li:nth-child(4) a::after { background-color: #f63; }
.dl_main .con_right .index-zt-list li:nth-child(5) a { color: #f90; }
.dl_main .con_right .index-zt-list li:nth-child(5) a::after { background-color: #f90; }
.dl_main .con_right .index-zt-list li:nth-child(6) a { color: #A3B0BE; }
.dl_main .con_right .index-zt-list li:nth-child(6) a::after { background-color: #A3B0BE; }
.dl_main .con_right .gm_list { overflow: hidden; padding: 0 10px; }
.dl_main .con_right .gm_list li + li { border-top: 1px dashed #edeff5; }
.dl_main .con_right .gm_list li { height: 64px; padding: 20px 0; overflow: hidden; box-sizing: initial; }
.dl_main .con_right .gm_list li .img { float: left; margin-right: 20px; }
.dl_main .con_right .gm_list li .img, .dl_main .con_right .gm_list li .img img { width: 64px; height: 64px; border-radius: 10px; }
.dl_main .con_right .gm_list li .info { float: left; width: 120px; height: 64px; }
.dl_main .con_right .gm_list li .info .bt { display: block; width: 255px; height: 16px; line-height: 16px; overflow: hidden; color: #555; font-size: 14px; font-weight: 700; }
.dl_main .con_right .gm_list li .info .bt:hover { color: #2797ef; }
.dl_main .con_right .gm_list li .info .tag { width: 100%; height: 16px; margin: 10px 0; overflow: hidden; font-size: 12px; color: #9e9e9e; }
.dl_main .con_right .gm_list li .info .start { float: left; width: 97px; height: 14px; position: relative; overflow: hidden; background: url(../images/1216sprite.png) no-repeat; background-position: -4px -40px; }
.dl_main .con_right .gm_list li .info .start i { position: absolute; height: 14px; background: url(../images/1216sprite.png) no-repeat; background-position: -4px -21px; }
.dl_main .con_right .gm_list li .downl { display: block; float: right; background: #f2f2f2; border-radius: 3px; color: #333; font-size: 14px; width: 64px; height: 30px; line-height: 30px; text-align: center; margin-top: 18px; }
.dl_main .con_right .gm_list li .downl:hover { background: #2797ef; color: #fff; }
.dl_main .con_right .newsgm { padding: 10px 10px 0; }
.dl_main .con_right .newsgm li { float: left; margin-bottom: 15px; width: 33.3%; overflow: hidden; }
.dl_main .con_right .newsgm li .img { width: 70px; height: 70px; border-radius: 10px; overflow: hidden; margin: 0 auto 10px; display: block; }
.dl_main .con_right .newsgm li .img:hover img { opacity: .8; }
.dl_main .con_right .newsgm li .img img { width: 70px; height: 70px; }
.dl_main .con_right .newsgm li .tt:hover { color: #2797ef; }
.dl_main .con_right .newsgm li .tt, .dl_main .con_right .newsgm li .cl { text-align: center; height: 24px; overflow: hidden; display: block; line-height: 24px; margin: 0 auto; white-space: nowrap; text-overflow: ellipsis; width: 70px; }
.dl_main .con_right .newsgm li .cl { font-size: 12px; color: #999; }
.dl_main .con_right .newsgm li .btn { height: 24px; line-height: 24px; width: 62px; text-align: center; color: #fff; background-color: #359beb; border-radius: 15px; display: block; margin: 5px auto 0; }
.dl_main .con_right .newsgm li .btn:hover { opacity: 0.88; }

.lb-dataContainer:after, .lb-outerContainer:after { content: ''; clear: both; }

body.lb-disable-scrolling { overflow: hidden; }

.lightboxOverlay { position: fixed; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: 9999; background-color: #000; opacity: 0.8; display: none; }

.lightbox { position: fixed; left: 0; width: 100%; z-index: 10000; font-weight: 400;}

.lightbox .lb-image { display: block; height: auto; max-width: inherit; border-radius: 3px; }

.lightbox a img { border: none; }

.lb-outerContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; }

.lb-loader, .lb-nav { position: absolute; left: 0; }

.lb-outerContainer:after { display: table; }

.lb-container { padding: 4px; }

.lb-loader { top: 43%; height: 25%; width: 100%; }

.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/loading.gif) no-repeat; position: absolute; left: 47%; }

.lb-nav { top: 0; height: 100%; width: 100%; z-index: 10; }

.lb-container > .nav { left: 0; }

.lb-nav a { outline: 0; background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); }

.lb-next, .lb-prev { height: 100%; cursor: pointer; display: block; }

.lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/prev.png) left 48% no-repeat; opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; }

.lb-nav a.lb-prev:hover { opacity: 1; }

.lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/next.png) right 48% no-repeat; opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; }

.lb-nav a.lb-next:hover { opacity: 1; }

.lb-dataContainer { margin: 0 auto; padding-top: 5px; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

.lb-dataContainer:after { display: table; }

.lb-data { padding: 0 4px; color: #ccc; }

.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }

.lb-data .lb-caption { font-size: 13px; font-weight: 700; line-height: 1em; }

.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999; }

.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/close.png) top right no-repeat; text-align: right; outline: 0; opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }

.lb-data .lb-close:hover { cursor: pointer; opacity: 1; }

.screenshot .intro { width: 800px; position: relative; margin: 15px auto; }

.screenshot .intro .slider-contain { position: relative; width: 800px; height: 297px; overflow: hidden; }

.screenshot .intro .img-slider { width: 800px; height: 280px; text-align: center; font-size: 0; white-space: nowrap; }

.screenshot .intro .img-slider img { display: block; height: 280px; border-radius: 0; width: auto; vertical-align: top; }

.screenshot .intro .img-slider li { width: auto; margin-right: 16px; display: inline-block; height: 280px; }

.screenshot .img-slider li:last-child { margin-right: 0; }

.screenshot .intro .video-js { width: 500px; height: 280px; }

.screenshot .slider-inner-contain { position: relative; left: 0; width: 800px; height: 297px; overflow-x: scroll; overflow-y: hidden; background: #fff; }

.screenshot .slider-contain .a_left { position: absolute; left: 0; top: 108px; z-index: 10; cursor: pointer; width: 50px; height: 50px; background: url(../images/prev.png) no-repeat; }

.screenshot .slider-contain .a_left, .screenshot .slider-contain .a_right { display: none; }

.screenshot .slider-contain:hover .a_left, .screenshot .slider-contain:hover .a_right { display: block; }

.screenshot .slider-contain .a_right { position: absolute; right: 0; top: 108px; z-index: 10; cursor: pointer; width: 50px; height: 50px; background: url(../images/next.png) no-repeat; }

.screenshot .img-slider .img-item { position: relative; line-height: 0; font-size: 0; }

.related ul li i { margin-top: 18px; }

.related ul li a { font-size: 16px; width: 245px; }

.related ul li a:hover { color: #2797ef; }

.related ul li em { width: 85px; }