@charset "utf-8";
.centerbox{position:relative;height:320px;}
.centerbox .place{float:left;padding-top:10px;color:#fff;font-size:14px;line-height:30px;}
.centerbox .place a{color:#fff;}
.centerbox .place a:hover{text-decoration:underline;overflow:hidden;}
.centerbox .place span{margin:0 5px;}
.centerbox .act{float:right;padding:13px 13px 0 0;width:162px;height:30px;}
.centerbox .act a.bg,.centerbox .act a.fx{float:right;height:28px;border-radius:3px;background-color:#fff;line-height:28px;}
.centerbox .act a.bg{position:relative;padding:0 10px;}
.centerbox .bg .bg-img{position:absolute;top:0;left:86px;opacity:0;filter:"alpha(opacity=0)";filter:alpha(opacity=0);}
.centerbox .act i{width:28px;height:28px;}
.centerbox .act i.icon-bg{margin-top:-2px;background-position:-511px -711px;}
.centerbox .act i.icon-fx{background-position:-561px -711px;}
.centerbox .act .zhuang-left{float:left;width:30px;height:30px;position: relative;}
.centerbox .act .zhuang-left:hover ._share_my_firends{display: block;}
._share_my_firends{height:62px;position:absolute;right:44px;bottom:3px;width:168px;top:28px;left:0;display:none}
._share_all_channel{width:155px;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(83,87,88,.2);margin-top:10px}
.look-home li{float:left;line-height:60px;padding:0 30px;font-size:16px}
.look-home li:first-child{padding:0 30px 0 0}
.look-home li a{color:#656565}
.look-home li a:hover{color:#00BED4}
.centerbox .act .zhuang-right{float:left;width:120px;height:30px;}
.center-info{margin-top:43px;text-align:center;}
.center-info img{margin-bottom:2px;width:140px;height:140px;border:solid 2px #fff;border-radius:50%;}
.center-info h3{margin-bottom:10px;color:#fff;}
.center-info .name{font-size:30px;line-height:40px;}
.center-info .box{margin-top:-12px;padding-left:35px;width:40px;height:24px;font-weight:700;line-height:24px;}
.center-info .icon-vip{background-position:0 -663px;}
.center-info .icon-leve{background-position:0 -713px;}
.center-info p{color:#fff;font-size:14px;}
.follow-private{width:100%;text-align:center}
.follow-private a{display:inline-block;width:120px;height:40px;color:#fff;line-height:40px;font-size:14px;border-radius:2px;margin:0 5px}
.follow-bg01{background-color:#00BED4}
.follow-bg02{background-color:#6f7480}
.left-all{float:left;width:870px;margin-bottom:20px}
.left-all-content-per{float:left;width:870px;margin-bottom:20px;background-color:#fff;border-radius:4px;overflow:hidden}
.center_right{float:left;width:870px;background-color:#fff;border-radius: 4px;padding-bottom: 20px;}
.center_right_tit{height:50px;line-height: 50px;background-color:#fff;border-bottom:1px solid #e7e6e5;}
.center_right_tit li{float:left;}
.center_right_tit li a{display:block;padding:0 25px;font-size:16px;}
.center_right_tit div a{display:block;padding:0 25px;height:54px;font-size:16px;line-height:54px;color:#333;}
.center_right_tit li.on a{border-color:#00BED4;background-color:#fff;color:#00BED4;}
.center_right .center_right_tit .query{display: inline-block;width: 98px;height: 32px;border-radius: 32px;border: 1px solid #dcdcdc;line-height: 32px;text-align: center;margin-top: 8px;padding: 0px;margin-right: 20px;float: right;}
.center_right_tit .query:hover{border-color:#00BED4;}
.center_right_tit .query:hover a{border-color:#00BED4;background-color:#fff;color:#00BED4;border-radius: 38px;}
.center_right .center_right_tit .query a{padding: 0;display: inline-block;width: 100%;}
.center_left{float:right;width:290px;}
.center_left .top ul{margin-bottom:30px;height:100px;background-color:#fff;border-radius: 4px;}
.center_left .top li{float:left;width:71.5px;height:44px;border-right:solid 1px #dddede;text-align:center;margin-top:28px;}
.center_left .top li:last-child{border-color:#fff;}
.center_left .top li p{color:#00BED4;font-size:16px;}
.center_left .top li span{color:#333;font-size:14px;}
.center_left .bot{background-color:#fff;float: left;border-radius: 4px;width:100%;}
.center_left .bot .tit{padding:10px 5%;border-bottom:solid 1px #e7e6e5;color:#656565;font-size:16px;float: left;width: 90%;}
.center_left .bot .tit a{color:#00BED4;font-size:14px;}
.center_left .bot .tit a:hover{text-decoration:underline;}
.center_left .sign{margin-bottom:10px;text-align:center;padding-bottom: 16px;}
.center_left .sign .txt{color:#888;font-size:12px;line-height:30px;}
.center_left .sign .txt span{color: #00BED4;display: block;font-size: 72px;line-height: 80px;}
.center_left .sign p{margin-bottom:10px;color:#999;font-size:14px;line-height:26px;}
.center_left .sign a{display:inline-block;width:240px;height:40px;border-radius:3px;background-color:#00BED4;color:#fff;text-align:center;font-size:16px;line-height:40px;cursor: pointer;}
.center_left .dl_tit{padding:0 10px;height:60px;background-color:#fff;color:#333;font-size:16px;line-height:60px;}
.center_left dl{padding-bottom:100px;background-color:#fff;}
.center_left dt{height:46px;font-size:14px;line-height:46px;}
.center_left dt a{color:#888;margin-left: 15px;}
.center_left dd a{margin-left: 30px;}
.center_left dd li{border-left: 3px solid transparent}
.center_left dt.on a{background-color:#00BED4;color:#fff;}
.center_left li{line-height:36px;}
.center_left_tit ul{overflow: hidden;margin: 0 15px;border-bottom: 1px solid #eee;}
.center_left .on{border-left: 3px solid #00BED4;}
.center_left dl a{display:block;}
.center_left li a{color:#333;font-size: 14px;}
.center_left dt.active{background-color:#00BED4;color:#fff;}
.my-data-ul{width:100%;float:left;background-color:#fff;padding:10px 0;border-radius:4px}
.user-imglist{display: inline-block;width:100%;background-color:#fff;padding-bottom:30px}
.my-data-ul li{float:left;width:90%;margin-left:5%;line-height:24px;padding:10px 0}
.my-data-ul li h5{display:inline;font-size:14px;color:#888}
.my-data-ul li small{font-size:14px;color:#333}
.center_right_tit h5{float:left;color:#656565; padding:0 25px; font-size:16px;}
.center_right_tit a{float:right;color:#656565;padding:0 20px;font-size:16px}
/*课程*/
.user-imglist li{font-size:14px;float:left;margin: 30px 0 0 30px; width: 248px;border-radius: 4px;transition: .2s;border: 1px solid #F0F1EC;}
.user-imglist li h2{padding:0 10px;line-height: 22px;}
.user-imglist li .img{float: left;width:248px;height: 138px;overflow: hidden;}
.user-imglist li .img img{width:100%;}
.user-imglist li:hover{border-color:#e7e6e5;box-shadow:0 2px 4px rgba(0,0,0,.1);}
.user-imglist h3{font-size:14px;}
.user-imglist h3 span{margin-left:10px;color:#00BED4;}
.user-imglist h3 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user-imglist .act{padding:10px 0 0;height:22px;font-size:14px;line-height:22px;}
.user-imglist .act .fr{padding-right:10px;height:16px;line-height:16px;}
.user-imglist .act a{color:#999;}
.user-imglist .info{overflow:hidden;padding:5px 0;font-size:14px;line-height:30px;}
.user-imglist .info .fl{color:#00BED4;}
.user-imglist .info .fr{color:#999;}
.user-imglist .icon-01{background-position:-314px -764px;}
.user-imglist .icon-02{background-position:-364px -764px;}
.user-con-title h5{float:left;color:#333;padding:0 25px}
.user-title{float:left;padding:0 10px 10px;width:228px}
.user-title h3 a{color:#333;line-height:24px;margin-top:5px}
.user-title p a{color:#888;margin:0 10px 0 0}
.user-title span strong{float:left;color:#ff4000;font-size:18px;font-weight:400}
.user-title span{float:left;width:100%;margin-top:5px}
.user-title span small{float:right;color:#888;font-size:14px;line-height:24px}
.qa-total-reply .icon-pinglun3,.qa-comment-support .icon-dianzan2{float: left;margin-right: 5px;}