.rich-body{margin:0;padding:0;background-color: #FAFAFA;}
.rich-body ul{list-style-type:none;}
.rich-body a{text-decoration:none;}
#main{margin:0 auto;overflow:hidden;}
#main .check-color{height: 78px;}
#main .check-color div{width:18px;height:18px;float:left;border-radius:3px;cursor:pointer;margin:4px;transition: all 0.3s ease 0s;}
#main .check-color div:hover{box-shadow: 1px 1px 4px #444 inset, 0 0 5px #60d0ff;transform: scale(1.1);}
#main .check-color .action{box-shadow: 1px 1px 4px #444 inset, 0 0 5px #60d0ff;transform: scale(1.1);}
#main .check-color #add-color{color:#fff;text-align:center;line-height:18px;}
#index-tab{zoom:1;float:left;border:1px solid #ccc;border-top-left-radius:5px;border-bottom-left-radius:5px;padding:0;border-bottom:none;}
#index-tab .tab_a{line-height:20px;text-align:center;padding:10px 30px;color:#333;display:block;border-bottom:1px solid #ccc;}
#index-tab .tab_a:hover{background-color:#F5F5F5;}
.tab-content{background: #FFF;width:480px;height:493px;float:left;border:1px solid #ccc;border-left:none;overflow-x:hidden;padding:10px;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.tab-content .diy{border: 1px solid #fff;padding: 1px 7px;cursor: pointer;margin-top: 3px;position: relative;}
.tab-content .diy:hover{border:1px solid #ccc;}
.tab-content .diy .hot-img{position:absolute;width:100%;z-index:999;}
.tab-content .diy .hot-img img{float:right;position:relative;right:8px;}
.tab-content .diy .heart{color:#333;display:none;padding: 3px 5px;position:absolute;bottom:5px;right:5px;border: 2px dashed #aaa;cursor: pointer;}


.col-md-6{padding:15px;zoom:1;}
.tips{line-height:45px;clear:both;}
#portrait{float:left;width:130px;height:120px;}
#portrait img{width:120px;height: 120px;cursor: pointer;}

#template-right{width:470px;height:120px;float:right;}
.padding{clear:both;margin:15px 0px 15px 0px;}
.p0{padding:0}
.custom_delColor {
    position: relative;
    left: 8px;
    top: -6px;
    width: 16px;
    height: 16px;
    display: block;
    color: #000;
    border-radius: 10px;
    text-align: center;
    line-height: 14px;
}
#alertMessage {
    background: #5cb85c;
    width: 280px;
    height: 85px;
    position: fixed;
    top: 100px;
    right: 12px;
    border-radius: 8px;
    padding: 8px 12px;
    display: none;
    z-index: 9999;
}
#alertMessage .title {
    font-size: 16px;
    color: #ffffff;
}
#alertMessage .content {
    font-size: 14px;
    color: #ffffff;
}
.tab-right .tab-move-img img {
    cursor: pointer;
    width: 220px;
    height: 150px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}
.holiday{position:relative;}
.holiday .mousemove{display:none;}
.holiday.open .mousemove{z-index:1000;display:block;zoom:1;overflow:hidden;position:absolute;left:116px;top:-1px;width:162px;background:#ffffff;padding:0px;border:1px solid #ccc;box-shadow: 2px 4px 8px #ccc;}
.holiday.open .mousemove li{width:80px;height:30px;float:left;text-align:center;line-height:30px;margin-top:5px;}
.holiday.open .mousemove li a{color:#333;display:block;width:100%;}
.holiday.open .mousemove .active{background:#E3E3E3;}
.holiday.open .mousemove li:hover{background:#E3E3E3;}





