@charset "utf-8";
.userbody  { background: #f8f8f8 }
/*个人中心--用户头部banner*/
.userbar { width: 100%; height: 200px; background: url(../images/persnl_bg.png) no-repeat center center; background-size: cover;  }
.userbar .innner { width: 1024px; margin: 0 auto; padding-top: 44px; }
.userbar .innner .userimg { width: 116px; height:116px; border-radius: 50%; -webkit-border-radius: 50%;  -moz-border-radius: 50%; -ms-border-radius: 50%;  overflow: hidden;  box-shadow: 0 2px 4px 1px #aaa;  float: left}
.userbar .innner .userimg img { width: 100%; height: 100%;  }
.userbar .innner .userinfo {  padding: 0px 20px; float: left; }
.userbar .innner .userinfo h1 { font-size: 18px; color: #333; padding: 20px 0;  }
.userbar .innner .userinfo a {   height: 36px; line-height: 36px; display: inline-block; text-align: center; border: 1px solid #ff6600; margin-right: 10px; border-radius: 5px; font-size: 14px; padding: 0 14px 0 36px }
.userbar .innner .userinfo a.phone { background: url(../images/persnl_phone1.png) no-repeat 16px center; } 
.userbar .innner .userinfo a.email { background: url(../images/persnl_email1.png) no-repeat 10px center; } 
.userbar .innner .userinfo a.p_vip { background: url(../images/persnl_vip1.png) no-repeat 10px center; } 
.userbar .innner .userinfo a.attestation {background: url(../images/persnl_rz1.png) no-repeat 10px center;} 
.userbar .innner .userinfo a.phone_on { background: url(../images/persnl_phone2.png) no-repeat 16px center #ffc000; color: #fff; border: 0} 
.userbar .innner .userinfo a.email_on { background: url(../images/persnl_email2.png) no-repeat 10px center #ff6600;color: #fff;border: 0 } 
.userbar .innner .userinfo a.p_vip_on { background: url(../images/persnl_vip2.png) no-repeat 10px center #ff0000; color: #fff;border: 0 } 
.userbar .innner .userinfo a.attestation_on {background: url(../images/persnl_rz2.png) no-repeat 10px center #0586d8; color: #fff;border: 0} 
.userbar .innner .userother { float: right; margin-top: 80px;}
.userbar .innner .userother a { text-align: right; display: inline-block; }
.userbar .innner .userother a p { font-size: 14px;  width: 60px; height: 30px; text-align: center; color: #000; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s;  }
.userbar .innner .userother a:hover p { color: #ff6600 }

/*个人中心-框架*/

.user_container {width:99%;/*1300*/min-width:1024px; margin: 10px auto;}
.userbar .innner { width: 90%;/*1300*/min-width:1024px; margin: 0 auto; padding-top: 44px; }

@media screen and (max-width: 1600px) {
	.user_container {width: 90%;/*1024px*/ margin: 10px auto;}
	.userbar .innner {width: 90%;/*1024px*/ margin: 0 auto; padding-top: 44px; }
}


.user_container .tab { width:100%}
.user_container .tab tr td { vertical-align: top; background: #fff  }

/*个人中心-左侧目录*/
.userleftmenu { width: 210px; min-height: 500px;  background: #fff; overflow: hidden;}
.userleftmenu li { overflow: hidden; }
/*个人中心-左侧目录 图标*/
.userleftmenu li span { width: 32px; height: 32px; display: block; float: left; transition: background-position 0.3s; -webkit- transition: background-position 0.3s; -moz- transition: background-position 0.3s; -ms- transition: background-position 0.3s}
.userleftmenu li span.zy_icon { background: url(../images/zy_icon1.png) no-repeat left top;  }
.userleftmenu li span.sc_icon { background: url(../images/sc_icon1.png) no-repeat left top; }
.userleftmenu li span.zl_icon { background: url(../images/zl_icon1.png) no-repeat left top; }
.userleftmenu li span.sj_icon { background: url(../images/sj_icon1.png) no-repeat left top; }
.userleftmenu li span.xx_icon { background: url(../images/xx_icon1.png) no-repeat left top; }
.userleftmenu li span.hy_icon { background: url(../images/hy_icon1.png) no-repeat left top; }
.userleftmenu li span.jd_icon { background: url(../images/jd_icon1.png) no-repeat left top; }
.userleftmenu li span.bz_icon { background: url(../images/bz_icon1.png) no-repeat left top; }
.userleftmenu li span.zhs_icon { background: url(../images/zhs_icon1.png) no-repeat left top; }
.userleftmenu li span.yhq_icon { background: url(../images/yhq_icon1.png) no-repeat left top; }
.userleftmenu li span.bk_icon { background: url(../images/bk_icon1.png) no-repeat left top; }
.userleftmenu li span.bk_icon { background: url(../images/bk_icon1.png) no-repeat left top; }
.userleftmenu li span.dot_icon { background: url(../images/dot_icon1.png) no-repeat left top; }
.userleftmenu li span.qxvr_icon { background: url(../images/qxvr_icon1.png) no-repeat left top; }
.userleftmenu li span.xqfx_icon{ background: url(../images/xqfx_icon1.png) no-repeat left top; }
.userleftmenu li span.zlxg_icon{ background: url(../images/zlxg_icon1.png) no-repeat left top; }
.userleftmenu li span.wdzyk_icon{ background: url(../images/wdzyk_icon1.png) no-repeat left top; }
.userleftmenu li span.tbzy_icon{ background: url(../images/tbzy_icon1.png) no-repeat left top; }
.userleftmenu li span.sjzy_icon{ background: url(../images/sjzy_icon1.png) no-repeat left top; }
.userleftmenu li span.wdbj_icon{ background: url(../images/wdbj_icon1.png) no-repeat left top; }
.userleftmenu li span.yxbj_icon{ background: url(../images/yxbj_icon1.png) no-repeat left top; }
.userleftmenu li span.ksgl_icon{ background: url(../images/ksgl_icon1.png) no-repeat left top; }
.userleftmenu li span.zygl_icon{ background: url(../images/zygl_icon1.png) no-repeat left top; }
.userleftmenu li span.xxks_icon{ background: url(../images/xxks_icon1.png) no-repeat left top; }
.userleftmenu li span.xxhzs_icon{ background: url(../images/xxhzs_icon1.png) no-repeat left top; }
.userleftmenu li span.wdxs_icon{ background: url(../images/wdxs_icon1.png) no-repeat left top; }
.userleftmenu li span.sjvip_icon{ background: url(../images/sjvip_icon1.png) no-repeat left top; }
.userleftmenu li span.wdzh_icon{ background: url(../images/wdzh_icon1.png) no-repeat left top; }
.userleftmenu li span.hygl_icon{ background: url(../images/hygl_icon1.png) no-repeat left top; }
.userleftmenu li span.wdjb_icon{ background: url(../images/wdjb_icon1.png) no-repeat left top; }
.userleftmenu li span.cps_icon{ background: url(../images/cps_icon1.png) no-repeat left top; }
.userleftmenu li span.gmjl_icon{ background: url(../images/gmjl_icon1.png) no-repeat left top; }
.userleftmenu li span.kcqx_icon{ background: url(../images/kcqx_icon1.png) no-repeat left top; }
.userleftmenu li span.grzh_icon{background: url(../images/grzh_icon1.png) no-repeat left top;}
.userleftmenu li span.zxs_icon{background: url(../images/zxs_icon1.png) no-repeat left top;}
.userleftmenu li span.gtgl_icon{background: url(../images/gtgl_icon1.png) no-repeat left top;}
.userleftmenu li span.zqdn_icon{background: url(../images/zqdn_icon1.png) no-repeat left top;}
.userleftmenu li span.hxhtgl_icon{background: url(../images/hxhtgl_icon1.png) no-repeat left top;}
.userleftmenu li span.jfjl_icon{background: url(../images/jfjl_icon1.png) no-repeat left top;}
.userleftmenu li span.kszx_icon{background: url(../images/kszx_icon1.png) no-repeat left top;}
.userleftmenu li span.xsgl_icon{background: url(../images/xsgl_icon1.png) no-repeat left top;}
.userleftmenu li span.ydgj_icon{background: url(../images/ydgj_icon1.png) no-repeat left top;}
.userleftmenu li span.qdqk_icon{background: url(../images/qdqk_icon1.png) no-repeat left top;}


.userleftmenu li i.xl_icon { display: block; width: 10px; height: 32px; float: right; background: url(../images/xl_icon.png) no-repeat left center; transition: background-position 0.3s; -webkit-transition: background-position 0.3s; -moz-transition: background-position 0.3s; -ms-transition: background-position 0.3s; }

.userleftmenu li a { font-size: 16px; color: #333; line-height:32px;  padding:8px 10px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s}
.userleftmenu li a:hover, .userleftmenu li a.on{  color: #fff;  background: #ff6600;}
.userleftmenu li a:hover span, .userleftmenu li a.on span { background-position: left bottom;  }
.userleftmenu li a:hover i, .userleftmenu li a.on i {  background-position: right center;} 
.userleftmenu li .sub_menu { width: 100%; overflow: hidden; }
.userleftmenu li .sub_menu dd { background: #eee; overflow: hidden;  }
.userleftmenu li .sub_menu dd a { line-height: 24px;  font-size: 14px; padding-left: 40px}
.userleftmenu li .sub_menu dd a:hover,.userleftmenu li .sub_menu dd a.on  {  color: #ff6600; background: none}

.user_container .techerman { width: 210px; height: 56px; background: url(../images/tou_js1.png) no-repeat 0 0;  margin-top: 10px}
.user_container .techerman h1 { font-size: 16px; color: #fff; font-weight: normal; line-height: 56px; margin-left: 70px ; float: left; }
.user_container .techerman a { font-size: 12px; color: #086ef6; margin-right:  10px; float: right; background: #fff; border-radius:14px;  padding: 4px 10px; margin-top: 16px    }
.user_container .techerwom {  background: url(../images/tou_js2.png) no-repeat 0 0; }
.user_container .techerwom a { color: #ff6600 }
/*个人中心--学习中心 模块*/ 
.learnbar{height:40px; line-height:40px; background:url(../images/fenlbarbg.png) repeat-x 0 0;width:100%; margin:3px auto 0}
.learnbar li{height:40px; line-height:40px; display:block; float:left; margin-right:8px}
.learnbar li.more{ float: right; }
.learnbar li a{height:40px; line-height:40px; display:block; cursor:pointer; padding:0 18px; color: #666}
.learnbar li span {height:40px; line-height:40px; display:block; cursor:pointer; padding:0 18px; color: #666}
.learnbar a.more { float: right;  font-size: 12px ; margin-right: 10px; color: #666}
.learnbar a.more:hover { color:#f60;}
.learnbar li a:hover,.learnbar li a.on{ color:#f60; border-bottom:3px solid #f60}
.learnbar li.more a:hover { color:#f60; border: 0  } 
.learnfl{width:100%; display:block; padding:10px; overflow:hidden; margin:0 auto}
.learnfl .learnlist{ display:block; overflow:hidden; padding: 0 10px}
.learnfl .learnlist span{ height:22px; line-height:22px; color:#999; margin-right:12px; float:left; font-size:12px;}
.learnfl .learnlist a{line-height:22px; color:#666; margin-right:19px; float:left; cursor:pointer;  font-size:12px;}
.learnfl .learnlist a:hover, .learnfl .learnlist a.on{ color:#f60}

.zucent .userlipd {
	margin-left: 16px;
    border: 1px solid #e5e5e5;
    width: 245px;
    margin-bottom: 28px;
}
.zucent .userlipd .litxt {
    padding: 4px 6px 0;
    height: 38px;
    display: block;
    line-height: 38px;
    overflow: hidden;
}
.zucent .userlipd .litp {
    padding: 0 6px 4px;
    display: block;
    overflow: hidden;
    line-height: 20px;
}
.zucent .userlipd .litp p a.star_icon { display: block; padding-left: 20px; background: url(../images/star_icon.png) no-repeat 0 center;  }
.zucent .userlipd .litp p a.star_icon:hover { color: #ff6600; background: url(../images/star_icon2.png) no-repeat 0 center; }
.zucent .userlipd .list-img .show-img { border-radius: 0 ; height: 134px}
.zucent .userlipd .litxt a.jx_btn { height:24px; width: 66px;  display: inline-block;   line-height: 24px; text-align: center;  font-size: 12px; color: #fff; background: #367dd5; border-radius: 15px;  }
.zucent .userlipd .litxt a.jx_btn:hover { background:#1d5eaf  }
.zucent .userlipd .litxt a.gm_btn { height:24px; width: 66px;  display: inline-block;   line-height: 24px; text-align: center;  font-size: 12px; color: #fff; background: #ff6600; border-radius: 15px;  }
.zucent .userlipd .litxt a.gm_btn:hover { background:#e25a00  }

/*t头像设置*/
.learncon { width: 100%; padding:30px; }
.learncon .userimg { width: 260px; height: 240px; border:1px #ccc solid; border-radius: 10px ; display: inline-block; }
.learncon .userimg img { width: 100%; height: 100% }
.learncon .usertx { margin-left: 20px; display: inline-block;}
.learncon .usertx h3{ line-height: 40px; font-weight: normal; font-size: 16px }
.learncon .usertx p { line-height: 24px; color: #333; }
a.imgbtn { width: 120px; height: 36px; margin-top: 20px; line-height: 36px; text-align: center; color: #fff; background: #ff6600; border-radius: 6px; cursor: pointer; display: inline-block; }
a.imgbtn:hover { background: #df5900 }
a.cancelbtn { width: 120px; height: 36px; margin-top: 20px; line-height: 36px; text-align: center; color: #fff; background: #b5b5b5; border-radius: 6px; cursor: pointer; display: inline-block; }
a.cancelbtn:hover { background: #aaa }

/*密码设置*/
.learncon .conlist { overflow: hidden; /*清除浮动*/ }
.learncon .conlist h1 { font-size: 14px; height:60px; line-height:60px; font-weight: normal; text-align: right;  width: 100px; display: inline-block; float: left}
.learncon .conlist input { display: inline-block; padding: 10px 10px; margin: 10px 6px; border-radius: 6px; border: 1px #ddd solid; width: 350px ; float: left}
.learncon .conlist a.yanzm img { float: left; border-radius: 5px; border:1px #ccc solid; height: 37px; width: 92px; margin: 10px 0 }
.learncon .conlist a.yanzm span { display: block; float: left; color: #999; font-size: 12px; width: 90px; margin: 10px }
.learncon .conlist a.yanzm:hover span { color: #018fe5 }
.learncon  p { color: #999; font-size: 14px }
/*账号绑定*/
.learncon .zhlist { width: 230px; height: 180px; display: inline-block; border-right: 1px #eee solid; text-align: center; margin-top: 20px;  }
.learncon .zhlist h2 {  font-size: 18px; color: #000; font-weight: normal; display: inline-block;  }
.learncon .zhlist span.un_binding { font-size: 14px; color:red; }
.learncon .zhlist span.binding { font-size: 14px; color:green; }
.learncon .zhlist a.add_btn {  width: 90px; height: 30px; border-radius: 6px;  text-align: center; line-height: 30px; border:1px #aaa solid; margin: 10px auto;  } 
.learncon .zhlist a.add_btn:hover { background: #0066cc; border:1px #0066cc solid; color: #fff }
.learncon .zhlist a.useracunt { color:#0066cc; cursor: pointer; font-size: 12px  }
.learncon .zhlist a.useracunt:hover {   color:#ff6600  }
/*我的消息-系统消息*/
.learnbar a.newsbtn  { background: none; padding: 8px 14px; font-size: 14px; line-height: 16px; float: right; margin-right: 10px; text-align: center;    color: #333; border-radius: 6px;    cursor: pointer;  border: 1px #ccc solid;    }
.learnbar a.newsbtn:hover, .learnbar a.sel { background: #ff6600 ; color: #fff}
ul.newslist { padding: 20px 30px}
ul.newslist li{ width: 100% ; border-bottom: 1px #ccc solid; padding: 8px 0px}
ul.newslist li a { width: 100% }
ul.newslist li a img{ display:inline-block; width: 20px;  float: left; margin-right: 10px; }
ul.newslist li a p { display: inline-block; font-size: 14px; color: #333;  width: 350px; overflow: hidden; line-height: 16px ; }
ul.newslist li a h5 { display: inline-block; font-size: 14px; color: #0d6df5; font-weight: normal;  line-height: 16px; float: left; margin-right: 10px  }
ul.newslist li a span { float: right; font-size: 14px; color: #999;  }
ul.newslist li a:hover p { color: #ff6600 }
div.newscon { width: 100%; padding: 20px 30px }
div.newscon h1 { width: 100%; font-weight: normal; font-size: 18px; text-align: center; margin: 10px 0 }
div.newscon span { width: 100%; display: block; text-align: center;  font-size: 12px; color: #999; }
div.newscon span b { font-weight: normal; }
div.newscon .line { height: 1px; background: #ccc; width: 100%; margin: 10px 0; }
div.newscon p { text-indent: 30px; line-height: 24px; margin-bottom: 10px }
/*证书申请*/
.certifwrap { min-height: 500px }
.certiflist { border-bottom: 1px solid #ccc; overflow: hidden; padding:16px 20px}
.certifimg { width: 30%; position: relative;  }
.certifimg img { width: 100%; height: 130px; }
.certifimg span { position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.7); white-space: normal; text-overflow: ellipsis; overflow: hidden; text-indent: 10px; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #fff }
.certifcon { width: 40% }
.certifcon .kcjd, .certifcon .xs, .certifcon.jnkh { margin-right: 10px;}
.certifcon .kcjd h1 { font-size: 18px; color: #0066cc; text-align: center; margin-bottom: 6px }
.certifcon .kcjd span { font-size: 12px; color: #fff; background: #0066cc; padding: 4px 8px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  }
.certifcon .xs h1 { font-size: 18px; color: #ff6600; text-align: center; margin-bottom: 6px }
.certifcon .xs span { font-size: 12px; color: #fff; background: #ff6600; padding: 4px 8px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  }
.certifcon .jnkh h1 { font-size: 18px; color: #ffc000; text-align: center; margin-bottom: 6px }
.certifcon .jnkh span { font-size: 12px; color: #fff; background: #ffc000; padding: 4px 8px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  }
.certifcon h5 { margin-top: 40px; font-size: 14px }
.certifcon p { color: #999; font-size: 12px; }
.certifbtn { width: 30% }
.certifbtn .cbtn { overflow: hidden;  font-size: 14px; margin-top: 10px}
.certifbtn .cbtn span { float: right; margin-top: 4px; }
.certifbtn .cbtn a { float: right; border:1px #999 solid; background: #fff; width: 100px; height: 30px; text-align: center; line-height: 30px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; overflow: hidden; }
.certifbtn .cbtn a:hover { background: #f60; color: #fff; border-color: #f60 } 
.certifbtn p { font-size: 12px; text-align: right; }

/*我的优惠券*/
.coupwrap { min-height: 200px }
.couplist, .coupused { padding: 20px; } 
.coupwrap a{ width: 240px; height: 100px; margin-right: 8px; background: url(../images/coupon.png) no-repeat center center; display: inline-block; color: #fff; position: relative; }
.coupwrap .coupused a {background: url(../images/coupon_use.png) no-repeat center center; }
.coupwrap a span { font-size: 34px; font-weight: bold; position: absolute; top: 30px; left: 40px }
.coupwrap a p.date { font-size: 12px; position: absolute; left: 20px; bottom: 10px }
.coupwrap a p.minus { font-size: 14px; position: absolute; right: 10px; top: 40px; text-align: center; }

/*认证提示*/
.rz_ts{width:314px;height:138px;background:url(../images/ts_bg.png) no-repeat 0 0; position:absolute;left:50%;margin-left:-157px;top:50%;margin-top:-69px;z-index:100003;display:block;}
.rz_ts span{line-height:60px;height:60px;font-size:22px;display:block;padding-left:66px;margin:38px 0px 0px 58px;}
.rz_ts span.success{background: url(../images/rz01.png) no-repeat 0 center;}
.rz_ts span.fail{background: url(../images/rz02.png) no-repeat 0 center;}
.rz_shadow{position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:#000;opacity:0.2;filter:alpha(opacity=20);z-index:100000;}