.left-part { float: left; width: 220px; } /*.news-guid h2 { height: 50px; padding-left: 78px; font-size: 16px; font-weight: lighter; border-bottom: 1px solid #f3f2eb; line-height: 54px; background: url(../images/news-left-top.png) no-repeat; }*/ .news-guid { padding-top: 50px; background: url(../images/news-left-top2.png) no-repeat; } .news-guid ul { background: #f3f2eb; } .news-guid li { padding-left: 40px; line-height: 35px; font-size: 14px; color: #6b6b6b; border-bottom: 1px solid #e6e5db; } .news-guid li i { margin-right: 10px; cursor: pointer; } .news-guid li a { font-size: 14px; color: inherit; } .news-guid li.current { position: relative; margin-right: -5px; color: #135E33; background: url(../images/news-guid-bg.png) no-repeat right center; border-bottom: 0; } .news-guid ol { padding-bottom: 5px; border-bottom: 1px solid #e6e5db; } .news-guid ol li { position: relative; padding-left: 60px; font-size: 12px; line-height: 30px; border-bottom: 0 } .news-guid ol li:before { position: absolute; left: 45px; top: 13px; content: " "; width: 6px; height: 5px; background: url(../images/left-guid-icon.png) no-repeat; } .news-guid ol li a { font-size: 12px; } .main { margin-left: 230px; margin-bottom: 20px; } .main-site { height: 35px; padding: 10px 0px; font-size: 14px; color: #6b6b6b; line-height: 15px; background: #e9e8df; border-bottom: 1px solid #9b9b9b; } .main-site .current { padding-left: 5px; border-left: 5px solid #135E33; } .main-content { min-height: 320px; background: #f1f1f1; border: 1px solid #efefef; } .news-detail, .activity-detail { min-height: 300px; padding: 15px 55px; background: #fff; line-height: 30px; } .news-detail h1 { margin: 0 -15px; padding: 10px 50px; font-size: 20px; font-weight: lighter; line-height: 30px; text-align: center; border-bottom: 1px dashed #dedad6; } .news-detail em { display: block; text-align: center; line-height: 30px; color: #999999; } .news-detail em span { margin: 0 15px; } .news-content, .activity-content { padding: 20px 0; font-size: 14px; line-height: 24px; } .news-content table, .activity-content table { display: table; border-collapse: collapse; border-spacing: 0px; border-color: grey; border: 1px solid; } .news-content tbody, .activity-content tbody { display: table-row-group; vertical-align: middle; border-color: inherit; border: inherit; } .news-content tr, .activity-content tr { display: table-row; vertical-align: inherit; border-color: inherit; border: inherit; } .news-content td, .activity-content td { display: table-cell; vertical-align: inherit; border: inherit; } .news-content img, .activity-content img { max-width: 100%; } .news-list { position: relative; padding: 10px 10px 10px 150px; padding: 10px; } /*.news-list:before { display: inline-block; content: ""; position: absolute; top: 30px; bottom: 30px; left: 127px; border-left: 2px solid #c7c7c7; z-index: 1; }*/ .news-list dl { position: relative; margin-bottom: 10px; padding: 8px 14px 8px 34px; vertical-align:middle; background: url(../images/time-pic.png) no-repeat 10px 12px #fafafa; border: 1px solid #dedede; } .news-list dl:last-child:after { display: inline-block; content: ""; position: absolute; top: 10px; bottom: 0px; left: -24px; border-left: 2px solid #f1f1f1; z-index: 2; } .news-list dt { font-size: 14px; padding-right: 100px; } .news-list dt a { color: #333333; text-decoration: underline; } .news-list dt a + .view { margin-left: 1em } .news-list dt .view { font-size: 12px; color: #8b8b8b; } .news-list dd { color: #8b8b8b; line-height: 22px; } .news-list .time { position: absolute; right: 15px; font-size:18px; top: 4px; font-size: 12px; /*padding: 0 10px;*/ line-height: 30px; /*background-color: #fafafa; border: 1px solid #dedede;*/ } .news-list .time i { display: none; position: absolute; top: 7px; left: -17px; font-size: 15px; z-index: 9; /* background-color: #fff; */ border-radius: 100%; } .pages { clear: none; } .service-switch { height: 41px; font-size: 14px; line-height: 38px; background: #fff; border: 1px solid #c8c8c8; border-bottom: 2px solid #d64141; } .service-switch a { float: left; width: 130px; height: 38px; text-align: center; color: #3d3d3d; background: #f7f7f7; border-right: 1px solid #c8c8c8; } .service-switch .current { color: #fff; background: #d64141; border-right: 1px solid #d64141; } .service-content, .service-intro { min-height: 305px; margin-top: -1px; padding: 15px 30px; font-size: 12px; line-height: 24px; border: 1px solid #c8c8c8; } .service-intro { min-height: inherit; padding: 20px 0; font-size: 14px; line-height: 24px; border: 0; } .service-content table, .service-intro table { display: table; margin: 0 auto; border-collapse: collapse; border-spacing: 0px; border-color: grey; border: 1px solid; } .service-content tbody, .service-intro tbody { display: table-row-group; vertical-align: middle; border-color: inherit; border: inherit; } .service-content tr, .service-intro tr { display: table-row; vertical-align: inherit; border-color: inherit; border: inherit; } .service-content td, .service-intro td { display: table-cell; vertical-align: inherit; border: inherit; } .service-content img, .service-intro img { max-width: 100%; } .service-content .alert { height: 30px; margin: 0 -15px; padding: 0 10px; line-height: 28px; color: #666; background: #FDF6F6; border: 1px solid #F3DFDF; } .service-core { margin-top: -1px; height: 110px; padding: 40px 70px; font-size: 14px; background: #f2f2f2; border: 1px solid #c8c8c8; } .service-core .post-core, .service-core .average-core { float: left; width: 50%; } .service-core .stars { margin: 0 0.5em } .service-input { padding: 30px 50px; } .service-input p { position: relative; margin: 0; padding: 8px 0; } .service-input .label { display: inline-block; width: 7em; height: 30px; line-height: 28px; font-weight: lighter; text-align: right; vertical-align: top; } .service-input p input[type="text"], .service-input p textarea { width: 600px; height: 30px; font-size: 12px; border: 1px solid #cccccc; border-radius: 0; } .service-input p textarea { height: 76px; line-height: 22px; } .service-input .submit { margin: 0; padding: 0; padding-left: 7em; text-align: left; background: transparent; } .service-input .submit .btn-s { width: 80px; height: 28px; text-align: center; color: #fff; background: #4dc0dd; border: 0; } .service-input .submit .tip { display: inline-block; height: 28px; margin-left: 5px; line-height: 26px; color: #808080; } .activity-intro { position: relative; margin: 0 -15px 15px; padding: 0 15px; border-bottom: 1px dashed #dedad6; } .activity-intro h1 { padding: 10px 0; font-size: 20px; font-weight: lighter; line-height: 30px; } .activity-intro p { font-size: 14px; } .activity-intro p.sign { position: absolute; right: 15px; bottom: 80px; text-align: center; } .activity-intro p.sign .num { display: block; line-height: 24px; } .activity-intro p.sign button { width: 166px; height: 36px; padding: 8px; line-height: 20px; text-align: center; background: #eb5f3c; border: 0; } .activity-intro p.sign button[disabled] { color: #fff; background: #ccc; cursor: not-allowed; } .activity-intro p.post { float: right; font-size: 12px; color: #777; margin-top: -30px; } .activity-intro p .label { display: inline-block; width: 6em; margin-right: 1em; text-align:justify; text-align-last:justify; } .activity-intro p .label:after { position: absolute; display: inline-block; content:":" }