@charset "utf-8";
*{
    font: 12px "微软雅黑", Helvetica, Arial, Verdana;
}
body{margin:0;padding:0;}
ul,li,dl,dt,dd{ margin:0px; padding:0px; list-style:none;}
a{text-decoration:none;color: #333;}
a:link{}
a:visited{}
a:hover{text-decoration:none;}
a:active{}
img{border:0;padding:0; margin:0;}
p{padding:0; margin:0;}
b{
    font-weight: bold;
}


.msgbox{
    width: 300px; height: 80px; overflow: hidden; border-radius: 4px;
    background: url(../../images/common/msg/hei.png) repeat;
    position: fixed; z-index: 1000000000; cursor: default;
}
.msgbox .main{
    width: 290px; height: 70px; overflow: hidden; margin: 5px; background: #fff; border-radius: 3px;
}
.msgbox .main .msgform{
    width: 280px; height: 60px; overflow: hidden; padding: 5px;
}
.msgbox .main .msgform table{
    margin: 0px; padding: 0px; overflow: hidden;
}
.msgbox .main .msgform .good{
    width: 48px; height: 48px; overflow: hidden;
    background: url(../../images/common/msg/msg1.png) no-repeat;
}
.msgbox .main .msgform .bad{
    width: 48px; height: 48px; overflow: hidden;
    background: url(../../images/common/msg/msg0.png) no-repeat;
}
.msgbox .main .msgform .tan{
    width: 48px; height: 48px; overflow: hidden;
    background: url(../../images/common/msg/msg2.png) no-repeat;
}
.msgbox .main .msgform span{
    font-size: 14px;
}
.msgbox .main .msgform span.red{
    color: #be0000;
}
.msgbox .main .msgform span.green{
    color: #1F9999;
}
/*MsxBox样式结束*/

#bg{
    top: 0px; left: 0px; position:  fixed; z-index: 1;
}
#web{
    width: 100%; height: 100%;
    position: absolute; z-index: 10;
    background: url(../../images/base/none.png) repeat;
    _background: none;
}


/*桌面图标*/
.toolbox{
    overflow: hidden; padding: 10px; z-index: 1000;
}

.toolico{
    width: 100px; height: 120px; overflow: hidden; margin: 10px; border-radius: 5px; position: absolute;
    border: 1px solid rgba(255,255,255,0); background: rgba(255,255,255,0); cursor: pointer; z-index: 1000;
}
.toolico:hover{
    width: 100px; height: 120px; overflow: hidden; margin: 10px; border-radius: 5px;
    border: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.1); cursor: pointer;
}
.toolico .ico{
    width: 80px; height: 80px; overflow: hidden; margin-left: 10px; margin-top: 10px; position: relative;
}
.toolico .ico img{
    width: 100%; height: 100%;
}
.toolico .ico .uper{
    width: 80px; height: 80px; overflow: hidden; position: absolute; z-index: 100;
}
.toolico .ico .downer{
    width: 80px; height: 80px; overflow: hidden; position: absolute; z-index: 80;
}
.toolico .txt{
    width: auto; height: 24px; overflow: hidden; color: #FFF; margin-top: 4px; text-align: center;
}
.toolico .txt span{
    font: 12px/20px "微软雅黑"; color: #FFF; background: rgba(0,0,0,0.6); padding: 2px 6px; border-radius: 3px; *background: #ccc;
}
/*桌面图标end*/


