@charset "UTF-8";
@import url('base.css');
@import url('iconfont.css');
.white{color: #fff;}.bold{font-weight: bold;}
.font16{font-size: 16px;}

.rankType{padding:10px 12px;}
.rankType .col-xs-2{padding: 0 3px;}
.rankType .item .con{padding: 10px 0;background: #252644;}
.rankType .item.active .con{background: #ffde95;color: #252644;}

.rankType2{padding: 10px 0;width:100%;overflow-x: auto;white-space: nowrap;}
.rankType2 span{display: inline-block;padding: 10px 15px;background: #252644;}
.rankType2 span+span{margin-left: 3px;}



.teachs{}
.teachs .item{padding: 24px 20px 20px;border: 1px solid #3e3e59;background: #0e0e2f;position: relative;margin-top: 10px;}
.teachs_header{width: 60px;float: left;max-height: 90px;overflow: hidden;}
.teachs_header img{display: block;width: 100%;height: 81px;}
.teachs_con{padding: 15px 0 0 10px;}
.teachs_name{display: block;color: #fd9;max-width: 170px;}
.teachs_name:hover{color: #fd9;}
.teachs .btn_flower{width: 60px;position: absolute;right: 10px;top: 30px;z-index: 100;color: #fd9;}
.teachs .btn_share{width: 60px;position: absolute;right: 10px;top: 70px;z-index: 100;color: #fd9;}
.teachs_rank{min-width: 24px;height: 24px;line-height: 24px;text-align: center;position: absolute;left: 0;top: 0;background:rgba(38,38,68,.6);}
.teachs_bot_btns{padding: 10px 0 0;}
.teachs_bot_btns .loadMore{display: block;padding: 8px 0;border-color: #3e3e59;color: #b5b5b5;}
.teachs_bot_btns .isEnd{display: none;color: #b5b5b5;}

/*detail*/
.detail{background: #0e0e2f;border: 1px solid #3e3e59;padding: 10px;}
.detail .header{width: 120px;height: 120px;background: url(../img/bg_header.png) center no-repeat;background-size: 100%;padding: 16px;margin-bottom: 10px;}
.detail .header img{float: left;width: 100%;height: 100%;border-radius: 50%;}
.detail .baseBtn{display: inline-block;width: 120px;margin: 0 auto;padding: 10px 0;border: 1px solid #f7365c;}
.detail .btn_flower{background: #f7365c;color: #fff;}
.detail .btn_share{border-color: #3e3e59;background: #0e0e2f;padding: 5px 15px;margin-top:10px;display: block;color: #fd9;}
.detail .tname{font-size: 16px;font-weight: bold;}
.detail .rankList .col-xs-4,.detail .rankList .col-xs-6{padding: 0 1px;}
.detail .r_list{background: #1c1c3c;padding: 5px 0;}
.detail .differ_wrap{border: 1px solid #3e3e59;padding: 5px 0;border-radius: 20px;}
.share_lead{background: rgba(0,0,0,.8);position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 1050;display: none;}
.share_lead .img1{width: 18.5%;}
.share_lead .img2{width: 46.4%;}
.share_lead .btn_close{width: 40px;height: 40px;margin: 40px auto 0;padding-top: 5px;}
.share_lead .btn_close .iconfont{font-size: 30px;line-height: normal;}
.detail .teach_rankName{min-width: 140px;display: inline-block;padding: 10px;background:rgba(255,0,0,.8);color: #fff;}



/*field*/
.awards{min-height: 30px;border:15px solid transparent;border-image:url(../img/06.png) 30 30 stretch;}
.awards_con{background: #1c2239;font-size: 12px;padding: 10px;}
.awards_con h4{margin: 0 0 10px;}
.awards_con p{color: #fff;}
.fieldWrap{width: 250px;height: 200px;position: relative;}
.fieldWrap .item{width: 60px;height: 60px;border: 1px solid #c8b379;border-radius: 50%;position: absolute;z-index: 100;padding-top: 5px;}
.fieldWrap .po1{left: 95px;top: 0;}
.fieldWrap .po2{top: 60px;left: 20px;}
.fieldWrap .po3{top: 60px;right: 20px;}
.fieldWrap .po4{left: 50px;bottom: 0;}
.fieldWrap .po5{right: 50px;bottom: 0;}
.fieldWrap .item .iconfont{font-size: 20px;}
.fieldWrap .item.active{background: #c8b379;color: #040c28;}
.btn_submit{padding: 10px 70px;background: #0e0e2f;font-size: 16px;}

/*introduce*/
.introduce{}
.intro_awards_set,.intro_privilege{position: relative;padding: 0 0 0 40px;}
.intro_awards_set .item{border-radius: 6px;border-top-left-radius: 20px;padding: 10px;background: #262644;}
.intro_awards_set .item_head{border-bottom: 1px solid #040c28;padding:0 0 8px 30px;position: relative;}
.intro_awards_set .item_head:after{content: '';width: 16px;height: 16px;border-radius: 50%;background: #040c28;position: absolute;left: 5px;bottom: 9px;}
.intro_awards_set .item_body{min-height: 40px;padding-top: 8px;}
.intro_awards_set .left{width: 20px;position: absolute;left: 0;top: 10px;bottom: 10px;border-right: 1px dashed #fd9;}
.intro_awards_set .left:before{content:'';width: 20px;height: 20px;position: absolute;left: 10px;top: 0;background: url(../img/ico_circle1.png) center no-repeat;background-size: 100%;}
.intro_awards_set .left:after{content:'';width: 20px;height: 20px;position: absolute;left: 10px;bottom: 0;background: url(../img/ico_circle1.png) center no-repeat;background-size: 100%;}
.intro_benefit{position: relative;padding: 1px 0 0 40px;}
.intro_benefit .item{border-radius: 6px;border-bottom-left-radius: 20px;border-top-left-radius: 20px;padding: 10px 10px 10px 30px;
	background: #262644;margin-top: 10px;position: relative;}
.intro_benefit .item:after{content:'';width: 15px;height: 1px;border-bottom:1px dashed #3f3f67;position: absolute;left: -20px;top: 50%;z-index: 100;}
.intro_benefit .item:before{content: '';width: 16px;height: 16px;border-radius: 50%;background: #040c28;position: absolute;left: 7px;top: 50%;margin-top: -8px;z-index: 110;}
.intro_benefit .left{width: 20px;position: absolute;left: 0;top: 0;bottom: 10px;border-right: 1px dashed #3f3f67;z-index: 50;}
.intro_special .item{border: 1px solid #3e3e59;padding: 10px;margin-top: 10px;}
.intro_special .item img{width: 80px;float: left;margin-right: 10px;}
.intro_special .item .tit{font-size: 16px;padding: 5px 0;}
.intro_privilege .item{margin-top: 15px;position: relative;}
.intro_privilege .item:after{content: '';width: 16px;height: 16px;position: absolute;left: -28px;top: 50%;z-index: 100;margin-top: -8px;background: url(../img/ico_circle1.png) center no-repeat;background-size: 100%;}
.intro_privilege .ico{padding: 2px 4px;border-radius: 3px;}
.intro_privilege .ico_jian{border: 1px solid #17c1a4;color: #17c1a4;}
.intro_privilege .ico_you{border: 1px solid #0cf;color: #0cf;}
.intro_privilege .ico_pin{border: 1px solid #ffd014;color: #ffd014;}
.intro_privilege .left{width: 20px;position: absolute;left: 0;top: 0;bottom: 10px;border-right: 1px dashed #fd9;z-index: 50;}
.intro_contact{padding-left: 20px;}
.intro_contact .item{position: relative;border: 1px solid #fd9;padding: 10px 0 10px 20px;}
.intro_contact .item .left{width: 30px;height: 30px;line-height: 30px;position: absolute;left: -15px;top: 50%;z-index: 100;margin-top: -15px;background: #fd9;border-radius: 50%;}
.intro_contact .item .left .iconfont{color: #000;font-size: 20px;}
.intro_contact .item a{color: #fd9;}