html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, table, img, label, abbr, object {
margin: 0;
padding: 0;
background: transparent;
border: 0;
outline: 0;
}
html {
-webkit-text-size-adjust: none;
}
input, button, select, textarea {
font-size: 12px;
vertical-align: middle;
margin: 0;
padding: 0;
outline: none
}
textarea {
resize: none
}
object {
line-height: 1%
}
fieldset, img {
border: none
}
img {
vertical-align: top
}
address, caption, cite, code, dfn, em, th, var, abbr {
font-style: normal;
font-weight: normal
}
ul, ol {
list-style-type: none;
list-style-position: outside
}
table {
border-collapse: separate;
border-spacing: 0
}
caption, th, td {
text-align: left;
font-weight: normal
}
em {
font-style: normal
}
.clearfix {
display: block
}
.clearfix:after {
content: ".";
display: block;
height: 0;
visibility: hidden;
clear: both
}
.clearfix {
zoom: 1
}
.clearit {
clear: both;
height: 0px;
overflow: hidden
}
.clear {
clear: both;
height: 0;
overflow: hidden;
font-size: 0px;
line-height: 0;
float: none
}
.tc {
text-align: center
}
.tr {
text-align: right
}
.fb {
font-weight: bold
}
.fwhite, a.fwhite {
color: #D9D9D9
}
.fblack {
color: #000
}
.fred {
color: #c00
}
.fnum {
font-family: verdana, arial
}
a {
outline: none;
color: #333;
text-decoration: none;
}
a:link, a:visited, a:active, a:focus, a:hover {
text-decoration: none
}
.l, .r {
display: inline-block
}
.l, .r {
display: inline
}
.l {
float: left
}
.r {
float: right
}
.mr {
margin-right: 20px;
}
.mb {
margin-bottom: 20px;
}
.none {
display: none;
}
body {
background:url(https://mem168.com/bbs/style/css/img/bg_body.jpg) no-repeat center top #101421 ;
font: 12px/1.5 Microsoft Yahei;
line-height: 1;
height: 100%;
min-width: 1300px;
color: #3e3930;
}
.mh-wrap {
position: relative;
}
.mh-header {
width: 100%;
height: 153px;
position: relative;
z-index: 11;
}
.mh-header .logo {
width: 240px;
height: 153px;
background: url(https://mem168.com/bbs/style/css/img/2020logo.png) no-repeat center center;
text-indent: -9999px;
position: relative;
}
.mh-header .header {
width: 1000px;
margin: 0 auto;
}
.mh-header .header dl {
width: 760px;
position: relative;
text-align: center;
}
.mh-header .header dl dt {
height: 25px;
position: absolute;
top: 70px;
left: 0;
font-size: 18px;
}
.mh-header .header dl dt a {
width: 108px;
height: 20px;
line-height: 20px;
float: left;
color: #00f3ff;
}
.mh-header .header dl dt a:hover, .mh-header .header dl dt a.on {
color: #f16839;
}
.mh-header .header dl dd {
position: absolute;
top: 90px;
left: 108px;
display: none;
}
.mh-header .header dl dd ul {
width: 108px;
float: left;
padding: 15px 0;
}
.mh-header .header dl dd ul li {
height: 25px;
line-height: 25px;
}
.mh-header .header dl dd ul li a {
height: 25px;
color: #fbff00;
font-size: 14px;
display: block;
}
.mh-header .header dl dd ul li a:hover {
color: #fff;
}
.bg-header {
width: 100%;
height: 350px;
position: absolute;
top: 0;
left: 0;
background: #0c121e;
filter: Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.mh-main {
width: 1000px;
height: 1310px;
margin: 0 auto;
z-index: 10;
}
.mh-main h4 {
width: 100%;
font-size: 16px;
color: #d6d6d6;
text-indent: 13px;
margin: 18px 0 5px 0;
}
.mh-down {
width: 240px;
height: 290px;
}
.mh-down .down {
width: 240px;
height: 100px;
display: inline-block;
background: url(https://mem168.com/bbs/style/css/img/bg_down.jpg) no-repeat;
margin-bottom: 10px;
}
.mh-down .down span {
display: block;
font-size: 13px;
font-weight: normal;
margin-top: 7px;
}
.mh-down .down h2 {
font-size: 30px;
text-align: center;
color: #fff;
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
margin-top: 25px;
}
.mh-down .down:hover h2 {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
.mh-down ul {
width: 238px;
height: 178px;
border: 1px solid #222225;
background: url(https://mem168.com/bbs/style/css/img/bg_bg2.jpg) repeat;
}
.mh-down ul li {
width: 119px;
height: 89px;
float: left;
position: relative;
}
.mh-down ul li a {
width: 119px;
height: 90px;
position: absolute;
text-align: center;
color: #00c2df;
font-size: 14px;
}
.mh-down ul li a i {
width: 100%;
font-style: normal;
position: absolute;
top: 55px;
left: 0;
z-index: 3;
}
.mh-down ul li em {
width: 32px;
height: 32px;
display: block;
background: url(https://mem168.com/bbs/style/css/img/icon.png) no-repeat;
filter: Alpha(Opacity=100);
opacity: 1;
position: absolute;
top: 18px;
left: 44px;
z-index: 3;
}
.mh-down ul li a.register {
border-right: 1px solid #20313d;
border-bottom: 1px solid #20313d;
top: -1px;
left: -1px;
}
.mh-down ul li a.credit {
border-bottom: 1px solid #20313d;
width: 120px;
top: -1px;
right: -1px;
}
.mh-down ul li a.guide {
border-right: 1px solid #20313d;
height: 89px;
top: 1px;
left: -1px;
}
.mh-down ul li a.data {
height: 89px;
width: 120px;
top: 1px;
right: -1px;
}
.mh-down ul li a.register em {
background-position: 0 0;
}
.mh-down ul li a.credit em {
background-position: -32px 0;
}
.mh-down ul li a.guide em {
background-position: -64px 0;
}
.mh-down ul li a.data em {
background-position: -96px 0;
}
.mh-sel {
width: 240px;
height: 240px;
}
.mh-sel ul {
width: 238px;
height: 238px;
border: 1px solid #000000;
background: #00000099;
}
.mh-sel ul li {
width: 79px;
height: 79px;
float: left;
position: relative;
}
.mh-sel ul li a {
width: 79px;
height: 79px;
position: absolute;
text-align: center;
color: #64b9ed;
}
.mh-sel ul li a i {
width: 100%;
font-style: normal;
position: absolute;
top: 50px;
left: 0;
z-index: 3;
line-height: 14px;
}
.mh-sel ul li em {
width: 32px;
height: 32px;
display: block;
background: url(https://mem168.com/bbs/style/css/img/icon.png) no-repeat;
filter: Alpha(Opacity=100);
opacity: 1;
position: absolute;
top: 14px;
left: 25px;
z-index: 3;
}
.mh-sel ul li a.reward {
border-right: 1px solid #20313d;
border-bottom: 1px solid #20313d;
left: -1px;
top: -1px;
}
.mh-sel ul li a.seal {
border-right: 1px solid #20313d;
border-bottom: 1px solid #20313d;
top: -1px;
}
.mh-sel ul li a.guide {
width: 80px;
border-bottom: 1px solid #20313d;
left: 1px;
top: -1px;
}
.mh-sel ul li a.users {
border-right: 1px solid #20313d;
border-bottom: 1px solid #20313d;
left: -1px;
}
.mh-sel ul li a.reset {
border-right: 1px solid #20313d;
border-bottom: 1px solid #20313d;
}
.mh-sel ul li a.tcapp {
width: 80px;
border-bottom: 1px solid #20313d;
left: 1px;
}
.mh-sel ul li a.service {
height: 80px;
border-right: 1px solid #20313d;
left: -1px;
top: 1px;
}
.mh-sel ul li a.password {
height: 80px;
border-right: 1px solid #20313d;
top: 1px;
}
.mh-sel ul li a.report {
width: 80px;
height: 80px;
left: 1px;
top: 1px;
}
.mh-sel ul li a.reward em {
background-position: 0 -64px;
}
.mh-sel ul li a.seal em {
background-position: -32px -64px;
}
.mh-sel ul li a.guide em {
background-position: -64px -64px;
}
.mh-sel ul li a.users em {
background-position: -96px -64px;
}
.mh-sel ul li a.reset em {
background-position: 0 -128px;
}
.mh-sel ul li a.tcapp em {
background-position: -32px -128px;
}
.mh-sel ul li a.service em {
background-position: -64px -128px;
}
.mh-sel ul li a.password em {
background-position: -96px -128px;
}
.mh-sel ul li a.report em {
background-position: 0 -192px;
}
.mh-ul li a .bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
filter: Alpha(Opacity=0);
opacity: 0;
z-index: 2;
}
.mh-ul a:hover em {
top: 0;
filter: Alpha(Opacity=0);
opacity: 0;
}
.mh-ul li a:hover i {
top: 36px;
color: #fff;
font-weight: bold;
cursor: pointer;
}
.mh-ul li a:hover .bg {
background: url(https://mem168.com/bbs/style/css/img/bg_bg1.jpg) repeat;
filter: Alpha(Opacity=0);
opacity: 1;
cursor: pointer;
}
.mh-nav {
width: 740px;
height: 290px;
position: relative;
}
.mh-nav .mh-nav-pic {
width: 740px;
height: 290px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.mh-nav .mh-nav-pic ul {
width: 100000px;
height: 290px;
position: relative;
}
.mh-nav .mh-nav-pic ul li {
width: 740px;
height: 290px;
float: left;
position: absolute;
top: 0;
left: 0;
display: none;
}
.mh-nav .mh-nav-pic .trigger {
position: absolute;
top: 272px;
right: 20px;
}
.mh-nav .mh-nav-pic .trigger a {
width: 20px;
height: 6px;
background: #fff;
float: left;
text-indent: -9999px;
margin-left: 11px;
}
.mh-nav .mh-nav-pic .trigger a.on {
background: #0097b7;
}
.mh-nav .mh-nav-btn {
width: 132px;
height: 23px;
position: absolute;
top: 0;
right: 0;
}
.mh-nav .mh-nav-btn {
width: 66px;
height: 23px;
line-height: 23px;
float: left;
font-size: 14px;
text-align: center;
color: #fff;
font-weight: bold;
}
.mh-news {
width: 510px;
height: 240px;
}
.mh-news .news {
width: 508px;
height: 238px;
border: 1px solid #000000;
background: #000000b8;
overflow: hidden;
}
.mh-news .news .news_tab {
width: 470px;
height: 39px;
margin: 0 auto 10px;
border-bottom: 2px solid #34353d;
}
.mh-news .news .news_tab li {
width: 70px;
height: 39px;
float: left;
position: relative;
}
.mh-news .news .news_tab li a {
width: 70px;
height: 39px;
line-height: 37px;
font-size: 14px;
display: block;
color: #848a98;
text-align: center;
font-weight: bold;
}
.mh-news .news .news_tab li a em {
width: 70px;
height: 2px;
background: #34353d;
display: block;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
overflow: hidden;
position: absolute;
top: 39px;
left: 0;
}
.mh-news .news .news_tab li a.on {
color: #00c2df;
}
.mh-news .news .news_tab li a.on em {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
background: #00c2df;
}
.mh-news .news .news_tab li a.more {
width: 50px;
line-height: 37px;
color: #848a98;
font-weight: bold;
font-size: 18px;
margin-left: 65px;
}
.mh-news .news .news_list {
width: 470px;
margin: 0 auto;
color: #6f7581;
}
.mh-news .news .news_list ul li {
width: 470px;
height: 30px;
line-height: 30px;
float: left;
}
.mh-news .news .news_list ul li a {
color: #13ffd3;
float: left;
margin-right: 10px;
}
.mh-news .news .news_list ul li a font, .mh-news .news .news_list ul li a:hover {
color: #fff;
}
.mh-news .news .news_list ul li span {
float: right;
}
.mh-news .news .news_list .news_list_ul {
display: none;
}
.mh-news .news .news_list .on {
display: block;
}
.mh-sale {
width: 210px;
height: 240px;
}
.mh-sale ul li {
width: 210px;
height: 240px;
}
.mh-ver-ser {
width: 240px;
height: 418px;
}
.mh-ver-ser .mh-ver li {
width: 240px;
height: 80px;
margin-bottom: 20px;
background: #000;
}
.mh-ver-ser .mh-ver a {
width: 240px;
height: 80px;
display: block;
position: relative;
overflow: hidden;
}
.mh-ver-ser .mh-ver a img {
position: absolute;
top: 0;
left: 0;
opacity: 0.8;
}
.mh-ver-ser .mh-ver a .txt {
position: absolute;
top: 0;
left: 0;
padding-left: 8px;
}
.mh-ver-ser .mh-ver a .txt span {
color: #667780;
display: block;
margin: 35px 0 5px 0;
}
.mh-ver-ser .mh-ver a .txt strong {
color: #bac0c4;
font-size: 16px;
display: block;
}
.mh-ver-ser .mh-ver a .txt p {
color: #00c2df;
margin-top: 15px;
opacity: 0;
}
.mh-ver-ser .mh-ver a .txt i {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 0;
background: #00c2df;
}
.mh-ver-ser .mh-ver a:hover .txt span {
margin: 15px 0 5px 0;
}
.mh-ver-ser .mh-ver a:hover .txt strong {
color: #fff;
}
.mh-ver-ser .mh-ver a:hover .txt p {
opacity: 1;
margin-top: 12px;
}
.mh-ver-ser .mh-ver a:hover .txt i {
height: 80px;
}
.mh-ver-ser .mh-ver a:hover img {
opacity: 1;
}
.mh-ver-ser .mh-ser {
width: 238px;
height: 116px;
border: 1px solid #000000bd;
background: #000000b8;
}
.mh-ver-ser .mh-ser p, .mh-ver-ser .mh-ser p a {
color: #64b9ed;
}
.mh-ver-ser .mh-ser p {
line-height: 17px;
text-indent: 13px;
}
.mh-role {
width: 740px;
height: 418px;
}
.mh-role .role {
width: 738px;
height: 416px;
border: 1px solid #222225;
background: url(https://mem168.com/bbs/style/css/img/bg_role.jpg) no-repeat;
position: relative;
overflow: hidden;
}
.mh-role .role .role-box {
width: 666px;
height: 75px;
overflow: hidden;
position: absolute;
top: 321px;
left: 39px;
}
.mh-role .role .role-btn {
width: 1040px;
height: 65px;
position: relative;
z-index: 3;
}
.mh-role .role .role-btn li {
width: 65px;
height: 65px;
text-indent: -9999px;
float: left;
margin-right: 10px;
}
.mh-role .role .role-btn li a {
width: 63px;
height: 63px;
border: 1px solid #838b99;
display: block;
background: url(https://mem168.com/bbs/style/css/img/role.jpg) no-repeat;
}
.mh-role .role .role-btn li a:hover, .mh-role .role .role-btn li a.on {
border: 1px solid #00c2df;
}
.mh-role .role .role-btn li.last {
margin-right: 0;
}
.mh-role .role .role-btn .miul a {
background-position: 0 -819px;
}
.mh-role .role .role-btn .grimden a {
background-position: 0 0;
}
.mh-role .role .role-btn .miri a {
background-position: 0 -63px;
}
.mh-role .role .role-btn .delia a {
background-position: 0 -126px;
}
.mh-role .role .role-btn .hagie a {
background-position: 0 -189px;
}
.mh-role .role .role-btn .arisha a {
background-position: 0 -252px;
}
.mh-role .role .role-btn .lynn a {
background-position: 0 -315px;
}
.mh-role .role .role-btn .hurk a {
background-position: 0 -378px;
}
.mh-role .role .role-btn .fencer a {
background-position: 0 -446px;
}
.mh-role .role .role-btn .vella a {
background-position: 0 -441px;
}
.mh-role .role .role-btn .kay a {
background-position: 0 -504px;
}
.mh-role .role .role-btn .karo a {
background-position: 0 -567px;
}
.mh-role .role .role-btn .evy a {
background-position: 0 -630px;
}
.mh-role .role .role-btn .lethita a {
background-position: 0 -693px;
}
.mh-role .role .role-btn .fiona a {
background-position: 0 -756px;
}
.mh-role .role .role-btn .miul a:hover, .mh-role .role .role-btn .miul a.on {
background-position: -63px -819px;
}
.mh-role .role .role-btn .grimden a:hover, .mh-role .role .role-btn .grimden a.on {
background-position: -63px 0;
}
.mh-role .role .role-btn .miri a:hover, .mh-role .role .role-btn .miri a.on {
background-position: -63px -63px;
}
.mh-role .role .role-btn .delia a:hover, .mh-role .role .role-btn .delia a.on {
background-position: -63px -126px;
}
.mh-role .role .role-btn .hagie a:hover, .mh-role .role .role-btn .hagie a.on {
background-position: -63px -189px;
}
.mh-role .role .role-btn .arisha a:hover, .mh-role .role .role-btn .arisha a.on {
background-position: -63px -252px;
}
.mh-role .role .role-btn .lynn a:hover, .mh-role .role .role-btn .lynn a.on {
background-position: -63px -315px;
}
.mh-role .role .role-btn .hurk a:hover, .mh-role .role .role-btn .hurk a.on {
background-position: -63px -378px;
}
.mh-role .role .role-btn .fencer a:hover, .mh-role .role .role-btn .fencer a.on {
background-position: -63px -446px;
}
.mh-role .role .role-btn .vella a:hover, .mh-role .role .role-btn .vella a.on {
background-position: -63px -441px;
}
.mh-role .role .role-btn .kay a:hover, .mh-role .role .role-btn .kay a.on {
background-position: -63px -504px;
}
.mh-role .role .role-btn .karo a:hover, .mh-role .role .role-btn .karo a.on {
background-position: -63px -567px;
}
.mh-role .role .role-btn .evy a:hover, .mh-role .role .role-btn .evy a.on {
background-position: -63px -630px;
}
.mh-role .role .role-btn .lethita a:hover, .mh-role .role .role-btn .lethita a.on {
background-position: -63px -693px;
}
.mh-role .role .role-btn .fiona a:hover, .mh-role .role .role-btn .fiona a.on {
background-position: -63px -756px;
}
.mh-role .role .role-show .role-txt {
width: 300px;
position: absolute;
top: 60px;
left: 39px;
z-index: 2;
}
.mh-role .role .role-show .role-txt h3 {
width: 280px;
height: 55px;
font-size: 31px;
color: #00c2df;
border-bottom: 1px solid #50576e;
display: inline-block;
letter-spacing: 2px;
line-height: 52px;
margin-bottom: 15px;
}
.mh-role .role .role-show .role-txt p {
color: #bbb;
font-size: 14px;
line-height: 18px;
}
.mh-role .role .role-show .role-txt span {
display: block;
font-size: 18px;
color: #fff;
margin: 15px 0 30px 0;
}
.mh-role .role .role-show .role-txt a {
width: 87px;
height: 24px;
font-size: 14px;
line-height: 24px;
color: #848a96;
border: 1px solid #515669;
display: block;
text-align: center;
}
.mh-role .role .role-show .role-pic {
width: 516px;
height: 418px;
position: absolute;
top: 0;
z-index: 1;
}
.mh-role .role .role-show .role-txt {
display: none;
}
.mh-role .role .role-show .role-pic {
filter: Alpha(Opacity=0);
opacity: 0;
right: -120px;
}
.mh-role .role .role-show .on .role-pic {
filter: Alpha(Opacity=100);
opacity: 1;
right: 0;
}
.mh-role .role .role-show .on .role-txt {
filter: Alpha(Opacity=100);
display: block;
}
.mh-partners {
width: 240px;
height: 189px;
}
.mh-partners .mh-media {
width: 238px;
height: 93px;
background: #000000bd;
border: 1px solid #222225;
margin-bottom: 20px;
}
.mh-partners .mh-media .media {
width: 216px;
height: 36px;
position: relative;
overflow: hidden;
margin-top: 30px;
}
.mh-partners .mh-media ul {
position: absolute;
top: 0;
left: 0;
width: 230px;
}
.mh-partners .mh-media ul li img {
width: 100%;
height: 100%;
}
.mh-partners .mh-media ul li {
width: 105px;
height: 36px;
margin: 0 auto;
top:30px;
}
.mh-tcgame {
width: 240px;
height: 75px;
position: relative;
}
.mh-tcgame .mh-tcgame-pic {
width: 240px;
height: 75px;
position: absolute;
top: 0;
left: 0;
}
.mh-tcgame .mh-tcgame-pic ul li {
position: absolute;
top: 0;
left: 0;
}
.mh-gameshow {
width: 720px;
height: 189px;
}
.mh-gameshow ul {
width: 720px;
height: 170px;
background: #000000bd;
border: 1px solid #222225;
padding: 18px 9px 0;
}
.mh-gameshow ul li {
width: 220px;
height: 150px;
float: left;
margin: 0 10px;
display: inline;
}
.mh-gameshow ul li a {
width: 220px;
height: 150px;
display: block;
position: relative;
overflow: hidden;
}
.mh-gameshow ul li a .bg {
width: 220px;
height: 150px;
position: absolute;
top: 0;
left: 0;
background: #000;
filter: Alpha(Opacity=50);
opacity: 0.5;
}
.mh-gameshow ul li a b {
width: 220px;
height: 30px;
line-height: 30px;
position: absolute;
top: 60px;
left: 0;
font-size: 18px;
color: #fff;
display: block;
text-align: center;
}
.mh-gameshow ul li a:hover .bg {
filter: Alpha(Opacity=20);
opacity: 0.2;
cursor: pointer;
}
.mh-gameshow ul li a img {
-webkit-filter: blur(1px);
filter: blur(1px);
-webkit-filter: none\9;
filter: none\9;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.mh-gameshow ul li a:hover img {
-webkit-filter: blur(0);
filter: blur(0);
-webkit-filter: none\9;
filter: none\9;
}
.mh-healthy {
width: 998px;
height: 58px;
background: #000000a6;
border: 1px solid #222225;
padding-top: 10px;
}
.mh-healthy p {
text-align: center;
color: #6f7581;
line-height: 25px;
}
.mh-healthy p span {
color: #00c2df;
}
.mh-weibo {
width: 120px;
height: 205px;
background: url(https://mem168.com/bbs/style/css/img/bg_weibo.jpg);
left: 50%;
margin: 0 0 0 515px;
position: absolute;
top: 673px;
z-index: 30;
}
.mh-weibo .weibo {
width: 99px;
height: 99px;
margin: 12px auto 15px;
}
.mh-weibo a {
width: 105px;
height: 38px;
line-height: 38px;
display: block;
font-size: 14px;
padding-left: 12px;
color: #fff;
border-top: 1px solid #1e1f27;
background: url(https://mem168.com/bbs/style/css/img/icon.png) no-repeat;
}
.mh-weibo .tencent {
background-position: -34px -192px;
}
.mh-weibo .sina {
background-position: -34px -223px;
}
.mh-weibo .dy {
background-position: -34px -257px;
line-height: 13px;
padding-top: 5px;
}
.mh-footer {
background: #383838;
}
.mh-main>div {
opacity: 0;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
.show>div {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mh-main .mh-down, .mh-main .mh-nav {
-webkit-transition: all 0.6s ease-out 0s;
transition: all 0.6s ease-out 0s;
}
.mh-main .mh-sel, .mh-main .mh-news, .mh-main .mh-sale {
-webkit-transition: all 0.6s ease-out 0.2s;
transition: all 0.6s ease-out 0.2s;
}
.mh-main .mh-ver-ser, .mh-main .mh-role {
-webkit-transition: all 0.6s ease-out 0.4s;
transition: all 0.6s ease-out 0.4s;
}
.mh-main .mh-partners, .mh-main .mh-gameshow {
-webkit-transition: all 0.6s ease-out 0.6s;
transition: all 0.6s ease-out 0.6s;
}
.mh-main .mh-healthy {
-webkit-transition: all 0.6s ease-out 0.8s;
transition: all 0.6s ease-out 0.8s;
}
.mh-main .l {
margin-bottom: 20px;
}
.mh-gameshow ul li a b, .mh-gameshow ul li a .bg, .mh-down .down h2 {
-webkit-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.mh-role .role .role-show .role-pic, .mh-ver-ser .mh-ver a .txt span, .mh-ver-ser .mh-ver a .txt i, .mh-ver-ser .mh-ver a img, .mh-news .news .news_tab li a em {
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.mh-ul li a .bg, .mh-ul li a em, .mh-ul li a i {
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.mh-ver-ser .mh-ver a .txt p {
-webkit-transition: all 0.3s ease-in-out 0.1s;
transition: all 0.3s ease-in-out 0.1s;
}
.mh-role .role .role-show .role-txt, .mh-weibo {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.mh-ts-bg {
display: none;
}
.mh-qd-bg {
width: 100%;
height: 100%;
background: #000;
filter: Alpha(Opacity=80);
opacity: 0.8;
position: fixed;
top: 0;
left: 0;
}
.mh-qd {
width: 594px;
height: 279px;
background: url(https://mem168.com/bbs/style/css/images/qd.png) no-repeat;
position: fixed;
top: 50%;
left: 50%;
margin-top: -139px;
margin-left: -297px;
}
.mh-qd p {
text-indent: -9999px;
}
.mh-qd .mh-qd-c {
width: 32px;
height: 32px;
position: absolute;
top: 16px;
right: 0;
background: url(about:blank);
cursor: pointer;
text-indent: -999em;
}