/*菜单*/
#menumain{
    width: 200px; height: 100%; background: url(../../images/base/black.png) repeat; position: fixed; z-index: 100; left: -190px;
}
#menublackbg{
    width: 100%; height: 100%; background: url(../../images/base/web.png) repeat; position: fixed; z-index: 80; display: none;
}
#menu_centent{
    position: absolute;
}
#menu_open{
    width: 30px; height: 100px; overflow: hidden; position: absolute;
    top: 50%; right: -30px; z-index: 110; margin-top: -50px; background: url(../../images/base/web.png) repeat;
}
#menu_line{
    width: 1px; height: 100%; overflow: hidden; position: absolute; z-index: 105;
    background: url(../../images/base/web.png) repeat; right: 0px;
}
#menu_box{
    width: 180px; min-height: 300px; padding: 5px 0;
    border: 1px solid #52A3CC; background: url(../../images/base/white.png) repeat;
    margin-left: 8px; margin-top: 80px; border-radius: 4px;
}
.menu_list{
    width: auto; height: 40px; cursor: pointer;
}
.menu_father{
    width: 180px; height: 40px; overflow: hidden; position: absolute;
}
.menu_ico{
    width: 32px; height: 32px; overflow: hidden; background: #008800; margin-top: 4px; margin-left: 5px; float: left;
}
.menu_text{
    width: 120px; height: 40px; overflow: hidden; font: bold 14px/40px "微软雅黑"; color: #000; padding: 0 8px;
}
.menu_list:hover .menu_father{
    background: url(../../images/base/hui.png) repeat;
}
.menu_child{
    margin-top: -10px;
    position: absolute; right: -178px; z-index: 110; display: none;
}
.menu_list:hover .menu_child{
    display: block;
}
.menu_child_centent{
    width: 180px; background: url(../../images/base/none.png) repeat; border-radius: 4px; overflow: hidden;
}
.menu_child_list{
    width: 170px; min-height: 300px; background: url(../../images/base/white.png) repeat; border-radius: 3px; margin: 4px; margin-left: 6px; padding: 5px 0;
}
.menu_child_cube{
    width: 150px; height: 30px; overflow: hidden; font: bold 12px/30px "微软雅黑"; color: #000; padding: 0 10px;
}
.menu_child_cube:hover{
    background: url(../../images/base/hui.png) repeat;
}
.menu_child_cube_chico{
    width: 24px; height: 30px; overflow: hidden; background: url(../../images/base/chpoint.png) left center no-repeat; float: left;
}
.menu_child_cube_chtxt{
    width: 110px; height: 30px; overflow: hidden; float: left; font: bold 12px/30px "微软雅黑"; color: #000;
}
#menu_exit{
    width: 168px; height: 36px; overflow: hidden; margin-left: 8px; padding: 4px; border-radius: 4px; margin-top: 20px; cursor: pointer; display: block;
}
#menu_exitbtn{
    width: 36px; height: 36px; overflow: hidden; background: url(../../images/base/exitbtn.png) no-repeat; float: left;
}
#menu_exittext{
    width: 100px; height: 36px; overflow: hidden; float: left; font: bold 14px/36px "微软雅黑"; color: #bbb; margin-left: 10px;
}
#menu_exit:hover{
    background: url(../../images/base/huang.png) repeat;
}
/*菜单end*/

/*窗口*/

