html, body, div, span, table, tbody, tr, th, td, em, img, strong, h1, h2, h3, h4, h5, h6, p, a, dl, dd, dt, ol, ul, li, form, label, input, textarea, button, b, i, u {
margin: 0;
padding: 0;
list-style: none;
outline: none
}
h1, h2, h3, h4, h5, h6, b {
font-weight: 400
}
a, img {
text-decoration: none;
border: 0
}
body {
font-family: Arial, "Microsoft YaHei";
color: #333;
background: #f4f4f4;
font-size: 14px;
min-width: 1200px
}
a {
color: #333;
font-size: 14px
}
a:link {
text-decoration: none
}
a:visited {
text-decoration: none;
color: #333
}
a:hover {
text-decoration: none;
color: #457de5
}
a:active {
text-decoration: none;
color: #333
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%
}
::-webkit-input-placeholder {
color: #999
}
::-moz-placeholder {
color: #999;
opacity: 1
}
:-ms-input-placeholder {
color: #999 !important
}
::-ms-clear, ::-ms-reveal {
display: none
}
.clearfix {
*zoom: 1
}
.clearfix:after {
display: block;
content: '.';
clear: both;
height: 0;
line-height: 0;
visibility: hidden
}
.container {
width: 1200px;
margin: 0 auto;
clear: both
}
.bg-icon {
background-image: url(/Static/images/icon.png);
background-repeat: no-repeat
}
.box-shadow {
-webkit-box-shadow: 0 0 5px 1px #e6e6e6;
box-shadow: 0 0 5px 1px #e6e6e6;
border: 1px solid #e6e6e6;
background: #fff;
overflow: hidden
}
.border {
border: 1px solid #ccc;
background: #fff;
/*overflow: hidden*/
}
.bg-white {
background: #fff
}
.tab-content .tab-pane {
display: none
}
.tab-content .tab-pane.active {
display: block
}
.f-left {
float: left
}
.f-right {
float: right
}
.btn {
background: #457de5;
border: 1px solid transparent;
color: #fff;
display: inline-block;
vertical-align: middle;
cursor: pointer;
text-align: center
}
.btn:visited {
color: #fff
}
.btn:hover {
background: #21489c
}
.btn.btn-border {
background: #fff;
border-color: #457de5;
color: #457de5
}
.btn.btn-border:visited {
color: #457de5
}
.btn.btn-border:hover {
background: #21489c;
color: #fff
}
.btn.btn-disabled {
background: #eee;
cursor: not-allowed;
color: #666
}
.input-control {
height: 30px;
line-height: 30px;
border: 1px solid #ccc;
font-family: Arial, "Microsoft YaHei";
font-size: 14px;
color: #333;
padding: 0 10px;
border-radius: 2px
}
.img-hook {
text-align: center;
font-size: 0;
overflow: hidden;
display: block
}
.img-hook img {
vertical-align: middle;
max-width: 100%;
max-height: 100%
}
.img-hook .hook {
display: inline-block;
width: 0;
height: 100%;
overflow: hidden;
font-size: 0;
line-height: 0;
vertical-align: middle
}
/*.paging {
text-align: center;
color: #666;
padding: 40px 0;
overflow: hidden
}
.paging:before {
display: block;
content: '.';
clear: both;
height: 0;
line-height: 0;
visibility: hidden
}
.paging a {
display: inline-block;
vertical-align: middle;
height: 28px;
line-height: 28px;
min-width: 34px;
text-align: center;
border: 1px solid #eaeaea;
background: #fff;
border-radius: 3px;
margin: 0 4px;
*zoom: 1;
color: #666
}
.paging a.active, .paging a:hover {
background: #4f78fd;
border-color: #4f78fd;
color: #fff
}
.paging input {
height: 28px;
line-height: 28px;
border: 1px solid #666;
width: 44px;
text-align: center;
border-radius: 3px;
margin-left: 5px;
display: inline-block;
vertical-align: middle
}*/
.footer-simple {
height: 150px;
background: #2c3236;
text-align: center;
color: #b8b8b8
}
.footer-simple .footer-nav {
padding-top: 50px;
margin-bottom: 20px
}
.footer-simple .footer-nav li {
display: inline-block;
vertical-align: middle;
border-left: 1px solid #b8b8b8;
line-height: 20px;
height: 20px;
margin-right: 10px
}
.footer-simple .footer-nav li:first-child {
border: 0
}
.footer-simple .footer-nav li a {
color: #b8b8b8;
font-size: 16px;
letter-spacing: 2px;
display: block;
margin-left: 12px
}
.footer-simple .footer-nav li a:hover {
color: #457de5
}
.footer-simple.not-bg {
background: none;
color: #fff
}
.footer-simple.not-bg .footer-nav li {
border-color: #fff
}
.footer-simple.not-bg .footer-nav li a {
color: #fff
}
.footer-simple.gray {
background: none;
color: #999
}
.header {
background: #fff
}
.header .tab-bar {
background: #f3f3f3;
height: 30px;
line-height: 30px;
font-size: 12px
}
.header .tab-bar .line {
padding: 0 10px
}
.header .tab-bar a {
font-size: 12px
}
.header .tab-bar span {
display: block;
line-height: 30px;
float: left
}
.header .tab-bar .down-hover {
position: relative;
cursor: pointer
}
.header .tab-bar .down-hover:hover .down {
display: block
}
.header .tab-bar .down {
left: 50%;
top: 30px;
position: absolute;
width: 102px;
border: 1px solid #999;
background: #fff;
padding: 5px 0;
display: none;
z-index: 5;
margin-left: -51px
}
.header .tab-bar .down b {
width: 20px;
height: 6px;
background: url(/Static/images/icon.png) no-repeat -74px -2px;
display: block;
position: absolute;
top: -6px;
left: 50%;
margin-left: -10px
}
.header .tab-bar .left {
float: left
}
.header .tab-bar .left .down a {
display: block;
height: 30px;
line-height: 30px;
color: #457de5
}
.header .tab-bar .left .down i {
font-size: 20px;
display: inline-block;
vertical-align: middle;
width: 35px;
text-align: center
}
.header .tab-bar .left .down .icon-weixin2 {
color: #3eb135
}
.header .tab-bar .left .down .icon-sina2 {
color: #df4d69
}
.header .tab-bar .left .down .icon-qq2 {
color: #4dafea
}
.header .tab-bar .reg {
color: #457de5;
display: block;
line-height: 30px;
float: left
}
.header .tab-bar .msg {
position: relative
}
.header .tab-bar .msg b {
font-size: 10px;
background: #f60;
border-radius: 50%;
color: #fff;
display: block;
position: absolute;
right: -5px;
top: 3px;
width: 10px;
height: 10px;
line-height: 10px;
text-align: center
}
.header .tab-bar .right {
float: right
}
.header .tab-bar .right .down {
width: 100px;
padding: 12px 12px 0;
margin-left: -62px;
line-height: 20px;
font-size: 12px;
text-align: center
}
.header .main {
background: #fff
}
.header .main .logo {
width: 130px;
margin-top: 16px
}
.header .main .banner {
height: 80px;
width: 300px;
overflow: hidden;
margin: 25px 0 25px 20px
}
.header .main .banner img {
width: 100%;
height: 80px
}
.header .main .search {
margin: 40px 0 0 25px;
position: relative;
width: 400px
}
.header .main .search .form {
border: 1px solid #2d86ff;
height: 40px;
line-height: 40px;
margin-bottom: 10px
}
.header .main .search .input-control {
height: 40px;
line-height: 40px;
width: 240px;
border: 0
}
.header .main .search .btn {
position: absolute;
right: 0;
top: 1px;
width: 84px;
height: 40px;
line-height: 40px
}
.header .main .search .btn i {
font-size: 22px;
display: inline-block;
vertical-align: middle;
margin-right: 5px
}
.header .main .search .select-dropdown {
margin-right: 0
}
.header .main .search .select-dropdown .input-control {
width: 80px;
background: #e5e5e5;
border: 0;
padding: 0;
height: 40px;
line-height: 40px;
text-align: center
}
.header .main .search .select-dropdown .arrow {
width: 0;
height: 0;
border-bottom: 8px solid #969696;
border-left: 8px solid transparent;
position: absolute;
right: 0;
bottom: 0;
top: auto
}
.header .main .search .select-dropdown .arrow:before {
content: ''
}
.header .main .search .select-dropdown .dropdown {
left: -1px
}
.header .main .search .select-dropdown .dropdown li {
height: 30px;
line-height: 30px;
padding: 0 10px
}
.header .main .search .search-key {
height: 30px;
line-height: 30px;
overflow: hidden
}
.header .main .search .search-key a {
color: #999;
display: block;
float: left;
margin-right: 5px
}
.header .main .search .search-key a:hover {
color: #666
}
.header .nav {
height: 50px;
line-height: 50px
}
.header .nav li {
margin: 0 21px;
float: left
}
.header .nav li a {
font-size: 16px;
display: block;
line-height: 30px;
padding-top: 10px
}
.header .nav li a:hover {
color: #457de5
}
.header .nav li a.active {
border-bottom: 2px solid #457de5
}
.footer {
background: #333;
/*padding: 10px 0 10px;*/
color: #999
}
.footer h2 {
text-align: center;
font-size: 36px;
font-weight: 700;
color: #999;
margin-bottom: 25px
}
.footer .nav {
text-align: center;
color: #999;
margin-bottom: 30px
}
.footer .nav a {
font-size: 24px;
color: #999
}
.footer .nav a:hover {
color: #457de5
}
.footer .nav em {
padding: 0 45px;
font-style: normal
}
.footer .nav-list {
margin-bottom: 20px
}
.footer .nav-list li {
float: left;
width: 90px;
text-align: center;
padding: 0 15px;
height: 30px;
line-height: 30px;
overflow: hidden
}
.footer .nav-list li a {
color: #999
}
.footer .nav-list li a:hover {
color: #457de5
}
.footer .copyright {
text-align: center;
margin-bottom: 25px
}
.footer .img-list li {
float: left;
width: 265px;
height: 70px;
margin-left: 46px
}
.footer .img-list li:first-child {
margin-left: 0
}
.footer .img-list li img {
width: 100%;
height: 70px
}
.title {
border-bottom: 1px solid #ccc;
height: 40px;
line-height: 40px;
font-size: 16px;
position: relative;
font-weight: 700;
overflow: hidden
}
.title span {
border-bottom: 2px solid #457de5;
padding: 0 15px;
display: inline-block;
vertical-align: middle;
height: 38px
}
.title .more {
font-size: 14px;
color: #457de5;
position: absolute;
right: 10px;
top: 0;
font-weight: 400
}
.title .more:hover {
color: #21489c
}
.form-group {
position: relative
}
.form-group:after {
display: block;
content: '.';
clear: both;
height: 0;
line-height: 0;
visibility: hidden
}
#grey-background {
background: #000;
z-index: 20141127;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: .3;
filter: alpha(opacity=30)
}
.alert-layer {
position: fixed;
background: #fff;
z-index: 20141128;
overflow: hidden;
display: none;
left: 0;
top: 150px;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.alert-layer .alert-title {
height: 40px;
line-height: 40px;
cursor: pointer;
overflow: hidden;
font-size: 16px;
padding-left: 15px;
color: #fff;
position: relative;
background: #006fbc
}
.alert-layer .alert-content {
padding: 20px;
line-height: 22px;
overflow: hidden;
overflow-y: auto;
position: relative
}
.alert-layer .alert-close {
position: absolute;
right: 10px;
top: 12px;
height: 16px;
width: 16px;
z-index: 2;
background-position: -363px -6px;
font-size: 0;
text-indent: -9999px
}
.alert-layer .alert-close:hover {
background-position: -382px -6px
}
.alert-layer .alert-button {
clear: both;
text-align: center;
margin-top: 20px
}
.alert-layer .alert-button input {
margin: 0 5px
}
.alert-loading {
position: absolute;
left: 48%;
top: 49%;
z-index: 20141127
}
.alert-moves {
position: fixed;
border: 3px solid #666;
cursor: move;
background-color: #fff;
background-color: rgba(255,255,255,0.3);
filter: alpha(opacity=50);
z-index: 20141130
}
.alert-closetime {
position: absolute;
left: 50%;
margin-left: -50px;
top: 0;
height: 40px;
line-height: 40px;
font-size: 12px;
color: #fff
}
.select-dropdown {
cursor: pointer;
float: left;
position: relative;
z-index: 10;
margin-right: 10px
}
.select-dropdown .input-control {
width: 120px
}
.select-dropdown .arrow {
width: 45px;
display: block;
position: absolute;
right: 1px;
top: 1px;
height: 28px;
line-height: 28px;
background: #e5e5e5;
text-align: center;
font-weight: 700;
font-size: 20px;
color: #999;
border-left: 1px solid #ccc;
z-index: 2
}
.select-dropdown .dropdown {
left: 0;
top: 0;
position: absolute;
width: 100%;
z-index: 10;
display: none
}
.select-dropdown .dropdown ul {
overflow-y: auto;
display: block
}
.select-dropdown .dropdown ul li {
height: 30px;
line-height: 30px;
cursor: pointer
}
.select-dropdown .dropdown ul li:hover {
color: #457de5
}
.select-dropdown .drop-down-border {
border: 0px solid #ccc;
background: #fff
}
.select-dropdown.open .dropdown {
display: block
}
.i-index {
padding: 25px 0
}
.i-index .tab-container {
background: #fff;
margin-bottom: 20px
}
.i-index .tab-container .tab {
float: left;
width: 870px
}
.i-index .tab-container .tab li {
float: left;
width: 288px;
height: 196px;
overflow: hidden;
margin-right: 2px;
position: relative;
cursor: pointer
}
.i-index .tab-container .tab li img {
width: 100%
}
.i-index .tab-container .tab li.first {
width: 530px;
height: 250px;
margin-bottom: 2px
}
.i-index .tab-container .tab li.first span {
top: 210px
}
.i-index .tab-container .tab li.second {
width: 335px;
height: 250px;
margin-bottom: 2px
}
.i-index .tab-container .tab li.second span {
top: 210px
}
.i-index .tab-container .tab li span {
display: block;
line-height: 30px;
position: absolute;
left: 0;
width: 96%;
padding: 5px 2%;
top: 156px;
color: #fff;
font-size: 18px;
background: url(/Static/images/tab-bg.png) no-repeat left center;
-webkit-transition: all .5s;
transition: all .5s
}
.i-index .tab-container .tab li:hover span {
bottom: 0;
top: auto
}
.i-index .tab-container .tab-content {
float: right;
width: 305px;
overflow: hidden;
padding-top: 80px;
position: relative
}
.i-index .tab-container .tab-content .tab-pane {
margin-right: 30px
}
.i-index .tab-container .tab-content .tag {
width: 45px;
height: 25px;
line-height: 25px;
font-size: 16px;
border-radius: 0;
position: absolute;
right: 0;
top: 12px
}
.i-index .tab-container .tab-content h3 {
font-size: 20px;
font-weight: 700;
line-height: 35px;
margin-bottom: 25px
}
.i-index .tab-container .tab-content .intro {
line-height: 25px;
height: 130px;
overflow: hidden
}
.i-index .tab-container .tab-content .date {
position: relative;
color: #999
}
.i-index .tab-container .tab-content .date span {
right: 0;
top: 0;
position: absolute
}
.i-index .date {
font-size: 12px;
height: 20px;
line-height: 20px;
color: #666
}
.i-index .date a {
font-size: 12px;
color: #666
}
.i-index .date em {
padding: 0 13px
}
.i-index .article-list {
float: left;
width: 870px
}
.i-index .article-list .paging {
padding: 50px 0
}
.i-index .tab-list {
border-bottom: 1px solid #ccc;
height: 42px;
line-height: 42px;
overflow: hidden
}
.i-index .tab-list li {
float: left;
width: 25%;
text-align: center;
position: relative
}
.i-index .tab-list li a {
display: block;
font-size: 16px
}
.i-index .tab-list li a:before {
content: '';
display: block;
position: absolute;
left: 0;
height: 28px;
top: 7px;
border-left: 1px solid #ccc
}
.i-index .tab-list li a:hover, .i-index .tab-list li a.active {
background: #2d86ff;
color: #fff
}
.i-index .tab-list li a:hover:before, .i-index .tab-list li a.active:before {
display: none
}
.i-index .tab-list li a:first-child:before {
display: none
}
.i-index .content-1 {
margin: 0 20px
}
.i-index .content-1 .item {
height: 120px;
overflow: hidden;
padding: 25px 0 25px 215px;
position: relative;
border-bottom: 1px solid #ccc
}
.i-index .content-1 .item .img {
display: block;
width: 200px;
height: 120px;
position: absolute;
left: 0;
top: 25px
}
.i-index .content-1 .item .link {
font-size: 18px;
display: inline-block;
font-weight: 700;
margin-bottom: 20px
}
.i-index .content-1 .item .intro {
line-height: 26px;
height: 52px;
overflow: hidden;
font-size: 16px;
margin-bottom: 10px
}
.i-index .content-1.border-top .item {
border-top: 1px solid #ccc;
border-bottom: 0
}
.i-index .content-1.border-top .item:first-child {
border: 0
}
.i-index .content-2 {
overflow: hidden;
margin: 0 20px 0;
border-bottom: 1px solid #ccc
}
.i-index .content-2 h3 {
height: 60px;
line-height: 60px;
font-size: 16px;
font-weight: 700;
padding-left: 10px
}
.i-index .content-2 h3 a {
font-size: 18px;
font-weight: 700
}
.i-index .content-2 .date {
height: 40px;
line-height: 40px;
padding-left: 10px
}
.i-index .content-2 .img-list a {
display: block;
height: 200px;
float: left;
width: 270px;
margin-left: 10px;
overflow: hidden
}
.i-index .content-2 .img-list a:first-child {
margin-left: 0
}
.i-index .content-2 .intro {
height: 60px;
line-height: 60px;
padding: 0 8px;
color: #666;
position: relative
}
.i-index .content-2 .intro .date {
right: 8px;
top: 10px;
position: absolute
}
.i-index .location {
color: #457de5;
margin-bottom: 12px
}
.i-index .related .title {
margin-bottom: 20px
}
.i-index .related .item {
float: left;
width: 268px;
margin: 0 0 20px 14px
}
.i-index .related .item .img {
display: block;
/*width: 100%;*/
overflow: hidden;
height: 153px
}
.i-index .related .item .text {
display: block;
margin: 10px 15px;
font-size: 16px;
line-height: 25px;
height: 50px;
overflow: hidden
}
.i-index .related .item .date {
height: 35px;
line-height: 35px;
padding: 0 15px;
font-size: 12px;
color: #999;
position: relative
}
.i-index .related .item .date span {
position: absolute;
right: 15px;
top: 0
}
.i-index .load-more {
text-align: center;
padding: 20px 0
}
.i-index .load-more .btn {
width: 220px;
height: 40px;
line-height: 40px;
font-size: 22px
}
.sidebar {
float: right;
width: 302px
}
.sidebar .border {
margin-bottom: 20px
}
.sidebar .margin-0 {
margin: 0
}
.sidebar .ad-1 {
margin: 10px;
height: 190px;
overflow: hidden;
position: relative
}
.sidebar .ad-1 span {
left: 0;
bottom: 0;
position: absolute;
background: #2e2e2e;
color: #fff;
font-weight: 700;
width: 100%;
height: 30px;
line-height: 30px;
text-align: center
}
.sidebar .ad-1 img {
width: 100%;
height: 190px
}
.sidebar .list {
margin: 10px 10px;
padding-bottom: 2px
}
.sidebar .list p {
margin: 0 15px 10px;
line-height: 20px;
height: 40px;
overflow: hidden;
display: block;
color: #666;
border-bottom: 1px dotted #ccc;
padding-bottom: 10px
}
.sidebar .list p a {
display: inline-block;
color: #666;
margin-bottom: 10px;
height: 40px;
overflow: hidden
}
.sidebar .list li {
height: 32px;
line-height: 32px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.sidebar .list li a {
color: #666
}
.sidebar .list li a:hover {
color: #457de5
}
.sidebar .list li i {
font-style: normal;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
background: #00a0e9;
color: #fff;
display: inline-block;
vertical-align: middle;
margin-right: 5px
}
.sidebar .item {
margin: 10px;
border-bottom: 1px dotted #ddd
}
.sidebar .item h3 {
font-size: 16px;
height: 30px;
line-height: 30px;
margin-bottom: 10px
}
.sidebar .item h3 a {
font-size: 16px
}
.sidebar .item .intro {
padding-left: 55px;
position: relative;
font-size: 12px;
color: #666;
height: 63px;
line-height: 21px;
margin-bottom: 15px
}
.sidebar .item .intro .face {
width: 44px;
height: 44px;
overflow: hidden;
position: absolute;
left: 0;
top: 3px
}
.sidebar .item .other {
height: 20px;
line-height: 20px;
margin-bottom: 20px;
font-size: 10px;
color: #999;
position: relative
}
.sidebar .item .other i {
margin-left: 20px
}
.sidebar .item .other span {
right: 0;
top: 0;
position: absolute
}
.sidebar .list-2 {
margin: 0 10px
}
.sidebar .list-2 li {
border-bottom: 1px dotted #ccc;
margin-bottom: 10px
}
.sidebar .list-2 li a {
color: #333;
font-weight: 700;
padding-top: 5px;
display: inline-block
}
.sidebar .list-2 li a span {
display: block;
color: #666;
line-height: 20px;
height: 40px;
overflow: hidden;
font-weight: 400;
margin-bottom: 10px;
padding-top: 5px
}
.sidebar .books {
margin: 0 12px;
border-top: 1px solid #ccc;
position: relative;
height: 120px;
font-size: 16px;
color: #7a7a7a;
padding: 33px 0 33px 135px
}
.sidebar .books:first-child {
border: 0
}
.sidebar .books .img {
display: block;
width: 100px;
height: 120px;
position: absolute;
left: 10px;
top: 30px
}
.sidebar .books a {
font-size: 16px;
color: #7a7a7a
}
.sidebar .books p {
/*height: 35px;*/
line-height: 30px
}
.sidebar .my-scroll {
height: 310px;
overflow: hidden
}
.article-content {
float: left;
width: 870px;
overflow: hidden
}
.article-content .border {
margin-bottom: 20px
}
.article-content .detail h1 {
text-align: center;
font-size: 28px;
line-height: 35px;
margin: 50px 50px 10px
}
.article-content .detail .other {
text-align: center;
font-size: 16px;
color: #666;
margin: 0 30px 30px;
border-bottom: 1px dotted #ccc;
padding-bottom: 30px
}
.article-content .detail .other em {
padding: 0 5px
}
.article-content .detail .content {
padding: 0 40px 30px;
line-height: 25px;
color: #666
}
.article-content .detail .content p {
text-indent: 30px
}
.article-content .share {
padding: 60px 40px;
color: #666;
position: relative
}
.article-content .share .right {
/*right: 200px;*/
top: 60px;
position: absolute
}
.article-content .share .right span {
display: inline-block;
vertical-align: middle
}
.article-content .share .right a {
font-size: 20px;
display: inline-block;
vertical-align: middle
}
.newsComment .comment .title {
font-size: 16px
}
.newsComment .comment .title .right {
right: 10px;
top: 0;
position: absolute;
font-size: 14px;
overflow: hidden;
color: #666;
font-weight: 400
}
.newsComment .comment .title .right i {
font-size: 22px;
color: #f00;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
font-style: normal
}
.newsComment .comment .title .right em {
padding: 0 15px;
display: inline-block;
vertical-align: middle
}
.newsComment .textarea-box {
margin: 30px 20px 0;
height: 200px
}
.newsComment .textarea-box .text-area {
width: 98%;
border: 0;
resize: none;
margin: 10px auto 0;
display: block;
line-height: 20px;
height: 150px
}
.newsComment .textarea-box .user-login {
background: #e6e6e6;
height: 40px;
line-height: 40px;
padding: 0 10px;
position: relative
}
.newsComment .textarea-box .user-login .input-control {
width: 120px;
height: 28px;
line-height: 28px;
margin-right: 10px
}
.newsComment .textarea-box .user-login a {
color: #457de5
}
.newsComment .textarea-box .user-login em {
padding: 0 20px
}
.newsComment .textarea-box .user-login .login {
right: 10px;
top: 6px;
/*position: absolute;*/
width: 125px;
height: 28px;
line-height: 28px;
color: #fff;
border-radius: 5px;
font-size: 16px
}
.newsComment .tips {
font-size: 12px;
line-height: 40px;
margin: 0 0 40px 20px
}
.newsComment .comment-replay {
border-top: 1px solid #ddd
}
.newsComment .comment-replay .item {
border-bottom: 1px dashed #ddd;
padding: 20px 0 30px;
min-height: 68px
}
.newsComment .comment-replay .subject {
position: relative;
padding-left: 88px
}
.newsComment .comment-replay .subject .face {
left: 10px;
top: 0;
position: absolute;
width: 68px;
height: 68px;
border-radius: 50%
}
.newsComment .comment-replay .name {
font-size: 16px;
height: 40px;
line-height: 40px;
color: #666;
position: relative
}
.newsComment .comment-replay .name em {
padding: 0 15px
}
.newsComment .comment-replay .name span {
color: #999;
font-size: 12px;
padding-left: 20px
}
.newsComment .comment-replay .name .right {
right: 30px;
top: 0;
position: absolute
}
.newsComment .comment-replay .name .right a {
color: #457de5;
margin-left: 30px;
display: inline-block;
vertical-align: middle
}
.newsComment .comment-replay .name .right a:hover {
color: #21489c
}
.newsComment .comment-replay .subject-content {
font-size: 18px;
line-height: 25px
}
.newsComment .comment-replay .replay {
background: #f5f5f5;
border-radius: 10px;
padding: 10px 20px;
margin: 30px 30px 0 80px;
color: #666
}
.newsComment .comment-replay .replay .list {
border-top: 1px dashed #ddd;
margin-bottom: 20px;
padding-top: 20px
}
.newsComment .comment-replay .replay .list:first-child {
border: 0;
padding-top: 0
}
.newsComment .comment-replay .replay-content {
line-height: 22px
}
.newsComment .comment-replay .paging {
padding: 35px 0
}
.top-ad {
height: 150px;
padding: 10px 0 20px;
overflow: hidden
}
.top-ad li {
float: left;
width: 395px;
margin-left: 7px;
overflow: hidden
}
.top-ad li:first-child {
margin-left: 0
}
.content-nav {
height: 66px;
line-height: 66px;
background: #457de5
}
.content-nav h1 {
display: block;
float: left;
font-size: 32px;
color: #fff;
font-style: italic;
text-indent: 5px;
width: 150px;
overflow: hidden
}
.content-nav .nav {
float: left;
width: 680px;
margin-right: 40px
}
.content-nav .nav ul {
padding-top: 23px
}
.content-nav .nav ul li {
float: left;
height: 20px;
line-height: 20px;
text-align: center
}
.content-nav .nav ul li a {
font-size: 20px;
display: block;
border-left: 1px solid #fff;
padding: 0 20px;
color: #fff
}
.content-nav .nav ul li a:hover {
color: #21489c
}
.content-nav .nav ul li:first-child a {
border: 0
}
.content-nav .search {
float: right;
margin-right: 40px;
width: 280px;
height: 34px;
padding-top: 16px;
position: relative
}
.content-nav .search i {
font-size: 24px;
position: absolute;
left: 5px;
top: 0;
display: block
}
.content-nav .search .input-control {
padding-left: 40px;
width: 180px;
height: 32px;
line-height: 32px
}
.content-nav .search .btn {
width: 66px;
height: 32px;
position: absolute;
right: 0;
top: 17px;
border-radius: 0 2px 2px 0;
font-size: 18px;
background: #f6b03e
}
.index-flex {
height: 400px;
position: relative;
background: #373633;
overflow: hidden;
margin-bottom: 30px
}
.index-flex .tag {
left: 5px;
bottom: 3px;
position: absolute;
z-index: 5;
color: #bbb;
border: 1px solid #bbb;
border-radius: 2px;
padding: 0 2px;
line-height: 16px
}
.index-flex li {
height: 400px;
text-align: center
}
.index-flex .container {
position: relative
}
.index-flex .flex-direction-nav {
display: none
}
.index-flex .flex-control-nav {
left: 0;
width: 100%;
bottom: 10px;
position: absolute;
z-index: 5;
text-align: center
}
.index-flex .flex-control-nav li {
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
overflow: hidden;
margin: 0 15px
}
.index-flex .flex-control-nav li a {
font-size: 0;
text-indent: 999px;
overflow: hidden;
display: block;
width: 100%;
background: url(/Static/images/icon.png) no-repeat -20px 0;
height: 14px
}
.index-flex .flex-control-nav li a.flex-active {
background-position: 0 0
}
.exhibition-360 {
overflow: hidden;
margin-bottom: 20px
}
.exhibition-360 .index-flex {
margin-bottom: 0
}
.exhibition-360 .block-nav {
background: #fff;
height: 210px;
overflow: hidden
}
.exhibition-360 .block-nav li {
float: left;
width: 16.6667%;
height: 210px;
text-align: center
}
.exhibition-360 .block-nav i {
width: 128px;
height: 128px;
display: block;
margin: 0 auto 8px;
padding-top: 25px;
font-size: 128px;
color: #999
}
.exhibition-360 .block-nav a {
font-size: 16px;
color: #999
}
.exhibition-360 .block-nav .active {
background: #2d86ff
}
.exhibition-360 .block-nav .active i {
color: #fff
}
.exhibition-360 .block-nav .active a {
color: #fff
}
.exhibition-360 .title {
font-size: 24px;
margin: 0 10px;
height: 50px;
line-height: 50px
}
.exhibition-360 .title span {
height: 48px
}
.exhibition-360 .main-list {
overflow: hidden;
border-color: #ebebeb;
margin-bottom: 25px
}
.exhibition-360 .main-list .title {
margin-bottom: 20px
}
.exhibition-360 .main-list .item {
float: left;
width: 270px;
height: 410px;
border: 1px solid #ebebeb;
position: relative;
margin: 0 0 20px 20px
}
.exhibition-360 .main-list .item .tag {
right: -2px;
top: -2px;
position: absolute;
width: 70px;
height: 30px;
line-height: 30px;
color: #fff;
background: #457de5;
text-align: center
}
.exhibition-360 .main-list .item .tag i {
margin-right: 5px
}
.exhibition-360 .main-list .item .img {
display: block;
width: 240px;
height: 240px;
overflow: hidden;
margin: 0 auto 20px
}
.exhibition-360 .main-list .item .link {
text-align: center;
display: block;
padding: 6px 0
}
.exhibition-360 .main-list .item .en {
font-size: 12px;
text-align: center;
padding-bottom: 25px
}
.exhibition-360 .main-list .item .other {
height: 50px;
line-height: 50px;
font-size: 12px;
color: #999;
position: relative;
border-top: 1px dotted #ebebeb
}
.exhibition-360 .main-list .item .other .read {
right: 0;
top: 0;
position: absolute
}
.exhibition-360 .main-list .item .other .read i {
font-size: 14px;
margin-right: 3px
}
.exhibition-360 .main-list .item .intro {
border-top: 1px dotted #457de5;
padding-top: 10px;
line-height: 22px;
font-size: 12px;
color: #666;
display: none;
padding-bottom: 20px;
-webkit-transition: all .5s;
transition: all .5s
}
.exhibition-360 .main-list .item .box {
width: 240px;
padding: 14px 13px 0;
border: 2px solid transparent;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all .5s;
transition: all .5s;
background: #fff;
min-height: 392px
}
.exhibition-360 .main-list .item:hover {
z-index: 2
}
.exhibition-360 .main-list .item:hover .other {
display: none
}
.exhibition-360 .main-list .item:hover .intro {
display: block
}
.exhibition-360 .main-list .item:hover .box {
border-color: #457de5
}
.exhibition-360 .main-list .paging {
padding: 30px 0 65px
}
.exhibition-360 .recommend-list {
border-color: #ebebeb
}
.exhibition-360 .recommend-list .item {
margin: 15px 0;
position: relative;
padding: 20px 30px;
border-left: 1px dotted #ccc;
float: left;
width: 175px
}
.exhibition-360 .recommend-list .item:first-child {
border-left: 0;
margin-left: 10px
}
.exhibition-360 .recommend-list .item .num {
height: 16px;
line-height: 16px;
min-width: 16px;
background: #457de5;
color: #fff;
text-align: center;
display: inline-block;
vertical-align: middle;
margin-right: 3px
}
.exhibition-360 .recommend-list .item a {
font-size: 14px;
font-weight: 700;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: inline-block
}
.exhibition-360 .recommend-list .item .intro {
color: #666;
line-height: 22px;
height: 44px;
overflow: hidden;
margin: 10px 0
}
.exhibition-360 .recommend-list .item p {
color: #999;
font-size: 12px
}
.exhibition-360 .select-filter {
background: #fff;
margin: 25px 0
}
.exhibition-360 .select-filter .active, .exhibition-360 .select-filter a:hover {
color: #457de5
}
.exhibition-360 .select-filter .box {
margin: 0 10px
}
.exhibition-360 .select-filter .item {
border-bottom: 1px solid #dbdbdb;
position: relative;
padding: 15px 0 15px 100px;
line-height: 30px
}
.exhibition-360 .select-filter .dashed {
border-bottom-style: dashed
}
.exhibition-360 .select-filter .no-border {
border: 0
}
.exhibition-360 .select-filter .label {
position: absolute;
left: 0;
width: 70px;
padding: 15px;
font-weight: 700;
top: 0;
bottom: 0
}
.exhibition-360 .select-filter .content {
height: 30px;
overflow: hidden;
padding-right: 60px;
margin-left: 10px
}
.exhibition-360 .select-filter .content a {
display: block;
float: left;
margin-right: 30px
}
.exhibition-360 .select-filter .content a.active {
color: #1787f8
}
.exhibition-360 .select-filter .more {
display: block;
position: absolute;
right: 0;
top: 15px;
width: 60px;
color: #999;
background: url(/Static/images/icon.png) no-repeat 33px -31px
}
.exhibition-360 .select-filter .more:hover {
color: #457de5
}
.exhibition-360 .select-filter .show .content {
height: auto
}
.exhibition-360 .select-filter .show .more {
background-position: -20px -31px
}
.exhibition-360 .select-filter .select-content {
overflow: visible;
position: relative
}
.exhibition-360 .select-filter .select-content .right {
position: absolute;
right: 0;
top: 0;
font-size: 14px;
color: #f60;
cursor: pointer
}
.exhibition-360 .select-filter .select-content .right a {
color: #f60
}
.exhibition-360 .select-filter .select-content .right i {
margin-right: 5px
}
.exhibition-360 .select-filter .search-box {
position: relative;
overflow: visible
}
.exhibition-360 .select-filter .search-box i {
position: absolute;
left: 10px;
top: 0;
font-size: 20px
}
.exhibition-360 .select-filter .search-box .input-control {
height: 28px;
line-height: 28px;
width: 425px;
padding-left: 35px
}
.exhibition-360 .select-filter .search-box .btn {
margin-left: 20px;
height: 30px;
line-height: 30px;
color: #fff;
width: 120px;
border-radius: 3px;
background: #c72621
}
.exhibition-360 .select-filter .select-dropdown .input-control {
width: 160px;
height: 30px;
line-height: 30px
}
.exhibition-360 .select-filter .select-dropdown .arrow {
background: #fff;
border: 0;
font-size: 12px
}
.exhibition-360 .select-filter .select-dropdown li {
padding: 0 10px
}
.exhibition-360 .sidebar-300 {
width: 300px;
float: left
}
.exhibition-360 .sidebar-300 .title {
height: 48px;
line-height: 48px
}
.exhibition-360 .sidebar-300 .title span {
height: 46px
}
.exhibition-360 .sidebar-300 .border {
margin-bottom: 20px
}
.exhibition-360 .sidebar-300 .intro {
font-size: 12px;
line-height: 20px;
color: #666;
padding: 12px
}
.exhibition-360 .sidebar-300 .img {
width: 260px;
height: 192px;
overflow: hidden;
margin: 12px auto 0
}
.exhibition-360 .sidebar-300 .img-txt {
width: 240px;
margin: 0 auto 25px;
height: 48px;
line-height: 48px;
background: #4d4d4d;
padding: 0 10px;
font-size: 16px;
color: #fff
}
.exhibition-360 .sidebar-300 .box-contact {
padding: 15px;
line-height: 25px
}
.exhibition-360 .sidebar-300 .box-contact h3 {
font-weight: 700;
font-size: 14px;
height: 16px;
line-height: 16px;
border-left: 2px solid #457de5;
overflow: hidden;
text-indent: 10px;
margin: 15px 0
}
.exhibition-360 .sidebar-300 .box-contact .box {
padding-left: 12px
}
.exhibition-360 .main-880 {
width: 880px;
float: right
}
.exhibition-360 .main-880 .title {
margin-bottom: 20px;
height: 48px;
line-height: 48px
}
.exhibition-360 .main-880 .title span {
height: 46px
}
.exhibition-360 .main-880 .item {
float: left;
width: 268px;
border: 1px solid #ccc;
margin: 0 0 20px 18px;
height: 340px;
overflow: hidden
}
.exhibition-360 .main-880 .item .img {
width: 228px;
height: 228px;
overflow: hidden;
display: block;
margin: 20px auto
}
.exhibition-360 .main-880 .item p {
width: 228px;
margin: 0 auto;
height: 30px;
line-height: 30px;
font-size: 16px;
color: #666
}
.exhibition-360 .main-880 .item p a {
font-size: 16px
}
.exhibition-360 .main-880 .paging {
padding: 53px 0
}
.exhibition-360 .content-1 {
margin-bottom: 20px
}
.exhibition-360 .content-1 .title {
height: 48px;
line-height: 48px;
margin-bottom: 20px
}
.exhibition-360 .content-1 .title span {
height: 46px
}
.exhibition-360 .content-1 .flex-slide {
height: 260px;
position: relative
}
.exhibition-360 .content-1 .flex-viewport {
margin-left: 55px;
width: 1100px
}
.exhibition-360 .content-1 .slides li {
height: 260px;
float: left;
width: 260px;
font-size: 16px
}
.exhibition-360 .content-1 .slides li .img {
width: 260px;
height: 200px;
overflow: hidden;
margin: 0 auto 15px
}
.exhibition-360 .content-1 .slides li a {
font-size: 16px
}
.exhibition-360 .content-1 .flex-direction-nav li {
position: absolute;
left: 0;
top: 80px;
height: 40px;
line-height: 40px;
z-index: 10;
width: 55px;
text-align: center
}
.exhibition-360 .content-1 .flex-direction-nav li.flex-nav-next {
left: auto;
right: 0
}
.exhibition-360 .content-1 .flex-direction-nav li a {
font-family: 'iconfont';
font-size: 32px;
font-weight: 700
}
.exhibition-360 .content-2 {
padding-bottom: 35px
}
.exhibition-360 .content-2 .title {
height: 48px;
line-height: 48px;
margin-bottom: 20px
}
.exhibition-360 .content-2 .title span {
height: 46px
}
.exhibition-360 .content-2 .border {
float: left;
width: 275px;
margin-left: 18px;
height: 360px
}
.exhibition-360 .content-2 .img {
width: 228px;
height: 228px;
display: block;
margin: 20px auto
}
.exhibition-360 .content-2 .name {
display: block;
font-size: 16px;
width: 228px;
margin: 0 auto
}
.exhibition-360 .content-2 p {
height: 50px;
line-height: 50px;
position: relative;
color: #999;
font-size: 12px;
width: 228px;
margin: 0 auto
}
.exhibition-360 .content-2 p span {
right: 0;
top: 0;
position: absolute
}
.exhibition-360 .content-2 p i {
display: inline-block;
vertical-align: middle;
margin-right: 5px
}
.layer-product {
border: 5px solid #666;
width: 1120px;
position: absolute;
left: 50%;
top: 0;
margin-left: -560px;
z-index: 100;
background: #fff;
display: none
}
.layer-product .shadow-bottom {
background: #999;
bottom: -25px;
position: absolute;
left: 20px;
width: 1105px;
height: 20px
}
.layer-product .shadow-right {
background: #999;
right: -25px;
position: absolute;
top: 20px;
width: 20px;
bottom: -25px
}
.layer-product .alert-content {
padding: 30px
}
.layer-product .img {
float: left;
width: 600px;
height: 610px;
overflow: hidden;
margin-right: 60px
}
.layer-product .text {
float: left;
width: 390px;
font-size: 16px;
line-height: 30px;
color: #666
}
.layer-product .text p {
margin-bottom: 15px
}
.layer-product .text strong {
color: #333;
font-weight: 400
}
.layer-product .contact {
padding-top: 20px;
font-size: 18px;
line-height: 35px
}
.layer-product .contact h3 {
font-size: 20px
}
.layer-product .contact em {
padding: 0 15px
}
.layer-product .close {
right: 10px;
top: 10px;
position: absolute;
font-size: 20px
}
.header-product {
height: 110px;
background: #fff
}
.header-product .logo {
margin-left: 50px;
width: 120px;
height: 98px;
padding-top: 6px;
overflow: hidden;
float: left
}
.header-product .company {
float: left;
width: 600px
}
.header-product .company h1 {
font-size: 24px;
padding-top: 30px;
margin-bottom: 5px
}
.header-product .company p {
font-size: 12px
}
.header-product .right {
float: right;
width: 290px;
font-size: 16px;
padding-top: 25px;
line-height: 30px
}
.union-index {
margin-bottom: 20px
}
.union-index .flex-slide {
position: relative;
margin: 10px;
float: left;
width: 430px;
overflow: hidden;
height: 330px
}
.union-index .flex-slide .slides li {
height: 330px;
overflow: hidden
}
.union-index .flex-slide .flex-control-nav {
left: 0;
width: 100%;
bottom: 10px;
position: absolute;
z-index: 5;
text-align: center;
*zoom: 1
}
.union-index .flex-slide .flex-control-nav li {
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
overflow: hidden;
margin: 0 5px
}
.union-index .flex-slide .flex-control-nav li a {
font-size: 0;
text-indent: 999px;
overflow: hidden;
display: block;
width: 100%;
background: url(/Static/images/icon.png) no-repeat -20px 0;
height: 14px
}
.union-index .flex-slide .flex-control-nav li a.flex-active {
background-position: 0 0
}
.union-index .text {
float: left;
margin-left: 8px;
width: 370px;
overflow: hidden;
padding-top: 10px
}
.union-index .text li {
position: relative;
padding-left: 20px
}
.union-index .text li span {
left: 0;
top: 0;
position: absolute;
font-size: 12px;
color: #457de5
}
.union-index .text li a {
font-weight: 700
}
.union-index .text li p {
color: #666;
height: 46px;
line-height: 23px;
overflow: hidden;
margin: 8px 0 12px
}
.union-list {
float: left;
width: 870px
}
.union-list .item {
height: 200px;
padding: 22px 0 22px 270px;
position: relative;
border-bottom: 1px solid #ccc;
margin: 0 15px
}
.union-list .item .img {
width: 250px;
height: 200px;
position: absolute;
left: 8px;
top: 22px
}
.union-list .item h3 {
height: 48px;
line-height: 48px
}
.union-list .item h3 a {
font-size: 16px;
color: #457de5;
font-weight: 700
}
.union-list .item h3 a:hover {
color: #21489c
}
.union-list .item .intro {
line-height: 24px;
height: 72px;
color: #666;
overflow: hidden;
margin-bottom: 28px
}
.union-list .item .contact {
font-size: 12px;
line-height: 24px;
height: 50px;
color: #666
}
.choose-area {
height: 30px;
line-height: 30px;
border-bottom: 1px solid #ccc;
background: #f2f2f2;
padding: 5px 0
}
.choose-area label, .choose-area .select, .choose-area input {
float: left
}
.choose-area label {
font-size: 16px;
padding-left: 25px;
font-weight: 700
}
.choose-area label.fs {
font-size: 14px;
margin-left: 60px
}
.choose-area .select-dropdown .input-control {
border-color: #ccc;
background: #fff;
color: #999;
height: 28px;
line-height: 28px;
overflow: hidden
}
.choose-area .select-dropdown .dropdown {
width: 500px
}
.choose-area .select-dropdown .dropdown ul {
padding: 10px 20px
}
.choose-area .select-dropdown .dropdown li {
width: 70px;
float: left;
color: #999;
overflow: hidden;
margin-right: 3px;
height: 30px;
line-height: 30px
}
.choose-area .select-dropdown.select-city .dropdown {
width: 342px
}
.choose-area .select-dropdown.select-city .dropdown li {
font-size: 12px;
width: 57px
}
.choose-area .input-control {
border-color: #ccc;
background: #fff;
color: #999;
height: 28px;
line-height: 28px;
overflow: hidden
}
.choose-area .btn {
width: 55px;
background: #e5e5e5;
height: 30px;
line-height: 30px;
border: 1px solid #ccc;
color: #666;
border-left: 0
}
.union-detail {
float: left;
width: 870px
}
.union-detail h1 {
margin: 40px 30px;
text-align: center;
font-size: 18px;
color: #333;
font-weight: 700
}
.union-detail .detail {
line-height: 28px;
font-size: 16px;
margin: 0 28px;
padding-bottom: 30px;
color: #666
}
.union-detail .other {
border-top: 1px solid #ccc;
padding: 10px 20px 25px
}
.union-detail .other .title {
border: 0
}
.union-detail .other .title i {
color: #457de5;
margin-right: 10px
}
.union-detail .other .title .icon-phone {
font-size: 20px
}
.union-detail .other .text {
font-size: 12px;
line-height: 30px;
color: #666;
margin-left: 30px
}
.union-detail .other .list {
padding-top: 20px
}
.union-detail .other .list .books {
height: 120px;
float: left;
width: 50%;
position: relative
}
.union-detail .other .list .books .img {
width: 100px;
height: 120px;
position: absolute;
left: 0;
top: 0;
display: block
}
.union-detail .other .list .books p, .union-detail .other .list .books strong {
padding-left: 120px;
color: #999;
line-height: 30px
}
.union-detail .other .list .books strong {
display: block;
padding-top: 20px;
font-weight: 700;
color: #666
}
.nav-meeting ul {
float: none !important
}
.nav-meeting li a {
padding: 0 85px !important
}
.meeting-list {
width: 870px
}
.meeting-list .tabs {
height: 42px;
line-height: 42px;
border-bottom: 1px solid #ccc
}
.meeting-list .tabs > div {
float: left;
border-left: 1px solid #ccc
}
.meeting-list .tabs > div:first-child {
border: 0
}
.meeting-list .tabs .item {
text-align: center
}
.meeting-list .tabs .item a {
display: block;
color: #999;
padding: 0 28px
}
.meeting-list .tabs .item a.active {
background: #457de5;
color: #fff
}
.meeting-list .tabs .item a:hover {
background: #21489c;
color: #fff
}
.meeting-list .tabs .select-dropdown {
margin: 0
}
.meeting-list .tabs .select-dropdown .input-control {
border: 0;
width: 80px;
color: #999;
height: 42px;
line-height: 42px
}
.meeting-list .tabs .select-dropdown .arrow {
background: none;
border: 0;
font-size: 16px;
top: 8px
}
.meeting-list .tabs .select-dropdown li {
height: 20px;
line-height: 20px;
padding-left: 15px;
color: #999
}
.meeting-list .tabs .select-dropdown li:hover, .meeting-list .tabs .select-dropdown li.active {
background: #e6e6e6
}
.meeting-list .tabs .form-group {
height: 28px;
line-height: 28px;
margin-top: 6px;
border: 1px solid #ccc;
margin-left: 22px;
padding-right: 40px
}
.meeting-list .tabs .form-group .input-control {
border: 0;
height: 28px;
line-height: 28px;
width: 96px;
color: #999
}
.meeting-list .tabs .form-group .btn {
background: none;
position: absolute;
right: 0;
top: 0;
width: 40px;
text-align: center;
line-height: 26px;
border-left: 1px solid #ccc;
background: #457de5;
color: #fff
}
.meeting-list .list {
padding: 20px 0;
height: 162px;
overflow: hidden;
border-bottom: 1px solid #ccc;
margin: 0 20px;
line-height: 30px
}
.meeting-list .list:after {
display: block;
content: '.';
clear: both;
height: 0;
line-height: 0;
visibility: hidden
}
.meeting-list .list .img {
float: left;
width: 210px;
height: 160px;
overflow: hidden;
margin-left: 8px
}
.meeting-list .list .text {
float: left;
width: 360px;
margin-left: 25px;
overflow: hidden
}
/*.meeting-list .list h3 {
height: 55px;
line-height: 55px
}*/
.meeting-list .list h3 a {
font-size: 16px;
color: #333;
font-weight: 700
}
.meeting-list .list h3 a:hover {
color: #457de5
}
.meeting-list .list .url {
color: #666;
padding-top: 10px
}
.meeting-list .list .url a {
color: #666
}
.meeting-list .list .url a:hover {
color: #457de5
}
.meeting-list .list .date {
float: right;
width: 216px;
height: 124px;
background: #eee;
margin: 20px 8px 0 0;
text-align: center
}
.meeting-list .list .date p {
height: 32px;
line-height: 32px;
overflow: hidden;
color: #333;
font-size: 14px;
margin-bottom: 5px
}
.meeting-list .list .date p span {
color: #457de5
}
.meeting-list .list .date li {
display: inline-block;
margin: 0 5px;
color: #457de5
}
.meeting-list .list .date li span {
display: block;
width: 24px;
height: 24px;
border: 1px solid #457de5;
border-radius: 50%;
line-height: 24px;
color: #333;
margin-bottom: 5px
}
.meeting-list .list .date li.active span {
background: #457de5;
color: #fff
}
.meeting-list .list .date .status {
font-size: 14px;
color: #333;
padding-top: 8px
}
.meeting-list .list .date .status span {
color: #f60;
font-size: 16px;
padding: 0 5px;
font-weight: 700
}
.meeting-list .list .date .status b {
color: #457de5
}
.meeting-list .h3-title {
font-size: 16px;
font-weight: 700;
color: #457de5;
height: 40px;
line-height: 40px;
margin: 0 20px
}
.meeting-list .list-2 {
padding: 10px 0 40px
}
.meeting-list .list-2 ul {
border-bottom: 1px solid #ccc;
margin: 0 20px 10px;
padding-bottom: 10px
}
.meeting-list .list-2 li {
height: 35px;
line-height: 35px
}
.meeting-list .list-2 li span {
width: 110px;
display: inline-block;
vertical-align: middle
}
.meeting-list .foot-nav {
margin-top: 35px;
background: #fff;
height: 50px;
line-height: 50px;
text-align: center
}
.meeting-list .foot-nav a {
font-size: 18px;
margin: 0 28px
}
.meeting-list .foot-nav.padding a {
margin: 0 130px
}
.meeting-sidebar .list li {
line-height: 30px;
height: auto;
white-space: normal
}
.meeting-sidebar .list-reports ul {
padding: 20px 0 10px
}
.meeting-sidebar .list-reports li {
width: 280px;
height: 200px;
overflow: hidden;
margin: 0 auto 20px;
position: relative
}
.meeting-sidebar .list-reports li span {
display: block;
line-height: 25px;
position: absolute;
left: 0;
bottom: 0;
width: 96%;
padding: 5px 2%;
background: #2c2a29;
background: rgba(0,0,0,0.8);
color: #fff;
font-weight: 700;
z-index: 10;
font-size: 14px;
text-align: left
}
.meeting-detail .head {
position: relative;
margin: 0 50px 20px 20px;
border-bottom: 1px dashed #ccc;
padding: 0 10px 20px
}
.meeting-detail .head h1 {
line-height: 30px;
font-size: 18px;
color: #333;
padding: 20px 0 10px
}
.meeting-detail .head h2 {
font-size: 14px;
margin-bottom: 15px
}
.meeting-detail .head .other {
font-size: 16px;
color: #666
}
.meeting-detail .head .share {
padding: 0;
position: absolute;
right: 0;
top: 20px;
font-size: 30px;
color: #f6b03e
}
.meeting-detail .head .share a {
color: #f6b03e;
font-size: 30px
}
.meeting-detail .text-1 {
margin: 0 20px 30px;
line-height: 30px
}
.meeting-detail .text-2 {
margin: 0 20px 30px;
line-height: 25px
}
.meeting-detail .text-2 h3 {
font-weight: 700;
color: #333;
border-left: 2px solid #457de5;
font-size: 14px;
padding-left: 5px;
height: 16px;
line-height: 16px
}
.meeting-detail .text-2 .list {
padding-top: 20px
}
.meeting-detail .text-2 .list li {
float: left;
width: 260px;
height: 170px;
margin: 0 15px 15px 0
}
.login-bg {
background: url(/Static/images/login-bg.jpg) no-repeat center center;
height: 100%
}
.login-page {
margin: 0 auto;
overflow: hidden
}
.login-page .logo {
text-align: center;
padding: 80px 0 30px
}
.login-page .title {
line-height: 50px;
margin-bottom: 25px;
font-size: 22px;
color: #014099;
text-align: center;
font-weight: 400;
height: 50px;
border: 0
}
.login-page .form {
border: 1px solid #a1bfd0;
background: #fff;
margin: 0 auto;
padding: 0 40px;
width: 420px;
-webkit-box-shadow: 0 0 2px #a1bfd0;
box-shadow: 0 0 2px #a1bfd0
}
.login-page .tab {
border-bottom: 1px solid #999;
margin-bottom: 50px
}
.login-page .tab li {
float: left;
width: 50%;
height: 100px;
line-height: 100px;
text-align: center
}
.login-page .tab li a {
font-size: 20px;
display: block
}
.login-page .tab li.active a {
border-bottom: 2px solid #2d86ff
}
.login-page .form-group {
margin-bottom: 35px
}
.login-page .form-group .input-control {
height: 48px;
line-height: 48px;
width: 400px;
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
color: #666;
font-size: 16px
}
.login-page .form-group .input-control.code {
width: 210px;
margin-right: 15px;
float: left
}
.login-page .form-group .btn-code {
width: 170px;
height: 50px;
line-height: 50px;
font-size: 16px;
border-radius: 3px;
float: left
}
.login-page .button {
margin-bottom: 15px
}
.login-page .button .btn {
width: 100%;
height: 50px;
line-height: 50px;
font-size: 20px;
border-radius: 3px
}
.login-page .btn-disabled {
background: #a7ceff;
color: #fff
}
.login-page .checkbox {
line-height: 40px;
position: relative;
color: #999
}
.login-page .checkbox i {
cursor: pointer;
display: inline-block;
vertical-align: middle;
font-size: 20px;
color: #999
}
.login-page .checkbox i.checked {
color: #2d86ff
}
.login-page .checkbox .right {
right: 0;
top: 0;
position: absolute;
color: #9f9f9f
}
.login-page .checkbox .right a {
color: #4c8bff;
display: block;
float: left
}
.login-page .checkbox .right b {
display: block;
float: left;
padding: 0 10px
}
.login-page .login-other {
padding: 50px 0 40px;
text-align: center
}
.login-page .login-other h3 {
font-size: 16px;
color: #9f9f9f;
margin-bottom: 15px
}
.login-page .login-other ul {
display: inline-block;
*display: inline;
*zoom: 1
}
.login-page .login-other li {
float: left;
width: 50px;
height: 50px;
margin: 0 15px
}
.login-page .login-other li a {
display: block;
font-size: 52px;
color: #ddd
}
.login-page .login-other li .weixin:hover {
color: #0ee951
}
.login-page .login-other li .sina:hover {
color: #e90e0e
}
.login-page .login-other li .qq:hover {
color: #0e94e9
}
.login-page .error-tips {
text-align: center;
color: #f00
}
.reg-header.header {
background: none
}
.reg-header .tab-bar {
background: #fff
}
.reg-header .main-reg {
height: 120px
}
.reg-header .logo {
float: left;
padding-top: 12px;
font-size: 30px;
color: #014099;
width: 285px
}
.reg-header .logo img {
display: inline-block;
vertical-align: middle;
margin-right: 10px
}
.reg-header .text {
float: left;
line-height: 120px;
color: #d9d9d9;
width: 700px
}
.reg-header .text span {
display: inline-block;
vertical-align: middle;
font-weight: 700;
font-size: 24px;
margin: 0 5px
}
.reg-header .text em {
font-size: 24px;
font-style: normal;
margin: 0 5px
}
.reg-header .has-account {
float: right;
height: 30px;
line-height: 30px;
padding-top: 90px;
font-size: 12px;
color: #999;
text-align: right
}
.reg-header .has-account a {
color: #2d86ff
}
.reg-header .has-account em {
font-style: normal;
padding: 0 10px
}
.reg-page {
background: #fff
}
.reg-page .reg-tab {
border-bottom: 1px solid #dedede;
height: 60px;
line-height: 60px;
text-align: center
}
.reg-page .reg-tab li {
width: 210px;
display: inline-block;
vertical-align: middle;
border-bottom: 2px solid #ddd
}
.reg-page .reg-tab li a {
font-size: 30px;
color: #666
}
.reg-page .reg-tab li.active {
border-color: #3289ff
}
.reg-page .reg-tab li.active a {
color: #333
}
.reg-page .tab-content {
padding: 48px 0
}
.reg-page .step {
width: 480px;
margin: 0 auto
}
.reg-page .step div {
height: 30px;
line-height: 30px;
background: url(/Static/images/reg/step.png) no-repeat center 0
}
.reg-page .step li {
float: left;
text-align: center
}
.reg-page .step .active {
color: #2d86ff
}
.reg-page .step.step1 .step-1 {
background-position: center -72px
}
.reg-page .step.step1 .step-2 {
background-position: center -115px
}
.reg-page .step.step1 .step-3 {
background-position: center -155px
}
.reg-page .step.step1 .li-1 {
width: 139px
}
.reg-page .step.step1 .li-2 {
width: 94px
}
.reg-page .step.step1 .li-3 {
width: 135px
}
.reg-page .step.step1 .li-4 {
width: 85px
}
.reg-page .step.step2 .step-2 {
background-position: center -34px
}
.reg-page .step.step2 .li-1 {
width: 139px;
margin-left: 56px
}
.reg-page .step.step2 .li-2 {
width: 94px
}
.reg-page .step.step2 .li-3 {
width: 135px
}
.reg-page .form {
width: 418px;
margin: 0 auto;
padding-bottom: 20px
}
.reg-page .form .form-group {
margin-bottom: 30px;
height: 40px;
line-height: 40px;
font-size: 16px
}
.reg-page .form .label {
width: 65px;
float: left;
padding-right: 15px;
text-align: right
}
.reg-page .form .input-control {
width: 280px;
height: 38px;
line-height: 38px;
border-radius: 5px;
border-color: #999;
font-size: 16px;
float: left
}
.reg-page .form .input-control:focus {
border-color: #457de5
}
.reg-page .form .input-control.error {
border-color: #f00
}
.reg-page .form .error-tips {
font-size: 16px;
color: #f00;
position: absolute;
left: 400px;
top: 0;
width: 380px
}
.reg-page .form .btn-code {
width: 136px;
position: absolute;
right: 37px;
top: 1px;
height: 38px;
line-height: 38px;
border-radius: 0 5px 5px 0;
font-size: 16px
}
.reg-page .form .btn-disabled {
background: #a7ceff;
color: #fff
}
.reg-page .form .input {
float: left;
width: 302px
}
.reg-page .form .button {
text-align: center;
height: auto
}
.reg-page .form .button .btn {
width: 144px;
height: 40px;
line-height: 40px;
border-radius: 5px;
font-size: 16px
}
.reg-page .form .button .tips {
font-size: 12px;
color: #999
}
.reg-page .form .button .tips a {
font-size: 12px;
color: #457de5
}
.reg-page .form .select-city {
margin-right: 14px
}
.reg-page .form .select-city .input-control {
width: 70px
}
.reg-page .form .select-sex {
position: absolute;
right: 26px;
top: 1px
}
.reg-page .form .select-sex .input-control {
width: 70px;
border: transparent;
border-left: 1px solid #999;
border-radius: 0
}
.reg-page .form .select-dropdown .dropdown {
width: auto;
min-width: 100%
}
.reg-page .form .select-dropdown .input-control {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.reg-page .form .select-dropdown .arrow {
background: none;
border: 0;
width: auto;
font-size: 12px;
height: 38px;
line-height: 38px;
right: 18px
}
.reg-page .form .select-dropdown li {
height: 26px;
line-height: 26px;
padding: 0 10px;
margin: 5px 0;
color: #999;
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis
}
.reg-page .form .select-dropdown li.active {
background: #f4f4f4
}
.reg-page .form .select-dropdown .placeholder {
color: #999
}
.reg-success .main-text {
background: #fff;
overflow: hidden
}
.reg-success .tips-title {
padding-top: 45px;
font-size: 20px;
margin-bottom: 30px;
text-align: center;
color: #666
}
.reg-success .success {
color: #258300;
padding-top: 10px;
text-align: center;
margin-bottom: 20px
}
.reg-success .success i {
font-size: 40px;
margin-right: 10px;
display: inline-block;
vertical-align: middle
}
.reg-success .success h1 {
font-size: 30px;
font-weight: 400
}
.reg-success .account-other {
font-size: 20px;
color: #333;
text-align: center;
line-height: 40px;
margin-bottom: 20px
}
.reg-success .tips {
border-top: 1px solid #ddd;
margin: 0 88px;
padding-top: 25px;
position: relative;
font-size: 16px;
color: #999;
padding-left: 250px;
margin-bottom: 10px
}
.reg-success .tips label {
font-size: 18px;
color: #666;
float: left
}
.reg-success .tips .txt {
float: left
}
.reg-success .tips p {
margin-bottom: 10px
}
.reg-success .tips-2 {
padding-left: 250px;
margin: 0 88px
}
.reg-success .tips-2 label {
font-size: 18px;
color: #666
}
.reg-success .tips-2 span {
font-size: 16px;
color: #999;
padding-right: 10px
}
.reg-success .tips-2 a {
font-size: 16px;
color: #2d86ff
}
.reg-success .button {
padding-top: 25px;
text-align: center;
margin-bottom: 50px
}
.reg-success .button a {
width: 144px;
height: 40px;
line-height: 40px;
font-size: 16px;
border-radius: 5px;
background: #2d86ff
}
.reg-success .button a:hover {
color: #fff
}
.linked-account {
background: #fff;
padding-bottom: 170px
}
.linked-account .title {
height: 50px;
line-height: 50px;
border-bottom: 1px solid #ddd;
padding-top: 20px;
position: relative;
margin-bottom: 60px
}
.linked-account .title span {
border-bottom: 1px solid #008df3;
display: inline-block;
font-size: 24px;
margin-left: 20px;
height: 49px;
padding: 0;
font-weight: 400
}
.linked-account .title .link {
position: absolute;
right: 20px;
top: 20px;
font-size: 18px;
color: #008df3;
font-weight: 400
}
.linked-account .form {
width: 352px;
margin: 0 auto
}
.linked-account .btn {
height: 50px;
line-height: 50px;
border-radius: 3px;
font-size: 16px;
width: 100%
}
.linked-account .form-group {
margin-bottom: 28px;
font-size: 16px
}
.linked-account .form-group .input-control {
width: 295px;
border: 1px solid #ccc;
height: 48px;
line-height: 48px;
border-radius: 5px;
font-size: 16px;
padding-left: 45px;
float: left
}
.linked-account .form-group .input-control.padding {
padding: 0 10px;
width: 330px
}
.linked-account .form-group .input-control.code {
width: 145px
}
.linked-account .form-group .btn-code {
margin-left: 20px;
width: 130px;
float: left
}
.linked-account .form-group label {
font-size: 24px;
position: absolute;
left: 0;
width: 45px;
text-align: center;
top: 0;
display: block;
height: 50px;
line-height: 50px
}
.linked-account .form-group .tips {
font-size: 14px;
padding-top: 12px;
clear: both
}
.linked-account .form-group .tips a {
font-size: 14px
}
.linked-account .form-group .radio label {
position: static;
font-size: 14px;
display: inline-block;
vertical-align: middle;
margin-right: 20px
}
.linked-account .button .tip {
text-align: right;
line-height: 30px
}
.linked-account .content {
padding-top: 40px;
text-align: center;
width: 350px;
margin: 0 auto
}
.linked-account .content .face {
width: 150px;
height: 150px;
border-radius: 50%;
margin: 0 auto 25px
}
.linked-account .content .name {
text-align: center;
font-size: 30px;
color: #333;
margin-bottom: 45px
}
.linked-account .content .tips {
font-size: 18px
}
.linked-account .content .button {
padding-top: 60px
}
.linked-account .content .button .btn {
margin-bottom: 20px
}
.linked-account .forget {
font-size: 14px;
margin-bottom: 10px
}
.linked-account .forget a {
font-size: 14px
}
.linked-account .tips-error label {
font-size: 20px;
color: #f03939
}
.linked-account .tips-error .input-control {
border-color: #fc4c24;
background: #fff5f5;
font-size: 16px;
color: #666
}
.linked-account .form-label {
font-size: 18px;
margin-bottom: 15px
}
.linked-account .form-label.fs14 {
font-size: 14px
}
.linked-account .text {
font-size: 14px;
margin-bottom: 10px
}
.linked-account .text p:first-child {
margin-bottom: 10px
}
.linked-account .text .blue {
color: #008df3
}
.reg-select {
padding: 100px 0;
text-align: center;
background: #fff
}
.reg-select .box {
width: 800px;
margin: 0 auto
}
.reg-select .item {
width: 400px;
height: 460px;
float: left;
position: relative
}
.reg-select .item a {
display: block;
border: 1px solid #f6f6f6;
width: 400px;
height: 460px;
position: absolute;
top: 0;
-webkit-transition: all .2s;
transition: all .2s
}
.reg-select .item .icon {
margin: 105px auto 30px;
display: block;
width: 150px;
height: 150px;
background: url(/Static/images/reg-select.png) no-repeat
}
.reg-select .item h3 {
font-size: 24px
}
.reg-select .item h3:after {
content: '';
width: 26px;
height: 3px;
background: #666;
display: block;
margin: 20px auto 0
}
.reg-select .item span {
padding-top: 35px;
display: block
}
.reg-select .item:hover h3:after {
background: #457de5;
font-size: 26px
}
.reg-select .item:hover a {
width: 435px;
height: 500px;
top: -20px
}
.reg-select .item:hover .icon {
width: 162px;
height: 162px;
margin: 115px auto 40px
}
.reg-select .item:hover span {
font-size: 15px
}
.reg-select .item-1 a {
-webkit-box-shadow: -5px 5px 20px #efefef;
box-shadow: -5px 5px 20px #efefef;
right: 0
}
.reg-select .item-1 .icon {
background-position: -174px -173px
}
.reg-select .item-1:hover .icon {
background-position: -3px -166px
}
.reg-select .item-2 a {
-webkit-box-shadow: 5px 5px 20px #efefef;
box-shadow: 5px 5px 20px #efefef;
left: 0
}
.reg-select .item-2 .icon {
background-position: -173px -16px
}
.reg-select .item-2:hover .icon {
background-position: -2px -1px
}
.user-header {
height: 100px;
background: #fff;
border-bottom: 1px solid #ccc
}
.user-header .container {
position: relative
}
.user-header .logo {
padding-top: 15px;
font-size: 30px;
margin-left: 10px
}
.user-header .logo img {
height: 70px;
margin-right: 20px
}
.user-header .login {
right: 0;
bottom: 20px;
position: absolute;
font-size: 18px;
color: #999
}
.user-header .login a {
color: #2e9fff;
font-size: 18px
}
.user-header .login em {
padding: 0 25px
}
.user-center .job-step {
height: 50px;
line-height: 50px;
background: #fff;
font-size: 20px;
font-weight: 400;
border-bottom: 1px solid #ccc;
color: #666
}
.user-center .job-step .container {
position: relative
}
.user-center .job-step h3 {
margin-left: 45px;
font-size: 20px
}
.user-center .job-step span {
position: absolute;
right: 0;
top: 0
}
.user-center .job-form {
background: #fff;
margin: 130px 55px 0;
padding-bottom: 60px
}
.user-center .job-form .face {
height: 110px;
position: relative;
text-align: center
}
.user-center .job-form .face img {
position: relative;
top: -80px;
width: 140px;
height: 140px;
border-radius: 50%
}
.user-center .job-form .form-group {
margin-bottom: 20px;
color: #666;
line-height: 40px
}
.user-center .job-form .form-group .toto {
padding: 0 6px;
font-size: 20px;
float: left
}
.user-center .job-form .form-group .label {
width: 400px;
text-align: right;
font-size: 20px;
display: block;
float: left
}
.user-center .job-form .form-group .label span {
color: #f6b03e;
padding-right: 5px
}
.user-center .job-form .form-group .input-control {
width: 380px;
height: 38px;
line-height: 38px;
float: left
}
.user-center .job-form .form-group .input-width {
width: 160px
}
.user-center .job-form .form-group .date {
background: url(/Static/images/date.png) no-repeat right center
}
.user-center .job-form .form-group .textarea {
height: 120px
}
.user-center .job-form .form-group .radio {
font-size: 20px
}
.user-center .job-form .form-group .radio label {
margin-right: 50px
}
.user-center .job-form .form-group .radio input {
margin-right: 10px;
width: 18px;
height: 18px
}
.user-center .job-form .form-add {
line-height: 20px;
position: relative
}
.user-center .job-form .form-add a {
font-size: 14px;
color: #5d7fff
}
.user-center .job-form .form-add .del {
right: 285px;
top: 0;
position: absolute;
color: #999
}
.user-center .job-form .line {
border-bottom: 1px solid #ebebeb;
padding-top: 40px;
margin: 0 70px 60px
}
.user-center .job-form .line2 {
margin: 0 0 40px
}
.user-center .job-form .button {
text-align: center
}
.user-center .job-form .button .btn {
width: 400px;
height: 38px;
line-height: 38px;
background: #ffc301;
color: #333;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 3px;
display: block;
margin: 0 auto 25px
}
.user-center .job-form .button .back {
font-size: 14px;
color: #5d7fff
}
.user-center .job-form .select-dropdown .arrow {
border: 0;
height: 40px;
background: url(/Static/images/select-arrow1.png) center center no-repeat
}
.user-center .job-form .select-dropdown .arrow:before {
content: ''
}
.user-center .job-form .select-dropdown.open .arrow {
background: url(/Static/images/select-arrow2.png) center center no-repeat
}
.user-center .job-form .select-dropdown .dropdown ul li {
padding-left: 10px
}
.user-center .user-sidebar {
width: 220px;
overflow: hidden;
float: left
}
.user-center .user-sidebar .box {
background: #fff;
border-radius: 3px;
margin-bottom: 10px
}
.user-center .user-sidebar .name {
text-align: center;
padding: 30px 0
}
.user-center .user-sidebar .name .face {
width: 90px;
height: 90px;
margin: 0 auto 20px
}
.user-center .user-sidebar .name .face img {
width: 90px;
height: 90px
}
.user-center .user-sidebar .name .h3 {
font-size: 18px;
margin-bottom: 15px
}
.user-center .user-sidebar .name .h3 span, .user-center .user-sidebar .name .h3 i {
display: inline-block;
vertical-align: middle
}
.user-center .user-sidebar .name .h3 i {
color: #55b2ff;
margin-left: 5px
}
.user-center .user-sidebar .name .area {
color: #666
}
.user-center .user-sidebar .link {
padding: 25px 0
}
.user-center .user-sidebar .link li {
padding-left: 65px;
height: 52px;
line-height: 52px
}
.user-center .user-sidebar .link li a {
font-size: 20px
}
.user-center .main-content {
float: right;
width: 960px;
background: #fff
}
.user-center .city-select {
position: relative;
float: left;
z-index: 10
}
.user-center .city-select .select-arrow {
font-size: 18px;
color: #ff9000;
position: absolute;
right: 10px;
top: 0
}
.user-center .city-select .city-down {
position: absolute;
left: 0;
top: 39px;
border: 1px solid #ccc;
background: #fff;
width: 500px;
display: none
}
.user-center .city-select .city-down .city-tab {
background: #f6f6f6;
border-bottom: 1px solid #ccc
}
.user-center .city-select .city-down .city-tab li {
height: 40px;
line-height: 40px;
float: left;
width: 33%;
text-align: center;
font-size: 16px
}
.user-center .city-select .city-down .city-tab li a {
font-size: 16px;
line-height: 38px;
display: inline-block
}
.user-center .city-select .city-down .city-tab li a:hover {
color: #ff9000
}
.user-center .city-select .city-down .city-tab li.active {
color: #ff9000
}
.user-center .city-select .city-down .city-tab li.active a {
border-bottom: 1px solid #ff9000;
color: #ff9000
}
.user-center .city-select .city-down .tab-content {
padding: 10px
}
.user-center .city-select .city-down .item {
position: relative;
padding-left: 40px;
font-size: 14px;
line-height: 22px;
margin-bottom: 10px
}
.user-center .city-select .city-down .letter {
width: 40px;
position: absolute;
left: 0;
top: 0
}
.user-center .city-select .city-down .city a {
display: inline-block;
margin-right: 20px
}
.resume-attention {
text-align: right;
padding-top: 20px;
height: 30px;
line-height: 30px
}
.resume-attention span {
padding: 0 15px
}
.resume-page {
font-size: 16px;
color: #666;
background: #fff;
overflow: hidden
}
.resume-page .resume-header {
height: 180px;
background: #ffd755
}
.resume-page .resume-header span {
font-size: 20px;
color: #333;
padding: 10px 20px;
display: inline-block
}
.resume-page .face-name {
position: relative;
z-index: 2;
margin-bottom: 10px
}
.resume-page .face-name .face {
width: 140px;
height: 140px;
overflow: hidden;
display: block;
margin: -75px auto 20px
}
.resume-page .face-name h3 {
font-size: 20px;
text-align: center
}
.resume-page .about {
background: #f4f4f4;
margin: 0 80px;
text-align: center;
position: relative;
line-height: 35px;
padding: 10px 0
}
.resume-page .about em {
padding: 0 18px
}
.resume-page .about i {
font-size: 20px;
display: inline-block;
vertical-align: middle
}
.resume-page .about .edit {
color: #2a6dfe;
position: absolute;
right: 5px;
top: 0
}
.resume-page .about .edit:hover {
color: #ffce31
}
.resume-page .h3-title {
margin: 0 80px 50px;
height: 40px;
position: relative;
text-align: center;
border-bottom: 1px solid #ccc
}
.resume-page .h3-title span {
display: inline-block;
height: 35px;
line-height: 35px;
position: relative;
background: #fff;
padding: 0 13px;
top: 20px
}
.resume-page .h3-title span b {
background: #ffce31;
display: block;
border-radius: 16px;
padding: 0 22px;
font-size: 22px;
color: #333
}
.resume-page .h3-title a {
background: #fff;
position: absolute;
right: 0;
top: 30px;
color: #2a6dfe;
padding-left: 13px;
display: block
}
.resume-page .h3-title a:hover {
color: #ffce31
}
.resume-page .h3-title a i {
display: inline-block;
margin-right: 5px;
vertical-align: middle
}
.resume-page .content {
margin: 0 80px
}
.resume-page .intention li {
float: left;
width: 25%;
font-size: 16px;
line-height: 35px;
height: 35px;
margin-bottom: 20px
}
.resume-page .intention li i {
display: inline-block;
vertical-align: middle;
font-size: 22px;
margin-right: 5px
}
.resume-page .intro {
margin-bottom: 20px;
line-height: 30px
}
.resume-page .experience {
border-left: 1px solid #ccc
}
.resume-page .experience .item {
margin-bottom: 20px
}
.resume-page .experience .head {
position: relative;
padding: 0 30px
}
.resume-page .experience .head .icon {
display: block;
font-size: 12px;
color: #ffce31;
position: absolute;
left: -6px;
top: 10px
}
.resume-page .experience .head h3 {
font-size: 18px;
color: #333;
font-weight: 400;
height: 30px;
line-height: 30px
}
.resume-page .experience .head .right {
position: absolute;
right: 0;
top: 0;
font-size: 14px
}
.resume-page .experience .head .right a {
color: #2a6dfe;
display: inline-block;
margin-left: 10px
}
.resume-page .experience .head .right a:hover {
color: #ffce31
}
.resume-page .experience .head .right i {
display: inline-block;
vertical-align: middle;
font-size: 14px;
margin-right: 5px
}
.resume-page .experience .head p {
font-size: 14px;
color: #666
}
.resume-page .experience .head p em {
padding: 0 20px
}
.resume-page .experience .txt {
line-height: 30px;
padding: 10px 30px
}
.resume-page .form-box {
background: #fafafa;
border: 1px solid #ccc;
margin: 0 75px 10px;
padding: 30px 0
}
.resume-page .form-box .form-group {
height: 42px;
line-height: 42px;
margin-bottom: 20px
}
.resume-page .form-box .auto-height {
height: auto
}
.resume-page .form-box .label {
width: 260px;
padding-right: 10px;
float: left;
text-align: right;
font-size: 20px
}
.resume-page .form-box .label span {
color: #f6b03e;
padding-right: 5px
}
.resume-page .form-box .input-control {
width: 360px;
height: 40px;
line-height: 40px;
float: left;
font-size: 16px;
background: #fff
}
.resume-page .form-box .input-control.date {
background: #fff url(/Static/images/date.png) no-repeat right center
}
.resume-page .form-box .input-control.select {
background: #fff url(/Static/images/select3.png) no-repeat right center
}
.resume-page .form-box .input-width-s {
width: 160px
}
.resume-page .form-box .input-width-m {
width: 250px
}
.resume-page .form-box .width-110 {
width: 110px
}
.resume-page .form-box .width-220 {
width: 220px
}
.resume-page .form-box .toto {
float: left;
display: block;
width: 40px;
text-align: center;
font-size: 20px
}
.resume-page .form-box .radio {
float: left;
font-size: 20px
}
.resume-page .form-box .radio input {
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
margin: 0 10px
}
.resume-page .form-box .button {
padding-top: 40px;
text-align: center
}
.resume-page .form-box .button .btn {
width: 120px;
height: 40px;
line-height: 40px;
display: inline-block;
vertical-align: middle;
margin: 0 15px;
font-size: 22px;
background: #ffce31;
color: #333;
border-radius: 3px
}
.resume-page .form-box .button .btn-cancel {
border: 1px solid #ccc;
background: #fff
}
.resume-page .form-box .button .btn-del {
background: none;
font-size: 16px;
color: #666;
width: auto
}
.resume-page .form-box .textarea {
height: 100px;
line-height: 20px;
padding: 10px
}
.resume-page .form-box .form-textarea {
text-align: center;
height: auto;
line-height: normal
}
.resume-page .form-box .form-textarea .textarea {
float: none
}
.resume-page .select-dropdown .arrow {
background: url(/Static/images/select1.png) no-repeat right center;
border: 0;
height: 40px
}
.resume-page .select-dropdown .arrow:before {
content: '';
display: none
}
.resume-page .select-dropdown.open .arrow {
background: url(/Static/images/select2.png) no-repeat right center
}
.resume-page .select-dropdown .dropdown ul li {
padding: 0 10px
}
.resume-page .select-dropdown .dropdown ul li.active {
color: #ffce31
}
.resume-page .blank {
height: 30px
}
.job-nav {
background: #2973fc;
height: 60px;
line-height: 60px
}
.job-nav li {
float: left;
margin-right: 1px
}
.job-nav li a {
display: block;
font-size: 20px;
color: #fff;
text-align: center;
padding: 0 34px
}
.job-nav li a.active, .job-nav li a:hover {
background: #4486ff
}
.ad-banner {
height: 300px
}
.ad-banner .container {
height: 300px;
position: relative
}
.ad-banner .del {
display: block;
width: 80px;
height: 26px;
line-height: 26px;
border-radius: 13px;
border: 1px solid #fff;
text-align: center;
font-size: 12px;
position: absolute;
right: 10px;
top: 10px;
color: #fff
}
.ad-banner .del i {
font-size: 12px;
margin-left: 10px
}
.job-body {
padding-top: 30px
}
.job-body .border {
margin-bottom: 20px
}
.job-body .job-main {
float: left;
width: 880px
}
.job-body .job-sidebar {
width: 300px;
float: right
}
.job-body .select-filter .item {
border-top: 1px solid #dbdbdb;
position: relative;
padding: 15px 0 15px 100px;
line-height: 30px
}
.job-body .select-filter .item:first-child {
border-top: 0
}
.job-body .select-filter .label {
position: absolute;
left: 0;
width: 70px;
padding: 0 15px;
text-align: justify;
font-weight: 700
}
.job-body .select-filter .label:after {
content: '';
display: inline-block;
width: 100%
}
.job-body .select-filter .content {
height: 30px;
overflow: hidden;
padding-right: 60px
}
.job-body .select-filter .content a {
display: block;
float: left;
margin-right: 30px
}
.job-body .select-filter .content a.active {
color: #1787f8
}
.job-body .select-filter .more {
display: block;
position: absolute;
right: 0;
top: 15px;
width: 60px;
color: #999;
background: url(/Static/images/icon.png) no-repeat 33px -31px
}
.job-body .select-filter .more:hover {
color: #457de5
}
.job-body .select-filter .show .content {
height: auto
}
.job-body .select-filter .show .more {
background-position: -20px -31px
}
.job-body .job-list .type {
background: #fafafa;
float: left;
width: 250px;
border-top: 4px solid #457de5;
position: relative;
top: -1px
}
.job-body .job-list .type h3 {
text-align: center;
border-bottom: 1px dashed #dbdbdb;
margin: 0 25px;
height: 52px;
line-height: 52px;
font-size: 18px;
color: #457de5;
font-weight: 700
}
.job-body .job-list .type h3 i {
margin-right: 10px;
font-size: 14px
}
.job-body .job-list .type ul {
border-bottom: 1px dashed #dbdbdb;
margin: 0 25px;
padding: 10px 0
}
.job-body .job-list .type ul li {
float: left;
width: 50%;
height: 35px;
line-height: 35px
}
.job-body .job-list .type ul a {
font-size: 16px;
color: #666
}
.job-body .job-list .type ul a:hover {
color: #457de5
}
.job-body .job-list .type .auto-width li {
width: auto;
margin-right: 15px
}
.job-body .job-list .type .more {
display: block;
text-align: center;
margin: 0 25px;
height: 45px;
line-height: 45px;
font-size: 16px;
color: #6a96ea
}
.job-body .job-list .type .more:hover {
color: #21489c
}
.job-body .job-list .content {
float: left;
width: 628px;
position: relative;
top: -1px;
background: #fff
}
.job-body .job-list .content ul {
padding: 0 15px
}
.job-body .job-list .content li {
float: left;
width: 50%;
border-top: 1px dashed #dbdbdb;
height: 90px;
padding: 5px 0
}
.job-body .job-list .content li a {
display: block;
padding-left: 110px;
position: relative;
overflow: hidden
}
.job-body .job-list .content li img {
width: 90px;
height: 90px;
overflow: hidden;
position: absolute;
left: 10px;
top: 0
}
.job-body .job-list .content li h3 {
font-size: 16px;
color: #457de5;
height: 30px;
line-height: 30px;
padding-top: 5px
}
.job-body .job-list .content li p {
color: #999;
height: 20px;
overflow: hidden;
margin-bottom: 4px
}
.job-body .job-list .content li span {
color: #ffb156;
padding-right: 20px
}
.job-body .job-sidebar h3 {
height: 40px;
line-height: 40px;
border-bottom: 1px solid #dbdbdb;
position: relative;
overflow: hidden
}
.job-body .job-sidebar h3 span {
display: inline-block;
font-size: 16px;
font-weight: 700;
border-bottom: 2px solid #457de5;
padding: 0 10px
}
.job-body .job-sidebar h3 a {
right: 10px;
top: 0;
position: absolute;
color: #457de5
}
.job-body .login-reg {
text-align: center
}
.job-body .login-reg .face {
margin: 30px auto;
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden
}
.job-body .login-reg .button {
padding: 30px 0
}
.job-body .login-reg .button .btn {
width: 80px;
height: 30px;
line-height: 30px;
margin: 0 10px;
display: inline-block;
vertical-align: middle
}
.job-body .login-reg .button .btn-reg {
background: #f6b03e
}
.job-body .login-reg .button .btn-reg:hover {
opacity: .8
}
.job-body .library {
color: #666
}
.job-body .library li {
height: 45px;
line-height: 45px;
overflow: hidden;
padding: 0 12px
}
.job-body .library i, .job-body .library span, .job-body .library a, .job-body .library b {
display: block;
float: left;
overflow: hidden
}
.job-body .library i {
color: #999;
font-size: 22px
}
.job-body .library a {
color: #457de5;
width: 50px;
margin-left: 10px;
margin-right: 20px
}
.job-body .library span {
width: 105px;
margin-right: 20px
}
.job-body .news-list ul {
padding: 25px 12px
}
.job-body .news-list li {
height: 25px;
line-height: 25px;
margin-bottom: 10px;
overflow: hidden
}
.job-body .news-list li span {
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
color: #fff;
background: #00a0e9;
text-align: center;
margin-right: 12px
}
.job-body .news-list a {
color: #666
}
.job-body .news-list a:hover {
color: #2e8ae5
}
.job-body .company-about {
color: #666
}
.job-body .company-about .image {
width: 100px;
height: 100px;
margin: 20px auto;
border-radius: 50%
}
.job-body .company-about .image img {
width: 100%
}
.job-body .company-about p {
height: 20px;
line-height: 20px;
margin-bottom: 15px;
padding: 0 20px;
overflow: hidden
}
.job-body .company-about p i {
color: #999;
padding-right: 5px
}
.job-body .company-about .map {
width: 278px;
margin: 0 auto 35px;
overflow: hidden
}
.job-body .other-job ul {
padding: 10px
}
.job-body .other-job li {
border-top: 1px dashed #dbdbdb;
height: 50px;
line-height: 50px
}
.job-body .other-job li:first-child {
border-top: 0
}
.job-body .other-job li a, .job-body .other-job li span, .job-body .other-job li b {
float: left;
display: block
}
.job-body .other-job li a {
color: #4c85ff;
width: 130px;
overflow: hidden
}
.job-body .other-job li a:hover {
color: #21489c
}
.job-body .other-job li b {
float: right;
color: #ff9e00
}
.job-body .recommend-job {
padding-bottom: 30px
}
.job-body .recommend-job .item {
color: #999;
border-bottom: 1px dashed #dbdbdb;
line-height: 33px;
padding: 15px 0 5px;
margin: 0 10px;
position: relative
}
.job-body .recommend-job .name {
font-size: 16px;
color: #666;
font-weight: 700
}
.job-body .recommend-job .name:hover {
color: #4c85ff
}
.job-body .recommend-job p {
position: relative;
overflow: hidden;
height: 33px
}
.job-body .recommend-job p span {
position: absolute;
right: 0;
top: 0;
background: #fff;
padding-left: 10px
}
.job-body .recommend-job .orange {
color: #f69a05;
font-size: 16px
}
.job-body .job-list2 {
background: #fff;
padding: 20px 10px
}
.job-body .job-list2 .select-dropdown .arrow {
width: 18px;
height: 18px;
background: url(/Static/images/icon.png) no-repeat 4px -37px;
right: 15px;
top: 6px;
border: 0
}
.job-body .job-list2 .select-dropdown .arrow:before {
content: ''
}
.job-body .job-list2 .select-dropdown .dropdown ul {
padding: 5px 0
}
.job-body .job-list2 .select-dropdown .dropdown ul li {
padding: 0 10px;
overflow: hidden
}
.job-body .job-list2 .select-dropdown .open .arrow {
background-position: -50px -37px
}
.job-body .job-list2 .search {
background: #dfdede;
padding: 10px;
height: 30px;
line-height: 30px
}
.job-body .job-list2 .search .label {
float: left;
font-weight: 700
}
.job-body .job-list2 .search .input-control {
width: 80px;
height: 30px;
line-height: 30px;
background: #fff
}
.job-body .job-list2 .search .select-dropdown {
margin-right: 22px
}
.job-body .job-list2 .search .keyword {
width: 160px;
float: left;
display: block
}
.job-body .job-list2 .search .btn {
height: 32px;
line-height: 32px;
float: left;
width: 60px;
display: block
}
.job-body .job-list2 .item {
position: relative;
padding: 20px 10px 10px;
height: 100px;
border-bottom: 1px solid #dbdbdb;
color: #666;
line-height: 30px
}
.job-body .job-list2 .item .f-left {
float: left;
width: 49.5%
}
.job-body .job-list2 .item .f-left:first-child {
border-right: 1px dashed #dbdbdb
}
.job-body .job-list2 .item h3 {
padding-top: 10px
}
.job-body .job-list2 .item h3 a {
font-size: 16px;
height: 30px;
line-height: 30px;
display: block
}
.job-body .job-list2 .item h3 a.blue {
color: #1787f8
}
.job-body .job-list2 .item h3 a:hover {
color: #21489c
}
.job-body .job-list2 .item em {
padding: 0 15px;
font-style: normal
}
.job-body .job-list2 .item .orange {
color: #ff8400
}
.job-body .job-list2 .item .gray {
color: #999
}
.job-body .job-list2 .item .company h3 {
margin-left: 30px
}
.job-body .job-list2 .item .company .tag {
margin-left: 30px;
padding-top: 20px;
overflow: hidden;
height: 30px
}
.job-body .job-list2 .item .company .tag span {
display: inline-block;
height: 26px;
line-height: 26px;
color: #4aa1f7;
border-radius: 5px;
background: #add2f7;
vertical-align: middle;
padding: 0 10px;
margin-right: 20px
}
.job-body .job-list2 .item .status {
position: absolute;
right: 0;
top: 20px;
width: 0;
height: 0;
border-width: 0 38px 38px 0;
border-style: solid;
border-color: transparent #ff4c4c transparent transparent;
z-index: 5
}
.job-body .job-list2 .item .status span {
color: #fff;
position: absolute;
right: -35px;
top: -6px
}
.job-body .job-detail {
overflow: inherit
}
.job-body .job-detail .head {
background: #41495e;
height: 140px;
position: relative;
color: #fff;
padding-left: 20px;
font-size: 18px
}
.job-body .job-detail .head h1 {
font-size: 30px;
font-weight: 700;
line-height: 80px;
margin-bottom: 10px
}
.job-body .job-detail .head .link {
position: absolute;
right: 0;
top: 50px;
width: 320px
}
.job-body .job-detail .head .link a {
border: 1px solid #f6ad36;
background: #f6ad36;
text-align: center;
display: block;
width: 120px;
height: 40px;
line-height: 40px;
font-weight: 700;
font-size: 18px;
color: #fff;
border-radius: 5px;
float: left;
margin-right: 28px
}
.job-body .job-detail .head .link a:first-child {
background: #fff;
font-weight: 400;
color: #f6ad36
}
.job-body .job-detail .head .link a i {
margin-right: 10px;
font-size: 20px
}
.job-body .job-detail .head .status {
position: absolute;
right: -1px;
top: -1px;
width: 0;
height: 0;
border-width: 0 68px 68px 0;
border-style: solid;
border-color: transparent #ff4c4c transparent transparent;
z-index: 5
}
.job-body .job-detail .head .status span {
color: #fff;
position: absolute;
right: -59px;
top: 1px;
font-size: 24px
}
.job-body .job-detail .intro {
padding: 26px;
font-size: 16px;
line-height: 40px
}
.job-body .job-detail .intro h3 {
font-size: 28px;
color: #ff9e00;
font-weight: 700
}
.job-body .job-detail .intro i {
color: #80bfff;
padding-right: 5px;
font-size: 18px
}
.job-body .job-detail .intro em {
padding: 0 15px
}
.job-body .job-detail .tag {
padding-top: 10px
}
.job-body .job-detail .tag span {
border-radius: 5px;
background: #add2f7;
color: #4aa1f7;
height: 30px;
line-height: 30px;
padding: 0 10px;
margin-right: 20px;
display: block;
float: left
}
.job-body .job-detail .detail {
border-top: 1px dashed #dbdbdb;
margin-left: 10px;
padding-top: 22px;
margin-bottom: 35px
}
.job-body .job-detail .detail h3 {
height: 16px;
font-size: 16px;
font-weight: 700;
color: #333;
border-left: 2px solid #ff9e00;
padding-left: 5px;
line-height: 16px;
margin-bottom: 18px
}
.job-body .job-detail .detail .content {
padding: 0 25px;
line-height: 28px
}
.login-dialog {
display: none
}
.login-layer .layui-layer-title {
font-size: 16px;
text-align: center;
color: #ffb640
}
.login-layer .content {
background: #fff;
margin: 0 auto;
padding: 0 35px
}
.login-layer .tab {
border-bottom: 1px solid #999;
margin-bottom: 20px;
padding-top: 15px
}
.login-layer .tab li {
float: left;
width: 50%;
height: 45px;
line-height: 45px;
text-align: center
}
.login-layer .tab li a {
font-size: 16px;
display: block
}
.login-layer .tab li.active a {
border-bottom: 2px solid #ffb640
}
.login-layer .form-group {
margin-bottom: 25px
}
.login-layer .form-group .input-control {
height: 48px;
line-height: 48px;
width: 358px;
background: #fff;
border: 1px solid #ddd;
border-radius: 1px;
color: #666;
font-size: 16px
}
.login-layer .form-group .input-control.code {
width: 188px;
margin-right: 15px;
float: left
}
.login-layer .form-group .btn-code {
width: 150px;
height: 50px;
line-height: 50px;
font-size: 16px;
border-radius: 3px;
float: left;
background: #ffb640
}
.login-layer .button {
margin-bottom: 15px
}
.login-layer .button .btn {
width: 100%;
height: 48px;
line-height: 48px;
font-size: 20px;
border-radius: 3px;
background: #ffb640;
color: #fff
}
.login-layer .btn-disabled {
background: #eee !important;
color: #999 !important
}
.login-layer .checkbox {
font-size: 14px;
line-height: 40px;
position: relative
}
.login-layer .checkbox i {
cursor: pointer;
display: inline-block;
vertical-align: middle;
font-size: 20px;
color: #999
}
.login-layer .checkbox i.checked {
color: #ffba00
}
.login-layer .checkbox .right {
right: 0;
top: 0;
position: absolute;
color: #9f9f9f
}
.login-layer .checkbox .right a {
font-size: 14px;
color: #009bfe;
display: block;
float: left
}
.login-layer .checkbox .right b {
display: block;
float: left;
padding: 0 10px
}
.login-layer .login-other {
padding: 10px 0 30px;
text-align: center
}
.login-layer .login-other h3 {
font-size: 14px;
color: #9f9f9f;
margin-bottom: 15px
}
.login-layer .login-other ul {
display: inline-block;
*display: inline;
*zoom: 1
}
.login-layer .login-other li {
float: left;
width: 30px;
height: 30px;
margin: 0 6px
}
.login-layer .login-other li a {
display: block;
font-size: 30px;
color: #ddd
}
.login-layer .login-other li .weixin:hover {
color: #0ee951
}
.login-layer .login-other li .sina:hover {
color: #e90e0e
}
.login-layer .login-other li .qq:hover {
color: #0e94e9
}