body,div,span,a,i,blockquote,table,tr,th,td,strong,div,label,address,area,b,br,button,embed,tbody,font-face,dd,dt,dl,del,embed,header,em,ul,ol,li,footer,form,iframe,img,image,hgroup,svg,img,input,p{margin:0;padding:0}
dl,ul{list-style:none}
li,ol,dd{list-style-type:none}
img{border:0;}
a{outline:none;text-decoration:none;}
a:hover{text-decoration:none}
body{background-color:white;font-size:12px;font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;color:black;}
.clearfix { zoom:1; }
.clearfix:after {
    content:"";
    display:block;
    width:0;
    height:0;
    clear:both;
    visibility:hidden;
}
.famous_mb40{margin-bottom:40px;}
.famous_pa19{padding:19px 0;}
.famous_p16{padding:52px 160px;}
/*bg*/
.backdrop_red{background-color:#240c06;}
/*struction*/
.famous_main{margin:0 auto;width:1044px;}
.famous_box{border:2px solid #513c23;}
.famous_login_section{float:left;padding:40px 44px;margin:0 17px;width:397px;height:70px;}
/*bg*/
.wrap_box_index{background:url(images/famous_box_index.jpg) center top repeat-y;}
.wrap_box_bottom{padding-bottom:229px;background:url(images/famous_box_bottom.jpg) center bottom no-repeat;}
.wrap_backgrop{background:url(images/famous_banner_backdrop.jpg) center top no-repeat;}
.famous_frames{background:url(images/famous_frames_backdrop.png) left top no-repeat;}
/*banner*/
.famous_banner{height:603px;background:url(images/famous_banner.jpg) center top no-repeat;}
.outside_locate{position:relative;top:0;left:0;z-index:1;}
.famous_banner .outside_locate >div{position:absolute;}
.banner_star{display:none;top:109px;left:50%;margin-left:-186px;width:395px;height:349px;background:url(images/famous_banner_star.png) no-repeat;
             -webkit-animation:rotate 1s ease;
                -moz-animation:rotate 1s ease;
                     animation:rotate 1s ease;
}
@-webkit-keyframes rotate{
    from{-webkit-transform:rotateY(0deg)}
    to{-webkit-transform:rotateY(360deg)}
}
@-moz-keyframes rotate{
    from{-moz-transform:rotateY(0deg)}
    to{-moz-transform:rotateY(360deg)}
}
@keyframes rotate{
    from{transform:rotateY(0deg)}
    to{transform:rotateY(360deg)}
}
.banner_prompt{display:none;top:182px;left:50%;margin-left:-427px;width:894px;height:236px;background:url(images/famous_banner_prompt.png) no-repeat;opacity:0;
               -webkit-animation:fadeInUp 1s ease forwards;
                  -moz-animation:fadeInUp 1s ease forwards;
                       animation:fadeInUp 1s ease forwards;
}
@-webkit-keyframes fadeInUp{
    from{top:-100%;opacity:0;}
    to{top:182px;opacity:1;}
}
@-moz-keyframes fadeInUp{
    from{top:-100%;opacity:0;}
    to{top:182px;opacity:1;}
}
@keyframes fadeInUp{
    from{top:-100%;opacity:0;}
    to{top:182px;opacity:1;}
}
.banner_text{top:482px;left:0;width:100%;font-size:32px;color:#f1e287;font-weight:bold;line-height:2;text-align:center;}
/*list*/
.famous_login_list dt,.famous_login_list dd{float:left;}
.famous_login_list dt{margin-right:18px;width:67px;height:67px;background-image:url(images/famous_skin.png);background-color:transparent;background-repeat:no-repeat;}
.famous_login_list dt.ico_register{background-position:-16px -19px;}
.famous_login_list dt.ico_login{background-position:-14px -109px;}

.famous_login_list dd{width:290px;font-size:16px;color:white;line-height:2;}
.famous_login_list dd p{font-size:20px;color:#e6c948;font-weight:bold;line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.famous_login_list dd p a{color:#e6c948;}
.famous_login_list dd p a:hover{color:yellow;text-decoration:none;}

.famous_job_list li,.famous_job_list li a{float:left;}
.famous_job_list li{margin:13px 24px;width:212px;height:273px;background:url(images/famous_frames_backdrop2.png) center top no-repeat;}
.famous_job_list li a{padding:18px 18px 10px;}
.famous_job_list li a label{display:block;position:relative;top:0;left:0;margin:0 auto;width:174px;height:130px;text-align:center;background-color:white;overflow:hidden;}
.famous_job_list li a label img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:130px;}
.famous_job_list li a span{display:block;margin:10px 34px;height:42px;font-size:16px;color:#e6c948;line-height:21px;text-align:center;overflow:hidden;text-overflow:ellipsis;}
.famous_job_list li a i{display:block;margin:0 auto;width:164px;height:40px;background-image:url(images/famous_skin.png);background-color:transparent;background-repeat:no-repeat;font-size:15px;color:#b76b16;line-height:2.8;font-weight:bold;text-align:center;cursor:pointer;font-style:normal;}
.famous_job_list li a i{background-position:-5px -193px;}
.famous_job_list li a i:hover{background-position:-5px -247px;}

.famous_code_list dt,.famous_code_list dd{float:left;}
.famous_code_list dt{margin-right:38px;padding:13px 0;width:187px;background-color:white;text-align:center;}
.famous_code_list dt img{display:block;margin:0 auto;}
.famous_code_list dd{margin-top:42px;font-size:26px;font-weight:normal;line-height:2;color:white;}
.famous_code_list dd p{margin-bottom:5px;font-size:26px;font-weight:bold;line-height:2;color:#e6c948;}

.bottom_subspension{position:relative;top:0;left:0;width:100%;}
.bottom_subspension .index{position:fixed;left:0;bottom:0;padding:40px 0;width:100%;font-size:18px;font-weight:bold;color:#fff;text-align:center;background-color:rgba(0,0,0,.65);}