.pos_ab{
    position: absolute;
}
.top0{
    top:0;
}
.bred{
    border: 1px solid red;
}
.main_left8{
    margin-left: 8px;
}
.main_top15{
    margin-top: 15px;
}
.main_top12{
    margin-top: 12px;
}
.main_top5{
    margin-top: 5px;
}
.col222{
    color: #222222;
}
.col999{
    color:#999999;
}
.col_blue{
    color:#0084ff;
}
.fonts12{
    font-size: 12px;
}
.fonts16{
    font-size: 16px;
}
.fonts18{
    font-size: 18px;
}

.expert_screen{
    height: 60px;
    background: #fff;
    border: 1px solid #f6f6f6;
}
.three_head{
    height:324px;
    text-align: center;
}
.three_head div{
    width:297px;
    height:324px;
    float:left;
    background: #fff;
    border-radius: 3px;
}
.lv_num{
    color:#ff5f19;
}
.follow_expert{

    margin-left: 10px;cursor:pointer;
    border: 1px solid #fff;
    display: inline-block;
    padding: 3px;
    border-radius: 3px;
}
.follow_expert:hover{
    border: 1px solid #0084ff;
}
.three_head .expert_li{
    margin-top: 5px;
}

/*左侧 第二等级*/
.expert_no2,.expert_no1,.expert_no3{
    border: 1px solid #e2e8ec;
}
.expert_no2 .head_li{
    width:131px;
    height:171px;
    margin: 20px auto 0 auto;
    position: relative;
}
.expert_no2 .head_li .head_image{
    width:129px;
    height:130px;
    margin-top: 20px;
}
.expert_no2 .head_li .head_background{
    width:100%;
    height:100%;
    background: url(../png/expert_no2_new-1336816a504209b0f1a4f45b150d3a1d.png) no-repeat;
}



/*中间 第一等级*/
.expert_no1 .head_li{
    width:150px;
    height:181px;
    margin: 13px auto 0 auto;
    position: relative;
}
.expert_no1 .head_li .head_image{
    width:148px;
    height:150px;
    margin-top: 13px;
}
.expert_no1 .head_li .head_background{
    width:100%;
    height:100%;
    background: url(../png/expert_no1_new-26e5dbbfa16f0dc603732e55a2feb1dc.png) no-repeat;
}
/*右侧 第三等级*/
.expert_no3 .head_li{
    width:131px;
    height:171px;
    margin: 20px auto 0 auto;
    position: relative;
}
.expert_no3 .head_li .head_image{
    width:129px;
    height:130px;
    margin-top: 20px;
}
.expert_no3 .head_li .head_background{
    width:100%;
    height:100%;
    background: url(../png/expert_no3_new-8cfa247c3dbc09cd1dcfd0bb622ead9d.png) no-repeat;
}

.button_more {
    width: 116px;
    height: 32px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    border: 1px solid #0084ff;
    color: #0084ff;
    cursor: pointer;
}

.button_more:hover {
    background: #ebf5ff;
    color: #0084ff;
    text-decoration: none;
}
.nomore{
    display: none;
    color: #999;
}

/*排行榜列表*/
.expert_ul{
    background: #fff;
    padding: 0 20px;
    border: 1px solid #e2e8ec;
}
.expert_ul li{
    height: 120px;
    border-bottom: 1px solid #f1f2f3;
}
.expert_ul li div{
    float:left;
    height: 80px;
    margin-top: 18px;
}
.answer_sort{
    width: 70px;
    line-height: 80px;
    padding-left: 5px;
}
.expert_head{
    width:80px;
}
.expert_head img{
    width:80px;
    height:80px;
    border-radius: 50%;
}
.nick_area_lv{
    width:264px;
    padding-left: 14px;
    padding-top: 15px;
}
.nick_area_lv p{
    color:#6d90bd;
}
.nick_area_lv p:hover{
    color: #0084ff;
}
.nick_area_lv span{
    display: inline-block;
    margin-top: 15px;
}
.three_head_total{
    width:340px;
}
.three_head_total .count{
    width:70px;
    text-align: center;
}
.follow_expert_butt{
    display: inline-block;
    width:80px;
    height:34px;
    text-align: center;
    line-height: 34px;
    border: 1px solid #0084ff;
    border-radius: 3px;
    margin-top: 20px;
    cursor:pointer;
}
.follow_expert_butt:hover{
    background: #0084ff;
    color:#fff;
}