.main{
    overflow: hidden; margin: 10px; margin-left: 20px;
}
.main.w600{
    width: 600px; margin-left: auto; margin-right: auto;
}
.main.w840{
    width: 840px; margin-left: auto; margin-right: auto;
}
.main.w1000{
    width: 1000px; margin-left: auto; margin-right: auto;
}
.main.w1200{
    width: 1200px; margin-left: auto; margin-right: auto;
}
.main.w1400{
    width: 1400px; margin-left: auto; margin-right: auto;
}
.main .main_head{
    width: auto; height: 32px; overflow: hidden; position: relative;
}
.main .main_head .main_head_left{
    width: 4px; height: 32px; overflow: hidden; position: absolute; left: 0px; top: 0px;
    background: url(../../images/base/web_top.png) no-repeat;
}
.main .main_head .main_head_main{
    width: auto; height: 32px; overflow: hidden; margin: 0 4px;
    background: url(../../images/base/web_top.png) 0 -64px repeat-x;
}
.main .main_head .main_head_right{
    width: 4px; height: 32px; overflow: hidden; position: absolute; right: 0px; top: 0px;
    background: url(../../images/base/web_top.png) 0 -32px no-repeat;
}
.main .main_head .main_head_main .title{
    width: auto; height: 32px; overflow: hidden; float: left; cursor: default;
    font: bold 14px/30px "微软雅黑"; color: #dbdbdb; margin-left: 8px;
}
.main .main_head .main_head_main .title a{
    font: bold 14px/30px "微软雅黑"; color: #dbdbdb;
}
.main .main_head .main_head_main .title a:hover{
    color: #fff; text-decoration: none;
}
.main .main_head .main_head_main .close{
    width: 48px; height: 20px; overflow: hidden; background: url(../../images/base/close.png) no-repeat;
    float: right; margin-top: 6px; margin-right: 2px; cursor: pointer;
}
.main .main_head .main_head_main .close:hover{
    background: url(../../images/base/close.png) 0 -20px no-repeat;
}
.main .main_head .main_head_main .fresh{
    width: 48px; height: 20px; overflow: hidden; background: url(../../images/base/fresh.png) no-repeat;
    float: right; margin-top: 6px; margin-right: 2px; cursor: pointer;
}
.main .main_head .main_head_main .fresh:hover{
    background: url(../../images/base/fresh.png) 0 -20px no-repeat;
}
.main .main_head .main_head_main .goback{
    width: 48px; height: 20px; overflow: hidden; background: url(../../images/base/goback.png) no-repeat;
    float: right; margin-top: 6px; margin-right: 2px; cursor: pointer;
}
.main .main_head .main_head_main .goback:hover{
    background: url(../../images/base/goback.png) 0 -20px no-repeat;
}
.main .main_foot{
    width: auto; height: 6px; overflow: hidden; position: relative;
}
.main .main_foot .main_foot_left{
    width: 4px; height: 6px; overflow: hidden; position: absolute; left: 0px; top: 0px;
    background: url(../../images/base/web_down.png) 0 -6px no-repeat;
}
.main .main_foot .main_foot_main{
    width: auto; height: 6px; overflow: hidden; margin: 0 4px;
    background: url(../../images/base/web_down.png) 0 -30px repeat-x;
}
.main .main_foot .main_foot_right{
    width: 4px; height: 6px; overflow: hidden; position: absolute; right: 0px; top: 0px;
    background: url(../../images/base/web_down.png) 0 -18px no-repeat;
}

.main .main_mid{
    width: auto; height: auto; overflow: hidden; position: relative;
}
.main .main_mid .main_mid_left{
    width: 4px; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px;
    background: url(../../images/base/web_mid.png) repeat-y;
}
.main .main_mid .main_mid_main{
    width: auto; height: 100%; overflow: hidden; margin: 0 4px;
    background: url(../../images/base/web.png) repeat;
}
.main .main_mid .main_mid_right{
    width: 4px; height: 100%; overflow: hidden; position: absolute; right: 0px; top: 0px;
    background: url(../../images/base/web_mid.png) -4px 0 repeat-y;
}
.webpage{
    width: auto; min-height: 100px; overflow: hidden; background: url(../../images/base/page.png); border: 1px solid #666; margin: 0 2px; margin-top: 4px; padding: 3px;
}
.action_main{
    overflow: hidden; min-height: 480px; background: #fff; padding: 12px 10px;
}
/*窗口end*/

/*常用表格*/
.td_head{
    border:1px solid #d6d6d6; border-bottom:none; padding: 0px 10px; font: 14px "微软雅黑", Helvetica, Arial, Verdana;
}
.td_title{
    background: #F0F0F0; padding-left: 16px;
}
.tr_white{
    background: #fff;
}
.tr_hui{
    background: url(../../images/base/menutbbg.png) repeat-x #f8f8f8;
}
.td_p8{
    padding-left: 8px;
}
.td_pr8{
    padding-right: 8px;
}
.td_p16{
    padding-left: 16px;
}
/*常用表格end*/


/*分页*/
#page_list .page_text{
    padding: 2px 8px; border:1px solid #ddd; background: #f6f6f6; border-radius:3px; color: #333; margin: 0 2px;
    font: bold 12px/26px "微软雅黑", "宋体", Helvetica, Arial, Verdana; overflow: hidden; cursor: default;
}

