.comment { position: relative; z-index: 2; margin: 20px auto; display: block; width: 1200px; } .ico{background: url(../images/ico_img.png) no-repeat;background-size: 500px 600px;display: inline-block;} .clear { clear: both; } .Min_box { background: #fff; padding: 0 15px; border-radius: 5px; } .Min_box .crumb { height: 56px; line-height: 56px; margin: 0; } .crumb { color: #7d7d7d; font-size: 12px; height: 16px; line-height: 16px; margin-bottom: 20px; } .crumb i { background: url("../images/ico_img.png") no-repeat center; height: 11px; width: 13px; background-position: -68px -33px; display: inline-block; vertical-align: middle; margin: -2px 8px 0 0; } .crumb a { color: #7d7d7d; } .crumb a:hover { color: #00995f; } .crumb span { font-family: Serif; } .title { height: 70px; border-bottom: 1px solid #eee; } .title .bt { float: left; color: #313131; font-size: 18px; font-weight: bold; line-height: 70px; } .title .bt .ico { background: url("../images/ico_img.png") no-repeat center; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; } .title .bt .ico1 { height: 20px; width: 26px; background-position: -145px -101px; } .title .bt .ico2 { height: 26px; width: 23px; background-position: -102px -98px; } .title .bt .ico3 { height: 28px; width: 22px; background-position: -66px -96px; } .title .bt .ico4 { height: 25px; width: 22px; background-position: -32px -99px; } .title .labe { float: left; padding-left: 20px; max-width: 1000px; height: 100%; } .title .labe li { float: left; line-height: 70px; height: 100%; font-size: 16px; color: #959595; padding: 0 15px; cursor: pointer; } .title .labe li a { display: block; position: relative; color: #959595; } .title .labe li:hover a { color: #313131; } .title .labe li:hover a:after { position: absolute; left: 0px; bottom: 0px; background: #00b26f; height: 4px; width: 100%; content: ''; } .title .labe .on a { color: #313131; font-weight: bold;} .title .labe .on a:after { position: absolute; left: 0px; bottom: 0px; background: #00b26f; height: 4px; width: 100%; content: ''; } .title .more { float: right; border: 1px solid #eee; width: 60px; height: 29px; text-align: center; line-height: 29px; margin-top: 20px; color: #9a9a9a; border-radius: 20px; } .title .more:hover { color: #fff; background: #00995f; border-color: #00995f; } .title3 { height: 70px; line-height: 70px; position: relative; } .title3 .line { width: 100%; border-top: 1px solid #eee; left: 0px; top: 35px; position: relative; } .title3 .bt { background: url("../images/ico_img.png") no-repeat center; height: 32px; width: 135px; background-position: -216px -59px; text-align: center; line-height: 32px; position: absolute; left: 0px; top: 20px; z-index: 1; color: #fff; font-size: 16px; } .title3 .more { position: absolute; background: #fff; border: 1px solid #eee; width: 65px; right: 0px; top: 20px; border-radius: 30px; text-align: center; line-height: 29px; height: 29px; color: #9a9a9a; } .title3 .more:hover { background: #00b26f; border-color: #00b26f; color: #fff; } .title4 { height: 65px; } .title4 .bt { height: 32px; line-height: 32px; background: #00b26f; padding: 0 10px; float: left; color: #fff; margin-top: 19px; font-size: 16px; } .Min_indextop { border-bottom: 1px solid #eee; padding-bottom: 16px; } .Min_indextop .lis { height: 26px; padding-top: 14px; width: 100%; overflow: hidden; line-height: 26px; } .Min_indextop .lis .bt { float: left; width: 79px; text-align: center; color: #fff; position: relative; letter-spacing: 1px; } .Min_indextop .lis .bt:after { content: ''; position: absolute; right: -6px; top: 10px; display: block; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 6px solid #ffa9b3; } .Min_indextop .lis .link_a { float: left; padding-left: 20px; width: 1070px; overflow: hidden; height: 100%; } .Min_indextop .lis .link_a a { margin: 0 5px; } .Min_indextop .lis .link_a a.on { color: #f0412a; } .Min_indextop .lis1 .bt { background: #ffa9b3; } .Min_indextop .lis1 .bt:after { border-left-color: #ffa9b3; } .Min_indextop .lis2 .bt { background: #34e091; } .Min_indextop .lis2 .bt:after { border-left-color: #34e091; } .Min_lis { width: 100%; overflow: hidden; } .Min_lis ul { width: 105%; } .Min_lis ul li { float: left; margin: 20px 34px 0 0; width: 100px; } .Min_lis ul li a { display: block; } .Min_lis ul li .img { width: 100px; height: 100px; border-radius: 15px; background: #bfbfbf; } .Min_lis ul li .img img { display: block; width: 100%; height: 100%; border-radius: 15px; } .Min_lis ul li p { height: 40px; width: 100px; text-align: center; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; } .Min_lis .hide_h { height: 160px; overflow: hidden; } .Min1 { padding-top: 28px; } .Min1 .Min1_a { float: left; width: 670px; } .Min1 .Min1_a .hdwrap { width: 670px; height: 400px; position: relative; overflow: hidden; } .Min1 .Min1_a .hdwrap .ban2 { width: 670px; height: 400px; overflow: hidden; } .Min1 .Min1_a .hdwrap .ban2 ul { position: relative; height: 400px; } .Min1 .Min1_a .hdwrap .ban2 li { width: 670px; height: 400px; position: relative; } .Min1 .Min1_a .hdwrap .ban2 li .img { display: block; width: 100%; height: 100%; } .Min1 .Min1_a .hdwrap .ban2 li .img img { display: block; width: 100%; max-height: 100%; } .Min1 .Min1_a .hdwrap .ban2 li .bt { position: absolute; left: 0px; background: url("../images/ico_line.png") repeat-x; height: 102px; bottom: 72px; width: 100%; } .Min1 .Min1_a .hdwrap .ban2 li .bt a { padding: 0 20px; font-size: 20px; line-height: 110px; display: block; color: #dfdfdf; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; } .Min1 .Min1_a .hdwrap .min_pic { background: #000; position: absolute; height: 82px; left: 0px; bottom: 0px; width: 658px; padding: 0px 7px 0 7px; } .Min1 .Min1_a .hdwrap .min_pic .num { position: relative; overflow: hidden; padding-top: 7px; width: 100%; } .Min1 .Min1_a .hdwrap .min_pic ul { position: relative; } .Min1 .Min1_a .hdwrap .min_pic li { margin-top: -7px; width: 128px; height: 76px; float: left; margin-right: 4px; border-radius: 2px; overflow: hidden; } .Min1 .Min1_a .hdwrap .min_pic li img { width: 128px; height: 76px; } .Min1 .Min1_a .hdwrap .min_pic .on a { position: relative; display: block; } .Min1 .Min1_a .hdwrap .min_pic .on a:after { width: 124px; height: 72px; content: ''; display: block; position: absolute; left: 0px; top: 0px; border: 2px solid #00b26f; border-radius: 2px; } .Min1 .Min1_a .lis { display: block; width: 100%; overflow: hidden; } .Min1 .Min1_a .lis .bt { height: 32px; line-height: 32px; color: #313131; font-weight: bold; padding-top: 5px; font-size: 18px; } .Min1 .Min1_a .lis .bt:before { content: ''; display: inline-block; vertical-align: middle; background: #00b26f; width: 4px; height: 20px; margin: -2px 10px 0 0; } .Min1 .Min1_a .lis ul { width: 105%; } .Min1 .Min1_a .lis ul li { float: left; height: 80px; padding: 13px 11px; width: 197px; background: #f7f7f9; margin: 7px 7px 0 0; border-radius: 7px; } .Min1 .Min1_a .lis ul li .img { display: block; float: left; width: 80px; height: 80px; overflow: hidden; background: #bfbfbf; border-radius: 15px; } .Min1 .Min1_a .lis ul li .img img { display: block; width: 100%; height: 100%; } .Min1 .Min1_a .lis ul li .infor { float: left; width: 105px; padding-left: 11px; } .Min1 .Min1_a .lis ul li .infor .name { display: block; height: 30px; line-height: 30px; color: #1b1b1b; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .Min1 .Min1_a .lis ul li .infor .name:hover { color: #00995f; } .Min1 .Min1_a .lis ul li .infor p { font-size: 12px; line-height: 25px; height: 25px; overflow: hidden; width: 100%; color: #7d7d7d; } .Min1 .Min1_b { float: right; width: 478px; } .Min1 .Min1_b .tab_box { width: 105%; height: 50px; margin-bottom: 25px; } .Min1 .Min1_b .tab_box .tab { width: 156px; height: 50px; float: left; background: #eee; text-align: center; line-height: 50px; color: #9f9f9f; font-weight: bold; cursor: pointer; margin-right: 5px; } .Min1 .Min1_b .tab_box .tab a { display: block; color: #9f9f9f; } .Min1 .Min1_b .tab_box .tab i { background: url("../images/ico_img.png") no-repeat center; display: inline-block; height: 16px; width: 15px; background-position: 0 -59px; margin: -2px 8px 0 0; vertical-align: middle; } .Min1 .Min1_b .tab_box .tab:hover { background: #f29b76; color: #fff; } .Min1 .Min1_b .tab_box .tab:hover i { background-position: -26px -59px; } .Min1 .Min1_b .tab_box .tab:hover a { color: #fff; } .Min1 .Min1_b .tab_box .tab:nth-child(2) i{height:16px;width:14px;background-position: -143px -59px;} .Min1 .Min1_b .tab_box .tab:nth-child(3) i{height:16px;width:16px;background-position: -169px -59px;} .Min1 .Min1_b .tab_box .tab:nth-child(2):hover i{background-position: -120px -59px;} .Min1 .Min1_b .tab_box .tab:nth-child(3):hover i{background-position: -86px -59px;} .Min1 .Min1_b .tab_box .on { background: #f29b76; color: #fff; } .Min1 .Min1_b .tab_box .on i { background-position: -26px -59px; } .Min1 .Min1_b .tab_box .on a { color: #fff; } .Min1 .Min1_b .tab_box .tab:nth-child(2).on i{background-position: -120px -59px;} .Min1 .Min1_b .tab_box .tab:nth-child(3).on i{background-position: -86px -59px;} .Min1 .Min1_b .news { border-left: 1px solid #eee; } .Min1 .Min1_b .news ul li { line-height: 36px; height: 36px; position: relative; } .Min1 .Min1_b .news ul li:before { content: ''; width: 5px; height: 5px; border: 1px solid #ddd; background: #fff; border-radius: 50%; position: absolute; left: -4px; top: 15px; } .Min1 .Min1_b .news ul li a { float: left; width: 350px; padding: 0 12px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .Min1 .Min1_b .news ul li a:hover { color: #ff6633; } .Min1 .Min1_b .news ul li .time { float: right; color: #a7a7a7; font-size: 12px; width: 100px; text-align: right; } .Min1 .Min1_b .news ul li .time:before { content: ''; display: inline-block; vertical-align: middle; background: url("../images/ico_img.png") no-repeat center; height: 11px; width: 11px; background-position: 0 -36px; margin: -2px 5px 0 0; } .Min1 .Min1_b .news ul li:hover:before { border-color: #ff6633; } .Min1 .Min1_b .news ul li:hover a { color: #ff6633; } .Min1 .Min1_b .news .line { border-top: 1px solid #eee; margin: 10px 0; } .Min2 .title { margin-bottom: 30px; } .Min2 .lis_ { width: 100%; overflow: hidden; } .Min2 .lis_ ul { width: 105%; } .Min2 .lis_ ul li { float: left; position: relative; width: 224px; height: 135px; background: #bfbfbf; overflow: hidden; margin: 0px 13px 0 0; border-radius: 2px;} .Min2 .lis_ ul li a, .Min2 .lis_ ul li img { display: block; width: 100%; height: 100%; position: relative; } .Min2 .lis_ ul li .motai { position: absolute; width: 100%; height: 100%; left: 0px; top: 135px; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.5); color: #fff; transition: all 0.2s linear; } .Min2 .lis_ ul li .motai p { text-align: center; line-height: 135px; font-size: 18px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .Min2 .lis_ ul li:hover .motai { top: 0px; } .Min3 { padding-top: 37px; } .Min3 .title2 { height: 75px; line-height: 75px; border-bottom: 3px solid #efeff4; } .Min3 .title2 .bt { text-align: center; width: 200px; margin: 0 auto; } .Min3 .title2 .bt .ico { background: url("../images/ico_img.png") no-repeat center; width: 18px; height: 22px; background-position: 0 -99px; display: inline-block; vertical-align: middle; margin: -4px 5px 0 0; } .Min3 .title2 .bt span { color: #303030; font-size: 20px; font-weight: bold; } .Min3 .title2 .bt .more { border: 1px solid #00b26f; height: 20px; line-height: 20px; width: 43px; display: inline-block; vertical-align: middle; margin: -2px 0 0 5px; border-radius: 10px; text-align: center; color: #00b26f; } .Min3 .title2 .bt .more:hover { background: #00b26f; color: #fff; } .Min3 .phwrap { padding: 45px 0 20px; } .Min3 .phwrap .list { float: left; border: 1px solid #efeff4; width: 374px; } .Min3 .phwrap .list .bt { background: url("../images/ico_img.png") no-repeat center; height: 56px; width: 150px; text-align: center; margin: 0 auto; margin-top: -25px; line-height: 46px; font-size: 18px; } .Min3 .phwrap .list .lis ul li { padding: 10px 18px; } .Min3 .phwrap .list .lis ul li .num { background: #f0f0f0; width: 20px; height: 20px; border-radius: 3px; text-align: center; line-height: 20px; color: #737373; font-size: 12px; display: block; } .Min3 .phwrap .list .lis ul li .box_a { height: 20px; line-height: 20px; } .Min3 .phwrap .list .lis ul li .box_a .num { float: left; } .Min3 .phwrap .list .lis ul li .box_a a { display: block; float: left; padding-left: 15px; height: 20px; color: #303030; width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .Min3 .phwrap .list .lis ul li .box_b { display: none; zoom: 1; } .Min3 .phwrap .list .lis ul li .box_b .img { float: left; width: 90px; height: 90px; background: #bfbfbf; border-radius: 18px; overflow: hidden; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } .Min3 .phwrap .list .lis ul li .box_b .img img { display: block; width: 100%; height: 100%; } .Min3 .phwrap .list .lis ul li .box_b .infor { float: left; width: 230px; padding-left: 15px; } .Min3 .phwrap .list .lis ul li .box_b .infor .name { display: block; height: 30px; margin-top: 2px; line-height: 30px; color: #303030; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .Min3 .phwrap .list .lis ul li .box_b .infor p { height: 18px; line-height: 18px; width: 100%; color: #737373; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .Min3 .phwrap .list .lis ul li .box_b:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; } .Min3 .phwrap .list .lis ul .on .box_a { display: none; } .Min3 .phwrap .list .lis ul .on .box_b { display: block; } .Min3 .phwrap .list_a .bt { color: #6ee7cf; background-position: 0 -149px; } .Min3 .phwrap .list_a .lis ul li .num { background: #6ee7cf; color: #fff; } .Min3 .phwrap .list_a .lis ul li + li .num { background: #8becd9 !important; color: #fff; } .Min3 .phwrap .list_a .lis ul li + li + li .num { background: #a8f1e2 !important; color: #fff; } .Min3 .phwrap .list_a .lis ul li + li + li + li .num { background: #f0f0f0 !important; color: #737373; } .Min3 .phwrap .list_c .bt { color: #feaa48; background-position: 0 -305px; } .Min3 .phwrap .list_c .lis ul li .num { background: #feaa48; color: #fff; } .Min3 .phwrap .list_c .lis ul li + li .num { background: #febb6d !important; color: #fff; } .Min3 .phwrap .list_c .lis ul li + li + li .num { background: #fecc91 !important; color: #fff; } .Min3 .phwrap .list_c .lis ul li + li + li + li .num { background: #f0f0f0 !important; color: #737373; } .Min3 .phwrap .list_b { margin: 0 20px; } .Min3 .phwrap .list_b .bt { color: #19abff; background-position: 0 -227px; } .Min3 .phwrap .list_b .lis ul li .num { background: #19abff; color: #fff; } .Min3 .phwrap .list_b .lis ul li + li .num { background: #47bcff !important; color: #fff; } .Min3 .phwrap .list_b .lis ul li + li + li .num { background: #75cdff !important; color: #fff; } .Min3 .phwrap .list_b .lis ul li + li + li + li .num { background: #f0f0f0 !important; color: #737373; } .labe_ul { padding: 5px 15px 27px 15px; border-bottom: 1px solid #efeff4; background: #fff; } .labe_ul ul { width: 106%; } .labe_ul ul li { float: left; height: 32px; width: 81px; text-align: center; border: 1px solid #ebebeb; border-radius: 3px; line-height: 32px; margin: 12px 25.5px 0 0; } .labe_ul ul li:hover { background: #f29b76; color: #f29b76; border-color: #f29b76; } .labe_ul ul li:hover a { color: #fff; } .labe_ul ul li a { font-size: 13px; color: #737373; display: block; padding: 0 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .labe_ul ul .on { background: #f29b76; color: #f29b76; border-color: #f29b76; } .labe_ul ul .on a { color: #fff; } .tab_ul ul { height: 70px; } .tab_ul ul li { float: left; line-height: 70px; height: 100%; font-size: 16px; color: #959595; padding: 0 15px; cursor: pointer; } .tab_ul ul li a { display: block; position: relative; color: #959595; } .tab_ul ul li:hover a { color: #313131; } .tab_ul ul li:hover a:after { position: absolute; left: 0px; bottom: 0px; background: #00b26f; height: 4px; width: 100%; content: ''; } .tab_ul ul .on a { color: #313131; } .tab_ul ul .on a:after { position: absolute; left: 0px; bottom: 0px; background: #00b26f; height: 4px; width: 100%; content: ''; } .game_lis { width: 100%; overflow: hidden; } .game_lis ul { padding-top: 16px; width: 105%; } .game_lis ul li { float: left; background: #fff; width: 165px; height: 256px; padding: 0 10px; margin: 0px 19px 13px 0; overflow: hidden;} .game_lis ul li .img { display: block; width: 100px; height: 100px; border-radius: 15px; overflow: hidden; /* background: #bfbfbf; */ margin: 20px auto; } .game_lis ul li .img img { display: block; width: 100%; height: 100%; } .game_lis ul li p, .game_lis ul li .time ,.game_lis ul li .tags{ height: 30px; width: 100%; line-height: 30px; overflow: hidden; white-space: nowrap; font-size: 16px; text-overflow: ellipsis; text-align: center; } .game_lis ul li .time { font-size: 13px; color: #434343; } .game_lis ul li .tags span{font-size: 13px; color: #434343;margin:0 6px;} .game_lis ul li .btn{display: block;width: 100px;height: 28px;line-height: 28px;border: 1px solid #00995f;margin: 8px auto;border-radius: 4px;color: #00995f;text-align: center;cursor: pointer;} .game_lis ul li:hover .btn{border-color: #00b26f;background-color:#00b26f;color: #fff;} .game_lis ul li:hover .btn.no{background-color: #f29b76;border-color: #f29b76;color: #fff;} .Cont_L { float: left; width: 830px; margin-right: 10px; } .Cont_R { float: right; width: 360px; } .game_top { padding-bottom: 20px; margin-bottom: 10px; } .game_top .h1_top { height: 70px; width: 100%; line-height: 70px; overflow: hidden; white-space: normal; text-overflow: ellipsis; } .game_top .h1_top h1 { float: left; font-size: 26px; font-weight: normal; color: #000; white-space: normal; text-overflow: ellipsis; } .game_top .h1_top span { color: #505050; font-size: 16px; padding-left: 10px; } .game_top .infor { height: 100px; width: 100%; margin-bottom: 17px; } .game_top .infor .img { width: 100px; height: 100px; border-radius: 15px; display: block; overflow: hidden; float: left; } .game_top .infor .img img { display: block; width: 100%; height: 100%; } .game_top .infor ul { float: left; padding-left: 20px; width: 680px; } .game_top .infor ul li {float: left;width: 34%;margin-right: -2%;height: 30px;line-height: 30px;overflow: hidden;white-space: normal;text-overflow: ellipsis;color: #434343;font-size: 15px;display: block;} .game_top .infor ul li .type{ color:#6e6e6e;} .game_top .infor ul li:before { content: ''; width: 5px; height: 5px; border-radius: 50%; display: inline-block; vertical-align: middle; background: #bfbfbf; margin: -2px 10px 0 0; } .game_top .infor ul li a { color: #00b26f; padding: 0 8px; } .game_top .infor ul{padding-top:3px} .game_top .infor ul li:last-child { width: 100%; padding: 6px 0 8px; height: auto; line-height: 24px;} .game_top .infor ul li:nth-child(2),.game_top .infor ul li:nth-child(5){width: 26%;} .game_top .infor ul li:nth-child(3n){width: 42%;} .game_top .down_box { width: 100%; height: 65px; padding-bottom: 15px; } .game_top .down_box .btn { float: left; width: 233px; height: 65px; line-height: 65px; position: relative; display: block; margin-right: 15px; border-radius: 5px; text-align: center; color: #fff; font-size: 18px; cursor: pointer; z-index: 3;} .game_top .down_box .btn .ico { background: url("../images/ico_img.png") no-repeat center; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; } .game_top .down_box .btn .num { border-radius: 3px; width: 41px; height: 38px; display: inline-block; vertical-align: middle; position: relative; margin: -2px 0 0 20px; } .game_top .down_box .btn .num .em { position: relative; background: url("../images/ico_img.png") no-repeat center; left: 10px; top: 8px; height: 22px; width: 22px; background-position: -315px 0; } .game_top .down_box .btn .num .sao { display: none; position: absolute; left: 50%; margin-left: -70px; top: 40px; width: 130px; height: 130px; background: #fff; border-radius: 8px; padding: 10px; z-index: 100; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);} .game_top .down_box .btn .num .sao img { display: block; width: 100%; height: 100%; } .game_top .down_box .btn .num .sao .qrcode{width: 130px;height: 130px;overflow: hidden;} .game_top .down_box .btn span { display: inline-block; vertical-align: middle; margin-top: -4px; max-width: 200px; overflow: hidden; height: 100%; } .game_top .down_box .btn:hover{opacity:0.95;} .game_top .down_box .btn1 { background: #00b26f; } .game_top .down_box .btn1 .ico { height: 37px; width: 31px; background-position: -402px 0; } .game_top .down_box .btn1 .num { background: #009b61; } .game_top .down_box .btn2 { background: #00a0e9; } .game_top .down_box .btn2 .ico { height: 36px; width: 30px; background-position: -352px 0; } .game_top .down_box .btn2 .num { background: #0082bd; } .game_top .down_box .btn3 { background: #ff7044; } .game_top .down_box .btn3 .ico { height: 33px; width: 37px; background-position: -186px -173px; } .game_top .down_box .btn:nth-child(2){z-index:2;} .game_top .down_box .btn:nth-child(3){z-index:1;} .game_top .down_box .btn4 { background: #00b26f; } .game_top .down_box .btn4 .ico {height: 36px;width: 36px;background-position: -289px -236px;vertical-align: text-top;} .game_top .down_box .btn4 .num { background: #009b61; } .game_top .down_box .pcdown { background: #b27cda; } .game_top .down_box .pcdown .ico { float: left; height: 30px; width: 37px; background-position: -450px -57px;margin: 17px 9px 0 44px; } .game_top .down_box .pcdown .num { background: #9c7ebb; } .game_top .down_box .pcdown:hover{background: #9573ba;} .game_top .down_box .pcdown>div {float: left;margin-top: 14px;} .game_top .down_box .pcdown>div p:nth-child(1) { line-height: 20px; font-size: 18px; } .game_top .down_box .pcdown>div p:nth-child(2) { line-height: 14px; font-size: 12px; } .game_top .tishi_box { padding: 20px 25px; background: #f4f4f7; border-radius: 5px; color: #000; font-size: 16px; } .game_top .tishi_box p { line-height: 30px; } .game_top .tishi_box p span { color: #f0412a; } .warp_swich .data_tab { padding: 0 20px; border-radius: 5px; background: #fff; height: 65px; line-height: 65px; border-bottom: 1px solid #eaeaea; } .warp_swich .data_tab p { float: left; margin-right: 40px; font-size: 16px; position: relative; cursor: pointer; } .warp_swich .data_tab p:hover:after { width: 100%; height: 4px; background: #009944; left: 0px; bottom: 0px; content: ''; display: block; position: absolute; } .warp_swich .data_tab .on:after { width: 100%; height: 4px; background: #009944; left: 0px; bottom: 0px; content: ''; display: block; position: absolute; } .warp_swich .item_ { margin-bottom: 10px; } .lunbox_pad { padding-bottom: 30px; } .jt_lunbox { position: relative; overflow: hidden; height: auto; } .jt_lunbox .bd li { float: left; width: 100%; margin-right: 12px; } .jt_lunbox .bd li img { width: auto; height: 100%; display: block; } .jt_lunbox .btn { position: absolute; height: 100%; width: 50px; top: 0px; display: block; cursor: pointer; } .jt_lunbox .btn i { display: block; background: url("../images/ico_img.png") no-repeat center; position: absolute; left: 17px; top: 50%; margin-top: -15px; height: 30px; width: 18px; } .jt_lunbox .prev { left: 0px; background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f000000', endColorstr='##2000000',GradientType=0 ); background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0.1) 100%); } .jt_lunbox .prev i { background-position: -219px 0; } .jt_lunbox .next { right: 0px; background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2000000', endColorstr='#7f000000',GradientType=0 ); background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.8) 100%); } .jt_lunbox .next i { background-position: -263px 0; } .pic-c { padding-bottom: 30px; } .snapShotWrap { width: 640px; position: relative; margin: 10px auto 10px; overflow: hidden; } .snapShotWrap .snapShotCont { width: 640px; position: relative; overflow: hidden; z-index: 1; } .snapShotWrap .snapShotCont .snopshot { position: absolute; overflow: hidden; zoom: 1; text-align: center; } .snapShotWrap .snapShotCont .snopshot img { width: 100%; height: 100%; display: block; position: relative; } .snapShotWrap .snapShotCont .snopshot .elementOverlays { z-index: 1; position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); } .snapShotWrap .snapShotCont .snopshot .elementOverlay { z-index: 1; position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; opacity: 0.7; filter: alpha(opacity=70); } .snapShotWrap .snap-shot-btn { position: absolute; height: 100%; width: 60px; top: 0px; display: block; cursor: pointer; z-index: 10; } .snapShotWrap .snap-shot-btn i { display: block; background: url("../images/ico_img.png") no-repeat center; position: absolute; left: 50%; margin-left: -15px; top: 50% !important; margin-top: -15px; height: 30px; width: 18px; } .snapShotWrap .prev { left: 0px; } .snapShotWrap .prev i { background-position: -219px 0; } .snapShotWrap .next { right: 0px; } .snapShotWrap .next i { background-position: -263px 0; } .news_center { padding: 10px 0; } .news_center table, .news_center video, .news_center iframe, .news_center embed { max-width: 100%; margin: 5px auto; } .news_center table { line-height: 30px; } .news_center img {max-width: 700px;max-height: 600px;} .news_center p { font-size: 14px; line-height: 24px; color: #434343; padding-top: 10px; } .news_center p>img{display:block;margin:auto} .news_center p a { color: #009944; } .news_center h3 {font-weight: bold;background-color: #f8f8f8;color: #00b26f;margin: 10px 0;} .news_center h3:before { content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 20px; background: #00b26f; border-radius: 3px; margin: -2px 10px 0 0; } .game_info{padding-bottom: 22px;position: relative;} .game_info p{font-size: 14px;color: #a3a3a3;line-height: 32px;} .game_info p span{font-size: 14px;color: #454545;} .game_info p span:after{content: '/';color: #A3A3A3;font-size: 14px;margin: 0 15px;} .game_info p span:last-child:after{content: '';} .condition{line-height: 22px;padding-bottom: 20px;} .condition span{display:inline-block;margin-right:20px;color:#333;font-size:14px;} .condition span i{display:inline-block;margin-right:5px;position:relative;background: url("../images/ico_img.png") no-repeat center;} .condition span:nth-child(1) i{width:16px;height:13px;background-position: -183px -277px;top:1px;} .condition span:nth-child(2) i{width:16px;height:16px;background-position: -215px -277px;top:2.5px;} .condition span:nth-child(3) i{width:18px;height:16px;background-position: -257px -277px;top:1px;} .gameNEn{width: 100%;overflow: hidden;} .gameNEn ul{width: 900px;margin-top: 12px;overflow: hidden;*zoom: 1;} .gameNEn ul li{ float: left;width: 104px;margin-right: 35px;text-align: center;margin-bottom: 20px;} .gameNEn ul li:nth-child(6n+6){margin-right: 0;} .gameNEn ul li a{display: block;} .gameNEn ul li img{width: 104px;height: 104px;border-radius: 16px;} .gameNEn ul li a p{font-size: 16px;color: #333;line-height: 24px;margin-top: 10px;overflow:hidden;white-space:nowrap;} .gameNEn ul li a span{font-size: 14px;color: #666;line-height: 24px;overflow:hidden;white-space:nowrap;} .gameNEn ul li a:hover p{color: #00995f;} .gameNEn ul li img:hover{opacity: 0.9;} .news_li ul { padding-bottom: 10px; } .news_li ul li { width: 50%; float: left; line-height: 38px; height: 38px; } .news_li ul li a { display: block; height: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 10px; } .news_li ul li a:before { border-radius: 50%; content: ''; display: inline-block; vertical-align: middle; width: 5px; height: 5px; background: #dadada; border: 1px solid #c2c2c2; margin: -2px 8px 0 0; } .news_li ul li a:hover:before { background: #009944; border-color: #009944; } .hj_tuijian .ol { height: 32px; width: 100%; overflow: hidden; } .hj_tuijian .ol .li { float: left; margin-right: 9px; padding: 0 25px; border: 1px solid #00b26f; max-width: 200px; height: 30px; line-height: 30px; color: #00b26f; } .hj_tuijian .ol .li:hover { background: #f29b76; border-color: #f29b76; color: #fff; cursor: pointer; } .hj_tuijian .ol .on { background: #f29b76; border-color: #f29b76; color: #fff; cursor: pointer; } .hj_tuijian .lab .lis .top_box { height: 135px; width: 100%; padding-top: 20px; margin-bottom: 20px; } .hj_tuijian .lab .lis .top_box .img { width: 225px; height: 135px; display: block; float: left; } .hj_tuijian .lab .lis .top_box .img img { display: block; height: 100%; width: 100%; } .hj_tuijian .lab .lis .top_box .infor { padding-left: 20px; width: 555px; float: left; } .hj_tuijian .lab .lis .top_box .infor .name { height: 38px; line-height: 38px; width: 100%; overflow: hidden; } .hj_tuijian .lab .lis .top_box .infor .name .bt { float: left; max-width: 400px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 24px; color: #000; } .hj_tuijian .lab .lis .top_box .infor .name span { float: right; text-align: right; width: 150px; overflow: hidden; line-height: 40px; } .hj_tuijian .lab .lis .top_box .infor .name span i { color: #ff6633; } .hj_tuijian .lab .lis .top_box .infor .text { line-height: 30px; height: 90px; text-align: justify; width: 100%; color: #535353; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; } .hj_tuijian .lab .lis ul { width: 105%; padding-bottom: 10px; } .hj_tuijian .lab .lis ul li { float: left; height: 75px; padding: 13px 11px; width: 236px; background: #f6f6f6; margin: 0px 12px 10px 0; border-radius: 7px; } .hj_tuijian .lab .lis ul li .img { display: block; float: left; width: 75px; height: 75px; overflow: hidden; background: #bfbfbf; border-radius: 15px; } .hj_tuijian .lab .lis ul li .img img { display: block; width: 100%; height: 100%; } .hj_tuijian .lab .lis ul li .infor { float: left; width: 148px; padding-left: 12px; } .hj_tuijian .lab .lis ul li .infor .name { display: block; height: 27px; line-height: 27px; color: #313131; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 4px; font-weight: bold; } .hj_tuijian .lab .lis ul li .infor .name:hover { color: #00995f; } .hj_tuijian .lab .lis ul li .infor p { font-size: 12px; line-height: 20px; height: 20px; overflow: hidden; width: 100%; color: #7d7d7d; } .Min_R { background: #fff; border-radius: 5px; margin-bottom: 8px; } .Min_R .title_h { border-bottom: 1px solid #efeff4; height: 50px; line-height: 50px; padding: 0 15px 0 10px; } .Min_R .title_h .bt { float: left; font-size: 16px; color: #000; } .Min_R .title_h .bt:before { width: 5px; height: 24px; background: #00b26f; content: ''; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; } .Min_R .title_h .more { float: right; border: 1px solid #dcdcdc; width: 40px; height: 20px; text-align: center; display: block; margin-top: 15px; color: #313131; font-size: 12px; line-height: 20px; border-radius: 10px; } .Min_R .title_h .more:hover { background: #00b26f; border-color: #00b26f; color: #fff; } .MinRa { padding: 14px 13px; position: relative; padding-bottom: 20px; } .MinRa .bd { width: 100%; height: 296px; overflow: hidden; } .MinRa .bd li { width: 100%; overflow: hidden; } .MinRa .bd li .item { width: 105%; } .MinRa .bd li a { width: 102px; margin-right: 13px; float: left; } .MinRa .bd li a .img { width: 102px; height: 102px; border-radius: 20px; display: block; } .MinRa .bd li a .img img { width: 100%; height: 100%; display: block; } .MinRa .bd li a p { text-align: center; color: #000; line-height: 46px; height: 46px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .MinRa .hd { position: absolute; left: 0px; bottom: 10px; width: 100%; height: 10px; text-align: center; } .MinRa .hd ul li { margin: 0 3px; font-size: 12px; display: inline-block; width: 30px; height: 10px; background: #bfbfbf; text-indent: 100em; overflow: hidden; color: #fff; cursor: pointer; } .MinRa .hd ul .on { height: 20px; line-height: 20px; background: #00b26f; text-indent: 1px; } .MinRb { padding: 0 14px; } .MinRb ul li { border-bottom: 1px solid #efeff4; } .MinRb ul li .num { border: 1px solid #ff8791; width: 18px; height: 18px; float: left; display: block; text-align: center; line-height: 18px; color: #ff848e; border-radius: 20px; margin-right: 10px; font-size: 12px; } .MinRb ul li .box_a { height: 42px; line-height: 42px; width: 100%; } .MinRb ul li .box_a .num { margin-top: 11px; } .MinRb ul li .box_a a { font-size: 16px; color: #000; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 295px; height: 42px; } .MinRb ul li .box_b { display: none; padding: 14px 0; height: 60px; } .MinRb ul li .box_b .num { margin-top: 21px; } .MinRb ul li .box_b .img { float: left; width: 60px; height: 60px; display: block; border-radius: 15px; margin-right: 15px; overflow: hidden; } .MinRb ul li .box_b .img img { display: block; width: 100%; height: 100%; } .MinRb ul li .box_b .infor { float: left; width: 210px; } .MinRb ul li .box_b .infor .name { display: block; height: 30px; line-height: 30px; color: #000; width: 100%; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: -8px; cursor: pointer; } .MinRb ul li .box_b .infor .name:hover { color: #00995f; } .MinRb ul li .box_b .infor p { height: 20px; line-height: 20px; width: 100%; color: #535353; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .MinRb ul .on .box_a { display: none; } .MinRb ul .on .box_b { display: block; } .MinRb ul li .num { border-color: #ff8791; color: #ff8791; } .MinRb ul li + li .num { border-color: #f19149 !important; color: #f19149; } .MinRb ul li + li + li .num { border-color: #06b9ee !important; color: #06b9ee; } .MinRb ul li + li + li + li .num { border-color: #808080 !important; color: #000; } .MinRb ul li:last-child{border-bottom:none;} .MinRc { width: auto; } .MinRc ul li { height: 77px; padding: 14px; border-bottom: 1px solid #efeff4; } .MinRc ul li .img, .MinRc ul li .img img { width: 77px; height: 77px; display: block; float: left; border-radius: 15px; } .MinRc ul li .infor { float: left; width: 170px; padding: 0 5px 0 14px; } .MinRc ul li .infor .name { font-size: 16px; line-height: 30px; height: 30px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; color: #1b1b1b; } .MinRc ul li .infor .name:hover { color: #009944; } .MinRc ul li .infor p { height: 52px; line-height: 52px; overflow: hidden; } .MinRc ul li .infor p span { float: left; width: 48%; margin-right: 2%; display: block; height: 26px; line-height: 26px; overflow: hidden; color: #7d7d7d; font-size: 13px; } .MinRc ul li .btn { float: right; width: 64px; height: 32px; text-align: center; line-height: 32px; color: #fff; background: #009944; display: block; cursor: pointer; margin-top: 23px; } .MinRc ul li:last-child { border-bottom: none; } .MinRd ul { padding: 10px 15px; } .MinRd ul li { line-height: 20px; height: 20px; overflow: hidden; padding: 10px 0; } .MinRd ul li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .MinRd ul li a:before { content: ''; display: inline-block; vertical-align: middle; width: 5px; height: 5px; background: #dadada; border: 1px solid #c2c2c2; margin: -2px 8px 0 0; border-radius: 50%; } .MinRd ul li a:hover:before { background: #009944; border-color: #009944; } .MinRe .lab { height: 31px; padding: 14px 0 5px; text-align: center; width: 100%; overflow: hidden; } .MinRe .lab p { display: inline-block; vertical-align: middle; background: #eee; padding: 0 15px; cursor: pointer; height: 31px; border-radius: 20px; color: #000; line-height: 31px; margin: 0 30px; } .MinRe .lab p:hover { background: #00b26f; color: #fff; } .MinRe .lab .on { background: #00b26f; color: #fff; } .MinRe .lis li { padding: 15px 11px; height: 60px; border-bottom: 1px solid #efeff4; } .MinRe .lis li .num { border: 1px solid #ff848e; width: 18px; height: 18px; font-size: 12px; text-align: center; float: left; margin-top: 18px; color: #ff848e; } .MinRe .lis li .img { float: left; width: 60px; height: 60px; border-radius: 12px; overflow: hidden; display: block; margin: 0 15px 0 10px; } .MinRe .lis li .img img { display: block; width: 100%; height: 100%; } .MinRe .lis li .infor { float: left; width: 200px; line-height: 20px; } .MinRe .lis li .infor .name { margin-top: -2px; height: 20px; font-size: 16px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; color: #000; padding-bottom: 5px; } .MinRe .lis li .infor p { height: 20px; font-size: 14px; overflow: hidden; width: 100%; color: #535353; } .MinRe .lis li .dowm { background: url("../images/ico_img.png") no-repeat center; display: block; float: right; height: 22px; width: 23px; background-position: -205px -114px; margin-top: 19px; } .MinRe .lis li .dowm:hover { background-position: -241px -115px; } .MinRe .lis li + li .num { border-color: #f19149 !important; color: #f19149; } .MinRe .lis li + li + li .num { border-color: #00b7ee !important; color: #00b7ee; } .MinRe .lis li + li + li + li .num { border-color: #7d7d7d !important; color: #000; } .polymerization { margin-bottom: 10px; background: #fff; border-radius: 5px; } .polymerization .text_top { padding: 20px 25px; border-bottom: 1px solid #efeff4; line-height: 30px; font-size: 14px; color: #1f212b; text-indent: 2em; text-align: justify; } .polymerization .news_top { padding: 13px 15px 8px; border-bottom: 1px solid #efeff4; } .polymerization .news_top .h1 { line-height: 56px; text-align: center; color: #000; font-size: 20px; } .polymerization .news_top .bq { height: 40px; line-height: 40px; width: 100%; overflow: hidden; } .polymerization .news_top .bq span { display: block; float: left; margin-right: 50px; color: #666; } .polymerization .news_top .bq .time i { display: inline-block; vertical-align: middle; background: url(../images/ico_img.png) no-repeat center; height: 13px; width: 13px; background-position: -305px -121px; margin: -4px 5px 0 0; } .polymerization .title4 { border-top: 1px solid #efeff4; border-bottom: 1px solid #efeff4; border-radius: 5px; } .polymerization_lis { height: 87px; padding: 69px 25px 25px 25px; } .polymerization_lis .net { background: #1f212b; height: 87px; border-radius: 20px; position: relative; } .polymerization_lis .net .num { width: 17px; height: 46px; background: #00b26f; border-radius: 5px; position: absolute; left: -7px; top: 21px; } .polymerization_lis .net .img { width: 100px; height: 100px; float: left; border-radius: 15px; overflow: hidden; margin: -39px 18px 0 25px; } .polymerization_lis .net .img img { display: block; width: 100%; height: 100%; } .polymerization_lis .net .name { float: left; height: 39px; margin-top: -39px; width: 450px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #000; font-size: 26px; } .polymerization_lis .net .ul { float: left; width: 400px; color: #fff; padding-top: 6px; height: 60px; overflow: hidden; } .polymerization_lis .net .ul li { width: 185px; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; } .polymerization_lis .net .ul li:before { content: ''; display: inline-block; vertical-align: middle; background: #fff; width: 5px; height: 5px; margin: -2px 10px 0 0; border-radius: 50%; } .polymerization_lis .net .dowm { float: right; width: 175px; height: 46px; line-height: 46px; text-align: center; color: #fff; display: block; font-size: 16px; margin-right: -8px; border-radius: 6px; margin-top: 21px; background: #00b26f; } .polymerization_lis .net .dowm i { display: inline-block; background: url("../images/ico_img.png") no-repeat center; margin: -2px 10px 0 0; vertical-align: middle; height: 22px; width: 17px; background-position: -397px -60px; } .dowm_poy { margin-bottom: 6px; } .dowm_poy ul { width: 105%; } .dowm_poy ul li { float: left; height: 80px; padding: 13px 11px; width: 234px; background: #f7f7f9; margin: 0px 15px 12px 0; border-radius: 5px; } .dowm_poy ul li .img { display: block; float: left; width: 80px; height: 80px; overflow: hidden; background: #bfbfbf; border-radius: 15px; } .dowm_poy ul li .img img { display: block; width: 100%; height: 100%; } .dowm_poy ul li .infor { float: left; width: 140px; padding-left: 10px; } .dowm_poy ul li .infor .name { display: block; height: 24px; line-height: 24px; color: #1b1b1b; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 4px; } .dowm_poy ul li .infor .name:hover { color: #00995f; } .dowm_poy ul li .infor p { font-size: 14px; line-height: 27px; height: 27px; overflow: hidden; width: 100%; color: #7d7d7d; } .gl_list { background: #fff; border-radius: 5px; } .gl_list .ul_ { margin-bottom: 7px; } .gl_list .ul_ li { height: 120px; padding: 14px 11px; border-bottom: 2px solid #efeff4; } .gl_list .ul_ li:last-child { border: none; } .gl_list .ul_ li .img { float: left; display: block; width: 216px; height: 120px; border-radius: 5px; overflow: hidden; } .gl_list .ul_ li .img img { display: block; width: 100%; height: 100%; } .gl_list .ul_ li .infor { float: left; padding-left: 20px; width: 570px; color: #666; } .gl_list .ul_ li .infor .name { color: #000; font-size: 18px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .gl_list .ul_ li .infor .name:hover { color: #00995f; } .gl_list .ul_ li .infor .text { line-height: 25px; height: 50px; padding-top: 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; text-align: justify; color: #666; overflow:hidden; } .gl_list .ul_ li .infor .bq { margin-top: 7px; height: 20px; line-height: 20px; width: 100%; } .gl_list .ul_ li .infor .bq span { display: block; float: left; padding-right: 20px; } .gl_list .ul_ li .infor .bq span i { display: inline-block; vertical-align: middle; background: url(../images/ico_img.png) no-repeat center; height: 13px; width: 13px; background-position: -305px -121px; margin: -4px 5px 0 0; } .lab_title { height: 58px; padding: 0 20px; border-bottom: 5px solid #efeff4; } .lab_title a { margin-top: 11px; margin-right: 20px; display: block; height: 36px; padding: 0 20px; border-radius: 20px 20px 20px 0; color: #000; float: left; line-height: 36px; } .lab_title a:hover { background: #00b26f; color: #fff; } .lab_title .on { background: #00b26f; color: #fff; } .Min_box_border .Min_box { margin-bottom: 7px; } .hjtab { height: 60px; margin-bottom: 14px; text-align: center; } .hjtab a { line-height: 60px; display: inline-block; vertical-align: middle; padding: 0 10px; margin: 0 15px; font-size: 16px; color: #999; position: relative; cursor: pointer; } .hjtab a:hover:after { content: ''; display: block; position: absolute; left: 0px; bottom: 0px; background: #00b26f; height: 5px; width: 100%; } .hjtab a:hover{color: #000;font-weight:bold;} .hjtab .on{color: #000;font-weight:bold;} .hjtab .on:after { content: ''; display: block; position: absolute; left: 0px; bottom: 0px; background: #00b26f; height: 5px; width: 100%; } .hj_list { width: 105%; } .hj_list .lis { margin: 0 25px 20px 0; float: left; width: 383px; height: 275px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); background: #fff; border-radius: 10px; } .hj_list .lis:hover .bt{color: #00b26f;} .hj_list .lis .bt { height: 53px; line-height: 53px; overflow: hidden; display: block; padding: 0 15px; color: #000; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; } .hj_list .lis .infor { padding: 0 15px; height: 80px; } .hj_list .lis .infor .img { display: block; width: 113px; height: 80px; float: left; margin-right: 10px; } .hj_list .lis .infor .img img { display: block; width: 100%; height: 100%; } .hj_list .lis .infor .text { line-height: 23px; height: 69px; overflow: hidden; float: right; width: 225px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; text-align: justify; } .hj_list .lis .bq { height: 48px; line-height: 48px; color: #313131; font-size: 12px; padding: 0 15px; overflow: hidden; border-bottom: 2px solid #eeeef3; } .hj_list .lis .bq .time { float: left; width: 200px; overflow: hidden; } .hj_list .lis .bq .labe { float: right; max-width: 130px; } .hj_list .lis .bq .labe i { padding: 0 3px; color: #f39800; } .hj_list .lis .bq .labe:after, .hj_list .lis .bq .labe:before { width: 8px; height: 2px; background: #f39800; content: ''; display: inline-block; vertical-align: middle; margin: -2px 5px 0 5px; } .hj_list .lis .ul {padding: 10px 9px 10px 9px;overflow: hidden;height: 72px;} .hj_list .lis .ul a {width: 60px;height: 60px;float: left;margin: 6px 6.5px 10px;display: block;} .hj_list .lis .ul a img {display: block;width: 100%;height: 100%;border-radius: 16px;} .hj_infortop { margin-bottom: 1px; width: 100%; padding-bottom: 27px; height: 178px; } .hj_infortop .img { display: block; float: left; width: 354px; height: 178px; overflow: hidden; } .hj_infortop .img img { display: block; width: 100%; height: 100%; } .hj_infortop .infor { float: left; width: 790px; padding-left: 25px; } .hj_infortop .infor .name { height: 30px; line-height: 30px; display: block; overflow: hidden; } .hj_infortop .infor .name .h1 { float: left; width: 500px; font-size: 24px; color: #000; font-weight: normal; font-family: "宋体"; overflow: hidden; white-space: normal; text-overflow: ellipsis; } .hj_infortop .infor .name span { float: right; max-width: 200px; color: #ff3b3b; display: block; overflow: hidden; letter-spacing: 1px; } .hj_infortop .infor .text { line-height: 25px; height: 100px; padding-top: 15px; color: #7d7d7d; text-align: justify; overflow: hidden; width: 100%; text-indent: 2em; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: break-all; } .hj_infortop .infor .bq { margin-top: 10px; color: #7d7d7d; height: 25px; line-height: 25px; width: 100%; font-size: 13px; overflow: hidden; } .hj_infortop .infor .bq p { float: left; width: 600px; overflow: hidden; } .hj_infortop .infor .bq p a { display: inline-block; vertical-align: middle; height: 25px; padding: 0 10px; color: #7d7d7d; background: #eee; margin: -2px 10px 0 0; } .hj_infortop .infor .bq p a:hover { background: #00b26f; color: #fff; } .hj_infortop .infor .bq span { display: block; float: right; width: 190px; text-align: right; } .raking_warp{background:#fff;padding: 15px;border-radius: 2px;} .PhL { width: 211px; overflow: hidden; float: left; border: 1px solid #d3cfcf; margin-right: 15px; } .PhL ul li { text-align: center; border-bottom: 1px solid #d3cfcf; color: #535353; } .PhL ul li a { color: #535353; } .PhL ul li a:hover { color: #00b26f; } .PhL ul li .tab { height: 56px; line-height: 56px; overflow: hidden; cursor: pointer; } .PhL ul li .tab span { content: ''; display: inline-block; vertical-align: middle; background: url("https://www.jz5u.com/public/images/icon_phb.png") no-repeat; width: 11px; height: 11px; background-position: -176px -78px; margin: -2px 0px 0 5px; } .PhL ul li .tab i { display: inline-block; vertical-align: middle; background: url("https://www.jz5u.com/public/images/icon_phb.png") no-repeat; margin: -4px 10px 0 0; } .PhL ul li .tab .ico1 { width: 28px; height: 32px; background-position: -128px -10px; } .PhL ul li .tab .ico2 { width: 27px; height: 21px; background-position: -57px -128px; } .PhL ul li .tab .ico3 { width: 21px; height: 21px; background-position: -104px -128px; } .PhL ul li .list_box { width: 100%; display: none; position: relative; } .PhL ul li .list_box .lis { height: 43px; overflow: hidden; margin: 0 10px; } .PhL ul li .list_box .lis a { border-top: 1px solid #d3cfcf; height: 43px; line-height: 43px; display: inline-block; overflow: hidden; padding: 0 25px; } .PhL ul li .list_box .lis.on_ a { color: #f36a3c; } .PhL ul .on .tab { color: #f36a3c; } .PhL ul .on .tab a, .PhL ul .cur a { color: #f36a3c; } .PhL ul .on .list_box { display: block; } .PhL ul .on .tab span { background-position: -176px -50px; } .PhL ul .on .tab .ico1 { background-position: -128px -62px; } .PhL ul .on .tab .ico2 { background-position: -10px -128px; } .PhL ul .on .tab .ico3 { background-position: -176px -10px; } .PhR { width: 940px; float: right; border: 1px solid #eee; } .PhR ul { border: 1px solid #d3cfcf; border-bottom: none; } .PhR ul li { height: 112px; padding: 15px; border-bottom: 1px solid #d3cfcf; } .PhR ul li .img, .PhR ul li .img img { float: left; width: 112px; height: 112px; border-radius: 16px; } .PhR ul li .img { position: relative; } .PhR ul li .img .num { position: absolute; content: ''; display: block; background: url("https://www.jz5u.com/public/images/icon_phb.png") no-repeat; width: 39px; height: 39px; left: -23px; top: -15px; background-position: -10px -69px; } .PhR ul li .img .num i { text-align: center; line-height: 39px; width: 39px; color: #fff; font-size: 12px; display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .PhR ul li:nth-child(1) .img .num { background-position: -10px -10px; } .PhR ul li:nth-child(2) .img .num { background-position: -69px -69px; } .PhR ul li:nth-child(3) .img .num { background-position: -69px -10px; } .PhR ul li .bt { float: left; padding-left: 15px; width: 570px; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #313131; font-size: 15px; font-weight: bold; } .PhR ul li .text { padding-left: 15px; float: left; width: 780px; color: #626262; font-size: 12px; line-height: 20px; height: 60px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; } .PhR ul li .bq { color: #626262; text-align: right; height: 30px; line-height: 30px; overflow: hidden; width: 780px; float: right; font-size: 12px; } .PhR ul li .bq span { padding-left: 20px; } .PhR ul li:hover .bt { color: #00b26f; } .PhR ul li:hover .img { opacity: 0.8; } .hj_inforlist { margin-bottom: 10px; width: 1200px; padding-bottom: 20px; } .hj_inforlist .item { width: 339px; height: 202px; border: 1px solid #e6e6e6; padding: 16px 14px 0 15px; position: relative; margin: 40px 25px 5px 0; float: left; } .hj_inforlist .item .img { float: left; width: 100px; height: 100px; overflow: hidden; border-radius: 15px; } .hj_inforlist .item .img img { width: 100%; min-height: 100%; } .hj_inforlist .item .tex { float: left; width: 201px; padding-left: 20px; overflow: hidden; } .hj_inforlist .item .tex .bt { height: 20px; line-height: 18px; font-size: 18px; overflow: hidden; color: #000; display: block; width: 210px; white-space: nowrap; text-overflow: ellipsis; } .hj_inforlist .item .tex p { padding-top: 15px; font-size: 14px; height: 16px; line-height: 16px; color: #737373; } .hj_inforlist .item .tex p span { padding: 0 10px; } .hj_inforlist .item .tex p .sp { padding-left: 0px; } .hj_inforlist .item .a_list { width: 223px; float: left; padding-left: 7px; padding-top: 17px; } .hj_inforlist .item .a { display: block; float: left; width: 89px; height: 31px; border-radius: 20px; text-align: center; line-height: 31px; color: #737373; font-size: 14px; border: 1px solid #e6e6e6; margin: 0 10px; overflow: hidden; } .hj_inforlist .item .a i { display: inline-block; vertical-align: middle; padding-right: 6px; margin-top: -5px; background: url(../images/sy_zq.png) no-repeat; } .hj_inforlist .item .an i { height: 26px; width: 22px; background-position: -65px -77px; } .hj_inforlist .item .iphone i { height: 26px; width: 20px; background-position: -67px -45px; } .hj_inforlist .item .an:hover { filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#40c712',endColorStr='#b2d11b',gradientType='0'); background: linear-gradient(#40c712, #b2d11b); } .hj_inforlist .item .iphone:hover { filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#494949',endColorStr='#010101',gradientType='0'); background: linear-gradient(#494949, #010101); } .hj_inforlist .item .an:hover i { background-position: -90px -78px; } .hj_inforlist .item .iphone:hover i { background-position: -90px -45px; } .hj_inforlist .item .a:hover { color: #fff; } .hj_inforlist .item .tex .bt:hover { color: #00b26f; text-decoration: underline; } .hj_inforlist .item .zan { display: block; position: absolute; right: 0px; top: -20px; background: url(../images/sy_zq.png) no-repeat; height: 94px; width: 81px; background-position: 0 -359px; } .hj_inforlist .item .text { font-size: 14px; color: #737373; line-height: 21px; padding-top: 22px; height: 63px; overflow: hidden; text-align: justify; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; } .hj_inforlist .item:hover { -webkit-box-shadow: 0px 3px 8px #e6e6e6; } .hj_inforlist .item .tv i { height: 26px; width: 20px; background-position: -75px -121px; padding-right: 8px; } .hj_inforlist .item .pc i { height: 26px; width: 20px; background-position: -74px -147px; padding-right: 9px; } .hj_inforlist .item .tv:hover i { background-position: -104px -121px; } .hj_inforlist .item .pc:hover i { background-position: -104px -147px; } .hj_inforlist .item .tv:hover { filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f6b382',endColorStr='#fc9242',gradientType='0'); background: linear-gradient(#f6b382, #fc9242); } .hj_inforlist .item .pc:hover { filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#80e2ff',endColorStr='#59bedc',gradientType='0'); background: linear-gradient(#80e2ff, #59bedc); } .hj_inforlist .item .dowm_ { height: 32px; background: #00b26f; border-color: #00b26f; width: 159px; border-radius: 5px; color: #fff; } .hj_inforlist .item .dowm_ i { background: url("../images/ico_img.png") no-repeat center; margin: -2px 10px 0 0; vertical-align: middle; height: 22px; width: 23px; background-position: -338px -117px; padding-right: 0px; } .L_table1{ padding-bottom: 2px;} .L_table1 .liswrap{width: 783px; border: 1px solid #dfdfdf; overflow: hidden; margin: 0px auto 20px;} .L_table1 .liswrap ul{display: block; float: left; width: 390px; border-right: 1px solid #d2d2d2;} .L_table1 .liswrap ul li{width: 98%; height: 34px; line-height: 34px; text-indent: 14px; padding-right: 2%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .L_table1 .liswrap ul li a{color: #313131; font-size: 14px;} .L_table1 .liswrap ul li:hover a, .L_table1 .liswrap ul li.on a{color: #009944;} .L_table1 .liswrap ul li:nth-child(odd){background: #f2f2f2;} .L_table1 .liswrap > ul + ul{width: 392px; border-right: none;} .yuyue_warp { position: fixed; width: 100%; height: 100%; z-index: 1000; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.5); top: 0px; left: 0px; display: none; } .yuyue_warp .yuyue_box { display: none; position: absolute; background: #fff; border-radius: 20px; width: 400px; padding: 0 35px; height: 276px; left: 50%; margin-left: -230px; top: 50%; margin-top: -138px; } .yuyue_warp .yuyue_box .bt { height: 68px; line-height: 68px; font-size: 18px; color: #000; font-weight: bold; text-align: center; } .yuyue_warp .yuyue_box .bt i { background: url("../images/ico_img.png") no-repeat center; height: 22px; width: 24px; background-position: -243px -178px; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; } .yuyue_warp .yuyue_box .input_ { width: 370px; padding: 0px 15px; margin: 0 auto; background: #eee; height: 53px; line-height: 53px; } .yuyue_warp .yuyue_box .input_ input { width: 100%; height: 23px; line-height: 23px; display: block; background: none; border: none; padding: 15px 0; font-size: 16px; color: #000; } .yuyue_warp .yuyue_box .btn { width: 100%; text-align: center; height: 53px; line-height: 53px; margin: 14px 0; background: #1aad19; color: #fff; font-size: 14px; } .yuyue_warp .yuyue_box .btn a, .yuyue_warp .yuyue_box .btn button { color: #fff; display: block; background: none; height: 100%; width: 100%; border: none; cursor: pointer; } .yuyue_warp .yuyue_box .close { margin: 5px auto; background: url("../images/ico_img.png") no-repeat center; display: block; height: 44px; width: 44px; background-position: -292px -170px; cursor: pointer; } .yuyue_warp .yuyue_box .close:hover { opacity: 0.9; } .box404 { width: 707px; height: 411px; margin: 6% auto; background: url(https://www.jz5u.com/public/images/404.png) no-repeat; position: relative; } .box404 p { font-size: 20px; color: #333; height: 30px; line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; bottom: 60px; } .box404 span { color: #999; font-size: 16px; height: 25px; line-height: 25px; text-align: center; width: 100%; position: absolute; left: 0; bottom: 30px; display: block; } .title_h2 { height: 52px; line-height: 52px; } .title_h2 .bt { float: left; font-size: 16px; color: #000; } .title_h2 .bt:before { width: 5px; height: 24px; background: #00b26f; content: ''; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; } .title_h2 .bt2 { float: left; font-size: 16px; color: #000; } .title_h2 .bt2 i{display: inline-block; vertical-align: middle; background: url("../images/ico_img.png") no-repeat center; margin: -2px 10px 0 0;} .title_h2 .bt2 i.ico2{height:25px;width:23px;background-position: -403px -100px;} .title_h2 .bt2 i.ico1{height:21px;width:25px;background-position: -403px -135px;} .title_h2 .more { float: right; border: 1px solid #dcdcdc; width: 40px; height: 20px; text-align: center; display: block; margin-top: 15px; color: #313131; font-size: 12px; line-height: 20px; border-radius: 10px; } .title_h2 .more:hover { background: #00b26f; border-color: #00b26f; color: #fff; } /* app新增 */ .app_warp .app_box{background: #fff; overflow: hidden; margin-bottom: 14px;} .app_warp .app_box1{ height: 451px;} .app_warp .rit_box{ width: 350px; float: right; background: #fff; padding: 0 19px; } .app_warp .rit_box .ul1{ width: 100%; overflow: hidden; margin-bottom: -10px;} .app_warp .rit_box .ul1 ul{ width: 110%;} .app_warp .rit_box .ul1 ul li{ float: left; height: 30px; width:78px; border:1px solid #e5e5e5; border-radius: 2px; background: #efeff4; text-align: center; line-height: 30px; margin: 0 10px 12px 0;overflow: hidden;} .app_warp .rit_box .ul1 ul li a{ display: block; width: 100%; height: 100%; color: #434343; } .app_warp .rit_box .ul1 ul li:hover{background: #00b26f; border-color: #00b26f;} .app_warp .rit_box .ul1 ul li:hover a{color: #fff;} .APP_lunbox{width: 812px;height: 448px;float: left;border-bottom: 3px solid #00b26f; position: relative; overflow: hidden;} .APP_lunbox .bd,.APP_lunbox .bd li,.APP_lunbox .img,.APP_lunbox .img img{ width: 812px;height: 448px; display: block; position: relative;} .APP_lunbox .bd li .p{ display: block; height: 58px; line-height: 58px; color: #fff; font-size:24px; overflow: hidden; width: 100%; position: absolute; left: 0px; bottom: 0px; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background:rgba(0,0,0,0.8);} .APP_lunbox .bd li .p span{ display: block; padding: 0 20px; width: 600px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .APP_lunbox .bd li:hover .p{color: #00b26f} .APP_lunbox .hd{ position: absolute; right: 20px; height: 15px; bottom: 20px;} .APP_lunbox .hd li{ display: inline-block; cursor: pointer; vertical-align: middle;text-indent: 100em;overflow: hidden; height: 15px; width: 15px; margin: 0 3px; border-radius: 50%; background: #026b43} .APP_lunbox .hd li.on{ background: #fff100; width: 28px; border-radius: 20px;} .app_warp .left_box{ float: left;width: 812px;} .app_warp .left_box .title_h2{ margin: 0 15px 10px ;} .app_warp .labeul{width: 100%;margin-bottom: -20px;} .app_warp .labeul ul{ width: 105%; } .app_warp .labeul ul li{ float: left; width: 395px; margin: 0 20px 20px 0;} .app_warp .labeul ul li .bt{ height: 30px;line-height: 30px; border-bottom: 1px solid #eeee;} .app_warp .labeul ul li .bt span{ display: block; width: 90px; color: #fff; background: #00b26f; height: 30px; text-align: center; } .app_warp .labeul ul li .lis{ padding-top: 23px;height: 125px; width: 100%; overflow: hidden;} .app_warp .labeul ul li .lis a{ display: block; float: left; width: 80px; margin-left: 15px; } .app_warp .labeul ul li .lis a img{ display: block; width: 80px; height: 80px; border-radius: 15px;} .app_warp .labeul ul li .lis a p{ height: 45px; width: 80px; text-align: center; line-height: 45px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .app_warp .MinRb ul li .box_b{ padding:17px 0;} .app_warp .MinRb ul li .box_a a{width: 290px;} .app_warp .MinRb ul li .box_a{padding:5px 0;} .app_warp .app_box2 .rit_box{border-left: 1px solid #efeff4;width: 345px;padding: 0 10px;} .app_warp .app_box2 .MinRb{padding: 0px;} .app_warp .app_box2 .title_h2{border-bottom: 4px solid #efeff4;} /*上一页，下一页*/ .TurnPage{width:100%;padding-bottom:15px;height:40px;overflow:hidden} .TurnPage li{display:block;width:45%;padding:0 2%;background:#fff;text-align:center;border-radius:4px;overflow:hidden;height:44px} .TurnPage li.TurnPage-left{float:left} .TurnPage li.TurnPage-right{float:right} .TurnPage li p{display:inline-block;*display:inline;*zoom:1;overflow:hidden} .TurnPage li p a,.TurnPage li p span{float:left;display:block;font-size:14px;line-height:44px;height:44px;overflow:hidden} .TurnPage li:hover p a{color:#00bfb1} /*其他版本*/ .warp_swich .item_ .tab_box6 { padding: 15px; background: #fff; } .warp_swich .item_ .tab_box6 h3 { height: 30px; line-height: 30px; font-size: 15px; color: #313131; } .warp_swich .item_ .tab_box6 h3:before { content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 20px; background: #00b26f; border-radius: 3px; margin: -2px 10px 0 0; } .warp_swich .item_ .tab_box6 h3 .more{float:right;background: url("https://www.jz5u.com/public/images/more_aright.png") no-repeat center;width: 40px;height: 40px;} .warp_swich .item_ .tab_box6 h3 .mor{float:right;height: 40px;color: #999;font-weight: normal;font-size: 14px;color: #00b26f;} .warp_swich .item_ .ord_edition{padding-top: 10px;} .warp_swich .item_ .ord_edition ul{border-top:1px solid #d4cfcf; overflow: hidden;} .warp_swich .item_ .ord_edition ul li{ height: 50px;line-height: 50px; border-bottom:1px dashed #d4cfcf; overflow: hidden; font-size: 14px; color: #535353;} .warp_swich .item_ .ord_edition ul li .name{float: left; display: block; width: 35%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;color: #535353;} .warp_swich .item_ .ord_edition ul li .name:hover{color: #00b26f;} .warp_swich .item_ .ord_edition ul li span{float: left; width: 25%; overflow: hidden; display: block;} .warp_swich .item_ .ord_edition ul li .btn{ display: block; width: 80px; height: 32px; line-height: 32px; margin-top: 9px; border-radius: 5px; text-align: center; background: #00b26f; color: #fff;float: right; margin-right: 20px;} .warp_swich .item_ .ord_edition ul li .btn:hover{opacity: 0.8;} .warp_swich .item_ .ord_edition .more_ {height: 30px; line-height: 30px;} .warp_swich .item_ .ord_edition .more_ a{float: right; width:80px; text-align: center; color: #00b26f; margin-right: 20px; cursor: pointer;} .warp_swich .item_ .ord_edition.on_showedition .more_{display: none!important;} .warp_swich .item_ .ord_edition.on_showedition ul{height: auto!important;} .warp_swich .item_ .cont_right .box_qiehuan .no_img{display: none; width: 100%;background: #fff;} .warp_swich .item_ .cont_right .box_qiehuan .no_img img{ display: block; margin: 0 auto; width: 400px;} .warp_swich .item_ .tab_box6 .more{display: none;cursor: pointer; width: 125px; height: 40px; margin: 25px auto 5px; text-align: center; line-height: 40px; background: #ddd; color: #7d7d7d; font-size: 15px; overflow: hidden;} .warp_swich .item_ .tab_box6 .more:hover{background: #00b26f; color: #fff;} /* 新增专题 */ .bq_list{background: #fff; padding: 17px; overflow: hidden;} .bq_list ul{width: 105%;} .bq_list ul li{border:1px solid #eee; width: 180px; height:60px; float: left; margin: 0 15px 15px 0; padding: 9px 0;} .bq_list ul li:hover a .name{color: #00b26f;} .bq_list ul li a .img{ border:1px solid #eee; margin-left:9px; float: left; height: 58px; width: 58px; border-radius: 10px; overflow: hidden;} .bq_list ul li a img{ width: 100%; height: 100%; display:block;} .bq_list ul li a .name{float: left; line-height: 60px; height: 60px; width: 102px; overflow: hidden; padding-left: 5px; white-space: nowrap; text-overflow: ellipsis; color: #7f7f7f; font-size: 13px;} /* 其他版本列表 */ .polymerization + .warp_swich .tab_box6{padding: 0 15px 20px;} .polymerization + .warp_swich .tab_box6 .title4{border:none;} .polymerization + .warp_swich .tab_box6 .ord_edition{padding-top: 0;} .polymerization + .warp_swich .tab_box6 .ord_edition ul{border:none;} .polymerization + .warp_swich .tab_box6more .ord_edition ul{ max-height: 510px;} .polymerization + .warp_swich .item_ .ord_edition ul li{color: #333;} .polymerization + .warp_swich .item_ .ord_edition ul li a{color: #333;} .polymerization + .warp_swich .item_ .ord_edition ul li .btn{margin-right: 0; color: #fff;} .polymerization_lis.li2{border-bottom: 1px dashed #e5e5e5;padding: 69px 12px 20px 12px; margin: 0 15px;} .polymerization_lis.li2 .net .ul{width: 600px;} .polymerization_lis.li2 .net{border-radius: 10px;} .news_center .g-relist{padding-top: 5px ;} .news_center .cont h4,.news_center .cont em{color: #454545;line-height: 26px;font-size: 14px; font-weight: bold;} font.g-log{ float:right; color: #999; cursor: pointer;font-size: 14px; } font.g-log:hover{color: #333;} #addmodel { width: 100%;height: 100%;left: 0;position: absolute;top: 0;z-index: 998;background-color: #000;filter: alpha(Opacity=50);opacity: .5;} .g-model{overflow:hidden;} .g-tmodel{font-size: 14px;background: #fff;border-radius: 10px;left: 50%;top:50%;margin-left: -250px;margin-top: -280px;padding-bottom: 5px;position: fixed;_position: absolute;width: 500px;height: 560px; z-index: 999; *zoom: 1;cursor: default;-webkit-box-shadow: 0 4px 16px rgba(0,0,0,.4);box-shadow: 0 4px 16px rgba(0,0,0,.4);display: block;} .g-tmodel h4,.g-tmodel em{padding:20px 0px 0px;overflow:hidden;color: #454545;line-height: 26px;font-size: 14px; font-weight: bold;} .g-tmodel p{padding:0px 0px 20px;overflow:hidden;line-height: 26px;color: #555;font-size: 14px;border-bottom: 1px solid #eee;} .g-model p.g-tit{display: block; font-style:normal;height: 50px;line-height: 50px;overflow: hidden;background-color: #00b26f;color: #fff;padding: 0 2px 0 18px;font-size: 16px;border-radius: 10px 10px 0 0;margin-bottom: 5px; font-weight: bold;} .g-model p.g-tit span{float: right;width: 50px;height: 50px;display: block;font-size: 36px;text-align: center;cursor: pointer;font-weight: 400;color: #fff;text-decoration: none;} .g-mlist{overflow-y:scroll;height: 500px;padding: 0px 20px;} .tithead{background: #fff;overflow: hidden;margin-bottom: 20px;} .tithead h3{float: left;color: #333;display: block;line-height: 20px;font-size: 18px;padding-left: 10px;margin-top: 10px;} .tithead ul{float: left;overflow: hidden;margin-left: 25px;margin-top: 12px;} .tithead ul li{float: left;height: 25px;font-size: 16px;cursor: pointer;border-bottom: 2px solid transparent;} .tithead ul li a{display: block;height: 16px;line-height: 16px;padding: 0 25px;border-left: 1px solid #e5e5e5;} .condition2{line-height: 22px;padding-bottom: 20px;} .condition2 span{display:inline-block;margin-right:20px;color:#333;font-size:14px;} .condition2 span i{display:inline-block;margin-right:5px;position:relative;background: url("../images/ico_img.png") no-repeat center;} .condition2 span:nth-child(1) i{width:16px;height:16px;background-position: -186px -305px;top:4px;} .condition2 span:nth-child(2) i{width:16px;height:16px;background-position: -215px -277px;top:2.5px;} .condition2 span:nth-child(3) i{width:14px;height:16px;background-position: -213px -305px;top:4px;} .tithead .tab_menu li.current{color:#19b955;border-color:#19b955;} /* 游戏反馈页 */ .right_nav{position: fixed;right: 5px;top: 260px;display: none;z-index: 10;} .right_nav ul{height: auto;} .right_nav ul li{padding: 0 10px;height: 44px;margin-bottom: 18px;text-align: center;line-height: 44px;background: #fafafa;white-space: nowrap;overflow: hidden;} .right_nav .current{color: #009944;} .right_nav span{margin: auto;height: 44px;display: block;background: #fafafa;text-align: center;line-height: 75px;} .right_nav img{width: 50px;height: 40px;display: inline-block;} .app_l>p:first-child>img{width: 121px;height: 75px;margin: 10px 10px 5px 0;float: left;} .app_l>p:nth-child(2){min-height: 85px;} /* 软件 */ .swtIntro,.swtIns,.swMust,.swCont,.swaInfo,.swScreenShot,.swEnter,.swReNews,.swSaRec,.swSite{-moz-box-shadow:0px 0px 5px #e1e1e6; -webkit-box-shadow:0px 0px 5px #e1e1e6; box-shadow:0px 0px 5px #e1e1e6;border-radius: 5px;} .softWareTop,.swMust,.softWareMid{margin-bottom: 18px;overflow: hidden;*zoom: 1;} .tiTle{position:relative; height:26px; line-height:26px; z-index:1;overflow:hidden;*zoom: 1;} .tiTle em{ float: left;display:block;font-size:18px; color:#333;font-weight: bold;height:26px;line-height:26px;} .swtIntro{float: left;width: 820px;padding: 21px 18px;background-color: #fff; overflow: hidden;*zoom: 1;} .swtIntro .info>div,.swtIntro .info ul li{overflow: hidden;white-space: nowrap;} .swtIntro>img{float: left;display:block;width:130px;height:130px;border-radius: 16px;margin-right:22px;} .swtIntro .info{float: left;width: 668px;height: 130px;overflow: hidden;*zoom: 1;} .swtIntro .info>div{max-height: 32px;padding-bottom: 16px;border-bottom: 1px solid #ececec;margin:5px 0 10px;overflow: hidden;*zoom: 1;} .swtIntro .info>div h1{float: left;max-width: 80%;overflow: hidden;white-space: nowrap;font-size: 24px;color:#000;line-height: 28px;font-weight: bold;} .swtIntro .info>div span{float: left;max-width: 15%;white-space: nowrap;font-size: 16px;color: #666;line-height: 24px;margin: 6px 0 0 16px;} .swtIntro .info ul{float: left;width: 680px;height: 72px;overflow: hidden;*zoom: 1;} .swtIntro .info ul li{float: left;width: 222px;font-size: 15px;color:#ababab;line-height: 32px;margin-right:2px;} .swtIntro .info ul li span,.swtIntro .info ul li a{font-size: 15px;color:#454545;} .swtIntro .info ul li a:hover{color: #00b26f;} .downBtn{float: left;} .downBtn a,.downBtn .jumpBtn,.downBtn .swiftBtn,.downBtn .orderBtn,.downBtn .noBtn{float: left;width: 246px;height: 75px;line-height: 75px;font-size:18px;color: #fff;background-color: #00b26f;border-radius: 3px;text-align: center;margin:23px 13px 0 0;cursor: pointer;overflow: hidden;*zoom: 1;} .downBtn div p,.downBtn span,.downBtn a{display: block;font-size: 24px;color: #fff;} .downBtn div p{line-height: 28px;text-align: left;} .downBtn div span{font-size: 12px;color: #fff;line-height: 20px;text-align: left;} .downBtn div{margin-top: 14px;} .downBtn span{text-align:left;} .downBtn i{display: block;margin-right: 10px;} .downBtn i,.downBtn div{float: left;} .downBtn .jumpBtn{background-color: #00b26f;} .downBtn .jumpBtn i{width: 41px;height: 42px;background: url("../images/ico_img.png") no-repeat;background-position: -83px -395px; position: relative;top: 17px;margin-left: 19px;} .downBtn .swiftBtn{background-color: #ffa800;} .downBtn .swiftBtn i{width: 42px;height: 42px;background: url("../images/ico_img.png") no-repeat;background-position: -148px -395px; position: relative;top: 17px;margin-left: 19px;} .downBtn .orderBtn{background-color: #ff7044;} .downBtn .orderBtn i{width: 37px;height: 33px;background: url("../images/ico_img.png") no-repeat;background-position: -186px -173px; position: relative;top: 21px;margin-left: 19px;} .downBtn .orderBtn span{font-size: 24px;line-height: 75px;} .downBtn .noBtn{background-color: #bbc5d1;font-size: 22px;} .downBtn a:hover,.downBtn>div:hover{opacity: 0.9;} .swtIns{float: right;padding: 14px;width: 296px;height: 242px;overflow: hidden;background-color: #fff;text-align: center;position: relative;} .swtIns img{margin: 0 auto;vertical-align: middle;} .swtIns div p{position: absolute;bottom: 22px;right: 22px;} .swtIns div p span{display: inline-block;width: 35px;height: 16px;color: #fff;text-align: center;font-size: 10px;line-height: 16px;background: rgba(0, 0, 0, .4);} .swtIns div i{width: 16px;height: 16px;display: inline-block;background: url(../images/close1.png) no-repeat;background-size: 16px 16px;margin-left: 6px;vertical-align: bottom;cursor: pointer;} .swMust{position: relative;background-color: #fff;padding: 16px 11px;} .swMust i{display: block;position: absolute;top: 0;left: 0;width: 55px;height: 52px;background: url("../images/ico_img.png") no-repeat;background-position: -4px -395px;} .swMust ul{width: 1200px;height: 114px;overflow: hidden;*zoom: 1;} .swMust ul li{float: left;width: 118px;} .swMust ul li a{position: relative;display: block;text-align: center;padding-top: 12px;} .swMust ul li a img{display:block;width:68px;height:68px;border-radius: 12px;margin:0 auto;} .swMust ul li a p{width: 90%;line-height: 34px;margin: 0 auto;} /* .swMust ul li a div{opacity: 0;position: absolute;top: 12px;left: 19px;width:40px;height:40px;border-radius: 12px;font-size: 16px;text-align: center;color: #fff;padding: 20px;background-color: #fe6506;margin:0 auto;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}*/ .swMust ul li a:hover p{color: #fe6506;} /* .swMust ul li a:hover div{opacity: 1;} */ .swMidL{float: left;width: 856px;overflow: hidden;margin-right: 20px;} .swMidR{float: right;width: 324px;overflow: hidden;} .swCont{background-color: #fff;padding-bottom: 16px;margin-bottom: 18px;} .swCont .swNav{border-top-left-radius: 5px;border-top-right-radius: 5px;background-color: #00b26f;overflow: hidden;*zoom: 1;} .swCont .swNav li{float: left;cursor: pointer;background-color: #f8f8f8;width: 138px;height: 55px;line-height: 55px;text-align: center;font-size: 16px;color: #666;font-weight: bold;border-top: 3px solid transparent;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;} .swCont .swNav li.current{color: #00b26f;background-color: #fff;border-top-color: #00b26f;border-bottom-color: transparent;} .swCont .swNav li:nth-child(1){padding-left: 4px;} .swCont .swNav li:last-child{width: 156px;background-color: #00b26f;color: #fff;border-bottom-color: #00b26f;border-right:0;} .swCont .swNav li:last-child.current{color: #fff;} .swCont .swNav li i{display: inline-block;width: 20px;height: 18px;background: url("../images/ico_img.png") no-repeat;background-position: -292px -282px; position: relative;top: 3px;margin-right: 6px;} .swCont .swNav.fid{position: fixed;top: 0;z-index: 100;width: 856px;-moz-box-shadow:0px 10px 5px #fff; -webkit-box-shadow:0px 10px 5px #fff; box-shadow:0px 10px 5px #fff;} #swCont{position: relative;padding: 10px 19px 0;height:660px;overflow:hidden;} #swCont>img{width: auto;height: 75px;margin: 10px 12px 0 0;float: left;display: block;} #swCont .cont>p:first-child>img{width: auto;height: 75px;margin:0 12px 0 0;float: left;display: block;} #swCont .cont>p:first-child{min-height: 75px;} #swCont table, #swCont video, #swCont iframe, #swCont embed { max-width: 100%; margin: 5px auto; } #swCont table { line-height: 30px; } #swCont img { max-width: 750px; } #swCont p {font-size: 15px;line-height: 26px;color: #666;padding-top: 8px;} #swCont p a { color: #00b26f; } #swCont h3 {font-size: 15px;color: #333;font-weight: bold;background-color: #f5f5f5;margin: 10px 0;line-height: 34px; } #swCont h3:before { content: ''; display: inline-block; vertical-align: middle; width: 6px; height: 34px;background: #00b26f; border-radius: 0px; } .swState{padding: 0 19px;line-height: 28px;overflow:hidden;*zoom: 1;} .swState span{float: left;display:block;margin-right:20px;color:#333;font-size:14px;} .swState span i{display:block;float: left;margin-right:5px;position:relative;background: url("../images/ico_img.png") no-repeat center;} .swState span:nth-child(1) i{width:16px;height:13px;background-position: -184px -332px;top:7px;} .swState span:nth-child(2) i{width:16px;height:16px;background-position: -212px -331px;top:6px;} .swState span:nth-child(3) i{width:14px;height:16px;background-position: -240px -330px;top:6px;} .swIcon{float: right;display:block;cursor: pointer;width: 70px;height: 22px;line-height: 22px;background: url("../images/ico_img.png") no-repeat;font-size: 12px;color: #fff;padding-left: 15px;position: relative;top: 3px;margin-right: 6px;} .swIcon.up{background-position: -4px -488px;} .swIcon.down{background-position: -4px -458px;} .swLinear {position: absolute; height: 30px; bottom: 0; width: 100%; background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(70%, #fff)); background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%); } #swCont{height:auto;padding-bottom:20px;} .swLinear,.swIcon{display:none} .swaInfo{position: relative;background-color: #fff;padding: 19px;margin-bottom: 18px;} .swFeBtn{position: absolute;top: 19px;right: 0;color: #ffbe00;font-size: 14px;z-index: 20;} .swFeBtn i{width: 15px;height: 17px;background-position: -337px -282px;} .game_info .swFeBtn{top: -45px;right: -20px;background-color: #fff;padding-left: 8px;} .swaInfo ul {width:818px;padding-top: 10px;overflow: hidden;*zoom: 1;} .swaInfo ul li{float: left;display:inline-block;width:379px;padding-left: 8px;margin-right:18px ;height:30px;line-height: 30px;font-size:15px;color:#666;overflow:hidden;white-space:nowrap;} .swaInfo ul li span{font-size:15px;color:#666;line-height: 30px;} .swaInfo ul li em{font-size:15px;color:#fe6506;line-height: 30px;} .swScreenShot{background-color: #fff;padding: 19px 19px 0;margin-bottom: 18px;} .swSite{position: relative;background-color: #fff;padding: 19px 19px 14px;margin-bottom: 18px;overflow: hidden;} .swSite .swTabMenu{position: absolute;left: 142px;top: 8px;z-index: 2;max-width: 696px;white-space: nowrap;overflow: hidden;} .swSite .swTabMenu span{display: inline-block;padding: 15px 0 5px;font-size: 15px;color: #666;cursor: pointer;} .swSite .swTabMenu span:after{content: "/";margin: 0 15px;color: #ccc;} .swSite .swTabMenu span:last-child:after{content: '';margin: 0;} .swSite .swTabMenu span.current{color: #00b26f;} .swSite .swTabMenu span:hover{color: #00b26f;} .swSite .swTabCont{margin-top: 16px;border-top: 1px solid #eee;} .swSite .swSubBox .swDownOne{padding:8px 0;height:32px;line-height: 32px ;font-size: 16px;color: #00995f;font-weight: bold;} .swSite .swSubBox .swDownTwo{margin-bottom: 5px;} .swSite .swSubBox .swDownTwo div{width: 60%;margin-top: 12px;overflow: hidden;*zoom: 1;} .swSite .swSubBox .swDownTwo a{float: left;display: block;width: 230px;height: 48px;line-height: 48px;border-radius: 1px;background-color: #4ec62b;font-size: 16px;color: #fff;text-align: center;margin: 0 13px 12px 0;} .swSite .swSubBox .swDownTwo a i{display: inline-block;width: 20px;height: 18px;background: url("../images/ico_img.png") no-repeat;background-position: -292px -282px; position: relative;top: 3px;margin-right: 6px;} .swSite .swSubBox .swDownTwo p,.swSite .swSubBox .swDownThree p{font-size: 14px;color: #454545;font-weight: bold;} .swSite .swSubBox .swDownTwo a:hover{opacity: .9;} .swSite .swSubBox .swDownThree{border-top: 1px dashed #eaeaea;padding-top:12px;} .swSite .swSubBox .swDownThree ul{width: 60%;overflow: hidden;*zoom: 1;} .swSite .swSubBox .swDownThree ul li{float: left;width: 230px;height: 36px;margin-right: 13px;overflow: hidden; } .swSite .swSubBox .swDownThree a{display: block;line-height: 36px;font-size: 14px;color: #999;} .swSite .swSubBox .swDownThree a i{display: inline-block;width: 20px;height: 18px;background: url("../images/ico_img.png") no-repeat;background-position: -292px -282px; position: relative;top: 3px;margin-right: 6px;} .swSite .swSubBox .swDownThree a:hover{color: #00b26f;text-decoration: underline;} .swSite .swSubBox .swDownFour a{display: block;width: 60%;padding: 12px 0;overflow: hidden;*zoom: 1;} .swSite .swSubBox .swDownFour img { float: left;display: block; width: 60px; height: 60px;border-radius: 16px;margin-right: 13px;} .swSite .swSubBox .swDownFour div{ float: left; width: 300px; height: 60px;overflow: hidden;} .swSite .swSubBox .swDownFour p{ display: block; height: 36px; line-height: 36px; color: #333; width: 100%; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: -8px; cursor: pointer; } .swSite .swSubBox .swDownFour span{display: block;width: 48px;height: 22px;line-height: 22px;text-align: center;font-size: 12px;color: #fff;margin-top: 4px;background-color: #00b26f;border-radius: 2px;} .swSite .swSubBox .swDownFour a:hover p{color: #00b26f;} .swEdition{background-color: #fff;padding: 19px 19px 22px;margin-bottom: 18px;} .swEdition ul{padding-top: 6px;max-height: 510px; overflow: hidden;} .swEdition ul li{ height: 50px;line-height: 50px; border-bottom:1px dashed #e0e0e0; font-size: 16px; color: #454545;overflow: hidden;} .swEdition ul li a{display: block;overflow: hidden; *zoom: 1;} .swEdition ul p{float: left; display: block; width: 48%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-size: 14px;color: #454545;} .swEdition ul li em{color: #999;} .swEdition ul li i{color: #454545;} .swEdition ul li em,.swEdition ul li i{float: left; width: 18%;text-align: center; overflow: hidden; display: block;font-size: 14px;} .swEdition ul span{ display: block; width: 90px; height: 24px; line-height: 24px; margin-top: 13px; border-radius: 2px;font-size: 12px; text-align: center; background: #00b26f; color: #fff;float: right;} .swEdition ul li a:hover p{color: #00b26f;} .swEdition ul li a:hover span{opacity: 0.9;} .swEdition .editionMore{display: none;cursor: pointer; width: 125px; height: 36px;line-height: 36px; margin: 20px auto 2px;border-radius: 3px; text-align: center; background: #dedede; color: #666; font-size: 15px; overflow: hidden;} .swEdition .editionMore:hover{background: #00b26f; color: #fff;} .swSaRec{position: relative;background-color: #fff;padding: 19px 19px 14px;margin-bottom: 18px;overflow: hidden;} .swSaRec .swTabMenu{position: absolute;left: 142px;top: 8px;z-index: 2;max-width: 696px;white-space: nowrap;overflow: hidden;} .swSaRec .swTabMenu span{display: inline-block;padding: 15px 0 5px;font-size: 15px;color: #666;cursor: pointer;} .swSaRec .swTabMenu span:after{content: "/";margin: 0 15px;color: #ccc;} .swSaRec .swTabMenu span:last-child:after{content: '';margin: 0;} .swSaRec .swTabMenu span.current{color: #00b26f;} .swSaRec .swTabMenu span:hover{color: #00b26f;} .swSaRec .swSubBox>div{padding: 23px 0 24px;overflow: hidden;*zoom: 1;} .swSaRec .swSubBox>div img:hover{opacity: 0.9;} .swSaRec .swSubBox>div>a{display: block;float: left;margin-right: 23px;border-radius: 6px;overflow: hidden;} .swSaRec .swSubBox>div>a img{display: block;width:270px;height:135px;border-radius: 6px;} .swSaRec .swSubBox>div div{float: left;width: 525px;} .swSaRec .swSubBox>div div a{display: block;height:24px;line-height:24px;font-size:18px;color: #00b26f;font-weight:bold;padding-bottom: 10px;border-bottom: 1px solid #f0f0f0;overflow: hidden;*zoom: 1;} .swSaRec .swSubBox>div div a span{display: block;float: right;margin-top: 5px;padding: 0 10px;height: 29px;line-height: 29px;background-color: #949494;color: #fff;font-size: 12px;font-weight: 400;} .swSaRec .swSubBox>div div a:hover span{background-color: #00b26f;} .swSaRec .swSubBox>div div p{margin-top: 16px;height:80px;line-height:26px;overflow:hidden;text-overflow: ellipsis;font-size:14px;color: #666;} .swSaRec .swSubBox ul{width: 850px;overflow: hidden;*zoom: 1;} .swSaRec .swSubBox ul li{float: left;width: 265px;height: 91px;margin:0 11px 10px 0;background-color: #f6f6f6;border-radius: 6px;} .swSaRec .swSubBox li a{display: block;padding:13px 11px;overflow: hidden;*zoom: 1;} .swSaRec .swSubBox li a img{float: left;width: 65px;height: 65px;border-radius: 12px;margin-right: 12px;} .swSaRec .swSubBox li a .info p,.swSaRec .swSubBox li a .info i,.swSaRec .swSubBox li a .info span{overflow:hidden;white-space:nowrap;text-overflow: ellipsis;} .swSaRec .swSubBox li a .info{float: left;width: 165px;height: 65px;overflow: hidden;} .swSaRec .swSubBox li a .info p{font-size: 14px;color: #333;line-height: 24px;font-weight: bold;} .swSaRec .swSubBox li a .info i{display: block;font-size: 12px;color: #7d7d7d;line-height: 20px;} .swSaRec .swSubBox li a .info span{display: block;font-size: 12px;color: #7d7d7d;line-height: 20px;} .swSaRec .swSubBox li a:hover img{opacity: 0.9;} .swSaRec .swSubBox li a:hover p{color: #00b26f;} .swEnter{background-color: #fff;padding: 19px 19px 0;margin-bottom: 18px;overflow: hidden;} .swEnter ul{width: 850px;margin-top: 26px;overflow: hidden;*zoom: 1;} .swEnter ul li{float: left;width: 92px;margin-right: 11.5px;text-align: center;margin-bottom: 20px;} .swEnter ul li a{display: block;} .swEnter ul li img{width: 72px;height: 72px;border-radius: 16px;margin: auto;} .swEnter ul li a p{font-size: 14px;color: #333;line-height: 24px;margin-top: 10px;overflow:hidden;white-space:nowrap;} .swEnter ul li a span{font-size: 12px;color: #666;line-height: 24px;overflow:hidden;white-space:nowrap;} .swEnter ul li a:hover p{color: #00b26f;} .swEnter ul li img:hover{opacity: 0.9;} .swReNews{background-color: #fff;padding: 19px;margin-bottom: 18px;overflow: hidden;} .swReNews ul{width: 842px;margin-top: 12px;overflow: hidden;*zoom: 1;} .swReNews ul li{ float: left;width: 50%;height: 30px;line-height: 30px;overflow: hidden;} .swReNews ul li a{position: relative;display: block;float: left;width: 310px;font-size: 14px;color: #333;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 14px;} .swReNews ul li a::before{content: '';display: block;width: 4px; height: 4px; border-radius: 50%; background-color: #d1d1d1;position: absolute;top: 13px;left: 0px;margin: 0 5px;} .swReNews ul li span{float: right;font-size: 14px;line-height: 30px;color: #999;margin-right: 46px;} .swReNews ul li a:hover{color: #00b26f;} .swReNews ul li a:hover:before{background-color: #00b26f;} .swMidR .Min_R{-moz-box-shadow:0px 0px 5px #e1e1e6; -webkit-box-shadow:0px 0px 5px #e1e1e6; box-shadow:0px 0px 5px #e1e1e6;} .swMidR .title_h .bt{font-size: 16px;color: #454545;font-weight: bold;} .swMidR .title_h .bt:before{height: 20px;margin-top: -4px;} .swMidR .MinRc ul li{height: 65px;} .swMidR .MinRc ul li .img, .swMidR .MinRc ul li .img img {width: 65px;height: 65px;display: block;float: left;border-radius: 12px;} .swMidR .MinRc ul li .infor {width: 210px;height: 65px;overflow: hidden;padding-right: 0;} .swMidR .MinRc ul li .infor .name { font-size: 14px;height: 32px;line-height: 32px;margin-bottom: 4px;} .swMidR .MinRc ul li .infor p{height: 20px;line-height: 20px;} .swMidR .MinRc ul li .infor p span{line-height: 20px;height: 20px;font-size: 12px;} .MinRec { padding: 0 14px 10px; } .MinRec ul li a{display: block;overflow: hidden;*zoom: 1;} .MinRec ul li i {float: left; display: block; width: 18px; height: 18px; text-align: center; line-height: 18px; color: #fff;background-color: #939393; border-radius: 2px; margin-right: 11px; font-size: 12px; } .MinRec ul li .box_a { height: 40px; line-height: 40px; width: 100%; } .MinRec ul li .box_a i { margin-top: 11px; } .MinRec ul li .box_a p{ font-size: 14px; color: #000; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 260px; height: 40px; } .MinRec ul li .box_b { display: none; padding: 14px 0; height: 65px; } .MinRec ul li .box_b img { float: left;display: block; width: 65px; height: 65px;border-radius: 12px;margin-right: 13px;} .MinRec ul li .box_b .infor { float: left; width: 182px; height: 65px;overflow: hidden;} .MinRec ul li .box_b .infor p:nth-child(1) { display: block; height: 20px; line-height: 20px; color: #333; width: 100%; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; } .MinRec ul li .box_b .infor p { height: 20px; line-height: 20px; width: 100%; color: #999; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .MinRec ul li .box_b .infor span{display: block;width: 48px;height: 20px;line-height: 20px;text-align: center;font-size: 12px;color: #fff;margin-top: 4px;background-color: #00b26f;border-radius: 2px;} .MinRec ul li.on .box_a { display: none; } .MinRec ul li.on .box_b { display: block; } .MinRec ul li:nth-child(1) i { background-color: #ff8791; } .MinRec ul li:nth-child(2) i { background-color: #ff7044; } .MinRec ul li:nth-child(3) i { background-color: #53b9ee; } .MinRec ul li:last-child{border-bottom:none;} .MinRec ul li .box_b:hover img{ opacity: 0.9; } .MinSc{ width: 100%;overflow: hidden;} .MinSc ul{width: 350px;overflow: hidden;*zoom: 1;padding:0 14px 14px;} .MinSc ul li{float: left;margin: 12px 9px 0 0;border:1px solid #ccc;border-radius:15px;width: 85px;padding:0 9px;text-align:center;} .MinSc ul li a{display:block;height:30px;font-size:14px;line-height:30px;overflow:hidden;white-space: nowrap;} .MinSc ul li:hover{color: #00995f;border-color: #00995f;} .MinSc ul li:hover a{color: #00995f;} .swMidR .MinSc ul{width:316px;} .swMidR .MinSc ul li{width: 70px;padding: 0 10.5px;} .MinSf{ width: 100%;overflow: hidden;} .MinSf ul{width: 350px;overflow: hidden;*zoom: 1;padding:0 14px 14px;} .MinSf ul li{float: left;margin: 12px 8px 0 0;border:1px solid #ccc;border-radius:3px;width: 69px;padding:0 3px;text-align:center;} .MinSf ul li a{display:block;height:30px;font-size:14px;line-height:30px;overflow:hidden;white-space: nowrap;} .MinSf ul li:hover{color: #fff;border-color: #00995f;background-color: #00995f;} .MinSf ul li:hover a{color: #fff;} .swMidR .MinSf ul{width:316px;} .swMidR .MinSf ul li{width: 56px;padding: 0 5px;} .labe_ul{padding-top: 0;} .labe_ul .rec{line-height: 24px;margin: 24px 0 0 0;} .labe_ul .rec span{font-size: 15px;color: #333;font-weight: 600;} .labe_ul .rec a{font-size: 14px;padding:0 8px;color: #454545;margin: 0 10px;border-radius: 1px;} .labe_ul .rec a:nth-of-type(12n+1){background-color: #fff5e5;color: #ff9900;} .labe_ul .rec a:nth-of-type(12n+2){background-color: #ffe5e5;color: #e85454;} .labe_ul .rec a:nth-of-type(12n+3){background-color: #f3ffe5;color: #88d42f;} .labe_ul .rec a:nth-of-type(12n+4){background-color: #f7e5ff;color: #8957a1;} .labe_ul .rec a:nth-of-type(12n+5){background-color: #e5f9ff;color: #00b7ee;} .labe_ul .rec a:nth-of-type(12n+6){background-color: #fdffe5;color: #a6b314;} .labe_ul .rec a:nth-of-type(12n+7){background-color: #ffeee5;color: #ffab80;} .labe_ul .rec a:nth-of-type(12n+8){background-color: #e5faff;color: #43b3cb;} .labe_ul .rec a:nth-of-type(12n+9){background-color: #ffece5;color: #bf3504;} .labe_ul .rec a:nth-of-type(12n+10){background-color: #e5f4ff;color: #83a8c3;} .labe_ul .rec a:nth-of-type(12n+11){background-color: #ffe5f0;color: #be6a8b;} .labe_ul .rec a:nth-of-type(12n+12){background-color: #ffe5e5;color: #e85454;} .labe_ul .rec a:nth-of-type(12n+1):hover{color: #fff5e5;background-color: #ff9900;} .labe_ul .rec a:nth-of-type(12n+2):hover{color: #ffe5e5;background-color: #e85454;} .labe_ul .rec a:nth-of-type(12n+3):hover{color: #f3ffe5;background-color: #88d42f;} .labe_ul .rec a:nth-of-type(12n+4):hover{color: #f7e5ff;background-color: #8957a1;} .labe_ul .rec a:nth-of-type(12n+5):hover{color: #e5f9ff;background-color: #00b7ee;} .labe_ul .rec a:nth-of-type(12n+6):hover{color: #fdffe5;background-color: #a6b314;} .labe_ul .rec a:nth-of-type(12n+7):hover{color: #ffeee5;background-color: #ffab80;} .labe_ul .rec a:nth-of-type(12n+8):hover{color: #e5faff;background-color: #43b3cb;} .labe_ul .rec a:nth-of-type(12n+9):hover{color: #ffece5;background-color: #bf3504;} .labe_ul .rec a:nth-of-type(12n+10):hover{color: #e5f4ff;background-color: #83a8c3;} .labe_ul .rec a:nth-of-type(12n+11):hover{color: #ffe5f0;background-color: #be6a8b;} .labe_ul .rec a:nth-of-type(12n+12):hover{color: #ffe5e5;background-color: #e85454;} .title3 h2{ background: url("../images/ico_img.png") no-repeat center; height: 32px; width: 135px; background-position: -216px -59px; text-align: center; line-height: 32px; position: absolute; left: 0px; top: 20px; z-index: 1; color: #fff; font-size: 16px; } .Min_R .title_h h2 { float: left; font-size: 16px; color: #000; } .Min_R .title_h h2:before { width: 5px; height: 24px; background: #00b26f; content: ''; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; } /* add */ .labe_ul .rec a {display: inline-block;margin-bottom: 15px;} .gSecret,.gPower,.agSecret{cursor: pointer;color: #00b16f !important;} .order{background: #ff7044;cursor: pointer;} .game_top .down_box .order .ico {height: 33px;width: 37px;background-position: -186px -173px;} .orderList i,.gRule i,.gPrivacy i,.feedBack i{background: url(../images/maskicon.png) 600px 300px no-repeat;} /* feedBack */ body{position: relative;} .feBaBtn { margin-right:20px;cursor: pointer;position: absolute;top: -45px;right: -20px;background-color: #fff;padding-left: 8px;top: 19px;right: 0;color: #ffbe00;font-size: 14px;z-index: 20;} .feBaBtn i { float: left;width: 15px;height: 17px; position: relative; top: 2px; margin-right:6px;background: url("../images/ico_img.png") no-repeat;background-position: -337px -282px;} .feedBack{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);} .feBaBox{position: absolute;z-index: 5;top: 70px;left: 0;right: 0;margin: auto;background: url(../images/maskbg.png) no-repeat;background-size: 100% auto;background-color: #fff;width: 460px;border-radius: 26px;text-align: center;} .feBaClose{position: absolute;top: 20px;right: 20px;z-index: 10;cursor: pointer;} .feBaClose i{display: inline-block;width: 25px;height: 25px;background-position: -17px -12px;position: relative;} .feHead{position: relative;width: 100%;height: 120px;text-align: center;font-size: 24px;border-top-left-radius: 6px; border-top-right-radius:6px;color: #fff;} .feHead i{display:block;width: 36px;height: 39px;background-position: -94px -174px;position: relative;top: 62px;right: -146px;margin: 0 auto;} .feHead p{position: relative;top: -16px;font-size: 24px;color: #fff;font-weight: bold;line-height: 32px;white-space: nowrap;overflow: hidden;} .feBack{margin: 0 33px 5px;} .feBack p{font-size: 20px;color: #4c4c4c;font-weight: bold;margin: 18px 0 16px;text-align: left;} .feBack p:nth-of-type(1){margin-top: 0;} .feBack .info{border: 1px solid #f0f0f0;border-radius: 8px;} .feBack .info p{font-size: 16px;color: #303030;line-height: 88px;border-bottom: 1px solid #f0f0f0;} .feBack textarea{display: block;width:358px;height: 48px;border: none;border: 0;-webkit-tap-highlight-color:#fff;resize:none;background: #fafafa;padding: 15px 18px;font-size: 16px;color: #666;} .checkbox {position: relative;height: 42px;line-height: 42px;border-bottom: 1px solid #f0f0f0;} .checkbox:nth-last-child(1){border-bottom: none;} .checkbox input[type='checkbox'] {position: absolute;left: 0;top: 0;width: 20px;height: 20px;opacity: 0;} .checkbox label {position: absolute;left: 0px;top: 0;height: 42px;line-height: 42px;width: 378px;font-size: 16px;color: #8f8f8f;text-align: left;padding-left: 10px;} .checkbox label:after {content: '';position: absolute;right: 10px;top: 14px;width: 14px;height: 14px;border: 4px solid #fff;border-radius: 50%;border: 1px solid #bfbfbf;text-align: center;line-height: 14px;font-size: 12px;} .checkbox input[type='checkbox']:checked + label:after {background-color: #2ed045;content: '√';color: #fff;border-color: #2ed045;} .telBox{overflow: hidden;margin-bottom: 20px;} .telBox input{display: block;border: none;width: 350px;height: 42px;line-height: 42px;font-size:16px;padding:0 20px;border: 1px solid #f0f0f0;border-radius: 8px;} .telBox input::-webkit-input-placeholder {color: #8f8f8f;} .telBox input:-moz-placeholder { color: #8f8f8f;} .telBox input::-moz-placeholder { color: #8f8f8f;} .telBox input:-ms-input-placeholder { color: #8f8f8f;} .feSubmit input{border: 0;display: block;cursor: pointer;width:330px;border: 0;background:#00b16f;color:#fff;font-size:20px;border-radius:8px;line-height: 50px;margin: 21px auto 36px;overflow: hidden;white-space: nowrap; } .feSubmit input:hover{opacity: .96;} /* order */ .orderList{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);} .orderBox{position: absolute;z-index: 5;top: 270px;left: 0;right: 0;margin: auto;background: url(../images/maskbg.png) no-repeat;background-size: 100% auto;background-color: #fff;width: 450px;border-radius: 26px;text-align: center;} .orderBox .oClose{position: absolute;top: 20px;right: 20px;z-index: 10;cursor: pointer;} .orderBox .oClose i{display: inline-block;width: 25px;height: 25px;background-position: -17px -12px;position: relative;} .orderBox .oTitle{position: relative;width: 100%;height: 120px;text-align: center;font-size: 24px;border-top-left-radius: 6px; border-top-right-radius:6px;color: #fff;} .orderBox .oTitle i{display:block;width: 62px;height: 39px;background-position: -6px -174px;position: relative;top: 60px;right: -148px;margin: 0 auto;} .orderBox .oTitle p{position: relative;top: -16px;font-size: 24px;color: #fff;font-weight: bold;line-height: 32px;white-space: nowrap;overflow: hidden;} .orderBox form .tel{width:302px;border:1px solid #e1e1e1;color:#a8a8a8;font-size:18px;border-radius:6px;padding:0 10px;line-height: 48px;margin: 16px auto 12px;overflow: hidden;white-space: nowrap;} .orderBox form .tel::-webkit-input-placeholder {color: #a8a8a8;} .orderBox form .tel:-moz-placeholder { color: #a8a8a8;} .orderBox form .tel::-moz-placeholder { color: #a8a8a8;} .orderBox form .tel:-ms-input-placeholder { color: #a8a8a8;} .orderBox form .tel:focus{color: #808080;} .orderBox form p{text-align: left;padding-left: 70px;color:#4c4c4c;font-weight: bold;font-size:18px;line-height: 24px;margin-top: 20px;overflow: hidden;white-space: nowrap;} .orderBox form p em{ color:#cc0000;} .orderBox form span{color: #ff3232;font-size: 14px;text-align: left;display: block;width:306px;margin: 0 auto;overflow: hidden;white-space: nowrap;} .orderBox form .oBtn,.orderBox .oKnow{display: block;cursor: pointer;width:322px;border: 0;background:#00b16f;color:#fff;font-size:20px;border-radius:8px;line-height: 50px;margin: 10px auto 42px;overflow: hidden;white-space: nowrap; } .orderBox form .oBtn{margin-top: 22px;} .orderBox form{position: relative;} .orderBox .maskclear{position: absolute;width: 20px;height: 20px;top: 53px;right: 80px;background-position: -66px -15px;} .orderBox .onclear{background-position: -107px -15px;} .orderBox .msg{display: block;color: #ff3232;font-size: 14px;text-align: left;width:322px;margin: 0 auto;} .orderBox .oWin{width: 100%;font-size: 18px;border-radius: 6px;text-align: center;} .orderBox .oWin>p{background-color: #fff;display:block;font-size:16px;color: #666;line-height: 52px;} .orderBox .oWin>i{background-color: #fff;display:block;width: 156px;height: 150px;background-position: -412px -15px;position: relative;margin: 0 auto;} .orderBox .oLose{width: 100%;font-size: 18px;border-radius: 6px;text-align: center;} .orderBox .oLose>p{background-color: #fff;display:block;font-size:16px;color: #666;line-height: 52px;} .orderBox .oAgin{width: 100%;font-size: 18px;border-radius: 6px;text-align: center;} .orderBox .oAgin>p{background-color: #fff;display:block;font-size:16px;color: #666;line-height: 52px;} /* power */ .gRule{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);} .ruleTxt{position: absolute;z-index: 5;top: 100px;left: 0;right: 0;margin: auto;background: url(../images/maskbg.png) no-repeat;background-size: 100% auto;background-color: #fff;width: 456px;border-radius: 26px;text-align: center;} .gRule .gRclose{position: absolute;top: 20px;right: 20px;z-index: 10;cursor: pointer;} .gRule .gRclose i{display: inline-block;width: 25px;height: 25px;background-position: -17px -12px;position: relative;} .gRule .oTitle{position: relative;width: 100%;height: 120px;text-align: center;font-size: 24px;border-top-left-radius: 6px; border-top-right-radius:6px;color: #fff;} .gRule .oTitle i{display:block;width: 37px;height: 39px;background-position: -164px -174px;position: relative;top: 62px;right: -148px;margin: 0 auto;} .gRule .oTitle p{position: relative;top: -16px;font-size: 24px;color: #fff;font-weight: bold;line-height: 32px;white-space: nowrap;overflow: hidden;} .gRule .gSure{display: block;cursor: pointer;width:322px;border: 0;background:#00b16f;color:#fff;font-size:20px;border-radius:8px;line-height: 58px;margin: 21px auto 36px;overflow: hidden;white-space: nowrap; } .ruleMain{background-color: #fff;display: block;height: 400px;border:none;padding:20px 15px;line-height: 28px;font-size: 16px;margin: 0 26px;text-align: left;overflow: auto;} .ruleMain strong{display: block;font-size: 16px;color: #333;line-height: 36px;} .ruleMain p:nth-of-type(1){font-size: 20px;font-weight: bold;color: #333;margin-bottom: 10px;} .ruleMain p:nth-last-of-type(1){margin-bottom: 20px;} /* Privacy */ .gPrivacy{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);} .privacyTxt{position: absolute;z-index: 5;top: 100px;left: 0;right: 0;margin: auto;background: url(../images/maskbg.png) no-repeat;background-size: 100% auto;background-color: #fff;width: 456px;border-radius: 26px;text-align: center;} .gPrivacy .gPclose{position: absolute;top: 20px;right: 20px;z-index: 10;cursor: pointer;} .gPrivacy .gPclose i{display: inline-block;width: 25px;height: 25px;background-position: -17px -12px;position: relative;} .gPrivacy .oTitle{position: relative;width: 100%;height: 120px;text-align: center;font-size: 24px;border-top-left-radius: 6px; border-top-right-radius:6px;color: #fff;} .gPrivacy .oTitle i{display:block;width: 37px;height: 39px;background-position: -164px -174px;position: relative;top: 62px;right: -148px;margin: 0 auto;} .gPrivacy .oTitle p{position: relative;top: -16px;font-size: 24px;color: #fff;font-weight: bold;line-height: 32px;white-space: nowrap;overflow: hidden;} .gPrivacy .gSure{display: block;cursor: pointer;width:322px;border: 0;background:#00b16f;color:#fff;font-size:20px;border-radius:8px;line-height: 58px;margin: 21px auto 36px;overflow: hidden;white-space: nowrap; } .privacyMain{background-color: #fff;display: block;height: 400px;border:none;padding:20px 15px;line-height: 28px;font-size: 16px;margin: 0 26px;text-align: left;overflow: auto;} .privacyMain strong{display: block;font-size: 16px;color: #333;line-height: 36px;} .privacyMain p:nth-of-type(1){font-size: 18px;font-weight: bold;color: #333;margin-bottom: 10px;} .privacyMain p:nth-last-of-type(1){margin-bottom: 20px;} .MinCont{overflow:hidden;*zoom: 1;} .newsR{float: right;width: 325px;} .newsR .title_h h2{font-size: 18px;} .newsR .Min_R{margin-bottom: 18px;} .newsL{float: left;width: 856px;} .newsL .item_{margin-bottom: 18px;} .title_a { border-bottom: 1px solid #efeff4; height: 28px; line-height: 28px;padding-bottom: 12px;border-bottom: 1px solid #d5d5d5;overflow: hidden;*zoom: 1;} .title_a a{position: relative;display: block;float: left;position: relative;vertical-align: top;padding: 0 0 13px 0;text-align: center;margin-right: 20px;} .title_a em {display: block; float: left; font-size: 18px; color: #222;font-weight: bold; } .title_a a:before { position: absolute;bottom: 0;left: 0;right: 0;margin:0 auto;width:0; height: 4px; background: #00b26f; content: ''; display: block; vertical-align: middle;transition: all .8s;-webkit-transition: all .8s; -moz-transition: all .8s;-o-transition: all .8s;} .title_a a.current:before,.title_a a:hover:before{width:52px;} .title_a .more { float: right; border: 1px solid #dcdcdc; width: 40px; height: 20px; text-align: center; display: block; margin-top: 15px; color: #313131; font-size: 12px; line-height: 20px; border-radius: 10px; } .title_a .more:hover { background: #00b26f; border-color: #00b26f; color: #fff; } .newsL .pagewrap{padding: 27px 0 49px;} .newsLi{background: #fff;} .newsLi ul li{padding:25px 0;border-bottom:1px dashed #e8e8e8;overflow:hidden;*zoom: 1;} .newsLi ul li>a{display:block;float:left;margin-right:20px} .newsLi ul li>a img{display: block;width:190px;height:120px;} .newsLi ul li .info{float:left;width:610px;height:120px;overflow:hidden} .newsLi ul li .info>a{display:block;font-size:20px;color:#444;line-height:32px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;} .newsLi ul li .info .txt{display:block;margin-top:6px;height:52px;font-size:14px;line-height:24px;color:#666666;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .newsLi ul li .info .time{overflow: hidden;*zoom: 1;margin-top: 4px;height: 26px;} .newsLi ul li .info .time span{float: left;display: block;font-size: 12px;color: #999;margin-right: 30px;margin-top: 8px;} .newsLi ul li .info .time a{float: right;position: relative;top: 0;display: block;width: 73px;height: 23px;line-height: 23px;font-size: 12px;color: #00b26f;border: 1px solid #00b26f;text-align: center;} .newsLi ul li:hover .info>a {color:#00995f;} .newsLi ul li img:hover{opacity:.9} .newsLi ul li .info .time a:hover{background-color: #00b26f;color: #FFF} .newsLi ul li .info .time span i{position: relative;top: 3px;margin-right: 6px;background: url(../images/ico_img.png) no-repeat;background-size: 500px 600px;display: inline-block;width: 15px;height: 15px;background-position:-304px -142px;} .newsR .MinRc ul li{position: relative;} .newsR .MinRc ul li .btn{float: none;position: absolute;right: 14px;display: none;} .newsR .MinRc ul li:hover .btn{display: block;} .newsR .MinRc ul li .infor{width: 200px;} .newsR .MinRc{height: auto;} .MinHN {background-color: #FFF;padding: 0 14px;} .MinHN ul{overflow: hidden;} .MinHN li{width: 100%;height: 42px;overflow: hidden;*zoom:1} .MinHN li:last-of-type{border-bottom: none;} .MinHN li i,.MinHN li a{float: left;display: block;} .MinHN li i{width: 18px;height: 18px;line-height: 18px;font-size: 14px;color:#fff;background-color: #939393;margin: 9px 12px 0 0;border-radius: 2px;text-align: center;} .MinHN li a{width: 265px; height: 36px;line-height: 36px;font-size: 14px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .MinHN li:hover i{background-color: #00b26f;color: #fff;} .MinHN li:hover a{color: #00b26f;} .MinHN li:nth-of-type(-n+3){height: 75px;position: relative;padding: 13px 0;} .MinHN li:nth-of-type(-n+3)>a{display: block;float: left;width: 121px;height: 75px;margin-right: 12px;} .MinHN li:nth-of-type(-n+3) img{width: 121px;height: 75px;display: block;} .MinHN li:nth-of-type(-n+3) i{position: absolute;top: 4px;left: 0;border-top-left-radius: 0;} .MinHN li div{width: 164px;float: left;} .MinHN li div a{float: left;width: 100%;line-height: 24px;height: 48px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space: inherit;} .MinHN li div span{float: left;font-size: 13px;color: #00b26f;display: block;margin-top: 10px;} .MinHN li:nth-of-type(1) i{background-color: #ff8791;} .MinHN li:nth-of-type(2) i{background-color: #ff7044;} .MinHN li:nth-of-type(3) i{background-color: #53b9ee;} .MinHN li:nth-of-type(-n+3):hover i{background-color: #00b26f;color: #fff;} .newsR .MinSf ul{width: 310px;padding: 0 0 20px 14px;} .newsR .MinSf ul li{width: 83px;height: 30px;margin-right: 12px;} .newsCont{background: #fff;border-radius: 5px;overflow: hidden;padding-bottom: 32px;} .newsTit {padding: 42px 0 0 0; text-align: center;border-bottom: 1px solid #f6f6f6;} .newsTit h1{display: block;line-height: 36px;font-size: 26px;color: #333; font-weight: 700; margin-bottom: 12px;} .newsTit p{font-size: 14px;color:#888888;line-height: 32px;overflow:hidden;white-space:nowrap;*zoom: 1;} .newsTit p span{display: inline-block;max-width: 280px;margin:0 16px;overflow:hidden;white-space:nowrap;} .newsCont .cont{padding:12px 16px 0;font-size:16px;color:#444;line-height:1.5;} .newsCont .cont a{line-height: 28px;text-indent: 0;color:#00b26f;} .newsCont .cont a:hover{opacity: 0.9;text-decoration: underline;} .newsCont .cont p{line-height: 28px;color: #444;margin-bottom: 10px;text-indent: 2em} .newsCont .cont br{height: 2px;line-height: 2px;} .newsCont .cont img{display:block;max-width:730px;margin:16px auto;text-align: center;} .newsCont .cont p img{display:block;max-width:730px;margin:2px auto;text-align: center;} .newsCont .cont strong{font-weight: 18px;} .newsCont .cont h3,.knCont .cont p h3{margin:16px 0 12px;line-height: 24px;font-size:20px;font-weight:bold;color:#444;} .newsCont .cont iframe{width: 600px;height:340px;margin: 0 auto;display: block;border: none;} .newsCont .cont table{max-width: 100%;margin: auto;} .newsGame{width: 780px;height: 110px;background: url(../images/newsbg.jpg) no-repeat;padding: 20px;margin: 22px auto 32px;overflow: hidden;*zoom: 1;} .newsGame img{float: left;width: 110px;height: 110px;border-radius: 16px;margin-right: 24px;} .newsGame .info{float: left;width: 430px;height: 110px;overflow: hidden;} .newsGame .info>a{display: block;font-size:18px;color: #4b4b4b;font-weight: bold;line-height: 32px;margin-top: 6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .newsGame .info p{display: block;font-size: 14px;color: #999;margin-top: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .newsGame .info p span{color: #333;margin-right: 42px;} .newsGame .info p a{color: #00b26f;margin-right: 20px;} .newsGame .info>a:hover{color: #00b26f;} .newsGame .info p a:hover{text-decoration: underline;} .btnDown{float: right;width: 185px;} .btnDown a{display: block;width: 185px;height: 40px;line-height: 40px;color: #fff;border-radius: 5px;margin: 8px 0 14px 0;text-align: center;overflow: hidden;*zoom: 1;} .nIos{background-color: #3388ff;} .nAdr{background-color: #52c17e;} .btnDown a i{float: left;position: relative;background: url(../images/ico_img.png) no-repeat;background-size: 500px 600px;display: inline-block;width: 53px;height: 40px;} .btnDown .nIos i{background-position:-439px -106px;background-color: #247af2;} .btnDown .nAdr i{background-position:-440px -152px;background-color: #35b969;} .btnDown a:hover{opacity: .9;} .newsCopy{height:68px;line-height:68px;font-size:16px;color:#888;margin:9px 18px;border-top:1px solid #f3f3f3;} .newsCopy span{position:relative;top: 19px;vertical-align: top;display:inline-block;width:123px;height:26px;line-height:26px;font-size:14px;text-align:center;color:#ff6d00;border:1px solid #ff6d00;border-radius:4px;margin-right:11px;cursor:pointer} .newsCopy span i{display:inline-block;background: url(../images/ico_img.png) no-repeat;background-size: 500px 600px;width:14px;height:14px;vertical-align:top;position:relative;top:7px;margin-right:6px;background-position:-339px -318px} .newsCopy span input{position:absolute;top:0;left:0;z-index:-1} .newsCopy span:hover{color: #FF3D00;} .pagePN{border: 1px solid #ededed;margin: 0 18px;border-radius: 4px;overflow: hidden;*zoom: 1;} .pagePN a{float: left;padding: 24px 16px 24px 24px;} .pagePN a img{float: left;display: block;width: 120px;height:75px;border-radius: 3px;margin-right: 18px;} .pagePN a div{float: left;width: 230px;height: 75px;overflow: hidden;} .pagePN a:nth-of-type(2) {border-left: 1px solid #f0f0f0;} .pagePN a span{display: block;color: #333;font-size: 14px;font-weight: bold;line-height: 28px;} .pagePN a p{display:block;margin-top:6px;height:48px;font-size:14px;line-height:20px;color:#333;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .pagePN a span i{display:inline-block;background: url(../images/ico_img.png) no-repeat;background-size: 500px 600px;width:7px;height:12px;vertical-align:top;position:relative;top:8px;margin-right:8px;} .pagePN a:nth-of-type(1) span i{background-position: -203px -364px;} .pagePN a:nth-of-type(2) span i{background-position: -188px -364px;} .pagePN a:hover p{color: #00b26f;} .pagePN a .preNext,.pagePN a:hover .preNext{color: #ccc;line-height: 42px;} /* 2021 10 19 首页 唐 */ .hotGame .hotCont{background: #fff;padding: 40px 30px 20px;overflow: hidden;position: relative;border-radius: 6px;} .hotGame .hotCont ul{float: left;overflow: hidden;white-space: nowrap;} .hotGame .hotCont ul li{width: 80px;margin-right: 37.5px;float: left;text-align: center;} .hotGame .hotCont ul li:nth-child(10){margin-right: 0;} .hotGame .hotCont ul li img{width: 80px;height: 80px;display: block;border-radius: 14px;} .hotGame .hotCont ul li p{font-size: 14px;color: #333333;line-height: 14px;margin-top: 12px;text-align: center;white-space: nowrap;overflow: hidden;} .hotGame .hotCont ul.listItem2, .listItem3{display: none;} .hotGame .hotCont .huan{position: absolute;right: 14px;top: 14px;cursor: pointer;} .hotGame .hotCont .huan i{width: 14px;height: 14px;display: inline-block;background-position: -221px -363px;vertical-align: middle;margin-right: 5px;} .hotGame .hotCont .huan p{font-size: 12px;color: #aaa;} .rotate360{transition:all .5s ease-in-out;} .rotate360:hover{transform:rotate(360deg);} .hotGame>i{width: 55px;height: 52px;display: block;position: absolute;left: 0;top: 0;background-position: -213px -398px;z-index: 2;} .h18{height: 18px;display: block;width: 100%;} .hotapp{background: #fff;height: 130px;border-radius: 6px;} .hotapp p{margin-left: 30px;white-space: nowrap;overflow: hidden;} .hotapp p span{width: 76px;height: 32px;display: inline-block;text-align: center;font-size: 14px;line-height: 32px;margin-right: 30px;} .hotapp p:nth-child(1) span{color: #10A2FF;background: url(../images/layout-label.png) no-repeat;margin-top: 26px;} .hotapp p:nth-child(2) span{color: #FF7044;background: url(../images/layout-label2.png) no-repeat;margin-top: 14px;} .hotapp p a{margin-right: 30px;font-size: 14px;color: #666666;} .indexbox{overflow: hidden;} .indexbox2{overflow: hidden;} .indexbox3{overflow: hidden;} .indexbox4{} .box_l{float: left;width: 820px;margin-right: 18px;} .box_r{float: left;width: 362px;} .indexbox1{overflow: hidden;background: #fff;border-radius: 6px;height: 490px;} .box1_l{width: 430px;float: left;} .slide{ position: relative;float: left;margin: 30px 30px 18px;} .slide-cont{ width: 400px; height: 224px; position: relative; overflow: hidden;} .slide-item{ position: absolute; width: 100%; height: 100%;} .slide-item img{ width:400px; height:224px;} .slide-item a{ display: block; width: 400px; height: 224px; overflow: hidden;} .slide-item a:hover{ text-decoration:none;} .slide-txt,.slide-mask{position:absolute; width:400px; height:46px; line-height:46px; left:0px; bottom:0px; z-index: 10;} .slide-txt{ color: #fff; z-index: 11;} .slide-tit{display:block; font-size:16px; padding-left:20px;} .slide-des{ line-height:22px; font-size:12px; display:none;} .slide-mask{ background-color: #000; opacity: 0.6; filter:alpha(opacity=60);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;} .slide-nav{ position:relative; bottom:20px; left: 430px; padding: 3px 3px 3px 0; z-index:20; font-size: 0; overflow:hidden; height:6px; zoom:1; width:125px;} .slide-nav a{display: inline-block; position: relative; z-index: 11; width: 20px; height: 6px; background-color: #fff; margin: 0 1px 0 4px; line-height: 0; float:left;} .slide-nav .nownav{ background-color: #ff7800;} .nav-mask{ width: 100%; height: 100%; position: absolute; bottom: 0; right: 0; z-index: 10; background-color: #fff; opacity: 0.3; filter:alpha(opacity=30); zoom: 1;} #prev{ position:absolute; width:36px; height:72px; top:65px; background:url(../images/slidearl.png) no-repeat; opacity:0.5; filter:alpha(opacity=50);} #next{position:absolute; width:36px; height:72px; top:65px; background:url(../images/slidearr.png) no-repeat; opacity:0.5; filter:alpha(opacity=50);} #prev{ left:0;} #next{ right:0;} #prev:hover,#next:hover{ opacity:1; filter:alpha(opacity=100);} .box1_nav{} .box1_nav>p{} .box1_nav>p span{width: 105px;height: 32px;background: rgba(0, 178, 11, .1);display: inline-block;font-size: 14px;color: #00B26F;line-height: 32px;text-align: center;margin-right: 14px;cursor: pointer;} .box1_nav>p span.current,.box1_nav>p span:hover{color: #fff;background: #00B26F;} .box1_nav{margin-left: 30px;} .box1_nav .tab_cot{} .box1_nav .tab_cot ul{overflow: hidden;margin-top: 20px;} .box1_nav .tab_cot li{width: 90px;float: left;margin-right: 13px;} .box1_nav .tab_cot li:nth-child(4n){margin-right: 0;} .box1_nav .tab_cot img{width: 70px;height: 70px;display: block;border-radius: 14px;margin: 0 auto;} .box1_nav .tab_cot li p:nth-of-type(1){font-size: 14px;color: #333333;line-height: 14px;margin-top: 12px;text-align: center;white-space: nowrap;overflow: hidden;} .box1_nav .tab_cot li p:nth-of-type(2){font-size: 14px;color: #999999;line-height: 14px;margin-top: 10px;text-align: center;} .box1_nav .tab_cot li p:nth-of-type(3){font-size: 14px;color: #999999;line-height: 14px;margin-top: 5px;text-align: center;} .box1_nav .tab_cot li:hover p:nth-of-type(1){color: #00B26F;} .box1_nav .tab_cot li:hover p:nth-of-type(2){display: none;} .box1_nav .tab_cot li:hover p:nth-of-type(3){display: none;} .box1_nav .tab_cot li span{width: 70px;height: 34px;background: #00B26F;border-radius: 4px;font-size: 14px;color: #fff;line-height: 34px;text-align: center;display: none;} .box1_nav .tab_cot li:hover span{display: block;margin: 7px auto;} .box1_r{margin-top: 30px;float: left;margin-left: 30px;width: 328px;} .box1_r>a{font-size: 18px;color: #333333;line-height: 18px;font-weight: 600;text-align: center;display: block;white-space: nowrap;overflow: hidden;} .box1_r>p{line-height: 14px;text-align: center;margin-top: 18px;} .box1_r>p span{font-size: 14px;color: #AAAAAA;margin-right: 14px;} .box1_r>p a{font-size: 14px;color: #666666;margin-right: 16px;} .box1_r>p a:hover{color: #00B26F;} .box1_r .tabnav{border: 1px solid #00B26F;border-radius: 4px;margin-top: 20px;} .box1_r .tabnav span{display: inline-block;width: 108px;height: 34px;font-size: 14px;color: #00B26F;line-height: 34px;text-align: center;border-right: 1px solid #00B26F;cursor: pointer;} .box1_r .tabnav span:nth-last-child(1){border-right: none;} .box1_r .tabnav span.current,.box1_r .tabnav span:hover{color: #fff;background: #00B26F;} .box2_nav{margin-top: 16px;} .box2_nav li{margin-bottom: 9px;} .box2_nav span{font-size: 12px;color: #AAAAAA;display: inline-block;line-height: 22px;vertical-align: top;margin-right: 5px;} .box2_nav p{font-size: 14px;color: #333333;display: inline-block;width: 210px;white-space: nowrap;overflow: hidden;} .box2_nav li:hover p{color: #00B26F;} .box2_nav em{font-size: 12px;color: #AAAAAA;display: inline-block;float: right;line-height: 22px;} .box_l2{width: 230px;height: 559px;float: left;background: #fff;border-radius: 6px;} .jztit{margin: 18px 20px 0;} .jztit span{width: 5px;height: 24px;background: #00B26F;display: inline-block;vertical-align: bottom;margin-right: 11px;} .jztit p{font-size: 18px;color: #454545;line-height: 24px;font-weight: 600;} .jztit a{float: right;display: inline-block;font-size: 12px;color: #AAAAAA;line-height: 24px;font-weight: 100;} .jztit a i{width: 3px;height: 18px;display: inline-block;background-position: -247px -360px;vertical-align: middle;margin-left: 2px;} .yynav{overflow: hidden;margin: 30px 20px 0;} .yynav a{font-size: 14px;color: #666666;line-height: 15px;float: left;width: 75px;display: inline-block;margin-bottom: 30px;cursor: pointer;} .yynav a:hover,.yynav a.current{color: #00B26F;} .yynav a:nth-child(2n){margin-left: 40px;} .yynav a i{width: 15px;height: 15px;display: inline-block;margin-right: 4px;vertical-align: middle;} .yynav a:nth-child(1) i{background-position: -302px -455px;} .yynav a:nth-child(2) i{background-position: -249px -455px;} .yynav a:nth-child(3) i{background-position: -416px -455px;} .yynav a:nth-child(4) i{background-position: -468px -454px;} .yynav a:nth-child(5) i{background-position: -266px -454px;} .yynav a:nth-child(6) i{background-position: -231px -454px;} .yynav a:nth-child(7) i{background-position: -284px -454px;} .yynav a:nth-child(8) i{background-position: -400px -454px;} .yynav a:nth-child(9) i{background-position: -448px -472px;} .yynav a:nth-child(10) i{background-position: -385px -455px;} .yynav a:nth-child(11) i{background-position: -371px -454px;} .yynav a:nth-child(12) i{background-position: -430px -472px;} .yynav a:nth-child(13) i{background-position: -435px -454px;} .yynav a:nth-child(14) i{background-position: -336px -455px;} .box_r2{width: 572px;height: 559px;float: left;margin-left: 18px;background: #fff;border-radius: 6px;} .box_r2 .yynav2{overflow-x: auto;margin: 10px 20px 0;white-space: nowrap;} .box_r2 .yynav2 span{font-size: 14px;color: #999999;font-weight: 600;display: inline-block;line-height: 34px;cursor: pointer;position: relative;border-bottom: 2px solid rgba(0, 178, 111, .1);width: 88px;text-align: center;} .box_r2 .yynav2 span:hover em,.box_r2 .yynav2 span.current em{width: 88px;height: 2px;display: block;position: absolute;background: #00B26F;bottom: -2px;left: 0;} .box_r2 .yynav2 span:hover,.box_r2 .yynav2 span.current{color: #333;} .yynav2::-webkit-scrollbar {display: none; /* Chrome Safari */} .box_r2 ul{margin: 20px 20px 30px;overflow: hidden;} .box_r2 ul li{float: left;margin-right: 22px;margin-bottom: 24px;width: 70px;} .box_r2 ul li:nth-child(6n){margin-right: 0;} .box_r2 ul li:nth-child(12+n){margin-bottom: 0;} .box_r2 ul li img{width: 70px;height: 70px;display: block;border-radius: 14px;} .box_r2 ul li p{font-size: 14px;color: #333333;line-height: 14px;white-space: nowrap;overflow: hidden;margin-top: 12px;text-align: center;} .box_r2 ul li span{width: 68px;height: 32px;background: #FFFFFF;border: 1px solid #00B26F;border-radius: 4px;font-size: 14px;color: #00B26F;line-height: 32px;text-align: center;display: block;margin-top: 10px;} .box_r2 ul li:hover p{color: #00B26F;} .box_r2 ul li:hover span{color: #fff;background: #00B26F;} .yxnav{overflow: hidden;margin: 30px 20px 0;} .yxnav a{font-size: 14px;color: #666666;line-height: 15px;float: left;width: 75px;display: inline-block;margin-bottom: 30px;cursor: pointer;} .yxnav a:hover,.yxnav a.current{color: #00B26F;} .yxnav a:nth-child(2n){margin-left: 40px;} .yxnav a i{width: 15px;height: 15px;display: inline-block;margin-right: 4px;vertical-align: middle;} .yxnav a:nth-child(1) i{background-position: -231px -472px;} .yxnav a:nth-child(2) i{background-position: -249px -472px} .yxnav a:nth-child(3) i{background-position: -266px -472px} .yxnav a:nth-child(4) i{background-position: -284px -472px} .yxnav a:nth-child(5) i{background-position: -302px -472px} .yxnav a:nth-child(6) i{background-position: -318px -472px} .yxnav a:nth-child(7) i{background-position: -336px -472px} .yxnav a:nth-child(8) i{background-position: -352px -472px} .yxnav a:nth-child(9) i{background-position: -371px -454px} .yxnav a:nth-child(10) i{background-position: -367px -472px;} .yxnav a:nth-child(11) i{background-position: -385px -472px;} .yxnav a:nth-child(12) i{background-position: -399px -472px;} .yxnav a:nth-child(13) i{background-position: -416px -472px;} .box_r2 .yxnav2{overflow-x: auto;margin: 10px 20px 0;white-space: nowrap;} .box_r2 .yxnav2 span{font-size: 14px;color: #999999;font-weight: 600;display: inline-block;line-height: 34px;cursor: pointer;position: relative;border-bottom: 2px solid rgba(0, 178, 111, .1);width: 88px;text-align: center;} .box_r2 .yxnav2 span:hover em,.box_r2 .yxnav2 span.current em{width: 88px;height: 2px;display: block;position: absolute;background: #00B26F;bottom: -2px;left: 0;} .box_r2 .yxnav2 span:hover,.box_r2 .yxnav2 span.current{color: #333;} .yxnav2::-webkit-scrollbar {display: none; /* Chrome Safari */} .box_l3{width: 230px;height: 528px;background: #fff;float: left;border-radius: 6px;} .box_r3{width: 572px;height: 540px;background: #FFFFFF;border-radius: 6px;float: left;margin-left: 18px;} .box_l3 ul{margin: 20px 20px 30px;} .box_l3 ul li{margin-bottom: 20px;} .box_l3 ul li:nth-last-child(1){margin-bottom: 0;} .box_l3 ul li img{width: 190px;height: 107px;display: block;} .box_l3 ul li p{font-size: 16px;color: #333333;line-height: 16px;margin-top: 10px;text-align: center;white-space: nowrap;overflow: hidden;} .box_l3 ul li:hover p{color: #009944;} .box_r3 ul{overflow: hidden;margin: 20px;} .box_r3 ul li{width: 80px;height: 146px;float: left;background: #F5F5F5;margin-right: 10px;margin-bottom: 10px;} .box_r3 ul li:nth-child(6n){margin-right: 0;} .box_r3 ul li:nth-child(12+n){margin-bottom: 0;} .box_r3 ul li p{display: block;width: 80px;height: 32px;text-align: center;line-height: 32px;font-size: 14px;color: #fff;background: #00B26F;font-weight: 600;} .box_r3 ul li p a{color: #fff;} .box_r3 ul li p a:hover{text-decoration: underline;} .box_r3 ul li>a{font-size: 12px;color: #666666;line-height: 15px;white-space: nowrap;overflow: hidden;display: block;margin-top: 20px;text-align: center;} .box_r3 ul li>a:hover{text-decoration:underline;color: #00B26F;} .box_r3 ul li>a:nth-of-type(1){margin-top: 16px;} .box_l4{width: 230px;float: left;background: #fff;border-radius: 6px;margin-top: -10px;} .box_l4 .pagebox{margin: 30px 20px;} .box_l4 .pagebox a{display:inline-block;border: 1px solid #aaa;border-radius: 4px;font-size: 14px;line-height: 30px;color: #999999;padding: 0px 8px;margin-bottom: 10px;margin-right: 10px;} .box_l4 .pagebox a:hover{color: #00B26F;border-color: #00B26F;} .box_r4{width: 572px;float: left;margin-left: 18px;border-radius: 6px;background: #fff;} .box_r4 .rjnav{margin: 20px 10px 30px 20px;width: 108px;float: left;} .box_r4 .rjnav span{width: 108px;height: 32px;display: block;background: url(../images/layout-tab2-link.png) no-repeat;font-size: 14px;color: #00B26F;line-height: 32px;text-align: center;cursor: pointer;} .box_r4 .rjnav span.current,.box_r4 .rjnav span:hover{background: url(../images/layout-tab2-hover&click.png) no-repeat;color: #fff;} .rjbox{position: relative;overflow: hidden;} .rjbox ul{margin: 20px 20px 30px 0;width: 414px;height: 415px;background: rgba(238, 238, 238, .3);border-radius: 3px;float: left;overflow-x: auto;} .rjbox ul li{margin-left: 20px;margin-bottom: 5px;} .rjbox ul li:nth-child(1){margin-top: 20px;} .rjbox ul li i{width: 14px;height: 14px;display: inline-block;background-position: -369px -319px;margin-right: 9px;vertical-align: text-top;} .rjbox ul li p{display: inline-block;width: 126px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;color: #666666;margin-right: 20px;} .rjbox ul li span{font-size: 14px;color: #AAAAAA;display: inline-block;margin-right: 20px;vertical-align: top;} .rjbox ul li em{vertical-align: top;font-size: 14px;color: #AAAAAA;display: inline-block;} .rjbox ul::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/height: 1px;} .rjbox ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #535353;} .rjbox ul::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #EDEDED;} .zg{width: 414px;height: 64px;background: linear-gradient(0deg, #EEEEEE 0%, rgba(238, 238, 238, 0) 100%);border-radius: 0px 0px 4px 4px;position: absolute;right: 20px;bottom: 30px;} .indexbox5{background: #fff;width: 362px;height: 954px;border-radius: 6px;overflow: hidden;} .ranknav{margin: 10px 20px 0;} .ranknav span{border-bottom: 2px solid rgba(0, 178, 111, .1);font-size: 18px;color: #999999;line-height: 38px;display: inline-block;padding: 0 34px;position: relative;font-weight: 600;cursor: pointer;} .ranknav span.current em,.ranknav span:hover em{width: 161px;height: 2px;background: #00B26F;position: absolute;left: 0;bottom: -2px;} .ranknav span.current,.ranknav span:hover{color: #333333;} .indexbox5 ul{margin: 30px 20px 30px;} .indexbox5 ul li{height: 70px;overflow: hidden;position: relative;margin-bottom: 16px;} .indexbox5 ul li:nth-last-child(1){margin-bottom: 0;} .indexbox5 ul li i{width: 24px;height: 28px;display: inline-block;float: left;background-position: -87px -454px;margin-top: 21px;margin-right: 12px;} .indexbox5 ul li:nth-child(2) i{background-position: -121px -454px;} .indexbox5 ul li:nth-child(3) i{background-position: -155px -454px;} .indexbox5 ul li:nth-child(n+4) i{width: 18px;height: 18px;background: #939393;border-radius: 4px;color: #fff;font-size: 12px;line-height: 18px;text-align: center;margin-top: 26px;margin-right: 15px;} .indexbox5 ul li img{width: 70px;height: 70px;display: inline-block;border-radius: 14px;float: left;} .indexbox5 ul li .info{float: left;width: 120px;margin-left: 12px;} .indexbox5 ul li .info p:nth-child(1){font-size: 16px;color: #333333;line-height: 16px;margin-top: 12px;white-space: nowrap;overflow: hidden;} .indexbox5 ul li:hover .info p:nth-child(1){color: #00B26F;font-weight: 600;} .indexbox5 ul li .info p:nth-child(2){font-size: 14px;color: #999999;line-height: 14px;margin-top: 15px;} .indexbox5 ul li span{width: 68px;height: 32px;background: #FFFFFF;border: 1px solid #00B26F;border-radius: 4px;color: #00B26F;font-size: 14px;text-align: center;line-height: 32px;position: absolute;right: 0;top: 18px;} .indexbox5 ul li:hover span{color: #fff;background: #00B26F;} .indexbox5 ul li span.look{color: #FF7044;border-color: #FF7044;} .indexbox5 ul li:hover span.look{color: #fff;background: #FF7044;} .indexbox6{background: #fff;width: 362px;height: 576px;border-radius: 6px;overflow: hidden;} .indexbox6 ul{margin: 20px 20px 30px;overflow: hidden;} .indexbox6 ul li{width: 80px;margin-right: 41px;float: left;margin-bottom: 20px;} .indexbox6 ul li:nth-child(3n){margin-right: 0;} .indexbox6 ul li:nth-child(n+7){margin-bottom: 0;} .indexbox6 ul li img{width: 80px;height: 80px;display: block;border-radius: 16px;} .indexbox6 ul li p{font-size: 14px;color: #333333;line-height: 14px;margin-top: 12px;text-align: center;white-space: nowrap;overflow: hidden;} .indexbox6 ul li:hover p{color: #009944;} .indexbox6 ul li span{width: 78px;height: 32px;background: #FFFFFF;border: 1px solid #00B26F;border-radius: 4px;color: #00B26F;font-size: 14px;line-height: 32px;text-align: center;display: block;margin-top: 10px;} .indexbox6 ul li:hover span{color: #fff;background: #00B26F;} a:hover img{opacity: .9;} .headsite{background: #313131;height: 40px;} .headsite p{font-size: 12px;line-height: 40px;color: #FFFFFF;} .headsite p>i{width: 19px;height: 22px;display: inline-block;background-position: -264px -359px;vertical-align: middle;margin-right: 5px;} .headsite p span{margin-left: 28px;} .headsite p span i{width: 12px;height: 16px;display: inline-block;vertical-align: middle;background-position: -292px -359px;margin-right: 5px;} .headsite p a{color:#fff;} .headsite p a:hover{color:#00B26F;} .friendlink{ padding:30px 0;background:#2a2a2a; width:100%;position:relative;} .friendlink h2{ font-size:16px; color:#ff9600; padding:0 0 17px 0;} .linkBox a{ margin-right:20px; display:inline-block; font-size:14px; line-height:30px;} .linkBox a:link,.linkBox a:visited{ color:#999;} .linkBox a:hover,.linkBox a:active{ color:#00B26F;} #footer{line-height:26px; text-align:center; padding:30px 0; color:#000;font-size:12px; background:#242424;color:#fff; position:relative;} #footer dd img{margin:20px 10px 0; display:inline-block;} #___szfw_logo___ img{margin: 0 10px 29px 0 !important;} #_pingansec_bottomimagelarge_brand img{margin: 0 8px 26px 10px !important;} #footer a:link,#footer a:visited{color:#fff;} #footer a:active,#footer a:hover{color:#00B26F;} .game_top .infor ul li:last-of-type span { color: #00b26f; padding: 0 8px; } .game_top .infor ul li:last-child {width: 100%;padding: 6px 0 8px;height: auto;line-height: 24px;} .game_top .infor ul li:nth-child(1) a:hover{text-decoration:underline;} .game_top .infor ul li:last-of-type span{font-size: 14px;padding:0 2px;color: #454545;margin: 0 2px;border-radius: 1px;} .game_top .infor ul li:last-of-type span:nth-of-type(12n+1){color: #ff9900;} .game_top .infor ul li:last-of-type span:nth-of-type(12n+2){color: #e85454;} .game_top .infor ul li:last-of-type span:nth-of-type(12n+3){color: #88d42f;} .game_top .infor ul li:last-of-type span:nth-of-type(12n+4){color: #8957a1;} .game_top .infor ul li:last-of-type span:nth-of-type(12n+5){color: #00b7ee;} .game_top .infor ul li:last-of-type span:nth-of-type(12n+6){color: #a6b314;} .game_top .infor ul li:last-of-type span:nth-of-type(12n+7){color: #ffab80;} .game_top .infor ul li:last-of-type span:nth-of-type(12n+8){color: #43b3cb;} .game_top .infor ul li:last-of-type span:nth-of-type(12n+9){color: #bf3504;} .game_top .infor ul li:last-of-type span:nth-of-type(12n+10){color: #83a8c3;} .game_top .infor ul li:last-of-type span:nth-of-type(12n+11){color: #be6a8b;} .game_top .infor ul li:last-of-type span:nth-of-type(12n+12){color: #e85454;} /* 11.25 教程页添加内容 */ .newsCont .cont .info{height: 113px;overflow: hidden;background: #f9f9f9;} .newsCont .cont .info img{width: 80px;height: 80px;display: block;float: left;border-radius: 12px;margin: 17px 20px 16px 15px;} .newsCont .cont .info .qaboxs{width: 62%;float: left;} .newsCont .cont .info .qaboxs .name{font-size: 18px;color: #333 !important;margin-top: 27px;margin-bottom: 30px !important;text-indent: 0 !important;} .newsCont .cont .info .qaboxs p{color: #333;margin-bottom: 0;text-indent: 0;line-height: 14px;} .newsCont .cont .info .qaboxs p span{font-size: 14px;color: #999;margin-top: 45px;} .newsCont .cont .info .qaboxs p span em{font-size: 14px;color: #666;} .newsCont .cont .info>a{display: block;float: right;margin-top: 40px;width: 130px;height: 32px;color: #fff;line-height: 32px;text-align: center;border-radius: 3px;background: #ffa622;margin-right: 18px;} .game_top .down_box .noBtn{ background: #ccc !important;} .game_top .down_box .noBtn i{display:none !important;} .downBtn .noBtn i{display:none !important;} /* 20220126 */ .jzRelNews{padding-bottom: 10px;} .jzRelNews div{overflow: hidden;*zoom: 1;} .jzRelNews div a{float: left;width: 160px;text-align: center;} .jzRelNews div img{display: block;width: 146px;height: 80px;margin: auto;} .jzRelNews div p{display: block;height:40px;margin: 8px 5px 16px;font-size: 16px;color: #454545;line-height: 20px;display: -webkit-box;-webkit-line-clamp: 2; overflow: hidden;-webkit-box-orient: vertical; word-break: break-all;} .jzRelNews ul{position: relative;top: -10px;width: 110%;overflow: hidden;*zoom: 1;} .jzRelNews li{float: left;width: 390px;height: 46px;line-height: 46px;margin-right: 20px;border-bottom: 1px dashed #e5e5e5;overflow: hidden;} .jzRelNews li a{float: left;display: block;width:320px;height:46px;line-height:46px;padding-left:10px;font-size: 16px;color: #454545;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;} .jzRelNews li span{float:right;display:block;width:50px;height:46px;line-height:46px;text-align:right;color:#ABABAB;} .jzRelNews li:before{content: "";float: left;display:block;width: 6px;height: 6px;border-radius: 3px;background-color: #ccc;position: relative;top: 20px;} .jzRelNews li:hover:before{background-color: #009944;} .jzRelNews li:hover a{color: #009944;} .jzRelNews div a:hover p{color: #009944;} .relDown{width:818px;overflow: hidden;*zoom: 1;} .relDown li{width:252px;margin:0 20px 25px 0;float:left;overflow: hidden;*zoom: 1;} .relDown li a{display: block;overflow: hidden;*zoom: 1;} .relDown li img{float: left;display:block;width:85px;height:85px;border-radius:12px;margin-right: 20px;} .relDown li .info{float: left;width:144px;height: 85px;overflow: hidden;} .relDown li p:nth-of-type(1){display: block;font-size:16px;color:#333;line-height: 32px;font-weight: 500;overflow:hidden;white-space:nowrap; } .relDown li p{font-size:12px;color: #cbcbcb;overflow:hidden;white-space:nowrap;} .relDown li p span{color:#999;line-height: 22px;} .relDown li .info>span{display: block;width: 60px;height: 20px;line-height: 20px;font-size: 14px;color: #666;border: 1px solid #cdcdcd;text-align: center;margin-top: 8px;} .relDown li:hover .info>span{background-color: #009944;color: #fff;border-color: #009944;} .relDown li:hover p:nth-of-type(1){color: #009944;font-weight: 500;} .relDown li img:hover{opacity: 0.9;} .serList{margin-bottom: 20px;background-color: #fff;padding: 20px;} .serList table{border:0;text-align:center; cellpadding:0; cellspacing:0;margin:0 auto;overflow: hidden;} .serList table,.serList tbody{display: block;width:1160px;} .serList table td{overflow: hidden;cursor: default;} .serList table td a{display: block;cursor: pointer;line-height: 28px;} .serList tbody .trTop{background-color: #60c58f;height: 36px;line-height: 36px;} .serList tbody .trTop td{font-size: 16px;color: #fff;width: 176px;} .serList tbody .trTop td:nth-of-type(2){width: 456px;} .serList tbody tr:nth-of-type(n+2){height: .41rem;cursor: pointer;} .serList tbody tr:nth-of-type(n+2) td{border-bottom: 1px solid #eee;font-size: 16px;color: #333;line-height: 40px;} .serList tbody tr:nth-of-type(n+2) td a:hover{color: #009944;} .game_top .down_box .pcdown>div {float: left;margin-top: 10px;} .game_top .down_box .pcdown>div p:nth-child(1) { line-height: 28px; font-size: 18px; } .game_top .down_box .pcdown>div p:nth-child(2) { line-height: 14px; font-size: 12px; } .game_top .down_box .btn1 .ico { float: left;margin: 14px 10px 0 44px;} .game_top .down_box .btn1div {float: left;margin-top: 10px;} .game_top .down_box .btn1>div p:nth-child(1) { line-height: 28px; font-size: 18px; } .game_top .down_box .btn1>div p:nth-child(2) { line-height: 14px; font-size: 12px; } .game_top .down_box .btn2 .ico { float: left;margin: 14px 10px 0 44px;} .game_top .down_box .btn2>div {float: left;margin-top: 10px;} .game_top .down_box .btn2>div p:nth-child(1) { line-height: 28px; font-size: 18px; } .game_top .down_box .btn2>div p:nth-child(2) { line-height: 14px; font-size: 12px; } .navCont{background: #fff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .03);line-height: 48px;text-align: center;} .navCont div{width: 1366px;margin: auto;} .navCont div a{font-size: 16px;color: #666; padding:0 20px;transition: .2s;} .navCont div a:hover{color: #00995f;} /* 0806 */ .game_top .infor ul li.langlength{ width:50%;} .game_top .down_box{height: auto;overflow: hidden;padding-bottom: 2px;} .game_top .infor{height: auto;overflow: hidden;} .game_lis ul li .name{ display: block;height: 30px; width: 100%; line-height: 30px; overflow: hidden; white-space: nowrap; font-size: 16px; text-overflow: ellipsis; text-align: center; } .game_lis ul li .tags{font-size: 14px;color: #666;} .downBtn .hrbtn{background: #a452f7;} .downBtn .hrbtn i { width: 41px;height: 42px;background: url("../images/ico_img.png") no-repeat; background-position: -148px -395px; position: relative;top: 17px;margin-left: 19px;} .newsIcon{display: block;background: url(../suwan/images/newsIcon.png) no-repeat;background-size: 112px 112px;} .updateTxtBox {padding: 10px 5px 10px 20px;} .updateTxtBox .updateTxtItem {margin-bottom: 20px;border-radius: 10px;position: relative;background-color: white;box-shadow: 0px 2px 10px 0px rgba(100, 100, 111, 0.2);} .updateTxtBox .updateTxtItem::after {content: "";width: 2px;height: 100%;position: absolute;top: 0;left: -17px;border-radius: 1px;background-color: #E9ECEF;} .updateTxtBox .updateTxtItem .timeAndVsrsion {padding: 10px 15px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid rgba(0, 0, 0, 0.05);} .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox {display: flex;align-items: center;} .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox {width: auto;padding: 8px 15px;display: flex;align-items: center;border-radius: 5px;background-color: #198754;} .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox.statusColor2 {background-color: #F8AEAf;} .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox.statusColor3 {background-color: yellowgreen;} .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox.statusColor4 {background-color: #FFA202;} .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox.statusColor5 {background-color: #87CEFA;} .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox.statusColor6 {background-color: #AFEEEE;} .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox.statusColor7 {background-color: #20B2AA;} .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox .improve {width: 14px;height: 14px;background-position: -54px -10px;} .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox .nesVaseison {width: 14px;height: 14px;background-position: -88px -44px;} .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox .updateTxt {width: 14px;height: 14px;background-position: -44px -88px;} .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox .wanShan {width: 14px;height: 14px;background-position: -10px -88px;} .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox .picIcon {width: 14px;height: 14px;background-position: -10px -54px;} .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox .timeIcon {width: 14px;height: 14px;background-position: -44px -54px;} .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox .videoIcon {width: 14px;height: 14px;background-position: -88px -10px;} .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox .statusTxt {color: white;font-size: 14px;line-height: 14px;margin-left: 5px;} .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .vaersionTxt {font-weight: bold;color: #9999;font-size: 14px;line-height: 14px;margin-left: 15px;} .updateTxtBox .updateTxtItem .timeAndVsrsion .timeBox {display: flex;align-items: center;} .updateTxtBox .updateTxtItem .timeAndVsrsion .timeBox .timeIcon {width: 24px;height: 24px;background-position: -10px -10px;} .updateTxtBox .updateTxtItem .timeAndVsrsion .timeBox .timeTxt {margin-left: 5px;font-size: 16px;line-height: 16px;} .updateTxtBox .updateTxtItem .updatetxtBox {padding: 10px 15px;} .updateTxtBox .updateTxtItem .updatetxtBox p {color: #666;font-size: 14px;line-height: 28px;} .gameInfoList{display: flex; display: grid; grid-template-columns: repeat(2, auto);border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;} .gameInfoList dl{padding:7px 10px;box-sizing: border-box;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;} .gameInfoList dl:nth-of-type(2n+1):last-of-type{border-bottom: none;} .gameInfoList dl dt,.gameInfoList dl dd{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .gameInfoList dl dt{font-size: 14px;color: #333;font-weight: bold;line-height: 28px;} .gameInfoList dl dd{font-size: 14px;color: #858585;line-height: 28px;} .jzTitle { height: 70px; line-height: 70px; position: relative; } .jzTitle .line { width: 100%; border-top: 1px solid #eee; left: 0px; top: 35px; position: relative; } .jzTitle .bt {background: #009944;height: 32px;display: inline-block;text-align: center;line-height: 32px;position: absolute;left: 23px;top: 20px;z-index: 1;color: #fff;font-size: 16px;padding: 0 15px;} .jzTitle .bt:before{content:"";width: 13px;height: 13px;position:absolute;left: -23px;top: 10px;background: #009944; } .jzTitle .bt:after{content:"";width: 13px;height: 13px;position:absolute;right: -23px;top: 10px;background: #009944; } .jzTitle .more { position: absolute; background: #fff; border: 1px solid #eee; width: 65px; right: 0px; top: 20px; border-radius: 30px; text-align: center; line-height: 29px; height: 29px; color: #9a9a9a; } .jzTitle .more:hover { background: #00b26f; border-color: #00b26f; color: #fff; }