#site-nav {
    width: 100%;
    height: 30px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #fff;
}
.sn-welcome {
    float: left;
    line-height: 30px;
    color: #666;
}
.sn-welcome span {
    margin-left: 10px;
}
a.sn-user-nick {
    font-weight: bold;
    color: #c82a00;
}
.sn-menu {
    float: right;
}
.sn-menu-item {
    float: left;
    line-height: 30px;
}
.sn-menu-item a {
    padding: 0 10px;
    white-space: nowrap;
    color: #666;
}
.sn-menu-item a:hover {
    color: #08c;
}
.sn-menu-message{
    _padding-top: 7px;
}
.sn-menu-message a i{
    display: inline-block;
    padding: 0 2px;
    min-width: 10px;
    _width: 9px;
    height: 13px;
    line-height: 13px;
    border-radius: 13px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #e8192d;
    margin-left: 3px;
}
.sn-menu-message a:hover i{
    text-decoration: none;
}
.sn-separator {
    float: left;
    overflow: hidden;
    margin-top: 9px;
    width: 0;
    height: 12px;
    border-left: 1px solid #ddd;
}
.sn-dropdown {
    position: relative;
    z-index: 1000;
}
.sn-menu-item a.sn-dropdown-hd {
    display: block;
    _display: inline-block;
    position: relative;
    z-index: 1000;
    padding-right: 15px;
    height: 30px;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
}
.sn-menu-item .sn-dropdown:hover a.sn-dropdown-hd, .sn-menu-item .sn-dropdown-hover a.sn-dropdown-hd {
    background-color: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.sn-dropdown-bd {
    display: none;
    position: absolute;
    left: 0;
    top: 29px;
    width: 73px;
    border: 1px solid #ddd;
    border-top: 0;
    background-color: #fff;
}
.sn-dropdown-bd a {
    display: block;
    padding: 0;
    text-align: center;
}
.sn-dropdown-bd a:hover {
    background-color: #f9f9f9;
}
.icon-dropdown-arrow {
    -webkit-backface-visibility: hidden;
    position: absolute;
    right: 6px;
    top: 12px;
    width: 0;
    height: 0;
    border-width: 3px;
    border-style: solid dashed dashed;
    border-color: #666 transparent transparent;
    font-size: 0;
    line-height: 0;
}
.sn-dropdown:hover .sn-dropdown-bd, .sn-dropdown-hover .sn-dropdown-bd {
    display: block;
}
.sn-dropdown:hover .icon-dropdown-arrow,.main-nav-item:hover .icon-dropdown-arrow {
    -webkit-transition: -webkit-transform .2s ease-in;
    -moz-transition: -moz-transform .2s ease-in;
    -o-transition: -o-transform .2s ease-in;
    transition: transform .2s ease-in;
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 30%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 30%;
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 30%;
    transform: rotate(180deg);
    transform-origin: 50% 30%;
}
.sn-mobile a.sn-dropdown-hd{
    padding: 0 10px 0 24px;
}
.sn-mobile .sn-dropdown-bd{
    border-top: 1px solid #ddd;
    right: 0;
    left: auto;
    width: 146px;
    padding: 10px;
}
.icon-mobile{
    position: absolute;
    left: 10px;
    top: 8px;
    overflow: hidden;
    width: 9px;
    height: 14px;
    background: url(../../images/icon-mobile.png) no-repeat left top;
}

.sn-mobile-appdowm a{
    height: 26px;
    line-height: 26px;
    font-weight: bold;
    color: #3b4a82;
    border-radius: 3px;
    width: 145px;
    border: 1px solid #ddd;
    text-align: center;
}
.sn-mobile-appdowm a:hover {
    color: #d02c00;
    background: none;
    text-decoration: none;
}
.sn-mobile-qrcode{
    margin-top: 5px;
    display: block;
    width: 142px;
    height: 110px;
    background: url(http://www.trjcn.com/static/images/v5/new_reg_guide.png) no-repeat left -139px;
    margin-bottom: 5px;
}
.sn-mobile-text{
    line-height: 18px;
}
.btn-invest-recruit-a {
    padding: 0 5px;
    width: 100px;
    height: 20px;
    margin-top: 5px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #FFF;
    background-color: #ef4349;
    border-radius: 3px;
    display: inline-block !important;
    margin-left: 5px;
}
.btn-invest-recruit-a:hover{ color:#fff;}

.header {
    padding: 26px 0 16px;
    width: 100%;
    height: 58px;
    overflow: hidden;
    background-color: #fff;
}
.layout, .bannerInner {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}
.logo {
    float: left;
}
.logo a {
    display: block;
    width: 133px;
    height: 48px;
    overflow: hidden;
    text-indent: -999em;
    background:url(../../images/zt/programme/sprite.png) no-repeat left top;
}
.slogan {
    display: block;
    width: 178px;
    margin-left: 10px;
    overflow: hidden;
    margin-top: 6px;
}
.slogan .tel {
    display: block;
    width: 178px;
    height: 20px;
    background:url(../../images/zt/programme/sprite.png) no-repeat left -53px;
    text-indent: -999em;
}
.slogan .info {
    display: block;
    padding-top: 6px;
    font: normal 14px/16px simsun;
    color: #666;
}
.zt-nav {
    float: right;
    width: 430px;
}
.zt-nav ul {
    float: right;
    overflow: hidden;
}
.zt-nav li.select, .zt-nav li.last {
    background-image: none;
}
.zt-nav li {
    float: left;
    padding: 0 5px;
    height: 22px;
    background: url(../../images/zt/programme/sprite.png) no-repeat right 5px;
}
.zt-nav li {
    float: left;
    padding: 0 5px;
    height: 22px;
    background: url(../../images/zt/programme/zt-nav-bg.png) no-repeat right 5px;
}
.zt-nav .btn-zt-orange {
    float: right;
    margin-top: 5px;
    margin-right: 10px;
    _margin-right: 5px;
    display: block;
    width: 141px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    color: #fff;
    background: url(../../images/zt/programme/zt-nav-bg.png) no-repeat left -24px;
}
.zt-nav a.btn-zt-orange:hover {
    color: #fff;
    text-decoration: none;
}
.fl {
    float: left;
}
.zt-nav li.select a {
    color: #fff;
    background-color: #fabb56;
    border-radius: 3px;
}
.zt-nav li a {
    display: block;
    float: left;
    padding: 0 5px;
    white-space: normal;
    height: 22px;
    text-align: center;
    font: normal 14px/22px 'Microsoft yahei',arial;
    color: #666;
}
.zt-nav li a:hover {
    text-decoration: none;
    color: #e93100;
}

.footer {
    color: #666;
    line-height: 22px;
    margin: 0 auto;
    background: #fff;
    border-top: 1px solid #ccc;
    padding: 15px 0;
    text-align: center;
}
.footer a {
    font-size: 12px;
    margin: 0 10px;
}
a {
    outline: none;
    color: #3b4a82;
    text-decoration: none;
}

.trjBottomBar{ z-index:1000; width:100%; height:70px; position:fixed; _position:absolute; left:0; bottom:0;_margin-right:16px;}
.trjBottomBar .trjBottomBarInner{ width:100%; height:70px; position:relative;}
.trjBottomBar iframe{border:none; display:block; width:100%; height:70px; bottom:0; position:absolute;border:0; background-color:transparent; position:absolute; z-index:-1;filter:alpha(opacity=10); -moz-opacity:0.1; opacity:0.1;}
.trjBottomBar .trjBottomBarBg{ background-color:#000; width:100%; height:70px; position:absolute; left:0; top:0; z-index:10000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
.trjBottomBar .layout{ font:normal 18px/34px Microsoft yahei,Simhei,Simsun,Arial; color:#fff; position:relative; z-index:10001;height:40px; padding-top:10px;}
.trjBottomBar .layout .tbTpis{ padding-right:130px; float:left; background:url(../../images/zt/programme/trj_bottom_bar_bg.png) no-repeat right 10px;}
.trjBottomBar .layout .tbTpis span{ display:block; line-height:24px;}
.trjBottomBar .layout .tbTpis strong{ font-weight:normal; color:#ffb400;}
.trjBottomBar .layout .tbBarForm{ float:left; padding-top:5px;}
.trjBottomBar .layout .tbBarForm input.text{ color:#666; vertical-align:middle; width:80px; height:34px; font:normal 18px/34px Microsoft yahei,Simhei,Simsun,Arial; border:0; margin-left:10px; padding:0 5px;}
.trjBottomBar .layout .tbBarForm input.text2{ width:140px; margin-left:12px; }
.trjBottomBar .layout .tbBarForm input.btn{ background:url(../../images/zt/programme/trj_bottom_bar_btn.gif) no-repeat left top; cursor:pointer; vertical-align:middle; height:34px; width:100px; border:0; margin-left:12px;}
.trjBottomBar .layout .tbBarGuide{ padding-left:20px; float:left;}
.trjBottomBar .layout .tbBarGuide ul li{ width:52px; height:52px; float:left; margin-right:32px;}
.trjBottomBar .layout .tbBarGuide ul li a{ background:url(../../images/zt/programme/trj_bottom_bar_ico.png) no-repeat; display:block; width:52px; height:52px; overflow:hidden; text-indent:-999em;}
.trjBottomBar .layout .tbBarGuide ul li a.icoGuide01{ background-position:left top;}
.trjBottomBar .layout .tbBarGuide ul li a.icoGuide01:hover{ background-position:left bottom;}
.trjBottomBar .layout .tbBarGuide ul li a.icoGuide02{ background-position:-62px top;}
.trjBottomBar .layout .tbBarGuide ul li a.icoGuide02:hover{ background-position:-62px bottom;}
.trjBottomBar .layout .tbBarGuide ul li a.icoGuide03{ background-position:-124px top;}
.trjBottomBar .layout .tbBarGuide ul li a.icoGuide03:hover{ background-position:-124px bottom;}
.trjBottomBar .layout .tbBarGuide ul li a.icoGuide04{ background-position:-186px top;}
.trjBottomBar .layout .tbBarGuide ul li a.icoGuide04:hover{ background-position:-186px bottom;}
.trjBottomBar .layout .tbBarGuide ul li a.icoGuide05{ background-position:-248px top;}
.trjBottomBar .layout .tbBarGuide ul li a.icoGuide05:hover{ background-position:-248px bottom;}
.trjBottomBar .layout .tbMyBox{ padding-top:10px; float:right;}
.trjBottomBar .layout .tbMyBox a{ font:normal 18px Microsoft Yahei,Simhei,Simsun; color:#fff; text-decoration:underline;}
.trjBottomBar .layout .tbMyBox a:hover{ color:#ffb400;}
.trjBottomBar .layout .tbMyBox a em{cursor:pointer; color:#fff600; font-family:arial;}
.trjBottomBar .trjBottomBarInner a.close{ z-index:10002; font:normal 38px/30px tahoma,verdana; text-decoration:none; position:absolute; right:5px; top:0px; color:#808080;}
.trjBottomBar .trjBottomBarInner a.close:hover{ text-decoration:none; color:#f60;}

.commentInfo h3{height:30px; font:bold 14px/30px simsun; padding:0 10px;}
.commentInfo ul{ padding:10px;}
.commentInfo ul li{ padding:10px 0; overflow:hidden; border-bottom:1px dashed #948c7d;}
.commentInfo ul li .commentInfoTitle em{ float:right; color:#262626;}
.commentInfo ul li .commentInfoTitle a{color:#262626;}
.commentInfo ul li .commentInfoCont{ padding-top:5px; color:#262626; overflow:hidden;}



/* page style */
.trjPage{ height:22px; overflow:hidden; text-align:right; font:12px arial;margin:10px 0px; color:#666; padding:0 10px;}
.trjPage a,.trjPage span{ line-height:20px; overflow:hidden; vertical-align:top; display:inline-block;}
.trjPage a{height:20px; border:1px solid #e5e5e5; background:#fff; color:#333; padding:0 7px; margin:0 2px; text-decoration:none;}
.trjPage a:hover{ text-decoration:none; border:1px solid #8892b5; background:#fff; color:#3b4a83;}
.trjPage .select{ border:1px solid #da763a; background:#da763a; margin:0 2px; color:#fff; height:20px; padding:0 7px;}
.trjPage .no{ padding:0 6px; height:20px; margin:0 2px; border:1px solid #b7bec4; background:#fff; color:#8d8c8c;}

.recommend-shadow .recommend-layer{width: 600px;padding:0}
.recommend-shadow .recommend-input{
    outline: none;
    background: #FFFFFF;
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    border: 1px solid #EAEAEA;
    box-sizing: border-box;
}
.recommend-shadow .recommend-layer .recommend-search-form{padding:40px 30px;}
.recommend-shadow .recommend-layer .join-much{padding:10px 30px 0 30px}
.recommend-shadow .recommend-layer .join-title{
    background: linear-gradient(0deg,#fff 32%,#cdd3f3);
    padding: 28px 30px 0;
}
.recommend-shadow .recommend-layer .recommend-search-form .form-item.code .join-code-btn{box-sizing: border-box;background: #8696e2;color: #fff;}