#page_list a{
    padding: 2px 6px; border:1px solid #bbb; background: #f6f6f6; border-radius:3px; color: #333;
    font: bold 12px/26px "微软雅黑", "宋体", Helvetica, Arial, Verdana; overflow: hidden; margin: 0 2px;
}
#page_list a:hover{
    background: #eee; border-color: #999; color: #333; text-decoration: none;
}
#page_list span.current{
    padding: 2px 6px; border:1px solid #f88e00; background: #ffbc00; border-radius:3px; color: #fff;
    font: bold 12px/26px "微软雅黑", "宋体", Helvetica, Arial, Verdana; cursor: default;
    overflow: hidden; margin: 0 2px;
}
#page_list span.notuse{
    padding: 2px 6px; border:1px solid #ddd; background: #f6f6f6; border-radius:3px; color: #fff;
    font: bold 12px/26px "微软雅黑", "宋体", Helvetica, Arial, Verdana; cursor: default;
    overflow: hidden; margin: 0 2px;  color: #999;
}
/*分页*/

/*分页*/
#glasspage_list .page_text{
    padding: 2px 8px; border:1px solid rgba(255,255,255,0.2);
    color: #eee; margin: 0 2px; background: url(../../images/base/glow.png); border-radius:3px;
    font: 12px/26px "微软雅黑", "宋体", Helvetica, Arial, Verdana; overflow: hidden; cursor: default;
}

#glasspage_list a{
    padding: 2px 6px; border:1px solid rgba(255,255,255,0.2); background: url(../../images/base/glow.png); border-radius:3px; color: #ccc;
    font: bold 12px/26px "微软雅黑", "宋体", Helvetica, Arial, Verdana; overflow: hidden; margin: 0 2px;
}
#glasspage_list a:hover{
     background: url(../../images/base/huang.png); border-color: rgba(255,255,255,0.3); color: #eee; text-decoration: none;
}
#glasspage_list span.current{
    padding: 2px 6px; border:1px solid rgba(255,255,255,0.2); background: url(../../images/base/glow.png); border-radius:3px;
    font: bold 12px/26px "微软雅黑", "宋体", Helvetica, Arial, Verdana; cursor: default;
    overflow: hidden; margin: 0 2px; color: #eee;
}
#glasspage_list span.notuse{
    padding: 2px 6px; border:1px solid rgba(255,255,255,0.2); background: url(../../images/base/glow.png); border-radius:3px;
    font: bold 12px/26px "微软雅黑", "宋体", Helvetica, Arial, Verdana; cursor: default;
    overflow: hidden; margin: 0 2px; color: #bbb;
}
/*分页*/


/*按钮*/

.blackbutton{
    width: 120px; height: 32px; overflow: hidden; border: none; color: #bbb; cursor: pointer;
    background: url(../../images/base/blackbutton.png) no-repeat; font-size: 12px;
}
.blackbutton:hover{
    color: #eee;
}

