@charset "UTF-8";
@import url('base.css');
.section1{/* min-height: 400px;background: url(../img/bg_firstScreen2.jpg) top center no-repeat; */position: relative;}
#search_anchor{position: absolute;left:0;bottom: 30px;z-index: -1;}
.rankType{padding-left: 1px;font-size: 16px;padding-bottom: 70px;}
.rankType .item{width: 132px;height: 144px;border: 1px solid #6d7182;float: left;margin-right: 57px;cursor: pointer;color: #fff9e0;position: relative;
-o-transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;transition:all 0.2s;background: #0a0d2c;opacity: .6;}
.rankType .item .arrow{width:20px;height: 10px;background: url(../img/ico_arrow_down.png) center no-repeat;position: absolute;left: 55px;bottom: 15px;display: none;}
.rankType .item:hover,.rankType .item.active{-o-transform: scale(1.3);-moz-transform: scale(1.3);-webkit-transform: scale(1.3);transform: scale(1.3);color: #fd9;opacity: 1;}
.rankType .item:hover .arrow{display: block;-webkit-animation:RT_bg_move 1s infinite;-moz-animation:RT_bg_move 1s infinite;-o-animation:RT_bg_move 1s infinite;animation:RT_bg_move 1s infinite;}
/*.rankType .item.active{-o-transform: scale(1.3);-moz-transform: scale(1.3);-webkit-transform: scale(1.3);transform: scale(1.3);color: #fd9;}*/
.rankType .item img{display: block;margin: 32px auto 15px;width: 41px;}
@keyframes RT_bg_move{
	0% {opacity: 1;bottom: 15px;}
	20% {opacity: 1;}
	100% {opacity: 0;bottom: 5px;}
}
@-webkit-keyframes RT_bg_move{
	0% {opacity: 1;bottom: 15px;}
	20% {opacity: 1;}
	100% {opacity: 0;bottom: 5px;}
}
@-moz-keyframes RT_bg_move{
	0% {opacity: 1;bottom: 15px;}
	20% {opacity: 1;}
	100% {opacity: 0;bottom: 5px;}
}
@-o-keyframes RT_bg_move{
	0% {opacity: 1;bottom: 15px;}
	20% {opacity: 1;}
	100% {opacity: 0;bottom: 5px;}
}

.rankWrap{}
.rankWrap .item{width: 120px;height: 210px;border: 1px solid #3e3e59;float: left;margin-right: 17px;margin-top: 15px;position: relative;}
.rankWrap .item:nth-child(8n){margin-right: 0;}
.rankWrap .item .header{width: 100%;height: 144px;padding: 4px;position: relative;}
.rankWrap .item .header img{display: block;width: 100%;height: 100%;}
/*.rankWrap .header .hdMask{width:100%;height:100%;position: absolute;left:0;top: 0;background: rgba(0,0,0,.4);color: #fff;display: none;}*/
.rankWrap .item:hover .btns{display: block;}
.rankWrap .header .btns{width: 62px;height: 22px;line-height: 20px;color: #b5b5b5;border: 1px solid #b5b5b5;border-radius: 5px;position: absolute;left: 28px;z-index: 100;background: #040c28;cursor: pointer;display: none;}
.rankWrap .header .btns:hover{background: #fd9;color: #040c28;border-color: transparent;}
.rankWrap .header .btn_share{top: 40px;}
.rankWrap .header .btn_flower{top: 70px;}
.rankWrap .name{display: block;padding: 5px;}
.rankWrap .flowers{/*padding-top: 5px;*/}
.rankWrap .flowers img{vertical-align: middle;}
.rankWrap .item .ranking{min-width: 26px;height: 26px;line-height: 26px;text-align: center;position: absolute;left: 0;top: 0;z-index: 150;background: rgba(38,38,68,.6);}

.bg_noResult{display: none;}
.bg_noResult .txt1{font-size: 20px;margin-top: 20px;}
.bg_noResult .txt2{margin-top: 20px;color: #d6b980;}
.bg_noResult .link1{font-size: 18px;border: 1px solid #d2b685;display: inline-block;padding: 15px 60px;background: #0e0e2f;border-radius: 5px;margin-top: 20px;}


/*个人主页*/
.detail{min-height: 260px;background: url(../img/bg_detail.png) top no-repeat;position: relative;padding-left: 129px;}
.detail .header{width: 130px;height: 130px;border-radius: 50%;overflow: hidden;position: absolute;left: 35px;top: 94px;}
.detail .header img{display: block;width: 100%;}
.detail .top{height: 44px;line-height: 44px;font-size: 16px;}
.detail .top2{font-size: 18px;padding: 10px 0;}
.detail .differ{display: inline-block;margin-left: 80px;}
.detail .detail_body{padding:30px 0 10px;font-size: 18px;}
.detail_body .name{margin-right: 30px;font-size: 20px;}
.detail_body .tid{margin-right: 30px;}
.detail .con{width: 540px;}
.detail .tit{padding: 10px 0;}
.detail .field{font-size: 18px;padding-top: 10px;}
.detail .field .js_NO2{margin-right: 50px;}
.detail .intro{width: 920px;line-height: 30px;color: #fff5e0;border: 2px solid #6b564a;border-top: none;padding: 0 60px 0 96px;background: #0e0e2f;}
.detail .btns{width: 142px;position: absolute;top: 60px;right: 108px;}
.detail .btns>span{display: block;width: 100%;height: 38px;line-height: 38px;border-radius: 4px;margin-top: 25px;font-size: 16px;cursor: pointer;}
.detail .btns .btn_flower{border: 1px solid #f7365c;color: #f7365c;}
.detail .btns .btn_flower:hover{background: #f7365c;color: #fff;}
.detail .btns .btn_share{border: 1px solid #d2b685;}
.detail .btns .btn_share:hover{background: #d2b685;color: #0e0e2f;}
#resultRankName{padding-top: 20px;}
#resultRankName span{display: inline-block;padding: 10px;background: rgb(255,0,0,.8);color: #fff;}
#resultRankName span+span{margin-left: 10px;}


/*领域选择*/
.changefield .rules li{padding: 5px 0;}
.field_options{text-align: center;font-size: 20px;}
.field_options .item{width: 160px;height: 68px;line-height: 66px;float: left;background: url(../img/bg_field.png) center no-repeat;margin-right: 46px;cursor: pointer;}
.field_options .item:hover,.field_options .item.active{color: #040c28;background: url(../img/bg_field2.png) center no-repeat;}
.changefield .btn_submit{display: block;border: 1px solid #957d4c;border-radius: 5px;width: 200px;height: 50px;line-height: 48px;font-size: 20px;text-align: center;margin: 30px auto 0;background: #0e0e2f;cursor: pointer;}