/*整合*/

#hjpassport {
    background-color:#f6f6f6;
    width: 100%;
    min-width: 1000px;
    height: 40px;
    font-size: 12px;
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 2px 0px rgba(150,150,150,0.1);
    -moz-box-shadow: 0 2px 0px rgba(150,150,150,0.1);
    -khtml-border-shadow: 0 2px 0px rgba(150,150,150,0.1);
    box-shadow: 0 2px 0px rgba(150,150,150,0.1);
    position: fixed;
    z-index: 9998;
    _position:relative;
}

/* for standlone */
#hjpassport .hide{display: none;}
#hjpassport .cf{zoom:1;}
#hjpassport .cf:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#hjpassport .fl{float: left;display: inline;}
#hjpassport .fr{float: right;display: inline;}
#hjpassport a{text-decoration: none;color: #666;}
#hjpassport a:hover{color: #333;}
#hjpassport h3{font-weight: normal;margin: 0;}
/*pass construct*/
#pass_c {width: 1000px;margin: 0 auto;position: relative;z-index: 9999;}
.pass_c2{position: relative;z-index: 9997;height: 40px;_display:none;}
#pass_c_l {float: left;list-style: none;margin: 0;height: 40px;}
#passport_userinfo{float: right;list-style: none;margin: 0;height: 40px;}
#hjpassport li {float: left;height: 36px;margin-top: 4px;}


/*can hover 's layer title
    _t is hover's title
    _b is hover's content
*/
#hjpassport .pass_x{position: relative;}
#hjpassport .pass_x_t{padding: 1px 10px 3px 10px;height: 34px;line-height: 30px;position: relative;cursor: default;}
#hjpassport .pass_x .hover{padding: 0 9px 2px 9px;border: 1px solid #ddd;border-bottom: none;background-color: #fff;border-radius: 3px 3px 0 0;z-index: 9;}
#hjpassport .pass_x_t span,
#hjpassport .pass_x_t a{padding-right: 15px;color: #666;}
#hjpassport .pass_x_b{position: absolute;display: none;border: 1px solid #ddd;border-radius: 0 3px 3px 3px;top: 36px;left: 0px;background-color: #fff;z-index:8;}
#hjpassport .pass_x_b li{float: none;margin: 0;height: 30px;line-height: 30px;}
#hjpassport .pass_x_b li a{height: 30px;line-height: 30px;color: #666;display: block;padding: 0 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#hjpassport .pass_x_b li a:hover{background-color: #EFEFEF;}
#hjpassport .wx_li a{width:180px;}
/*arrow _down class*/



/*icons css*/

#pass_c_l li.shetuan div {padding:1px 10px 3px 10px;height:34px;line-height:30px;position:relative;*line-height: 32px;}
#pass_c_l li.shetuan div a{text-decoration: none}

#pass_c_l li.hj_index div{padding:1px 10px 3px 10px;height:34px;line-height:30px;position:relative;*line-height: 32px;}
#pass_c_l li.hj_index div a{text-decoration: none}

#pass_c_l li.yidong a {display: block;height: 34px;line-height:30px;padding: 1px 10px 0 25px;background: url(/commonn/site/images/bg_icon_passport.gif) no-repeat;background-position: 5px -124px;}
#pass_c_l li.yidong a span{line-height: 30px;line-height: 32px\9;}
#pass_c_l li.yidong a:hover {background-position: 5px -164px;}
.icon_tuan_t{background: url(/commonn/site/images/bg_icon_passport.gif) no-repeat;background-position: 0 -204px;text-indent: -999em;display: block;width: 16px;}
.icon_pass_xx{background: url(/commonn/site/images/bg_icon_passport.gif) no-repeat;background-position: 0 -284px;text-indent: -999em;display: block;width: 16px;}
.icon_home_cate{background: url(/commonn/site/images/bg_icon_passport.gif) no-repeat;background-position: 0 -85px;text-indent: -999em;display: block;width: 16px;}

/* arrow down */
.pass_x_t b{background: url(/commonn/site/images/bg_icon_passport.gif) no-repeat;background-position: 0 -256px;height: 4px;width: 7px;position: absolute;right: 10px;top: 15px;overflow: hidden;}
.pass_x_t b.bg2 {background-position: 0 -266px;right:9px;top:13px;}


/*ele that have hover layer*/
#pass_c_l .pass_x_b a span{background: url(/commonn/site/images/bg_icon_passport.gif) no-repeat;cursor:pointer;}


/*home_b 首页站点导航4个*/
#pass_c_l .home_b{width: 95px;}
#pass_c_l .home_b span{padding-left: 25px;display: block;overflow: hidden;line-height: 32px\9;}
#pass_c_l .home_b .home_i0 span{background-position:0 -364px;}
#pass_c_l .home_b .home_i1 span{background: url(/commonn/site/images/bg_wx_passport_02.png) no-repeat;}
#pass_c_l .home_b .home_i2 span{background-position:0 -814px;}
#pass_c_l .home_b .home_i3 span{background-position:0 -844px;}
#pass_c_l .home_b .home_i4 span{background-position:0 -874px;}
#pass_c_l .home_b .home_i5 span{background: url(/i2n/doc/201606/8971c313-1a58-4e0a-9674-2ac12a45880d_02.png) no-repeat 0 5px;}

/*learning sites*/
#pass_c_l .dh_b{width: 481px;}
#pass_c_l #dh_b_con1{width: 288px;}
#pass_c_l #dh_b_con2{width: 192px;}
#pass_c_l .dh_b .borLeft{border-left: 1px solid #eee;}
#pass_c_l .dh_b h3{text-indent: 10px;color: #666;height: 32px;line-height: 34px;overflow: hidden;}
#pass_c_l .dh_b li {width: 96px;height: 30px;float: left;padding: 0;}
#pass_c_l .dh_b li a {width: 86px;height: 30px;line-height: 30px;display: block;padding: 0 0 0 10px;}
/*#pass_c_l .dh_b li.dh_b_sp a{float: left;width: 30px;padding: 0;text-align: center;overflow: hidden;}*/
/*#pass_c_l .dh_b li.dh_b_sp a.dh_b_sp_a{width: 56px;padding-left: 10px;text-align: left;}*/
#pass_c_l .dh_b li span {height: 30px;line-height: 30px;line-height:32px\9;padding-left: 25px;display: block;background: url(/commonn/site/images/bg_icon_passport.gif) no-repeat;cursor: pointer;}
#pass_c_l .dh_b a.dh_con1_more{margin-right: 14px;line-height: 34px;height:32px;overflow: hidden;}
#pass_c_l .dh_b .db_h_title{background-color: #f7f8f9;}
#pass_c_l .dh_b li#dh_b_i1 a span{background-position: 0 -424px;}
#pass_c_l .dh_b li#dh_b_i2 a span{background-position: 0 -604px;}
#pass_c_l .dh_b li#dh_b_i3 a span{background-position: 0 -454px;}
#pass_c_l .dh_b li#dh_b_i4 a span{background-position: 0 -634px;}
#pass_c_l .dh_b li#dh_b_i5 a span{background-position: 0 -544px;}
#pass_c_l .dh_b li#dh_b_i6 a span{background-position: 0 -484px;}
#pass_c_l .dh_b li#dh_b_i7 a span{background-position: 0 -514px;}
#pass_c_l .dh_b li#dh_b_i8 a span{background-position: 0 -694px;}
#pass_c_l .dh_b li#dh_b_i9 a span{background-position: 0 -664px;}
#pass_c_l .dh_b li#dh_b_z1 a span{background-position: 0 -754px;}
#pass_c_l .dh_b li#dh_b_z2 a span{background-position: 0 -724px;}
#pass_c_l .dh_b li#dh_b_z3 a span{background-position: 0 -574px;}
#pass_c_l .dh_b li#dh_b_z4 a span{background-position: 0 -934px;}
#pass_c_l .dh_b li#dh_b_z5 a span{background-position: 0 -904px;}
#pass_c_l .dh_b li#dh_b_z6 a span{background-position: 0 -964px;}


/*tuan*/
#hjpassport #MyNoPayOrder{display:none;}
#hjpassport .tuan_b{width:200px;}
#hjpassport .tuan_b li{height: 60px;border-bottom: 1px solid #eee;padding: 0;margin: 0 10px;}
#hjpassport .tuan_b li a{line-height: 24px;width: 180px;height: 28px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#797979;padding: 0;}
#hjpassport .tuan_b li a:hover{color:#f60;text-decoration: underline;background-color: #FFF;}
#hjpassport .tuan_b li .p_tuan_price{color:#F50;line-height: 20px;}
#hjpassport .tuan_b li a.btn_p_gotopay{width: 50px;height: 22px;text-align: center;background-color:#F60;color:#FFF;line-height: 20px;}
#hjpassport .tuan_b li a.btn_p_gotopay:hover{text-decoration: none;}
#hjpassport .tuan_b li.tuan_lastli{height: 30px;text-align: right;border-bottom: 0;}
#hjpassport .tuan_b .h3_tuan_t{background-color: #f7f8f9;text-align: center;color: #797979;height: 30px;line-height: 30px;}

#hjpassport .tuan_t .tuan_quantity{position: absolute;text-indent: -999em;width: 10px;height: 10px;overflow: hidden;right:14px;bottom:5px;padding: 0;background: url(/commonn/site/images/bg_icon_passport.gif) -3px -1240px no-repeat;}
#hjpassport .hover .tuan_quantity{right:13px;bottom:4px;}
#hjpassport .tuan_t .tuan_num_1{background-position: -3px -1250px}
#hjpassport .tuan_t .tuan_num_2{background-position: -3px -1260px}
#hjpassport .tuan_t .tuan_num_3{background-position: -3px -1270px}
#hjpassport .tuan_t .tuan_num_4{background-position: -3px -1280px}
#hjpassport .tuan_t .tuan_num_5{background-position: -3px -1290px}
#hjpassport .tuan_t .tuan_num_6{background-position: -3px -1300px}
#hjpassport .tuan_t .tuan_num_7{background-position: -3px -1310px}
#hjpassport .tuan_t .tuan_num_8{background-position: -3px -1320px}
#hjpassport .tuan_t .tuan_num_9{background-position: -3px -1330px}
#hjpassport .tuan_t .tuan_num_10{background-position: -3px -1340px}


/**/
.pass_log a{
    display: block;
    height: 34px;
    line-height: 30px;
    line-height: 32px\9;
    overflow: hidden;
    float:left;
    padding: 1px 10px 0 10px;
}
.pass_log a.zhuce span{
    color:#ea7813;
}
.pass_log{margin:0 10px 0 0;}
.split_border{height: 10px;width:1px;background-color:#bfbfbf;float:left;margin:12px 0 0 10px;}
/*用户名*/
#passport_userinfo .tx_t{
    overflow: hidden;
    max-width:80px;
    padding-right: 21px;
}
#passport_userinfo .tx .hover{
    padding-right: 20px;
}
#passport_userinfo .tx_t a#username{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding: 0;
    line-height: 30px;
    width:65px\9;
    text-align: center\9;
}
#passport_userinfo .tx_b{width: 109px;}
#passport_userinfo .tx_b li a span {
    padding-left:28px;
    display: block;
    background: url(/commonn/site/images/bg_icon_passport.gif) no-repeat;
    text-align: center;
}
#passport_userinfo .tx_b li#tx_b_l1 a span {background-position: 8px -1033px;}
#passport_userinfo .tx_b li#tx_b_l2 a span {background-position: 8px -1063px;}
#passport_userinfo .tx_b li#tx_b_l3 a span {background-position: 8px -1094px;}
#passport_userinfo .tx_b li#tx_b_l4 a span {background-position: 8px -394px;}
#passport_userinfo .tx_b li#tx_b_l5 a span {background-position: 8px -1386px;}
#passport_userinfo .tx_b li#tx_b_l6 a span {background-position: 8px -1356px;}
/**/
#passport_userinfo .xx_b{width:80px;}

/*my school*/
#passport_userinfo .wx .wx_b{width: 200px;}
#passport_userinfo .wx .wx_b li a:hover{background: #efefef;}
#passport_userinfo .wx .wx_b li.wx_lastli{line-height: 30px;height: 30px;width: 200px;border-top: 1px solid #eee;}
#passport_userinfo .wx .wx_b li.wx_lastli a{line-height: 30px;height: 30px;width: 65px;padding: 0;text-align: center;display: block;float: left;}
#passport_userinfo .wx .wx_b li.wx_lastli a.wx_t_gkk{width: 70px;}
#passport_userinfo .wx .wx_b li.wx_lastli a span{
    padding: 0 0 0 20px;
    background: url(/commonn/site/images/bg_icon_passport.gif) no-repeat;
}
#passport_userinfo .wx .wx_b li.wx_lastli a.wx_t_xk span{background-position: 0 -1133px;}
#passport_userinfo .wx .wx_b li.wx_lastli a.wx_t_dy span{background-position: 0 -1164px;}
#passport_userinfo .wx .wx_b li.wx_lastli a.wx_t_gkk span{background-position: 0 -1199px;}
#passport_userinfo .pass_x_b{left:auto;right:0;_right:-1px;}
#passport_userinfo .tx .pass_x_b{_right:0px;}

/*my bulo*/
/*#passport_userinfo li.bl .bl_b li {width: 100px;height: 30px;line-height: 30px;}
#passport_userinfo li.bl .bl_b li a {margin: 0;width: 80px;height: 30px;line-height: 30px;padding: 0 10px;position: relative;}
#passport_userinfo li.bl .bl_b li a img{position: absolute;top:6px;width: 18px;height: 18px;overflow: hidden;}
#passport_userinfo li.bl .bl_b li a:hover {background-color: #efefef;}
#passport_userinfo li.bl .bl_b li a span {margin: 0;padding-left: 25px;height: 30px;display:block;cursor: pointer;overflow: hidden;width: 48px;white-space: normal;}*/

#pass_c_l li.bl .bl_b li {width: 120px;height: 30px;line-height: 30px;}
#pass_c_l li.bl .bl_b li a {margin: 0;width: 100px;height: 30px;line-height: 30px;padding: 0 10px;position: relative;}
#pass_c_l li.bl .bl_b li a img{position: absolute;top:6px;width: 18px;height: 18px;overflow: hidden;}
#pass_c_l li.bl .bl_b li a:hover {background-color: #efefef;}
#pass_c_l li.bl .bl_b li a span {margin: 0;padding-left: 25px;height: 30px;display:block;cursor: pointer;overflow: hidden;width: 75px;white-space: normal;background: none;}


/* ing push 小黄签*/
#hjpassport #ing_push {position: absolute;left: 50%;top: 44px;width: 174px;z-index: 7;margin-left: 300px;}
#hjpassport #ing_push #s_push_top {background: url(/commonn/site/images/bg_push_new_t.gif) no-repeat;height: 3px;line-height: 0;font-size: 0;overflow: hidden;}
#hjpassport #ing_push #s_push_mid {border-left: 1px solid #EBB15E;border-right: 1px solid #EBB15E;background: #FFFFE4;padding: 4px 4px 4px 6px;line-height: 20px;width: 162px;height: auto;}
#hjpassport #ing_push #s_push_btm {background: url(/commonn/site/images/bg_push_new_b.gif) no-repeat;height: 3px;line-height: 0;width: 174px;font-size: 0;overflow: hidden;}
#hjpassport #ing_push #s_push_mid .close {background: url(/commonn/site/images/ico_close_ora.gif) no-repeat center center;float: right;}
#hjpassport #ing_push #s_push_mid .close a {width: 16px;height: 12px;display: block;margin: -4px -6px 0 0;position: relative;}
#hjpassport #ing_push #push_cnt {padding-right: 0px;display: block;float: left;width: 151px;}
#hjpassport #ing_push #push_cnt a {margin: 0;padding: 0;position: relative;float: right;}
#push_cnt a{color: #1071B5;}
#push_cnt a:hover{color: #f60;text-decoration: underline;}