/*右侧 专家申请*/
.main_right{
    height: 300px;
    background: #fff url(../png/expert_head_0-b4b044873200d1fd0f32a9bc890f7842.png) no-repeat center 14px;
    text-align: center;
}
.main_right div{
    margin: 240px 10px 10px 10px;
}
#expertState{
    border: 1px solid #e2e8ec;
    border-radius: 3px;
}
.main_right.expertState_0{
    background: #fff url(../png/expert_head_0-b4b044873200d1fd0f32a9bc890f7842.png) no-repeat center 14px;
}
.main_right.expertState_1{
    background: #fff url(../png/expert_head_1-a5078125e7b1a8496759ee664ad1c9da.png) no-repeat center 14px;
}
.main_right.expertState_2{
    background: #fff url(../png/expert_head_2-026c305eae9d7c1178a2458df8b989fd.png) no-repeat center 14px;
}
.main_right.expertState_3{
    background: #fff url(../png/expert_head_3-5e3f1bf03337a0b5914d6e611a57cd4b.png) no-repeat center 14px;
}
.expertState_0 .expertState0{
    display: block;
    width:154px;
    height: 41px;
    background: #fff url(../png/expert_button-cc28a704bf2feec2705ac82d52316e09.png) no-repeat top;
    margin: 235px auto 0 auto;
}
.expertState_0 .expertState0:hover{
    background: #fff url(../png/expert_button-cc28a704bf2feec2705ac82d52316e09.png) no-repeat bottom;
}
.expertState_0 .expertState1,.expertState2,.expertState3{
    display: none;
}
.expertState_1 .expertState0,.expertState2,.expertState3{
    display: none;
}
.expertState_2 .expertState0,.expertState1,.expertState3{
    display: none;
}
.expertState_3 .expertState0,.expertState1,.expertState2{
    display: none;
}
.expertState_1 .expertState1{
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
}
.expertState_1 .expertState1 .expert_image{
    width: 125px;
    height: 125px;
    border-radius: 50%;
    margin: 74px 0 0 6px;
}
.expertState1 .ranking_num{
    font-size: 30px;
    color: #f4650e;
    vertical-align: sub;
}
.expertState1 .my_ranking{
    font-size: 20px;
    margin-top: 20px;
}
.expertState_2 .expertState2{
    display: block;
    color: #222222;
}
.expertState_2 .expertState2 b{
    color: #f4650e;
}
.expertState_3 .expertState3{
    display: block;
    color: #888888;
}
.expertState_3 .expertState3 a{
    color: #555555;
    width:100px;
    height: 25px;
    display: inline-block;
}
.expertState_3 .expertState3 a i{
    display: inline-block;
    width:25px;
    height:25px;
    background: url(../png/big_icon_v2-32e7a4d955f1b20db0ed8a3d5abb165c.png) no-repeat -53px 0;
    position: relative;
    top: 6px;
}
.expertState_3 .expertState3 a:hover{
    color: #0084ff;
}
.expertState_3 .expertState3 a:hover i{
    background: url(../png/big_icon_v2-32e7a4d955f1b20db0ed8a3d5abb165c.png) no-repeat -53px -31px;
}

/* 专家申请页 */
.web_main_content{
    height:700px;
    background: #fff;
    padding-top: 52px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}
.apply_title{
    font-size: 24px;
    color: #222222;
    font-weight: bold;
    text-align: center;
    margin: 0 80px;
    padding-bottom: 22px;
    border-bottom: 1px solid #e5e5e5;
}
.apply_input{
    height: 500px;
    width:810px;
    float:right;
    margin-top: 90px;
}
.apply_input>li{
    position: relative;
    height:50px;
}
.apply_input label{
    font-size: 14px;
    color: #222222;
    font-weight:normal;
}
.cc1f6f {
    color: #cc1f6f;
}
.apply_input input{
    width:320px;
    height:38px;
    border: 1px solid #ebebeb;
    margin-left: 10px;
    padding-left: 15px;
    border-radius: 3px;
}
.apply_input .arrow{
    display: inline-block;
    width:15px;
    height:15px;
    background: url(../png/icon-v2-0332a58f29c77a64045eded83c420a74.png) no-repeat;
    background-position: -80px 0;
    position: relative;
    left:-30px;
    cursor : pointer;
    z-index: 99;
}
.ellipsis {
    display: inline-block;
    width: 56px;
    height: 18px;
    position: relative;
    left: -80px;
    cursor: pointer;
    background: #fff;
}
.apply_input .type_con{
    top: 28px;
    left:10px;
    padding-bottom: 8px;
}
.apply_input .area_con{
    bottom: 28px;
    left:10px;
}
.button_default_hide{
    display: none;
}
.expert_button{
    width:320px;
    height:38px;
    background: #0084ff;
    color: #ffffff;
    font-size: 16px;
    cursor : pointer;
    text-align: center;
    line-height: 38px;
    border-radius: 5px;
    margin-left: 92px;
    margin-top: 8px;
}
.sub_loading{
    background: url(../gif/loading-03ce3dcc84af110e9da8699a841e5200.gif) #ffffff no-repeat 60px center;
    border: 1px solid #ebebeb;
    color: #222222;
}
.sub_save_success{
    background: #ffffff;
    border: 1px solid #ebebeb;
    color: #222222;
}
.sub_save_success .success_image{
    width:35px;
    height:35px;
    display: inline-block;
    background: url(../png/icon-v2-0332a58f29c77a64045eded83c420a74.png) no-repeat 0 -66px;
}
.sub_save_success .success_txt{
    position: relative;
    bottom: 10px;
}
.expert_error{
    color:red;
    text-align: center;
    width:320px;
    margin-left: 92px;
}
.warm_eminder{
    font-size: 12px;
    color:#999999;
    margin-top: 15px;
}
.area_con p{
    line-height: 50px;
}

.apply_input .user_type{
    cursor : pointer;
}

.bread_crumb {
  height: 36px;
  margin-bottom: 13px;
}
.expert_nick_name:visited{
    color: #222;
}
.expert_nick_name:hover{
    color: #0084ff;
}