.btn{
    position: relative;
    padding: 3px 12px;
    margin: 0;
    color: #777;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
    font-family: "微软雅黑";
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: linear-gradient(to bottom, #f5f5f5, #f1f1f1);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff1f1f1', GradientType=0);
    border: 1px solid #c6c6c6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}

.btn.me {
    text-shadow: none;
    color: #224f91;
    border-color: #1972b2;
    vertical-align: middle;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: linear-gradient(to bottom, #f8f8f8, #f1f1f1);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#fff1f1f1', GradientType=0);
    background-position: 0 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.btn.me:hover {
    text-shadow: none;
    color: #224f91;
    border-color: #1972b2;
    vertical-align: middle;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: linear-gradient(to bottom, #f8f8f8, #f1f1f1);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#fff1f1f1', GradientType=0);
    background-position: 0 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.btn:hover {
    text-shadow: none;
    color: #333;
    border-color: #bbb;
    vertical-align: middle;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: linear-gradient(to bottom, #f8f8f8, #f1f1f1);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#fff1f1f1', GradientType=0);
    background-position: 0 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}


.inputstyle{
    position: relative;
    padding: 6px 9px;
    margin: 0;
    color: #777;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
    font-family: "微软雅黑";
    font-size: 12px;
    text-align: left;
    vertical-align: middle;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: linear-gradient(to bottom, #f5f5f5, #f1f1f1);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff1f1f1', GradientType=0);
    border: 1px solid #c6c6c6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/*按钮*/

/*脖子*/
.action_nick{
    width: auto; height: 40px; overflow: hidden; border-bottom: 2px solid #333;
    font: bold 14px/30px "微软雅黑"; color: #fff; cursor: default; margin-bottom: 15px;
}
.action_nick span{
    height: 26px; overflow: hidden; display: block; border: 1px solid #333; float: left; text-align: center; min-width: 54px;
    font: 12px/26px "微软雅黑"; color: #ddd; padding: 0 8px; border-right: 0px solid #333; background: #666;
}
.action_nick span.me{
    background: #444;
}
.action_nick span.hd{
    height: 26px; min-width: 40px; overflow: hidden; font: 12px/26px "微软雅黑"; color: #fff; border-right: 0px solid #333; border-radius: 4px 0px 0px 4px; background: #333;
}
.action_nick span.bd{
    width: 4px; min-width: 0px; height: 26px; overflow: hidden; padding: 0px; font: 12px/26px "微软雅黑";border-left: 1px solid #444; border-right: 1px solid #333; background: #444; color: #fff; border-radius: 0px 4px 4px 0px;
}
.action_nick a{
    height: 26px; overflow: hidden; display: block; border: 1px solid #333; float: left; text-align: center; min-width: 54px; text-decoration: none;
    font: 12px/26px "微软雅黑"; color: #ddd; padding: 0 8px; border-right: 0px solid #333; background: #666; cursor: pointer;
}
.action_nick a:hover{
    color: #fff; background: #555; text-decoration: none;
}
/*脖子end*/

/*开关*/
.onoff{
    width: 58px; height: 29px; overflow: hidden; background: url(../../images/base/onoff.png) no-repeat; cursor: pointer; display: inline-block; vertical-align: middle;
}
.onoff.off{
    width: 58px; height: 29px; overflow: hidden; background: url(../../images/base/onoff.png) 0 -30px no-repeat; cursor: pointer;
}
/*开关end*/

#mailcenter{
    position: fixed; bottom: 0px; right: 0px; z-index: 10000;
}
.mailbag{
    width: 100px; height: 60px; overflow: hidden; background: #f00; margin: 5px; cursor: pointer;
}

#loadbox{
    width: 260px; height: 100px; overflow: hidden; background: url(../../images/base/hei.png) repeat; position: fixed; z-index: 10000; padding: 5px;
    left: 50%; top: 40%; margin-left: -130px; margin-top: -50px; display: none;
}
#loadboxer{
    width: 260px; height: 100px; overflow: hidden; background: url(../../images/base/white.png) repeat;
}
#load_ico{
    width: 72px; height: 72px; overflow: hidden; float: left; border: 1px solid #999;
    background: url(../../images/base/hui.png) repeat; padding: 5px; margin: 8px; border-radius: 46px;
}
#load_glass{
    width: 82px; height: 82px; overflow: hidden; position: absolute; margin: 10px;
}
#load_icoimg{
    width: 68px; height: 68px; overflow: hidden; border-radius: 34px; margin: 2px; background: #333;
}
#load_content{
    width: 120px; height: 40px; overflow: hidden; float: right; line-height: 40px; padding-left: 15px; border: 1px solid #aaa;
    background: url(../../images/base/hui.png) repeat; color: #666; margin-top: 30px; margin-right: 15px; cursor: default;
}

.cp{
    overflow: hidden; line-height: 22px;
}
.cp li{
    float: left; margin-right: 16px;
}
.bc1{
    background: #fffed8;
}

.roteanimate{
    animation: myfirst 2s;
    -moz-animation: myfirst 2s;	/* Firefox */
    -webkit-animation: myfirst 2s;	/* Safari 和 Chrome */
    -o-animation: myfirst 2s;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@keyframes myfirst{
    from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}

@-moz-keyframes myfirst /* Firefox */
{
    from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
    from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}

@-o-keyframes myfirst /* Opera */
{
    from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}