@charset "utf-8";
.bread{height:30px;line-height:30px;color:#999;width:100%;margin:auto;font-size:14px;box-sizing:content-box;padding:15px 0;color:#999;margin:auto;width:1200px;padding-bottom:0;font-size:0}
.bread span{display:inline-block;float:left}
.bread a{display:inline-block;float:left;color:#999;transition:color .3s;font-size:14px;position:relative;padding-right:20px}
.bread a:hover{color:#333}
.bread i{display:inline-block;float:left}
.bread a.active{color:#ea6161}
.bread a.active:hover{color:#cd4747}
.bread a:before{content:'>';display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;position:absolute;font-size:14px;top:0;right:0;bottom:0;margin:auto}
.bread a:last-child:before{display:none}
.bread a:last-child{color:#ea6161!important}

.con-banner{width:1160px;padding:27px 20px 22px;border-radius:2px;border:1px solid #e5e5e5;background:#fafafa;margin:20px auto 0}
.con-banner-left{float:left;width:440px;height:220px;margin-right:27px;overflow:hidden;border-radius:20px;position:relative}
.con-banner-left-bg{width:440px;height:220px;position:absolute;top:0;left:0;transition:all linear .4s;-moz-transition:all linear .4s;-ms-transition:all linear .4s;-o-transition:all linear .4s;-webkit-transition:all linear .4s}
.con-banner-left-bg:hover{transform:translateX(-20px);-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px)}
.con-banner-left img{width:100%}
.con-banner-right{width:688px;float:right}
.con-banner-top{border-bottom:1px solid #eee;margin-top:10px}
.con-banner-tit{float:left;font-weight:700;font-size:24px;color:#333;line-height:50px;width:500px;height:50px;overflow:hidden}
.con-banner-tit2{font-size:12px;float:right;color:#aaa;margin-top:28px}
.con-banner-tit2 span{color:#ffa928}
.con-banner-info{margin-top:10px;width:100%;color:#666;font-size:14px;line-height:30px;height:90px;overflow-y:auto}
.con-banner-info{overflow-y:auto}
.con-banner-info::-webkit-scrollbar{width:4px}
.con-banner-info::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.2)}
.con-banner-info::-webkit-scrollbar-track{border-radius:0;background:rgba(0,0,0,.1)}
.con-banner-time{margin-top:10px;font-size:12px;color:#aaa}
.con-banner-time em{display:inline-block;width:14px;height:14px;margin-right:5px;vertical-align:top;margin-top:2px;background:url(../images/icon-box.png) no-repeat -33px 0}

.soft-list{width:1200px;margin: 20px auto 0;}
.soft-box{border:1px solid #e5e5e5;width:380px;height:198px;float:left;margin-right:27px;background:#fff;margin-bottom:26px;position:relative}
.soft-box-top{margin-top:20px;margin-left:16px;margin-bottom:16px}
.soft-img{display:block;float:left;width:100px;height:100px;border-radius:20px;margin-right:13px}
.soft-img img{width:100%;border-radius:20px;height:100%}
.soft-info{float:left}
.soft-info .soft-tit{width:134px;font-size:16px;color:#333;height:21px;display:block;margin-top:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}
.soft-label{width:220px;overflow:hidden;height:27px;margin-top:10px}
.soft-label span{background:#fbfbfb;padding:4px 9px;border:1px solid #e8e8e8;border-radius:20px;margin-bottom:20px;display:inline-block;color:#666;font-size:12px;margin-right:4px}
.star-box{width:86px;height:13px;background:url(../images/icon-box.png) no-repeat 0 -49px;margin-top:10px;display:none}
.soft-size{font-size:14px;color:#999;margin-top:10px}
.soft-size span{padding:0 3px}
.soft-load{width:96px;height:32px;float:left;background:#29cec7;color:#ffff;text-align:center;line-height:32px;margin-top:52px;display:none}
.soft-load em{display:inline-block;width:18px;height:18px;vertical-align:top;margin-top:7px;margin-right:10px;background:url(../images/icon-box.png) no-repeat -190px -19px}
.soft-load:hover{border:1px solid #29cec7;background:#fff!important;color:#29cec7}
.soft-load:hover .load-em1{background:url(../images/icon-box.png) no-repeat -190px -38px}
.soft-intro{font-size:14px;color:#999;line-height:24px;width:348px;margin-left:16px;height:48px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.soft-box:hover{transform:translateY(-10px);transition:transform .5s;box-shadow:0 0 10px #ccc}
.soft12,.soft15,.soft18,.soft21,.soft24,.soft27,.soft3,.soft30,.soft6,.soft9{margin-right:0!important}
.soft-box:after{content:'';display:block;width:120px;height:40px;position:absolute;top:-9px;left:0}
.soft1:after{background:url(../images/icon-box.png) no-repeat 0 -62px}
.soft2:after{background:url(../images/icon-box.png) no-repeat 0 -102px}
.soft3:after{background:url(../images/icon-box.png) no-repeat 0 -142px}
.soft1,.soft2,.soft3{height:218px!important}
.soft1 .soft-load,.soft2 .soft-load,.soft3 .soft-load{display:block!important}
.soft1 .star-box,.soft2 .star-box,.soft3 .star-box{display:block!important}
.soft1 .soft-label,.soft2 .soft-label,.soft3 .soft-label{display:none!important}
.soft1 .soft-intro,.soft2 .soft-intro,.soft3 .soft-intro{height:72px!important;-webkit-line-clamp:3!important;line-clamp:3!important}
.soft-load-btn{height:26px;background:#2dbaed;color:#fff;width:96px;text-align:center;line-height:26px;font-size:13px;display:none;margin-top:10px}
.soft-load-btn em{vertical-align:top;display:inline-block;width:15px;height:15px;margin-top:5px;margin-right:8px;background:url(../images/icon-box.png) no-repeat -208px -19px}
.soft-load-btn:hover{border:1px solid #2dbaed;color:#2dbaed;background:#fff}
.soft-load-btn:hover .load-em2{background:url(../images/icon-box.png) no-repeat -208px -38px}
.soft-box:hover .soft-label{display:none!important}
.soft-box:hover .soft-load-btn{display:block!important}
.soft1:hover .soft-load-btn,.soft2:hover .soft-load-btn,.soft3:hover .soft-load-btn{display:none!important}

.allbox{width: 1200px;margin: 20px auto 0;}
.bt-c,.bt-c2{width:100%;height:45px}
.bt-c p,.bt-c h2{display:block;float:left;width:auto;color:#4c4c4c;font-size:22px;line-height:42px;font-weight:normal}
.bt-c a{line-height:30px;font-size:14px;color:#999;margin:8px 0 0 20px;height:30px;display:inline-block}
.bt-c>a:hover,.bt-c2 a:hover{color:#589cf6}
.bt-c>span{display:block;float:left;width:auto;height:30px;line-height:30px;margin:10px 0 0 20px;text-align:center;font-size:14px;color:#4c4c4c;cursor:pointer;position:relative;padding:0 3px}
.bt-c>span img{display:none;position:absolute;left:8px;bottom:4px}
.bt-c>div a:hover{color:#589cf6}
.bt-c i{display:inline-block}
.bt-c i:hover a{color:#589cf6}
.bttab-style{color:#589cf6 !important}
.tab-list{height:auto;margin-top:15px;display:none}
.game-num{display:block;float:left;font-size:13px;color:#8ba8a3;margin:14px 0 0 10px}
.game-num span{color:#589cf6}
.game-hj{height:auto;margin-bottom:10px;overflow:hidden;width:1210px}
.game-hj ul{width:1242px;height:auto}
.game-hj ul li{display:block;float:left;width:216px;height:120px;margin:0 30px 20px 0;position:relative;overflow:hidden;border-radius:10px}
.game-hj ul li img{border-radius:10px;width:216px;height:120px}
.game-hj ul li p{position:absolute;width:216px;height:26px;left:0;bottom:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background:rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);text-align:center;color:#fafafa;font-size:14px;transition:all .1s linear;-webkit-transition:all .1s linear}
.game-hj ul li:hover p{bottom:0;transition:all .1s linear;-webkit-transition:all .1s linear}
.game-hj ul li:hover{-webkit-box-shadow:0 8px 20px rgba(0,0,0,0.3);-moz-box-shadow:0 8px 20px rgba(0,0,0,0.3);box-shadow:0 8px 20px rgba(0,0,0,0.3)}

.title_{height:31px;line-height:21px;border-bottom:3px solid #505050;position:relative}
.title_ .bt{display:block;padding-bottom:10px;font-size:20px;font-weight:700;color:#333;position:absolute;border-bottom:3px solid #33cd86;float:left}
.subjectListBox{width:1200px;background:#fff;margin:20px auto 0}
.subjectListBox .cont{width:1200px;overflow:hidden}
.subjectListBox ul{width:1230px}
.subjectListBox li{width:275px;float:left;background:#f6f6f6;color:#a6a6a6;margin:20px 32px 0 0}
.subjectListBox li img,.subjectListBox li a,.subjectListBox li span{display:block}
.subjectListBox li img{width:275px;height:140px}
.subjectListBox li .info{padding:10px}
.subjectListBox li .name{width:160px;height:24px;line-height:24px;float:left;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}
.subjectListBox li .num{max-width:70px;height:22px;line-height:22px;float:right;border:1px solid #33cd86;color:#33cd86;border-radius:22px;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.subjectListBox li .txt{height:63px;margin:5px 0 5px 0;overflow:hidden;line-height:20px;color:#666}
.subjectListBox li .btn{width:80px;height:28px;line-height:28px;border:1px solid #33cd86;text-align:center;border-radius:3px;margin:0 auto;color:#33cd86;transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms}
.subjectListBox li .btn:hover{background:#33cd86;color:#fff}

.pagecode{text-align:center;padding:30px 0}
.pagecode span{display:inline-block;margin-right:6px;border:1px solid #e6e6e6;color:#6a6a6a}
.pagecode a{display:block;padding:9px 16px;transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms}
.pagecode .current{padding:9px 16px;cursor:default;color:#fff;background:#33CD86}
.pagecode .disabled{padding:9px 16px;background:#efefef;cursor:default}
.pagecode a:hover{background:#33cd86;color:#fff}