@charset "utf-8";
/*userCARDS*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
#userCARDS { position:relative;}
#userCARDS img{border:0;}
#userCARDS em{font-style:normal;font-weight:normal;}
#userCARDS ul{list-style:none;}
#userCARDS .fl{float:left;}
#userCARDS .fr{float:right;}
#userCARDS .clean:before,#userCARDS .clean:after{content:"";display:table;}
#userCARDS .clean:after{clear:both;}
#userCARDS .clean{zoom:1;}
#userCARDS input:focus { outline:none;}
#userCARDS input { vertical-align:middle;}
#userCARDS a {     padding-top: 5px;margin-left: 5px; text-decoration:none;float: left;}
#userCARDS a:hover { text-decoration:underline;}
/*userCARDS_loading*/
.userCARDS_loading { display:none; padding:90px 85px 140px; width:70px; height:70px; background-position:-480px 0;}
/*userCARDS_logIn*/
.userCARDS_logIn { display:block !important; margin:0 auto; padding:0 0 0 15px; width:225px; height:300px; background-position:-240px 0;}
.userCARDS_nav { height:31px; font:12px/30px Arial, simsun;}
.userCARDS_name { width:93px; height:30px; overflow:hidden; white-space:nowrap;}
.userCARDS_nav .userCARDS_bless,.userCARDS_nav span,.userCARDS_name { color:#532C00;}
#userCARDS a.userCARDS_name:hover { text-decoration:none;}
.userCARDS_center,.userCARDS_manage,.userCARDS_center:hover,.userCARDS_manage:hover { color:#654B06;}
a.userCARDS_exit,a.userCARDS_exit:hover { display:inline; margin:0 7px; color:#999999;}
.userCARDS_head,.userCARDS_head a,.userCARDS_head img { display:block; margin:0; padding:0; width:70px; height:70px; overflow:hidden;}
.userCARDS_head { border:4px solid #CBA436; background:#FFFFFF url(../assets/images/loading.gif) center center no-repeat;}
.userCARDS_lvl { padding:4px 0 0 10px;}
.userCARDS_ranking,.userCARDS_rank,.userCARDS_integral { height:22px; font:12px/22px Arial, simsun;}
.userCARDS_ranking,.userCARDS_integral { color:#333333;}
.userCARDS_ranking a,.userCARDS_integral a,.userCARDS_ranking a:hover,.userCARDS_integral a:hover { padding:0 15px 0 0; color:#C51704;}
.userCARDS_integral { margin:10px 0 0 0;}
.userCARDS_up { background-position:right -369px;}
.userCARDS_down { background-position:right -349px;}
.userCARDS_rank_lvl { position:relative; margin:4px 0 0; width:50px; height:13px; background:url(../assets/images/userLevel.png) no-repeat; _background:url(../assets/images/userLevel8.png) no-repeat;}
.userCARDS_rank_lvl img { position:absolute; left:30px; top:0;}
a.userCARDS_rank_val,a.userCARDS_rank_val:hover { display:inline; margin:0 0 0 6px; color:#C51704;}
.userCARDS_progress { position:relative; margin:-2px 0 0 0; padding:6px 1px 1px; width:120px; height:12px; background-position:-130px -300px;}
.userCARDS_progressLink { position:absolute; top:6px; left:1px; width:120px; height:12px; background:url(../assets/images/transparent.png); overflow:hidden; z-index:10;}
.userCARDS_progressBar { width:0; height:12px; background-position:-252px -300px; overflow:hidden;}
.userCARDS_progressVal { position:absolute; top:6px; left:8px; font:10px/12px Arial, simsun; color:#333333; -webkit-text-size-adjust:none;}
.userCARDS_progressVal em { margin:0 1px 0 0;}
.userCARDS_progressVal span { margin:0 0 0 1px;}
.userCARDS_viplvl { position:relative; margin:4px 0 0 0; height:20px; z-index:999;}
.upgradeEffects { position:absolute; top:0; left:0; display:none; width:240px; height:300px; z-index:1000;}
.LupgradeEffects { position:absolute; top:0; left:0; width:240px; display:none; height:300px; z-index:1000;}
.userCARDS_viplv { margin:1px 3px 0 0; padding:0;}
.userCARDS_viplv img { display:block;}
.userCARDS_upgradeOff { cursor:default;}
a.userCARDS_tobevip { width:78px; text-align:center; font:700 12px/20px Arial, simsun; color:#C51704;}
a.userCARDS_diamond,a.userCARDS_badge,a.userCARDS_diamond:hover,a.userCARDS_badge:hover { width:48px; padding:0 0 0 22px; font:12px/20px Arial, simsun; color:#C51704;}
.userCARDS_Dspe { margin:0 70px 0 0;}
.userCARDS_diamond { background-position:-460px -321px;}
.userCARDS_badge { background-position:-460px -301px;}
.userCARDS_badge span { color:#333333;}
.userCARDS_badge:hover span { color:#C51704;}
.userCARDS_recently { margin:7px 0 0 0;}
.userCARDS_recently p,.userCARDS_privilege p,.userCARDS_game p { font:700 12px/24px Arial, simsun; color:#333333;}
#recentGame { width:225px; height:53px; overflow:hidden;}
ul.cardLoading li { margin:0; padding:0 3px 0 0; width:222px; height:50px; background:none; font:12px/40px Arial, simsun; color:#333; text-align:center;}
.userCARDS_recently li { margin:0 0 6px; width:214px; height:22px; background:url(../assets/images/userCARDS_recently.png); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.51wan.com/v3/userCARDS/assets/images/userCARDS_recently.png'); vertical-align:middle; overflow:hidden;}
.userCARDS_recently li img { display:inline; margin:3px 0 0 3px; width:16px; height:16px; vertical-align:middle;}
.userCARDS_recently li a { _position:relative; font:12px/22px Arial, simsun;}
li a.userCARDS_recentlyName,li a.userCARDS_recentlyName:hover { display:inline; margin:0 0 0 6px; width:79px; color:#FFFFFF; font-weight:700;}
a.userCARDS_recentlyServer,a.userCARDS_recentlyServer:hover { display:inline; padding:0 5px 0 0; width:40px; color:#532C00; text-align:right;}
a.userCARDS_recentlyMore { display:inline-block; margin:4px 0 0 13px; width:7px; height:13px; background-position:-65px -330px; text-indent:-9999em; overflow:hidden;}
.userCARDS_privilege,.userCARDS_game { width:225px; height:45px; overflow:hidden;}
.userCARDS_privilege dt,.userCARDS_game dt { width:189px; height:21px; overflow:hidden;}
.userCARDS_privilege dt p,.userCARDS_game dt p { margin:0 0 0 5px; font:12px/20px Arial, simsun; color:#999999;}
.userCARDS_privilege dt a,.userCARDS_game dt a { margin:0 7px 0 0;}
.userCARDS_privilege dt img,.userCARDS_game dt img { width:20px; height:20px;}
.userCARDS_privilege dd img,.userCARDS_game dd img { display:block;}
.userCARDS_quick { margin:10px 0 0 -18px;}
.userCARDS_quick a { display:inline-block; margin:0 0 0 18px; width:60px; height:20px; background:url(../assets/images/userCARDS_quick.png); font:12px/20px Arial, simsun; color:#654B06; text-align:center; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.51wan.com/v3/userCARDS/assets/images/userCARDS_quick.png'); cursor:pointer;}
#userCARDS .userCARDS_quick a:hover { text-decoration:none; color:#654B06;}
/*userCARDS_vip*/
.userCARDS_vip .userCARDS_name,.userCARDS_vip .userCARDS_name:hover { color:#C61704;}
/*userCARDS_common*/
.userCARDS_common .userCARDS_name,.userCARDS_common .userCARDS_name:hover { color:#532C00;}
.userCARDS_common .userCARDS_tobevip,.userCARDS_common .userCARDS_game { display:block;}
a.userCARDS_up,a.userCARDS_down,a.userCARDS_rank_val { cursor:default;}
#userCARDS a.userCARDS_up:hover,#userCARDS a.userCARDS_down:hover,#userCARDS a.userCARDS_rank_lvl:hover,#userCARDS a.userCARDS_rank_val:hover { text-decoration:none;}
/*lv,vip*/
#userCARDS .userCARDS_name { width:120px; height:22px; cursor:default;}
#userCARDS .userCARDS_nav span,#userCARDS .userCARDS_nav .userCARDS_bless { color:#C51704;}
#userCARDS a.userCARDS_diamond:hover { text-decoration:none;}
#userCARDS .userCARDS_rank_lvl { margin:2px 0 0 0;}
#userCARDS .userCARDS_rank { margin:5px 0 0 0;}
.userCARDS_lvl .cardLoading { color:#333;}
.userCARDS_lvl .cardLoading a { display:none;}
/*userCARDS_NEWlogOut*/
.userCARDS_logOut { position:relative; left: 18px; width:230px; min-height: 300px; background-position: 0 0;}
.userCARDS_logOut dl { padding:13px 0 0 13px;}
.userCARDS_logOut dt { display:inline; margin:0 9px 0 0; height:60px;}
.userCARDS_logOut dt p { margin:0 0 6px; padding:2px 8px; width:134px; height:20px; background-position:-56px -355px; overflow:hidden;}
.userCARDS_logOut dt input { width:134px; height:20px; font:12px/20px Arial, simsun; background:none; border:0; color:#B0B0B0;}
.userCARDS_logOut dd input { width:55px; height:55px; background-position:0 -324px; border:0; cursor:pointer;}
.userCARDS_VCode { display:none; padding:0 0 0 13px;}
.userCARDS_VCode p { margin:0 5px 0 0; padding:2px 8px; width:69px; height:20px; background-position:0 -300px; overflow:hidden;}
.userCARDS_VCode input { width:69px; height:20px; font:12px/20px Arial, simsun; background:none; border:0; color:#B0B0B0;}
.userCARDS_VCode img { display:block; width:83px; height:24px; cursor:pointer;}
.userCARDS_other { margin:2px 0 0 13px;}
.userCARDS_other input { width:14px; height:14px;}
.userCARDS_other label,a.userCARDS_forget,a.userCARDS_register { font:12px/14px Arial, simsun; color:#C56A18;}
.userCARDS_other label { display:inline; margin:0 45px 0 5px;}
a.userCARDS_forget { display:inline; margin:0 15px 0 0;}
.openLoginTitle { padding:10px 0 0 13px; font:12px/20px Arial, simsun; color:#C56A18;}
.openLogin a { display:inline-block; margin:10px 0 0 13px; width:100px; height:20px; text-indent:-999em; overflow:hidden;}
.openLogin .icon_sina { background-position:-207px -359px;}
.openLogin .icon_qq { background-position:-308px -359px}
.userCARDS_swf { position:absolute; left:5px; bottom:2px; width:230px; height:130px;}
 @-webkit-keyframes uil-default-anim {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    @keyframes uil-default-anim {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    .uil-default-css > div:nth-of-type(1) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }
    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }
    .uil-default-css > div:nth-of-type(2) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: -0.4166666666666667s;
        animation-delay: -0.4166666666666667s;
    }
    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }
    .uil-default-css > div:nth-of-type(3) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: -0.33333333333333337s;
        animation-delay: -0.33333333333333337s;
    }
    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }
    .uil-default-css > div:nth-of-type(4) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: -0.25s;
        animation-delay: -0.25s;
    }
    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }
    .uil-default-css > div:nth-of-type(5) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: -0.16666666666666669s;
        animation-delay: -0.16666666666666669s;
    }
    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }
    .uil-default-css > div:nth-of-type(6) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: -0.08333333333333331s;
        animation-delay: -0.08333333333333331s;
    }
    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }
    .uil-default-css > div:nth-of-type(7) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }
    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }
    .uil-default-css > div:nth-of-type(8) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: 0.08333333333333337s;
        animation-delay: 0.08333333333333337s;
    }
    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }
    .uil-default-css > div:nth-of-type(9) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: 0.16666666666666663s;
        animation-delay: 0.16666666666666663s;
    }
    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }
    .uil-default-css > div:nth-of-type(10) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: 0.25s;
        animation-delay: 0.25s;
    }
    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }
    .uil-default-css > div:nth-of-type(11) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: 0.33333333333333337s;
        animation-delay: 0.33333333333333337s;
    }
    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }
    .uil-default-css > div:nth-of-type(12) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: 0.41666666666666663s;
        animation-delay: 0.41666666666666663s;
    }
    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }