@charset "utf-8";
/* CSS Document */
.mb20 { margin-bottom:20px;}
.row {width:102%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:'';}
.row>[class*="span-"]{float:left;margin-right:2%;*margin-right:1.89%}
.row > .span-6 { width:48%;}
.row > .span-4 { width:31.33333333%;}
.myrow { margin-left:0; margin-right:0;}
/* 常量设置 */
body{font-size:14px; line-height: 1.6; color: #333; background: #fff;min-width:1190px;font-family:"微软雅黑","Helvetica Neue",Helvetica,Arial,sans-serif\9;}
.wrap { width: 1190px; margin-right: auto; margin-left: auto;}
a{color: inherit; outline:none!important;}
a:hover { color: #1b97e9;}
::-moz-selection {color: #fff; background: #39f; }
::selection {color: #fff; background: #39f; }
::-webkit-input-placeholder { color: #aaa; } 
.placeholder { color: #aaa;}
.bg_grey{background: #f6f6f6;}
/*css组件设置*/
.form-control, .input-group-addon, .btn, .label{border-radius: 2px; }
.form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
* { box-sizing:content-box;}
@-ms-viewport { width:auto!important;}

/* 网站样式 */
/* 顶部导航栏 */
.logo { width:275px; padding-left:15px; margin-right:20px;}
.nav a { font-size:16px; padding:0 13px;}
.topNav{height:auto;position:relative;z-index: 10;width:100%; }
.topNav .logo{width:450px;height:85px;float:left;line-height:85px;text-align:left; overflow:hidden; padding:10px 0; box-sizing:border-box; line-height:0;}
.topNav .logo img { max-height:65px; margin:0; }
body .topNav .searBox{width:224px;height:32px;float:left;border-radius:0px;border:1px solid #d6d6d6!important;overflow:hidden;margin-top:27px; padding-right:48px; position:relative; margin-left:21%;}
.topNav .searBox ._inp{width:100%;height:32px; line-height:1; border:0;padding-left:12px; box-sizing:border-box;}
body .topNav .searBox ._sub {width:48px;height:32px;line-height:1; border:0;outline:none; position:absolute; right:0; top:0; background-color:transparent!important; color:#757575; font-size:14px; padding-left:0; padding-right:0;}
body .topNav .searBox ._sub .ion{color:#757575!important;}
.topNav .appDown{height:70px;line-height:70px; position:absolute; right:0; top:0; font-size:18px; color:#ffffff;}
.topNav .appDown .ion{ font-size:30px;}
.topNav .appDown a { color:#ffffff;}
.topNav ._action { height:32px; line-height:32px;}
.topNav .checkIn { margin-top:27px;}
/* .topNav .checkIn>div>a{border:0;color:#333!important;} */
.youzhengTop1 .head_r ._message { height:32px; line-height:32px;}
.checkIn.head_r ._user { margin-top:-6px; margin-right:0; z-index:10;}
.checkIn.head_r ._message:hover .ion { color:inherit;}
.checkIn.head_r ._action > em { font-size:14px; color:#333; vertical-align:middle;}
.topNav .top1 { background-color:#ffffff;}
body .topNav .top2{background:url(../img/youzheng/nav_bg.png) repeat-x transparent!important; border-bottom:1px solid rgba(255,255,255,.5);}
body .top2 .wrap { position:relative; height:70px; background-color:transparent!important;}

.top2 .navList { margin-left:260px; margin-right:130px; line-height:70px; margin-left:0; overflow:hidden;}
.topNav .navList>ul>li{float:left; margin-right:0px;}
.topNav .navList>ul>li>a,.topNav .navList>ul>li:hover>a{font-size:18px; margin:0 25px; display:block; color:#ffffff!important; position:relative;}
.topNav .navList>ul>li>a::after { content:''; display:block; width:0; height:3px; background-color:#ffffff; overflow:hidden; position:absolute; bottom:0px; left:50%; transform:translate(-50%,0); -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.topNav .navList>ul>li.cur a {color:#1b97e9;}
.topNav .navList>ul>li a .arr{border:4px solid;border-color:#333 transparent transparent; margin:0 0 -1px 9px;}

.topNav .navList li{position:relative;}
.topNav .navList li ul{position: absolute; left:0;top:100%;width:100%; background:rgba(255,255,255,.9); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ddffffff,endcolorstr=#ddffffff);
line-height:3em;font-size:13px;box-shadow: 0 0 3px;display: none;text-align:center;padding-top:5px;
/*stransition: all ease .5s;transform: scale(0); transform-origin: top center;*/}
.topNav .top2 .navList>ul>li a:hover,.topNav .top2 .navList>ul>li.cur a{ color:#ffffff!important; background-color:transparent!important;}
.topNav .top2 .navList>ul>li a:hover::after,.topNav .top2 .navList>ul>li.cur a::after{ width:100%;}
.topNav .navList li ul a{color:#484a4c;}
.topNav .navList li li{float: none;}
.topNav .navList li li a{float: none;display:block;}
.topNav .navList li li a:hover{color:#fff;}
.topNav .navList li:hover ul{ display:block}

/* 轮播图 */
.bigBanner {height:540px;position:relative;margin:-96px auto 15px;z-index:0; overflow:hidden; clear:both;}
.bigBanner li a { display:block; height:auto; text-align:center; overflow:hidden;}
.bigBanner li a img { display:inline-block; margin:0 -100%; margin:0 -50%\9; max-width:none; width:auto;}

.bigBanner .slide_nav{bottom:0;text-align:center; width:auto; background-color:rgba(0,0,0,.5); font-size:0; padding:8px; border-radius:13px; overflow:hidden; position:absolute; left:50%; bottom:22px; transform:translate(-50%,0);}
.bigBanner .slide_nav a{display: inline-block; width:10px;height: 10px;margin:0 5px; border-radius:5px; overflow:hidden; line-height:99px; font-size:0; border:1px solid #fff;box-sizing:border-box; background-color:rgba(255,255,255,.8);}
.bigBanner .slide_nav .on {background:#e22724; border-color:#e22724; width:45px;}

.bigBanner { margin-bottom:60px;}

/*网上党校*/
.wsdx { margin-bottom:30px;}
.wsdx .hd { position:relative; z-index:10; overflow:hidden;}
.wsdx .hd .title { width:381px; height:82px; background:url(../img/youzheng/flag_titlebg.png) no-repeat; color:#ffffff; font-size:24px; padding:20px 10px 0 90px; box-sizing:border-box;}
.wsdx .hd .links { height:50px; line-height:46px; background-color:#e72e22; color:#ffffff; margin-top:21px; border-radius:0 5px 0 0; position:relative; padding:0 20px;}
.wsdx .hd .links::before { content:''; display:block; width:26px; height:50px; background:url(../img/youzheng/flag_linkbg.png) no-repeat; overflow:hidden; position:absolute; left:-26px; top:0;}
.wsdx .hd .links > div { float:left;}
.wsdx .hd .links a { color:#ffffff!important;}
.wsdx .hd .links a:hover { opacity:.8;}
.wsdx .hd .links .cateLinks { margin-right:15px; width:460px; overflow:hidden; font-size:16px;}
.wsdx .hd .links .cateLinks a { display:inline-block; white-space:nowrap; margin-right:15px;}
.wsdx .hd .links .more2020::after { background-position:0 0;}

.more2020 { display:inline-block; position:relative; padding-right:27px; font-size:16px;}
.more2020::after { content:''; display:block; width:20px; height:20px; position:absolute; right:0; top:50%; margin-top:-9px; background:url(../img/youzheng/more_ico.png) 0 -20px no-repeat;}

.wsdx .bd { border:#e22724 4px solid; border-radius:5px; min-height:100px; margin-top:-15px; padding:0 40px;}
.wsdx .bd .row2 { width:103%; padding-top:30px;}
.wsdx .bd .row2>.span-4 { margin-right:3%; width:30.333333%; margin-bottom:30px;}

.wsdx .bd .img.rect-57 { padding-bottom:53%; border-radius:10px; margin-bottom:10px;}
.wsdx .bd .title { font-size:18px; height:30px; line-height:30px; margin-bottom:5px;}
.wsdx .bd .intro { font-size:16px; color:#747475;}
.wsdx .bd .intro .name { margin-right:10px;}
/*网上党校 end*/

.yz_ico { display:inline-block; vertical-align:middle; width:40px; height:40px; background:url(../img/youzheng/youzheng_ico.png) no-repeat; overflow:hidden;}
.yz_ico01 { background-position:0 0;}
.yz_ico02 { background-position:-40px 0;}
.yz_ico03 { background-position:-80px 0;}
.yz_ico04 { background-position:-120px 0;}
.yz_ico05 { background-position:-160px 0;}
.yz_ico06 { background-position:-200px 0;}
.yz_ico07 { background-position:-240px 0;}
.yz_ico08 { background-position:-280px 0;}
.yz_ico09 { background-position:-320px 0;}

.yz_part { margin-bottom:30px;}
.yz_part .hd { line-height:40px; margin-bottom:20px;}
.yz_part .hd .title { font-size:20px;}
.yz_part .hd .title .yz_ico { vertical-align:-11px; margin-right:10px;}

/*新网上党校*/
.wsdx1 .colorBlock.cb1 { background-image:url(../img/youzheng/dxbg01.png);}
.wsdx1 .colorBlock.cb2 { background-image:url(../img/youzheng/dxbg02.png);}
.wsdx1 .colorBlock.cb3 { background-image:url(../img/youzheng/dxbg03.png);}

/*公共培训*/
.colorBlock { height:93px; padding:0 10px; text-align:center; background:url(../img/youzheng/ggbg01.png) 0 0 / 100% 100% no-repeat; color:#ffffff; border-radius:10px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; margin-bottom:15px;}
.colorBlock:hover { opacity:.8;}
.colorBlock .title { font-size:18px; padding-top:14px; margin-bottom:5px;}
.ggpx .colorBlock.cb2 { background-image:url(../img/youzheng/ggbg02.png);}
.ggpx .colorBlock.cb3 { background-image:url(../img/youzheng/ggbg03.png);}

/*技能培训*/
.jnpx.yz_part { margin-bottom:50px;}
.jnpx .colorBlock.cb1 { background-image:url(../img/youzheng/jnbg01.png);}
.jnpx .colorBlock.cb2 { background-image:url(../img/youzheng/jnbg02.png);}
.jnpx .colorBlock.cb3 { background-image:url(../img/youzheng/jnbg03.png);}

/*专题培训*/
.ztpx { padding-top:40px; padding-bottom:40px; margin-bottom:0;}
.ztBox { border-radius:10px; overflow:hidden; background-color:#ffffff; margin-bottom:20px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.ztBox:hover { box-shadow:0 0 8px rgba(0,0,0,.3)}
.ztBox ._hd { background:url(../img/youzheng/ztbg01.png) no-repeat; height:190px; color:#ffffff; position:relative;}
.ztBox2 ._hd  { background-image:url(../img/youzheng/ztbg02.png);}
.ztBox3 ._hd  { background-image:url(../img/youzheng/ztbg03.png);}
.ztBox ._hd .title { font-size:18px; width:80%; position:absolute; left:10%; top:50%; transform:translate(0,-50%); text-align:center; line-height:30px; max-height:90px; overflow:hidden;}
.ztBox ._hd .tag { display:inline-block; white-space:nowrap; font-size:14px; border:#ffffff 2px solid; height:26px; line-height:26px; border-radius:5px 15px 5px 15px; background:linear-gradient(90deg, #fd9b27, #f66525); padding:0 14px; position:absolute; left:10px; top:10px;}
.ztBox ._hd .admin { width:100%; height:34px; line-height:34px; background:rgba(0,0,0,.3); position:absolute; left:0; bottom:0; padding:0 10px; box-sizing:border-box;}
.ztBox ._hd .admin .name { margin-right:10px;}
.ztBox ._bd { padding:20px 20px; color:#747475;}
.ztBox ._bd .intro { line-height:20px; height:40px; overflow:hidden; margin-bottom:25px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; word-break:break-all;}
.ztBox ._bd .info span { display:inline-block; margin-right:30px;}
.ztBox ._bd .info .price { margin-right:0; color:#e32623;}
.ztBox ._bd .info .price.free { color:#25aa7d;}
.ztBox ._bd .class::before,.ztBox ._bd .count::before { content:''; display:inline-block; overflow:hidden; vertical-align:-5px; width:20px; height:20px; background:url(../img/youzheng/yz_ico.png) no-repeat; margin-right:5px;}
.ztBox ._bd .count::before { background-position:-20px 0;}

/*名师风采*/
.msfc { padding-bottom:40px;}
.msfc .ms-scroll-box,.msfc .ms-scroll { height:180px; position:relative; overflow:hidden;}
.msfc .arrs { width:20px; height:30px; line-height:30px; text-align:center; background:url(../img/youzheng/ms_btn_arr.png) no-repeat rgba(0,0,0,.5); color:#fff; position:absolute; top:47px; z-index:10;}
.msfc .arrs:hover { background-color:rgba(0,0,0,.8);}
.msfc .arr_prev { left:0;}
.msfc .arr_next { right:0; background-position:-20px 0;}
.msfc .arrs.unable { opacity:.4; cursor:default; display:none;}
.msfc .ms-scroll ul { width:9999px; position:relative; overflow:hidden;}
.msfc .ms-scroll li { width:120px; margin-right:32.8px; float:left;}
.msfc .ms-scroll li:hover .avatar { box-shadow:0 5px 8px rgba(0,0,0,.5);}
.msfc .ms-scroll .avatar { display:block; width:120px; height:120px; overflow:hidden;}
.msfc .ms-scroll .avatar { position:relative; background-color:#ddd; margin-bottom:10px; font-size:0; line-height:120px;}
.msfc .ms-scroll .avatar img { display:inline-block; width:100%; height:auto; vertical-align:middle;}
.msfc .ms-scroll .avatar .name { width:100%; height:25px; line-height:25px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.5); color:#ffffff; text-align:center; box-sizing:border-box; padding:0 8px; font-size:14px;}
.msfc .ms-scroll .duty { font-size:14px; line-height:20px; height:40px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box;}

/*通知公告*/
.tzgg .hd { position:relative;}
.tzgg .hd::before { content:''; display:block; width:100%; height:4px; border-top:1px dashed #b7b7b7; border-bottom:1px dashed #b7b7b7; position:absolute; left:0; top:50%;margin-top:0;}
.tzgg .hd .title,.tzgg .hd .more2020 { position:relative; z-index:2; background-color:#ffffff;}
.tzgg .hd .title { padding-right:10px;}
.tzgg .hd .more2020 { padding-left:10px;}
.tzgg .list { margin-top:-10px;}
.tzgg .list li { border-bottom:#d6d6d6 1px solid; padding:17px 0;}
.tzgg .list li:hover { background-color:#f8f8f8;}
.tzgg .list li:last-child { border-bottom-width:0;}
.tzgg .list .date { width:64px; height:75px; background-color:#e82223; float:left; color:#ffffff; text-align:center; border-radius:8px; margin-right:13px;}
.tzgg .list .date .day { font-size:24px; font-weight:bold; padding-top:5px;}
.tzgg .list .date .month { opacity:.7;}
.tzgg .list .content { overflow:hidden;}
.tzgg .list .content .title { font-size:16px; font-weight:normal; margin:-4px 0 5px; height:28px; line-height:28px;}
.tzgg .list .content .intro { line-height:22px; height:44px; overflow:hidden; color:#747475; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; word-break:break-all;}

/*行业动态*/
.hydt .hd { position:relative;}
.hydt .hd::before { content:''; display:block; width:100%; height:4px; border-top:1px dashed #b7b7b7; border-bottom:1px dashed #b7b7b7; position:absolute; left:0; top:50%;margin-top:0;}
.hydt .hd .title,.hydt .hd .more2020 { position:relative; z-index:2; background-color:#ffffff;}
.hydt .hd .title { padding-right:10px;}
.hydt .hd .more2020 { padding-left:10px;}
.hydt .list .first { margin-bottom:5px;}
.hydt .list .first .title { font-size:16px; height:40px; line-height:40px;}
.hydt .list .first .intro { color:#747475; height:48px; line-height:24px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; word-break:break-all;}
.hydt .list .cli { height:30px; line-height:30px; position:relative; padding-right:50px;}
.hydt .list .cli .title { padding-left:18px; position:relative;}
.hydt .list .cli .title::before { content:''; display:block; width:6px; height:6px; background-color:#9d9d9d; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-3px;}
.hydt .list .cli .time { position:absolute; right:0; top:0; color:#939393;}

/*学习排行榜*/
.xxphb { margin-left:50px; margin-left:0;}
.learnTab .tab_c { display:none;}
.learnTab .tab_hd { height:46px; line-height:46px; background-color:#f4f6fa; border-radius:8px; overflow:hidden; padding:0 20%; margin-bottom:30px;}
.learnTab .index-channel { position:relative;} 
.learnTab ._T { width:50%; text-align:center; cursor:pointer; font-size:18px; position:absolute;}
.learnTab ._T::after { content:''; display:block; width:0; height:4px; overflow:hidden; background-color:#e22724; border-radius:4px; position:absolute; left:50%; transform:translate(-50%,0); bottom:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.learnTab .tab_t_cur::after { width:98px;}
.rankListBox { overflow:hidden; padding-top:10px;}
.rankListBox .list { width:47%; float:left;}
.rankListBox .rank5-8 { float:right;}
.rankListBox li { margin-bottom:17px; min-height:66px;}
.rankListBox .list { width:103%;}
.rankListBox li { width:47%; float:left; margin-right:3%;}
.rankListBox .order { width:50px; height:50px; float:left; background:url(../img/youzheng/rank_ico.png) -150px 0 no-repeat; text-align:center; font-size:20px; color:#7580ce; font-family:"Arial"; padding-top:15px; box-sizing:border-box; line-height:20px; margin-right:10px; padding-right:2px;}
.rankListBox .list li:nth-child(1) .order { background-position:0 0; color:#683a04;}
.rankListBox .list li:nth-child(2) .order { background-position:-50px 0; color:#416791; padding-right:0;}
.rankListBox .list li:nth-child(3) .order { background-position:-100px 0; color:#784d18;}
.rankListBox .info { overflow:hidden; border-bottom:#d6d6d6 1px solid; padding-bottom:15px;} 
.rankListBox .info .name,.rankListBox .info .duration { line-height:20px; height:20px; margin-bottom:8px;} 
.rankListBox .info .name { width:110px; float:left; font-size:18px;}
.rankListBox .info .duration { text-align:right; overflow:hidden; font-size:16px;}
.rankListBox .info .duration .num { color:#e22724;}
.rankListBox .info .count { clear:both; overflow:hidden; color:#686868;}

.memberRank .order { margin-right:5px;} 
.memberRank .info { border-bottom-color:transparent;}
.memberRank .info .name { width:80px;}
.rankListBox .avatar,.rankListBox .avatar img { display:block; width:64px; height:64px; border-radius:50%; overflow:hidden;}
.rankListBox .avatar { float:left; margin-top:-10px; margin-right:10px;}

.xxphb ._link { margin-bottom:15px;}
.xxphb ._link img { display:block; border-radius:10px; width:285px;}
.xxphb ._link.continued a { display:block; width:285px; height:75px; line-height:75px; text-align:center; color:#ffffff; font-size:18px; background-color:#e32623; border-radius:10px; cursor:default;}

/*申请定制培训*/
.apply_train .wrap { border-radius:10px; overflow:hidden; font-size:0; text-align:center;}

/*漂浮广告*/
.side_ad { width:180px; height:180px; position:fixed; left:10px; top:50%; transform:translate(0,-50%); z-index:20;}

/*申请定制培训*/
.youzheng_applyBox { overflow:visible!important;}
.youzheng_applyBox .box_wrap_in { padding-top:10px; background-color:#ffffff;} 
.youzheng_applyBox .box_wrap_bar { background-color:#e22724; color:#ffffff; margin:0 -7px; border-width:0; position:relative; box-shadow:0 5px 8px rgba(226,39,36,0.5);}
.youzheng_applyBox .box_wrap_bar::before,.youzheng_applyBox .box_wrap_bar::after { content:''; display:block; width:0; height:0; overflow:hidden; position:absolute; border-width:7px; bottom:-7px;}
.youzheng_applyBox .box_wrap_bar::before { border-color:transparent #aa110f transparent transparent; border-style:dashed solid dashed dashed; left:-7px;}
.youzheng_applyBox .box_wrap_bar::after { border-color:transparent transparent transparent #aa110f; border-style:dashed dashed dashed solid; right:-7px;}
.youzheng_applyBox .box_wrap_title { text-align:center; padding:0 40px; font-size:20px; position:relative; z-index:5; background-color:#e22724;}
.youzheng_applyBox .box_wrap_close { z-index:10; right:8px;} 
.youzheng_applyBox .box_wrap_body { overflow-y:auto; overflow-x:hidden;}

.youzheng_apply_form { padding:30px 80px 30px 60px;}
.youzheng_apply_form dl { position:relative; padding-left:125px; min-height:35px; margin-bottom:15px;}
.youzheng_apply_form dl dt { width:125px; position:absolute; left:0; top:0; text-align:right; font-size:16px; font-weight:normal; line-height:34px;}
.youzheng_apply_form dl dt font { color:#ea3c3c;}
.youzheng_apply_form .form_input { width:100%; height:35px; line-height:35px; border:#d4d4d4 1px solid; border-radius:5px; box-sizing:border-box; padding:5px 10px;}
.youzheng_apply_form textarea.form_input { height:auto;}
.youzheng_apply_form #submitBtn { width:220px; height:45px; background-color:#e22724; color:#ffffff; font-size:18px; border:0; outline:none; border-radius:4px;}

/*课程列表*/
.course_classList { background-color:#f4f6fa; padding-top:15px;}
.course_classList .hd { padding:17px 0; border-bottom:#dedede 1px solid; margin-bottom:20px;}
.course_classList .hd .title { font-size:20px; font-weight:normal;}
.course_classList .hd .title .yz_ico { vertical-align:-13px; margin-right:10px;}
.b_list ._title { height:50px; line-height:50px; font-size:18px; position:relative; padding-left:16px;}
.b_list ._title::before { content:''; display:block; width:5px; height:17px; background:#e32623; position:absolute; left:0; top:50%; margin-top:-8px;}
.b_list ._title .more2020 { position:absolute; right:0; top:0;}

.course_classList .ztBox ._hd { height:150px;}
.course_classList .ztBox .img { padding-bottom:54%;}
.course_classList .ztBox .img .count { width:100%; height:30px; line-height:30px; position:absolute; left:0; bottom:0; padding:0 10px; background:rgba(0,0,0,.5); color:#ffffff;}
.course_classList .ztBox .img .count::before { content:''; display:inline-block; overflow:hidden; vertical-align:-5px; width:20px; height:20px; background:url(../img/youzheng/yz_ico.png) no-repeat; margin-right:5px; background-position:-40px 0!important;}
.course_classList .ztBox ._bd .title { font-size:16px; color:#333; margin-bottom:5px;}
.course_classList .ztBox ._bd .admin { width:100%; height:34px; line-height:34px; box-sizing:border-box; margin-bottom:5px;}
.course_classList .ztBox ._bd .admin .name { margin-right:10px;}

/*排行榜*/
.rankPage { background:url(../img/youzheng/rank_bg.jpg) center top no-repeat; min-height:300px; padding-bottom:50px;}
.rankPage .tab_hd { float:left; padding-top:10px; padding-left:190px;}
.rankPage .tab_hd li { width:175px; height:171px; float:left; box-sizing:border-box; padding:54px 0 0 47px; margin-right:100px;}
.rankPage .tab_hd li.active { background:url(../img/youzheng/rank_tab_bg.png) no-repeat;}
.rankPage .tab_hd .title { display:block; width:80px; height:70px; background:url(../img/youzheng/rank_tab_title.png) no-repeat; font-size:0; line-height:0;text-indent:-99px; overflow:hidden; cursor:pointer;}
.rankPage .tab_hd li.active .company { background-position:0 -70px;}
.rankPage .tab_hd .personal { background-position:-80px 0;}
.rankPage .tab_hd li.active .personal { background-position:-80px -70px;}
.rankPage .rank_img { padding-top:38px;}

.rankPage .bd { background-color:#ffffff; border-radius:5px; padding:25px 70px; margin-top:-30px; position:relative; z-index:5;}
.rankBox li { float:left;}
.rankBox ._hd { background-color:#f8f8f8; height:50px; line-height:50px; font-size:16px;}
.rankBox .r1 { width:110px; text-align:center;}
.rankBox .r2 { width:220px; margin-right:10px;}
.rankBox .r3 { width:490px; margin-right:10px;}
.rankBox .r4 { width:210px;}
.rankBox ._bd { line-height:50px; font-size:16px;}
.rankBox ._bd ul { padding:13px 0; border-bottom:#e7e7e7 1px solid;}
.rankBox ._bd li { height:50px;}
.rankBox ._bd ul .r1 span { font-family:"Arial"; font-size:22px; color:#888888;}
.rankBox ._bd ul:nth-child(1) .r1 span,.rankBox ._bd ul:nth-child(2) .r1 span,.rankBox ._bd ul:nth-child(3) .r1 span { display:inline-block; width:50px; height:50px; background:url(../img/youzheng/rank_ico.png) no-repeat; font-size:0; margin-top:5px; margin-bottom:-5px;}
.rankBox ._bd ul:nth-child(2) .r1 span { background-position:-50px 0;}
.rankBox ._bd ul:nth-child(3) .r1 span { background-position:-100px 0;}
.rankBox ._bd ul:nth-child(1) .r1 span::after { content:'1'; font-size:22px; color:#683a04;}
.rankBox ._bd ul:nth-child(2) .r1 span::after { content:'2'; font-size:22px; color:#416791;}
.rankBox ._bd ul:nth-child(3) .r1 span::after { content:'3'; font-size:22px; color:#784d18;}
.rankBox ._bd .r4 font { color:#e22724;}
.rankBox ._bd .r2 { height:64px; margin-top:-7px; margin-bottom:-7px; line-height:64px;}
.rankBox ._bd .r2 .avatar { float:left; margin-right:10px; overflow:hidden;}
.rankBox ._bd .r2 .avatar,.rankBox ._bd .r2 .avatar img { display:block; width:64px; height:64px; border-radius:50%;}