/* 其他模块*/
#hotmessage,
.top_warning {border: 1px solid #F99C5C;background: #FFFCF6;border-radius: 0 0 5px 5px;left: 0;position: relative;top: 1px;_position:absolute;_left:50%;_top:41px;margin: 0 auto;_margin-left:-500px;width: 998px;z-index: 9998;display: none;padding: 10px 0 20px 0;}
#hotmessage:after,
.top_warning:after {content: ".";visibility: hidden;display: block;height: 0;clear: both;}
.warning_close {background: url(/commonn/site/images/passport_bg_all_new.gif) no-repeat scroll -85px 0 transparent;display: block;height: 15px;overflow: hidden;position: absolute;right: 12px;top: 10px;width: 15px;}
#hjpassport .sound1,
#hjpassport .sound2 {position: absolute;padding: 0;top: 5px;left: 356px;}
#hjpassport #sound a.soundimg{
    background: url(/commonn/site/images/bg_icon_passport.gif) no-repeat;background-position: 10px -5px;display: block;
    height: 35px;width: 36px;outline: none;}
#hjpassport #sound a.soundimg_bg2{
    background-color: #FFFCF6;background-position: 9px -46px;
    border: 1px solid #F99C5C;width: 34px;height: 36px;border-bottom: 0;border-radius: 3px 3px 0 0;}

/*hotMessage Style*/
#hjpassport .warning_title {float: left;margin: 0;padding: 0;margin-top: 12px;margin-left: 20px;width: 400px;}
#hjpassport .warning_title h1 {font-family: "Microsoft YaHei";font-size: 34px;color: #fa6500;margin: 6px 0 0 0;font-weight: bold;}
#hjpassport .warning_title h1 a {color: #FF6600;}
#hjpassport .warning_title h1 :hover {text-decoration: underline;}
#hjpassport .warning_title span {font-size: 14px;font-weight: normal;color: #fa6500;}
#hjpassport .warning_content {margin-top: 7px;overflow: hidden;float: left;margin-left: 25px;width: 520px;line-height: 28px;}
#hjpassport .warning_content a:link, .warning_content a:visited, .warning_content a:active {text-decoration: underline;margin: 0 10px;font-size: 14px;color: #005a94;}
#hjpassport .warning_content a:hover{color: #f60;}

/*ie6*/
#hjpassport li.home{_width:51px;}
#hjpassport li.yidong{_width:71px;}
#hjpassport li.shetuan{_width:61px;}
#hjpassport li.dh{_width:83px;}
#hjpassport li.tx{_width:83px;z-index: 8;}
#hjpassport li.xx{_width:51px;}
#hjpassport li.tuan{_width:51px;}
#hjpassport li.wx{_width:83px;}
#hjpassport li.bl{_width:83px;}



.pass_register_tooltip {
float: right;
color: #fff !important;
line-height: 22px;
margin-top: 9px;
background-image: url(/commonn/site/images/update_info.png);
width: 101px;
height: 24px;
text-align: center;
cursor: pointer;
display: none;
width: 0;
height: 0;
opacity: 0;
filter:alpha(opacity=0);
}


/* schoolNew */
#hjpassport .school_get_new{position:absolute;right:-128px;top:4px;background:url('/i2n/doc/201501/c543213885b249648a0c4b6d9a8c1b6c.png') no-repeat;width:130px;height:32px;z-index:999;display:none}
#hjpassport .school_get_new .school_get_new_close{width:14px;height:14px;margin-top:10px;margin-right:10px;float:right;cursor:pointer;}
.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}

@-webkit-keyframes shake {0%, 100% {-webkit-transform: translateX(0);}40%, 80% {-webkit-transform: translateX(-10px);}20%, 60% {-webkit-transform: translateX(10px);}}
@-moz-keyframes shake {0%, 100% {-moz-transform: translateX(0);}40%, 80% {-moz-transform: translateX(-10px);}20%, 60% {-moz-transform: translateX(10px);}}
@-o-keyframes shake {0%, 100% {-o-transform: translateX(0);}40%, 80% {-o-transform: translateX(-10px);}20%, 60% {-o-transform: translateX(10px);}}
@keyframes shake {0%, 100% {transform: translateX(0);}40%, 80% {transform: translateX(-10px);}20%, 60% {transform: translateX(10px);}}



.wx_new_lesson_icon{
    position: absolute;
    right: 20px;
    top: 6px;
}

#s_push_mid .clear{
    height: 0;
    overflow: hidden;
    clear: both;
}

#pass_ad{
    position:absolute;
    left:50%;
    top:0;
    z-index: 10000;
    margin-left:60px;
}