.cont{ overflow: hidden;}
.mbx{ overflow: hidden;}
.mbx .not{ top: 0px; right: 15px; line-height: 36px;  }
.mbx .not i{ font-style: normal; color: #f00;}

/*通用*/
.public_back{background-repeat: no-repeat; background-position: 0 0; background-size:300px auto; background-image:url(../images/public_back.png);}
/*禁用样式*/
.personal_non{background: #ebebeb !important;color: #fff;}
/*个人中心页*/
.public_personal{width: 1200px;margin: 0 auto;padding-bottom: 40px;overflow: hidden;}
.personal_info{width: 440px;height: auto;overflow: hidden;margin: 240px 0 0 18px;position: relative;float: left;}
.personal_info li{line-height: 85px;font-size: 20px;width: auto;height: 85px;display: block;overflow: hidden;}
.personal_info a{width: 92px;height: 26px;display: block;float: right;background: #0085d9;border-radius: 50px;line-height: 26px;text-align: center;color: #fff;font-size: 14px;}
.personal_info .authentication{position: absolute;top: 115px;right: 0;}
.personal_info .learn{position: absolute;top: 200px;right: 0;}
.personal_info .right{position: absolute;top: 285px;right: 0;}
.personal_info span{font-size: 12px;position: absolute;top: 240px;z-index: 1;}
.personal_info .level{color: #0085d9;left: 55px;}
.personal_info .percent{color: #0085d9;left: 172px;}
.personal_info .percent_f{color: #9b9d96;left: 193px;}
.back{width: 166px;height: 10px;background: #f1f5f8;position: absolute;top: 295px;left: 53px;z-index: 1;border-radius: 30px;}
.blue_1{width: 14%;height: 10px;background: #0085d9;position: absolute;top: 0;left: 0;z-index: 2;border-radius: 30px;}
.blue_2{width: 28%;height: 10px;background: #0085d9;position: absolute;top: 0;left: 0;z-index: 2;border-radius: 30px;}
.blue_3{width: 42%;height: 10px;background: #0085d9;position: absolute;top: 0;left: 0;z-index: 2;border-radius: 30px;}
.blue_4{width: 56%;height: 10px;background: #0085d9;position: absolute;top: 0;left: 0;z-index: 2;border-radius: 30px;}
.blue_5{width: 70%;height: 10px;background: #0085d9;position: absolute;top: 0;left: 0;z-index: 2;border-radius: 30px;}
.blue_6{width: 84%;height: 10px;background: #0085d9;position: absolute;top: 0;left: 0;z-index: 2;border-radius: 30px;}
.blue_7{width: 100%;height: 10px;background: #0085d9;position: absolute;top: 0;left: 0;z-index: 2;border-radius: 30px;}


.personal_state{padding: 86px 0 0 108px;width: 740px;height: 710px;overflow: hidden;position: relative;}
.state_back{width: 386px;height: 386px;top: 113px;left: 105px;position: relative;z-index: 1;overflow: hidden;}
.state_back img{width: 386px;height: 386px;}
.state_back .blue_m{display: none;}
.state_back .red_m{display: none;}
.text_personal{position: absolute;top: 345px;left: 370px;font-size: 40px;color: #0085d9;z-index: 10;}
.personal_slogan{position: absolute;top: 455px;left: 350px;text-align: center;z-index: 10;color: #fff;font-size: 14px;width: 115px;}
.state_wrap{width: 85px;height: 100px;font-size: 16px;}
.state_wrap .click{width: 85px;height: 100px;display: block;position: relative;top: 0;left: 0;}
.state_01{position: relative;top: -381px;left: 252px;z-index: 2;}
.state_02{position: relative;top: -400px;left: 442px;z-index: 2;}
.state_03{position: relative;top: -325px;left: 510px;z-index: 2;}
.state_04{position: relative;top: -245px;left: 442px;z-index: 2;}
.state_05{position: relative;top: -310px;left: 252px;z-index: 2;}
.state_06{position: relative;top: -435px;left: 70px;z-index: 2;}
.state_07{position: relative;top: -729px;left: 0px;z-index: 2;}
.state_08{position: relative;top: -1000px;left: 65px;z-index: 2;}
.state_grey_01{background-position: -79px -2px;width: 85px;height: 65px;margin: 0 0 10px 0;}  /*选中样式*/
.state_blue_01{background-position: 5px -2px;width: 85px;height: 65px;margin: 0 0 10px 0;}  /*未选中样式*/
.state_grey_02{background-position: -69px -152px;width: 85px;height: 65px;margin: 0 0 10px 0;}
.state_blue_02{background-position: 15px -152px;width: 85px;height: 65px;margin: 0 0 10px 0;}
.state_grey_03{background-position: -70px -436px;width: 85px;height: 65px;margin: 0 0 10px 0;}
.state_blue_03{background-position: 15px -436px;width: 85px;height: 65px;margin: 0 0 10px 0;}
.state_grey_04{background-position: -70px -282px;width: 85px;height: 65px;margin: 0 0 10px 0;}
.state_blue_04{background-position: 15px -282px;width: 85px;height: 65px;margin: 0 0 10px 0;}
.state_grey_05{background-position: -70px -510px;width: 85px;height: 65px;margin: 0 0 10px 0;}
.state_blue_05{background-position: 15px -510px;width: 85px;height: 65px;margin: 0 0 10px 0;}
.state_grey_06{background-position: -70px -353px;width: 85px;height: 65px;margin: 0 0 10px 0;}
.state_blue_06{background-position: 15px -353px;width: 85px;height: 65px;margin: 0 0 10px 0;}
.state_grey_07{background-position: -70px -221px;width: 85px;height: 65px;margin: 0 0 10px 0;}
.state_blue_07{background-position: 15px -221px;width: 85px;height: 65px;margin: 0 0 10px 0;}
.state_grey_08{background-position: -70px -76px;width: 85px;height: 65px;margin: 0 0 10px 0;}
.state_blue_08{background-position: 15px -76px;width: 85px;height: 65px;margin: 0 0 10px 0;}

.state_true{width: 14px;height: 14px;overflow: hidden;background-position: -286px -346px;float: left;margin: 5px 5px 0 0;}
.state_false{width: 14px;height: 14px;overflow: hidden;background-position: -263px -346px;float: left;margin: 5px 5px 0 0;}
.state_false_red{width: 14px;height: 14px;overflow: hidden;background-position: -214px -346px;float: left;margin: 5px 5px 0 0;}

/*手机版颜色切换*/
.state_wrap_merror{width: 85px;height: 100px;}
.state_wrap .font_blue{color: #0085d9;}
.state_wrap_merror .font_grey{color: #505972;font-size: 16px;}

.personal_chenggong_img{width: auto;height: auto;margin: 0 auto;text-align: center;}
.personal_chenggong_img span{font-size: 14px;color: #0085d9;line-height: 30px;text-align: center;}
