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

.main{ width:1200px;margin:0 auto;background-color:#FFF;}
.header_top_box{width:1200px;margin:10px auto 0 auto;display:block;}

/*new add h5 category*/
.play-games{ padding-bottom:17px; border:1px solid #e8e7ed; }
.play-games h3{ font-size:18px; font-weight:bold; height:22px; line-height:22px; border-left:4px solid #17a2e7; padding-left:10px; margin-left:-1px; margin-top:14px; }
.play-games ul{ padding-left:4px; }
.play-games ul li{ float:left; width:119px; margin-top:19px; overflow:hidden; }
.play-games ul li img{ display:block; width:90px; height:90px; border-radius:16px; margin:0 auto; }
.play-games ul li p{ height:20px; line-height:20px; margin-top:9px; text-align:center; overflow:hidden; }

.h5list-box{ width:1200px; background:#fff; }
.h5list-box .hd{width:100%;height:40px;line-height:40px;color:#555;border-bottom:3px solid #17A2E7;}
.h5list-box .hd ul li{float:left;width:126px;display:block;text-align:center;background:#E8E8E8;font-size:16px;cursor: pointer;}
.h5list-box .hd ul li a{ display:block; }
.h5list-box .hd ul li a:hover{ color:#333; }
.h5list-box .hd .tab_2,.h5list-box .hd .tab_2 a{background:#17A2E7;color:#FFF;}
.h5list-box .hd .tab_2:hover{background:#17A2E7;}
.h5list-box .hd .tab_2:hover a{ color:#fff; }
.h5list-box .hd .more{float:right;height:40px;line-height:40px;}
.h5show_list{ padding-bottom:10px; }
.h5show_list ul{ width:102%; }
.h5show_list li{ float:left; padding:14px 14px 11px; width:356px; margin:20px 21px 0 0; border:1px solid #e8e7ed; border-radius:4px; }
.h5show_list .item-dianping{ float:left; width:100%; font-size:14px; color:#666; background-color:#f9f9f9; margin-top:13px; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.h5show_list .item-info{ float:left; width:256px; height:80px; }
.h5show_list .item-info .img{ float:left; margin-right:10px; }
.h5show_list .item-info .img img{ display:block; width:80px; height:80px; border-radius:16px; }
.h5show_list .item-info p{ font-size:12px; color:#999; margin-top:8px; }
.h5show_list .item-info p em{ color:#ff0000; }
.h5show_list .item-info p.name{ font-size:18px; font-weight:700; height:28px; line-height:28px; margin-top:0; overflow:hidden; }
.h5show_list .item-btn{ float:right; width:80px; }
.h5show_list .pc_play,.h5show_list .sj_play{ display:block; width:78px; height:32px; line-height:32px; text-align:center; border-width:1px; border-style:solid; border-radius:4px; }
.h5show_list .pc_play{ color:#f60; border-color:#f60; }
.h5show_list .pc_play:hover{ color:#fff; background-color:#f60; }
.h5show_list .sj_play{ color:#17a2e7; border-color:#17a2e7; margin-top:12px; position:relative; }
.h5show_list .sj_play:hover{ color:#fff; background-color:#17a2e7; }
.h5show_list .appcode{ position:absolute; top:48px; left:50%; margin-left:-76px; width:151px; padding:11px 0; background:#fff; color:#333; border:1px solid #999; display:none; z-index:999; }
.h5show_list .appcode i.angle{ background:url(../img/h5_icos.png) no-repeat 0 0; position:absolute; left:63px; top:-12px; display:block; width:26px; height:12px; overflow:hidden; }
.h5show_list .appcode img{ display:block; width:129px; height:129px; margin:0 auto; }
.h5show_list .appcode span{ display:block; text-align:center; line-height:18px; margin-top:7px; }
.h5show_list li:hover{ border-color:#17a2e7; }
.h5show_list li:hover .item-info p.name a{ color:#17a2e7; }
.h5show_list .item-info p.name a:hover{ color:#ea4a2d !important; }
.h5_loading{ font-size:16px; color:#666; text-align:center; }
.h5_loading span{ display:inline-block; height:32px; line-height:32px; padding-left:42px; margin-top:20px; position:relative; }
.h5_loading img{ display:inline-block; width:32px; height:32px; position:absolute; left:0; top:0; overflow:hidden; }

/*下载内容页*/
.h5-con{width:1200px;overflow:hidden;}
.h5-left{width:840px;float:left;}
.h5-right{width:340px;overflow:hidden;float:right;}
.h5-con .soft-info{ width:838px; border:1px solid #e8e7ed; overflow:hidden; }
.h5-con .info-left{ width:638px; padding:19px 0 14px 19px; float:left; overflow:hidden; }
.h5-con .info-right{ width:146px; float:right; padding:19px 15px 10px 0; overflow:hidden; }
.h5-con .hinfo dt{ width:135px; }
.h5-con .hinfo dt img{ display:block; border-radius:20px; }
.h5-con .hinfo dd { width:320px; }
.h5-con .hinfo .title{font-weight:700;font-size:22px;height:36px;line-height:36px; margin-top:3px; overflow:hidden;}
.h5-con .hinfo .title span{ font-size:12px; font-weight:400; color:#999; }
.h5-con .hinfo .title span em{ color:#ff0000; }
.h5-con .hinfo .start{height:28px; margin-top:3px; }
.h5-con .hinfo .sx i{display:inline-block;width:100%;line-height:22px;height:22px;font-size:14px; color:#666;overflow:hidden;text-overflow:ellipsis;  white-space: nowrap;}
.h5-con .hinfo .sx span{color:#ccc;}
.h5-con .hinfo .openbtn{ width:170px; margin-top:35px; }
.h5-con .hinfo .openbtn a{ display:block; width:170px; height:50px; line-height:50px; text-align:center; font-size:22px; font-weight:bold; color:#fff; background-color:#f60; border-radius:4px; }
.h5-con .hinfo .openbtn a:hover{ background-color:#ff791f; }
.h5-con .dianping{ position:relative; margin-top:13px; }
.h5-con .dianping i{ position:absolute; left:47px; top:-22px; display:block; width:0; height:0; border-width:11px 13px; border-style:solid; border-color:transparent transparent #f6f6f6 transparent; overflow:hidden; }
.h5-con .dianping span{ display:block; height:35px; line-height:35px; font-size:12px; color:#666; background-color:#f6f6f6; padding:0 8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.h5-con .ewm img{ display:block; width:146px; height:146px; }
.h5-con .ewm span{ display:block;font-size:12px; color:#666; text-align:center; height:28px; line-height:38px; }

.show-hd{ height:39px; border-bottom:1px solid #ededed; line-height:36px; margin-top:24px; margin-bottom:12px; }
.show-hd h3{ float:left; height:37px; line-height:32px; border-bottom:5px solid #45b8fb; font-size:20px; font-weight:bold; padding:0 3px; }
.show-hd .bdsharebuttonbox{ float:right; }
.show-hd .sharetip{ color:#999; float:left; line-height:36px; }
.show-hd .hmore{ color:#999; margin-right:3px; }
.show-hd .hmore:hover{ color:#ea4a2d; }
.show-hd .total{ font-size:12px; color:#666; }
.show-hd .total em{ color:#ff0000; }
.show-tags{ width:100%; font-size:16px; color:#666; line-height:30px; }
.show-tags a{ color:#45b8fb; margin-right:9px; }
.show-tags a:hover{ color:#f60; }
.show-content .content,.show-content .content-tips{ font-size:16px; color:#666; line-height:30px; }
.show-content .content{ margin-top:4px; }
/*截图展示*/
.showcase{ margin-top:15px; width:840px; overflow:hidden; }
.showcase .scrollbar{ overflow:hidden; position:relative; }
.showcase .scrollbar .s-box{ height:408px;overflow:hidden; }
.showcase .s-content{ width:10000px; position:absolute; }
.showcase .scrollbar li{ float:left; position:relative; height:408px; margin-right:12px; overflow:hidden; }
.showcase .scrollbar li:last-child{ margin-right:0; }
.showcase .scrollbar li img{ height:408px; display:block; }
.showcase .scrollbar .track{ display:none; position:relative; margin:12px 0 0; height:15px; background-color:#f6f6f6; font-size:0px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; }
.showcase .scrollbar .track div{ height:15px; background-color:#45b8fb; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; }

.show-love .love-list{ width:104%; }
.show-love .love-list li{ width:80px; height:116px; padding-top:8px; margin-right:29px; float:left; }
.show-love .love-list li img{ width:80px; height:80px; display:block; border-radius:16px; }
.show-love .love-list li span{ height:36px;line-height:36px; display:block; text-align:center; overflow:hidden; }
.show-love .love-list li a:hover span{color:#09F;}

/*h5-right*/
.h5-rbox{ width:338px; border:1px solid #e8e7ed; }
.h5-rbox .wrap-hd{ height:24px; padding-right:19px; margin-top:19px; }
.h5-rbox .wrap-hd h3{ float:left; height:24px; line-height:24px; border-left:5px solid #45b8fb; padding-left:9px; font-size:20px; font-weight:bold; margin-left:-1px; position:relative; }
.h5-rbox .wrap-hd .h5_refresh{ float:right; font-size:12px; color:#999; padding-left:25px; display:block; height:18px; line-height:18px; margin-top:3px; position:relative; }
.h5-rbox .wrap-hd .h5_refresh i{ position:absolute; left:0; top:0; display:block; width:18px; height:18px; background:url(../img/h5_icos.png) no-repeat 0 -22px; overflow:hidden; }
.h5-rbox .wrap-hd .h5_refresh:hover{ color:#666; }
.h5-rbox .wrap-hd .h5_refresh:hover i{ background-position:-25px -22px; }
.h5-rbox .ul-list{ padding:7px 19px; }
.h5-rbox .ul-list li{ padding:12px 0; border-bottom:1px dashed #e8e7ed; }
.h5-rbox .ul-list li:last-child{ border-bottom:0; }
.h5-rbox .ul-list li .list-item{ height:60px; padding:0 75px 0 67px; width:158px; position:relative; }
.h5-rbox .ul-list li .pic{ position:absolute; left:0; top:0; }
.h5-rbox .ul-list li .pic img{ display:block; width:60px; height:60px; border-radius:10px; }
.h5-rbox .ul-list li .name{ font-size:16px; height:24px; line-height:24px; padding-top:4px; overflow:hidden; }
.h5-rbox .ul-list li .other{ font-size:12px; color:#999; height:24px; line-height:24px; margin-top:7px; overflow:hidden; }
.h5-rbox .ul-list li .other em{ color:#ff0000; }
.h5-rbox .ul-list li .ksw-btn{ position:absolute; right:0; top:15px; display:block; width:58px; height:28px; line-height:28px; color:#f60; text-align:center; border:1px solid #f60; overflow:hidden; border-radius:4px; }
.h5-rbox .ul-list li .ksw-btn:hover{ background-color:#f60; color:#fff; }

/*用户评论*/
#comment_box .show-hd{ margin-top:13px; }
.cmtbox{ padding-bottom:15px; padding-top:5px; }
.head-w{ margin-bottom:10px; }
#htitle{ float:left; margin-left:9px; height:28px; line-height:28px; }
#htitle li{ float:left; list-style:none outside none; }
#htitle h6{ display:none; margin:0; color:#333; font-weight:400; font-size:16px; }
#htitle h6#h4{ display:block; }
.head-user label{ color:#666; font-size:14px; float:left; line-height:28px; }
.head-user #userText{ float:left; height:26px; line-height:26px; text-align:center; width:117px; padding:0 10px; border:1px solid #ccc; font-size:12px; color:#666; font-family:"Microsoft YaHei"; text-align:left; }

.post-wrap-w{ background-color:#fff; border:1px solid #ccc; border-radius:5px; border-bottom-left-radius:0; display:block; }
.post-wrap-w .area-textarea-w{ background-color:#fff; overflow:hidden; padding:8px 0 6px 7px; position:relative; z-index:9; }
.post-wrap-w .textarea-fw{ background:none; color:#999; font-size:14px; height:70px; line-height:22px; overflow-x:hidden; overflow-y:auto; resize:none; width:100%; font-family:"Microsoft YaHei"; }
.post-wrap-w .wrap-action-w { background-color:#f7f7f7; border-top:1px solid #ccc; height:39px; line-height:39px; font-size:12px; color:#666; }
.post-wrap-w .wrap-action-w .action-function-w { float: left; width:160px; position: relative; z-index: 12; }
.post-wrap-w .wrap-action-w .emotion{ padding:10px 0 10px 12px; color:#666; display:block; font-size:14px; float:left; line-height:19px; position:relative; }
.post-wrap-w .wrap-action-w .emotion i{ background:url(../img/face.png) no-repeat 0 0; display:block; float:left; width:19px; height:15px; margin:2px 9px 0 0; overflow:hidden; }
.post-wrap-w .wrap-action-w .action-issue-w{ padding-left:9px; }
.post-wrap-w .wrap-action-w .action-issue-w .btn-fw { background:#17a2e7; border:0 none; cursor:pointer; float:right; height:41px; line-height:41px; margin:-1px -1px 0 0; font-size:16px; color:#fff; font-family:"Microsoft YaHei"; overflow:hidden; padding:0; width:139px; }
.post-wrap-w .wrap-action-w .action-issue-w a:hover .btn-fw{ background-color:#fe9a10; }
.cbox-prompt-w{ background-color:#fff; color: #ff3d3d; display: none; line-height: 16px; margin: 10px 0 0; padding: 9px 0 8px; text-align: center; }
.post-wrap-w .wrap-action-w .action-bz-w{ *display:none; text-align:right; }
.empty-prompt-w{ padding:10px 0 0; }
.empty-prompt-w .prompt-null-w{ background-color:#ecf8ff; color:#09f; display:block; line-height:16px; padding:9px 0 8px; text-align:center; }

.cmt-list-title{ height:22px; border-left:4px solid #17a2e7; padding-left:12px; font-size:18px; margin-top:22px; margin-bottom:10px; }
.block-cont{ padding:15px 0 10px; border-bottom:1px dashed #e2e2e2; }
.cont-head{ width:50px; height:50px; padding-left:3px; overflow:hidden; float:left; position:relative; }
.cont-head em{ position:absolute; left:3px; top:0; background:url(../img/h5_icos.png) no-repeat 0 -50px; display:block; width:50px; height:50px; overflow:hidden; z-index:2; }
.cont-msg{ float:right; width:775px; overflow:hidden; }
.wrap-user{ height:18px; line-height:18px; overflow:hidden; }
.wrap-user .user-name{ font-size:12px; color:#09f; margin-right:20px; }
.wrap-user .user-time{ font-size:12px; color:#888; }
.wrap-action a:hover{ color:#09f !important; }
.border_red{border:1px dashed #ff0000;}
.block-cont .content{border:1px solid #e2e2e2;padding:8px 8px;font-size:14px;background-color: #ffffed;margin-bottom:5px;}
.block-cont .content .f12{font-size: 12px;color: #09f;}
.block-cont .content pre{ white-space:normal; font-family:Arial, "Microsoft YaHei"; line-height:20px; margin-top:3px; }
.block-cont img{display:inline-block;}
.cont-msg font{height:25px;line-height:25px;}
.wrap-build{ background-color:#ffffed; border:1px solid #ccc; margin-top:12px; padding:8px 19px 8px }
.wrap-issue{ padding:10px 0 0; }
.wrap-issue p{ font-size:14px; line-height:24px; }
.wrap-action{ text-align:right; color:#ccc; line-height:20px; margin-top:15px; }
.wrap-action .click-reply{ padding-right:5px; }
.wrap-action .click-support{ padding-left:5px; }
.wrap-action .click-reply a{ color:#ff3d3d; }
.wrap-action .click-support a{ color:#666; }
.post-rpbox{ border:1px solid #ccc; padding:14px 17px 14px 12px; margin:16px 0 5px; position:relative; }
.post-rpbox-in{ border:1px solid #ccc; border-right:none; background-color:#f7f7f7; height:33px; line-height:33px; }
.post-rpbox .rpbox-lf{ float:left; font-size:12px; padding:0 8px; width:648px; overflow:hidden; }
.post-rpbox .user-name{ font-size:12px; color:#09f; margin-right:5px; float:left; display:block; max-width:110px; height:33px; overflow:hidden; }
.post-rpbox .user-rp{ float:left; }
.post-rpbox .user-input{ float:left; background:transparent; padding:7px 0 7px 10px; height:19px; line-height:19px; width:474px; color:#333; font-family:"Microsoft YaHei"; font-size:12px; }
.post-rpbox .rpbox-gh{ float:right; }
.post-rpbox .rpbox-gh .btn-hf{ background:#909090; border:0 none; cursor:pointer; float:right; height:35px; line-height:35px; font-size:16px; color:#fff; margin:-1px 0 0 -1px; font-family:"Microsoft YaHei"; overflow:hidden; padding:0; width:78px; }
.cmt-list-more a{ display:block; height:33px; line-height:33px; width:198px; text-align:center; background-color:#ececec; border:1px solid #ccc; color:#565656; margin:15px auto 0; }
.cmt-list-more a:hover{ background-color:#17a2e7; border-color:#17a2e7; color:#fff; }

.qqFace{margin-top:4px;background:#fff;padding:2px;border:1px #dfe6f6 solid;}
.qqFace table{ z-index:1001;}
.qqFace table td{padding:0px; height:28px; }
.qqFace table td img{cursor:pointer;border:1px #fff solid; display:block; }
.qqFace table td img:hover{border:1px #17a2e7 solid;}