body,h1,h2,h3,h4,h5,h6,p{
    margin:0;

}
body{
    font-size:14px;
    font-family:'微软雅黑';
//background:#fafafa;
}
table{
    border-collapse: collapse;
}
td{
    padding:0;
    vertical-align:top;
}
ul{
    margin:0;
    padding:0;
    list-style-type:none;
}
img{
    border:none;
    vertical-align:bottom;/*解决图片在A链接中会额外占4px的padding*/
}


.bgLikeRed{
    background:url("../images/like_red.png") no-repeat;
}
.naviWidget{
    position:fixed;
    right:10px;
    bottom:20px;
    z-index:100;
}
.nwGoTop{
    display:none;
    width:82px;
    height:76px;
    background:url("../../sys/gotop.png") no-repeat;
}


.wrapper{
    /*
    margin:0 auto 0 auto;
    width:1146px;
    */
}

.faceMain{
    background-color:#abdcff;
    width:720px;
}
.faceMain h1{
    display:none;
}
.fmImg{
    width:90px;
}
.fmImg a{
    text-decoration:none;
    color:#fff;
    font-size:20px;
    line-height:48px;
}
.fmLink{
    padding:0 0 0 16px;
}


.framePage{
    margin-top:10px;
    background:#fff;
}
.fpHomeItems{
    margin:10px 0 0 0;
}


.cardListArea{
    padding:10px;
    background-color:#a1e3ff;
}
.claSearchCard,.claClearCardSel{
    padding:10px 18px;
    font-size:120%;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    cursor:pointer;
}
.claSearchCard{
    font-weight:800;
    background-color:#0c82ef;
    color:#fff;
    border:2px solid #fff;
}
.claClearCardSel{
    background-color:#fff;
    color:#0178dd;
    border:2px solid #00c0ff;
}

.claCardBox{
    border:2px solid;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
.claCBColor1{
    border-color:#60b2ff;
}
.claCBColor2{
    border-color:#ffea00;
}
.claCBColor3{
    border-color:#56ff56;
}

.claCardName{
    display:none;
    position: absolute;
    color:#fff;
    text-decoration:none;
    padding: 5px;
    background-color:#00d2ff;
}

.cardResultArea{
    margin:30px 0 0 0;
}

.claToolTip{
    display:none;
    margin:10px;
    padding:10px 20px;
    border:2px solid #fff;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    font-size:24px;
}
.cttColor1{
    color:#fff;
    background-color:#4aca7a;
}
.cttColor2{
    color:#fff;
    background-color:#c44e4e;
}
.claToolInput{
    outline:none;
    padding:0 10px;
    margin:2px 0 0 20px;
    width:160px;
    height:35px;
    font-size:24px;
    border:3px solid #00c0ff;
    color:#00c0ff;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
.game-link{
    text-decoration: none;
}
.loading{
    display: none;
    width: 150px;
    height: 15px;
    margin: 0 auto;
    position: relative;
}
.loading span{
    position: absolute;
    width: 15px;
    height: 100%;
    border-radius: 50%;
    background: lightblue;
    -webkit-animation: load 1.04s ease-in infinite alternate;
}
@-webkit-keyframes load{
    0%{
        opacity: 1;
        -webkit-transform: translate(0px);
    }
    100%{
        opacity: 0.2;
        -webkit-transform: translate(150px);
    }
}
.loading span:nth-child(1){
    -webkit-animation-delay:0.13s;
}
.loading span:nth-child(2){
    -webkit-animation-delay:0.26s;
}
.loading span:nth-child(3){
    -webkit-animation-delay:0.39s;
}
.loading span:nth-child(4){
    -webkit-animation-delay:0.52s;
}
.loading span:nth-child(5){
    -webkit-animation-delay:0.65s;
}
.recvCard{
    vertical-align: middle;
}
.va-middle{
    vertical-align: middle;
}

.spinner{
    margin: 0 auto;
}
.del-this{
    vertical-align: baseline
}