/*style样式*/ /******************************** Basic Structure ********************************/ html { font-size: 100%; height: 100%; margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears */ } body { font-family: Arial, Helvetica, sans-serif; color: #555; background: #f0f0f0 url('/css/images/community/bg-body.gif') top left repeat-y; font-size: 12px; } #body-wrapper { background: url('/css/images/community/bg-radial-gradient.gif') fixed 230px top no-repeat; } /******************************** Elements styling ********************************/ h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; color: #545454; font-weight: bold; } h1 { font-size: 26px; padding: 0 0 10px 0; } h2 { font-size: 26px; padding: 0 0 10px 0; } h3 { font-size: 17px; padding: 0 0 10px 0; } h4 { font-size: 16px; padding: 0 0 5px 0; } h5 { font-size: 14px; padding: 0 0 5px 0; } h6 { font-size: 12px; padding: 0 0 5px 0; margin-bottom:8px;} a { color: #545454;} a:hover { color: #850000; } a:active { color: #777; } a:focus { outline: 1px; } strong { font-weight: bold; color: #333; } small { font-size: 0.85em; } pre { font-family: monospace; } p { padding: 5px 0 10px 0; line-height: 1.6em; margin-bottom:8px; } /******************************** General Classes ********************************/ .clear { clear: both; } .align-left { float: left; } .align-right { float: right; } /************ Button ************/ .button { font-family: Verdana, Arial, sans-serif; display: inline-block; background: #850000 url('/css/images/community/bg-button-green.gif') top left repeat-x !important; border: 1px solid #850000 !important; padding: 5px 7px 5px 7px !important; color: #fff !important; font-size: 11px !important; cursor: pointer; text-decoration:none; } .button:active { padding: 5px 7px 5px 7px !important; border: 1px solid #850000 !important; } a.remove-link { color: #bb0000; padding-left:12px; } a.remove-link:link{ } a.remove-link:hover { color: #000; } /******************************** China Highlights NAV ********************************/ #mainMenu{ height: 29px; background:url(https://data.chinahighlights.com/css/images/community/bg-site-nav.jpg) repeat-x; margin-bottom:3px; padding-left:230px; } #mainMenu span a{ color:#fff; font-size:11px; text-decoration:none; padding:9px 13px 6px 13px; display:block; float:left; text-align:center; } #mainMenu span a:hover{color:#000; background:#DDDDDD; } /******************************** Sidebar ********************************/ #sidebar { background: url('/css/images/community/bg-sidebar.gif') top left no-repeat; width: 230px; height: 100%; position: absolute; left: 0; top: 0; color: #888; font-size: 11px; } #sidebar #sidebar-wrapper { margin: 0 0 0 9px; } #sidebar a, #sidebar a:active { color:#ccc; } #sidebar a:hover { color:#fff; } #sidebar #sidebar-title { margin: 40px 0 40px 15px; } #sidebar #logo { margin: 40px 0 40px 0; } #sidebar #profile-links { padding: 0 15px 20px 15px; text-align: right; line-height: 1.5em; } /************ Sidebar Accordion Menu ************/ #sidebar #main-nav { width: 206px; padding: 0; margin: 0 0 0 15px; font-family: Helvetica, Arial, sans-serif; } #sidebar #main-nav li { list-style: none; padding-bottom: 10px; text-align: right; } #sidebar #main-nav li a.nav-top-item { background: transparent url('/css/images/community/bg-menu-item-green.gif') right center no-repeat; /* Background image for default color scheme - green */ padding: 10px 15px; color: #fff; font-size: 14px; cursor: pointer; display: block; text-decoration: none; } #sidebar #main-nav li a.current { background-image: url('/css/images/community/bg-menu-item-current.gif') !important; color: #333; font-weight: bold; } #sidebar #main-nav li a.current:hover { color: #333; } #sidebar #main-nav ul { padding: 0; font-size: 12px; margin: 0; } #sidebar #main-nav ul li { list-style: none; margin: 0; text-align: right; padding: 0; } #sidebar #main-nav ul li a { padding: 8px 15px; display: block; color: #aaa; font-size: 13px; line-height: 1.2em; text-decoration:none; } #sidebar #main-nav ul li a:hover, #sidebar #main-nav ul li a.current, #sidebar #main-nav ul li a.current:hover { color: #fff; } #sidebar #main-nav ul li a.current { background: transparent url('/css/images/community/menu-current-arrow.gif') right center no-repeat !important; } /********subNav*********/ #subNav{ margin:1px 0 5px 0; font-size:11px; color:#999; } #subNav a{ color:#999; } #subNav a:hover{ color:#000; } /************ Layout ************/ #main-content { margin: 0 30px 0 260px; padding: 40px 0 0 0; } .column-left { width: 48%; float: left; } .column-right { width: 48%; float: right; } /*左大右小的样式*/ .column-community-left { width: 70%; float: left; } .column-community-right { width: 26%; float: right; } /*左大右小的样式*/ .column-community-left2 { width: 60%; float: left; } .column-community-right2 { width: 36%; float: right; } #page-intro { font-size: 17px; padding: 0 0 20px 0; } #footer { border-top: 1px solid #ccc; margin: 40px 0 0 0; padding: 5px 0; font-size: 12px; } #footer .logo{ width:90px; height:70px; padding:8px 10px 5px 0; border-right:1px solid #ccc; float:left; } #footer .copyRight{ padding:26px 10px; float:left; color:#000000; font-weight:bold; font-size:11px; line-height:18px; } /************ Lists ************/ #main-content ul, #main-content ol { padding: 0px 0; } /* Unordered List */ #main-content ul.checklist li { background: url('/css/images/community/icons/bullet_black.png') center left no-repeat; padding: 4px 0 4px 20px; } /* Ordered List */ #main-content ol { padding: 0 0 0 24px; } #main-content ol li { list-style: decimal; padding: 4px 0; } /*************** Content Box ***************/ .content-box { border: 1px solid #ccc; margin: 0 0 20px 0; background: #fff; } .content-box-header { background: #e5e5e5 url('/css/images/community/bg-content-box.gif') top left repeat-x; margin-top: 1px; height: 40px; } .content-box-header h6 { padding: 12px 15px 10px; float: left; } ul.content-box-tabs { float: right; padding: 12px 15px 0 0 !important; margin: 0 !important; } ul.content-box-tabs li { float: left; margin: 0; padding: 0 !important; background-image: none !important; } ul.content-box-tabs li a { color: #333; padding: 8px 10px; display: block; margin: 1px; border-bottom: 0; } ul.content-box-tabs li a:hover { color: #850000; } ul.content-box-tabs li a.current { background: #fff; border: 1px solid #ccc; border-bottom: 0; margin: 0; } ul.content-box-tabs-link { float: right; padding: 12px 15px 0 0 !important; margin: 0 !important; } ul.content-box-tabs-link li { float: left; margin: 0; padding: 0 !important; background-image: none !important; } ul.content-box-tabs-link li a { color: #333; padding: 8px 10px; display: block; margin: 1px; border-bottom: 0; } ul.content-box-tabs-link li a:hover { color: #850000; } ul.content-box-tabs-link li a.current { background: #fff; border: 1px solid #ccc; border-bottom: 0; margin: 0; } .content-box-content { padding: 20px; font-size: 13px; border-top: 1px solid #ccc; } /************ Table ************/ #main-content table.normalStyle, #main-content table.normalStyle2 { border-collapse: collapse; } #main-content table.normalStyle2{ width:100%; text-align:left; padding:0 0 0 5px;} #main-content table.normalStyle thead th, #main-content table.normalStyle2 thead th { font-weight: bold; font-size: 15px; border-bottom: 1px solid #ddd; } #main-content tbody { border-bottom: 1px solid #ddd; } #main-content table.normalStyle tbody tr, #main-content table.normalStyle2 tbody tr{ background: #fff; } #main-content table.normalStyle tbody tr.alt-row, #main-content table.normalStyle2 tbody tr.alt-row { background: #f3f3f3; } #main-content table.normalStyle td, #main-content table.normalStyle th, #main-content table.normalStyle2 td, #main-content table.normalStyle2 th{ padding: 10px; line-height: 1.3em; } #main-content table.normalStyle tfoot td .bulk-actions, #main-content table.normalStyle2 tfoot td .bulk-actions { padding: 15px 0 5px 0; } #main-content table.normalStyle tfoot td .bulk-actions select, #main-content table.normalStyle2 tfoot td .bulk-actions select { padding: 4px; border: 1px solid #ccc; } table.normalStyle th, table.normalStyle td, table.normalStyle tr{vertical-align: baseline;} /************ Normal Table Style ************/ #main-content table.normalStyle{ width:100%;} /*************** Pagination ***************/ #main-content .pagination { text-align: right; padding: 20px 0 5px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } .pagination a { margin: 0 5px 0 0; padding: 3px 6px; text-decoration:none; } .pagination a.number { border: 1px solid #ddd; } .pagination a.current { background: #850000 url('/css/images/community/bg-button-green.gif') top left repeat-x !important; border-color: #850000 !important; color: #fff !important; } .pagination a.current:hover { text-decoration: underline; } /************ Shortcut Buttons ************/ .shortcut-button { border: 1px solid #ccc; background: #f7f7f7 url('/css/images/community/shortcut-button-bg.gif') top left no-repeat; display: block; width: 120px; margin: 0 0 20px 0; } .shortcut-button span { border: 1px solid #fff; display:block; padding: 15px 10px 15px 10px; text-align: center; color: #555; font-size: 13px; line-height: 1.3em; } .shortcut-button span img { margin-bottom: 10px; } .shortcut-button:hover { background: #fff; } .shortcut-button span:hover { color:#850000; } ul.shortcut-buttons-set li { float: left; margin: 0 15px 0 0; padding: 0 !important; background: 0; } ul.shortcut-buttons-set li a{ text-decoration:none;} /*************** Forms ***************/ form label { display: block; padding: 0 0 10px; font-weight: bold; } form fieldset legend { font-weight: bold; margin-bottom: 10px; padding-top: 10px; } form p small { font-size: 0.75em; color: #777; } form input.text-input, form select, form textarea, form .wysiwyg{ padding: 6px; font-size: 13px; background: #fff url('/css/images/community/bg-form-field.gif') top left repeat-x; border: 1px solid #d5d5d5; color: #333; } form .required { color: #A31022; font-weight: bold;} form .small-input { width: 25% !important; } form .mini-input { width: 15% !important; } form .medium-input { width: 50% !important; } form .large-input, form textarea { width: 97.5% !important; font-size: 16px !important; padding: 8px !important; } form textarea { height:200px; } form textarea.normal { width: 97.5% !important; font-family: Arial, Helvetica, sans-serif; } form select { padding: 4px; background: #fff; } form input[type="checkbox"], form input[type="radio"] { padding: 0; background: none; border: 0; } /*************** Notifications ***************/ .notification { position: relative; margin: 0 0 15px 0; padding: 0; border: 1px solid; background-position: 10px 11px !important; background-repeat: no-repeat !important; font-size: 13px; width: 99.8%; } .attention { background: #fffbcc url('/css/images/community/icons/exclamation.png') 10px 11px no-repeat; border-color: #e6db55; color: #666452; } .information { background: #dbe3ff url('/css/images/community/icons/information.png'); border-color: #a2b4ee; color: #585b66; } .success { background: #d5ffce url('/css/images/community/icons/tick_circle.png'); border-color: #9adf8f; color: #556652; } .error { background: #ffcece url('/css/images/community/icons/cross_circle.png'); border-color: #df8f8f; color: #665252; } .notification div { display:block; font-style:normal; padding: 10px 10px 10px 36px; line-height: 1.5em; } .notification .close { color:#990000; font-size:9px; position:absolute; right:5px; top:5px; } /* Notification for form inputs */ .input-notification { background-position: left 2px; background-repeat: no-repeat; padding: 2px 0 2px 22px; background-color: transparent; margin: 0 0 0 5px; } /* Notification for login page */ #login-wrapper #login-content .notification { border: 0; background-color: #141414; color: #fff !important; } /******************************** Login Page ********************************/ body#login { color: #fff; background: #222 url('/css/images/community/bg-login.gif'); } #login-wrapper { background: url('/css/images/community/bg-login-top.png') top left repeat-x; } #login-wrapper #login-top { width: 100%; padding: 140px 0 50px 0; text-align: center; } #login-wrapper #login-content { text-align: left; width: 300px; margin: 0 auto; } #login-wrapper #login-content label { color: #fff; font-weight: normal; font-size: 14px; font-family: Helvetica, Arial, sans-serif; float: left; width: 70px; padding: 0; } #login-wrapper #login-content input { width: 200px; float: right; margin: 0 0 20px 0; border: 0; background: #fff; } #login-wrapper #login-content p { padding: 0; } #login-wrapper #login-content p#remember-password { float: right; } #login-wrapper #login-content p#remember-password input { float: none; width: auto; border: 0; background: none; margin: 0 10px 0 0; } #login-wrapper #login-content p .button { width: auto; margin-top: 20px; } /******************************** jQuery plugins styles ********************************/ /*************** Facebox ***************/ #facebox .b { background:url(https://data.chinahighlights.com/css/images/community/b.png); } #facebox .tl { background:url(https://data.chinahighlights.com/css/images/community/tl.png); } #facebox .tr { background:url(https://data.chinahighlights.com/css/images/community/tr.png); } #facebox .bl { background:url(https://data.chinahighlights.com/css/images/community/bl.png); } #facebox .br { background:url(https://data.chinahighlights.com/css/images/community/br.png); } #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup { position: relative; } #facebox table { border-collapse: collapse; } #facebox td { border-bottom: 0; padding: 0; } #facebox .body { padding: 10px; background: #fff; width: 370px; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 99; } /*************** jQuery WYSIWYG ***************/ div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; width: 97.5% !important; } div.wysiwyg * { margin: 0; padding: 0; } div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 5px 0; } div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px; padding: 0 !important; background: #ffffff; background-image: none !important;} div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; } div.wysiwyg ul.panel li a { display: block; padding: 0 !important; width: 16px; height: 16px; background: url('/css/images/community/icons/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; } div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { } div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; } div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; } div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; } div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; } div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; } div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; } div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; } div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; } div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; } div.wysiwyg ul.panel li a.indent { background-position: -64px 0; } div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; } div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; } div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; } div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; } div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; } div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; } div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; } div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; } div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; } div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; } div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; } div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; } div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; } div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; } div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; } div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; } div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; } div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; } div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; } div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; } div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; } div.wysiwyg ul.panel li a.html { background-position: -48px -48px; } div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; } div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; } div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; width: 97.5% !important; } /*style样式结束*/ .forumTitle{ margin:20px 0 10px 0; } .forumTitle h1{font-size:17px; color:#3e3e3e; } /*中华游公告样式*/ .chtnotice{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background:#fffbee; margin: 0 0 15px 0; } .chtnotice-box-content { padding: 10px; font-size: 13px; } .chtnotice-box-content table tr td{ padding:3px 0 3px 0; } .chtnotice-box-content a.moreNote{ background:url(https://data.chinahighlights.com/css/images/community/guide-forum/blue-li.gif) 0px 7px no-repeat; padding-left:15px; font-size:12px; font-weight:bold; } .chtnotice-box-header{ -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-radius: 6px; background: #e1d4ac; margin-top: 1px; height: 35px; } .chtnotice-box-header h3 { padding: 12px 10px 15px 10px ; margin:0; float: left; font-size:14px; color:#6e560d; } /*Top Nav*/ .nextTopic{ width:200px; float:left; height:32px; margin-bottom:10px; } .nextTopic a, .replyTopic a{ display:block; float:left; margin-right:10px; text-decoration:none; } .nextTopic a.last{ padding:8px 10px 8px 22px; background:url(https://data.chinahighlights.com/css/images/community/guide-forum/topic.gif) no-repeat 0px 1px; } .nextTopic a.next{ padding:8px 22px 8px 10px; background:url(https://data.chinahighlights.com/css/images/community/guide-forum/topic.gif) no-repeat 0px -45px; } /*回帖样式*/ .replyTopic{ width:170px; float:right; height:32px; } .replyTopic2{ width:80px; float:right; height:30px; } .replyTopic a.reply{ padding:9px 18px 9px 32px; background:url(https://data.chinahighlights.com/css/images/community/guide-forum/reply.gif) no-repeat 0px 1px; } .replyTopic a.newTopic, .replyTopic2 a.newTopic{ padding:9px 18px 9px 32px; background:url(https://data.chinahighlights.com/css/images/community/guide-forum/reply.gif) no-repeat -78px 1px; } /*贴子主题内容*/ .topicDetail{ width:100%; margin-bottom:5px; } .topicDetail table{ width:100%; } .topicDetail table tr td.postauthor{ width:150px; background:#eaeaea; padding:15px; } .topicDetail table tr td.postauthor .avatar{ width:150px; text-align:center; color:#2392c6; font-weight:bold; font-size:12px; } .topicDetail table tr td.postauthor .avatar img{ width:100px; height:100px; margin-bottom:5px; } .topicDetail .publishTime{ margin:0 5px 5px 5px; border-bottom:1px solid #d1d1d1; font-size:12px; padding:5px 0 5px 5px; text-align:left; } .topicDetail .publishTime span{ display:block; float:left; padding:8px 0 5px 0; } .topicDetail .publishTime span a{ display:block; padding:0 5px 0 15px; float:left; color:#218BC2; } .replyGuest{ width:100px; float:right; } .replyGuest a{ display:block; float:left; text-decoration:none; padding:7px 18px 7px 29px; background:url(https://data.chinahighlights.com/css/images/community/guide-forum/reply2.gif) no-repeat 0px 1px; } .topicDetail .publishInfo{ margin:0 5px 5px 5px; border-bottom:1px solid #d1d1d1; font-size:12px; padding:5px 0 10px 5px; text-align:left; height:auto; } .topicDetail .publishInfo .backReply{ margin:8px 10px 5px 10px; border-top:1px solid #d1d1d1; padding:5px 5px 0 5px; } .topicDetail .publishInfo .backReply .publishReply{ padding:5px; margin-bottom:8px; } .topicDetail .publishInfo .backReply .publishReply a{ padding-left:20px; background:url(https://data.chinahighlights.com/css/images/community/guide-forum/reply-account.png) no-repeat; } .topicDetail .publishInfo .backReplyForm{ margin:5px 10px 5px 10px; border-top:1px solid #d1d1d1; padding:0 5px 0 5px; position:relative; } .topicDetail .publishInfo .backReplyForm .close{ width:21px; height:25px; float:right; padding:5px 0 0 0; } dl.profile{ margin:10px 10px 0 30px; font-size:12px; } dl.profile dt{ width:60px; height:20px; float:left; } dl.profile dd{ float:left; height:20px; float:left; } .topicDetail table tr td.postauthor ul li{ width:85px; margin-bottom:5px; float:left; font-size:12px; padding:4px 0 5px 20px; margin-left:25px; margin-top:5px; } .topicDetail table tr td.postauthor ul li.story{ background:url(https://data.chinahighlights.com/css/images/community/guide-forum/story.png) no-repeat 0px 1px; } .topicDetail table tr td.postauthor ul li.photo{ background:url(https://data.chinahighlights.com/css/images/community/guide-forum/pic.png) no-repeat 0px 1px; } .topicDetail table tr td.postauthor ul li.qa{ background:url(https://data.chinahighlights.com/css/images/community/guide-forum/qa.png) no-repeat 0px 1px; } /*快速回复样式*/ .quickReplyForm{ width:98%; float:left; } .quickReplyForm a.publishReply, .backReplyForm a.publishReply{ display:block; width:90px; background:url(https://data.chinahighlights.com/css/images/community/guide-forum/publish-reply.gif) no-repeat top left; padding:4px 0 6px 30px; } .quickReplyFace{ width:33%; float:right; background:#eaeaea; } .quickReplyFace h6{ padding:10px 0 10px 10px; border-bottom:1px solid #d1d1d1; } .quickReplyFace table tr td{ padding:15px 5px 15px 5px; text-align:center; } /*导游列表*/ table.agencyList{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-border-radius:6px 6px 6px 6px; background:none repeat scroll 0 0 #FFFFFF; border:1px solid #CCCCCC; margin:0 0 20px; } table.agencyList thead th { font-weight: bold; font-size: 13px; border-bottom: 1px solid #ddd; background:url("https://data.chinahighlights.com/css/images/community/bg-content-box.gif") repeat-x scroll left top #E5E5E5; margin-top:1px; color:#43afd3; padding:15px 0 13px 10px; text-align:left; } table.agencyList tbody tr { background: #fff; } table.agencyList td, table.agencyList th { padding: 10px; line-height: 1.3em; } table.agencyList td{ border-top: 1px solid #ddd;} /*best agency by year*/ .bestAgencyTime{ width:100%; background:#e0e0e0; margin-bottom:15px; } .bestAgencyTime h5{ padding:10px 0 10px 15px; } .blue-content{ width:44%; float:left; } .blue-content-right{ width:54%; float:right; } .content-box-blue-header { background: #e5e5e5 url('/css/images/community/guide-forum/bg-blue-content-box.jpg') top left repeat-x; margin-top: 1px; height: 40px; } .content-box-blue-header h6 { padding: 12px 15px 10px; float: left; } /*地接社列表*/ .agencyList{ margin-top:5px; border-top: 1px solid #ddd; } .agencyList p{ border-bottom: 1px solid #ddd; padding: 5px 3px 5px 28px; background:url(https://data.chinahighlights.com/css/images/community/guide-forum/blue-li.gif) no-repeat 15px 10px; } .agencyPic{ margin-right:15px; } .agencyList small{ margin-left:15px; } /*帖子的列表*/ .hottopicListDate{ width:100%; } .hottopicListDate table{width:100%; margin:0;} .hottopicListDate table th { border-bottom:1px solid #AEC7E5; color:#666; font-weight:bold; text-align:left; font-size:12px;} .hottopicListDate table tbody tr:hover{ background:#f0f0f0;} .hottopicListDate table tr th{ border-bottom:1px solid #E6E6E6;} .hottopicListDate table tr td.borderLine{ background:#f0f0f0;} .hottopicListDate table tr td.publisher, .hottopicListDate table tr td.checkTimes, .hottopicListDate table tr td.replyerTime, .hottopicListDate table tr td.signInfo, .hottopicListDate table tr td.topictitle, .hottopicListDate table tr td.topicManage, .hottopicListDate table th{ padding: 4px; line-height: 1.3em; border-bottom:1px solid #d1d1d1; font-size:12px; } .hottopicListDate table tr td.publisher{ width:100px; font-size:11px;} .hottopicListDate table tr td.checkTimes{ width:65px; } .hottopicListDate table tr td.topicManage{ width:100px;} .hottopicListDate table tr td.replyerTime{ width:110px; font-size:11px; } .hottopicListDate table tr td.signInfo{ width:60px; color:#218bc2; } .hottopicListDate table a{ text-decoration:none; } .hottopicListDate table a:hover{border-bottom:1px solid #850000; color:#850000; } .hottopicListDate .blueFont{ color:#218bc2; } .hottopicListDate .orangeFont{ color:#e25e05; font-weight:bold; } .hottopicListDate a.pageNum{ background:url(https://data.chinahighlights.com/css/images/community/guide-forum/page.png) no-repeat top left; padding-left:18px; } /*导游列表页面*/ .guideLocation{ background:#FFF; padding:15px; border:1px solid #c3c3c3; margin-bottom:15px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .guideLocation a{ display:block; float:left; padding:0 15px 0 15px; margin-right:10px; margin-bottom:10px; } .guideLocation table tr td.more{ width:100px; } .guidecategory{ background:#c3c3c3; padding:5px 10px 5px 15px; border:1px solid #c3c3c3; margin-bottom:15px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .guidecategory a{ border:1px solid #9d9d9d; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; width:90px; padding: 4px 18px 5px 18px; background:url(https://data.chinahighlights.com/css/images/community/guide-forum/search-guide.gif) bottom left; } .guideInfo{ border:1px solid #c2c2c2; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background:#FFF; margin-bottom:10px; padding:15px; } .guideInfo table tr td.guidePhoto{ width:120px; } .guideInfo table tr td .guideName{ width:100%; font-size:14px; color:#1f86b6; margin:0 0 10px 10px; } dl.profile2{ margin:0px 10px 0 15px; font-size:12px; } dl.profile2 dt{ width:60px; line-height:18px; float:left; } dl.profile2 dd{ float:left; float:left; margin-right:10px; line-height:18px; } ul.aboutGuide{ margin:5px 0 5px 10px; } ul.aboutGuide li{ margin-bottom:5px; float:left; font-size:12px; padding:4px 10px 0 20px; } ul.aboutGuide li.story{ background:url(https://data.chinahighlights.com/css/images/community/guide-forum/story.png) no-repeat 0px 1px; } ul.aboutGuide li.photo{ background:url(https://data.chinahighlights.com/css/images/community/guide-forum/pic.png) no-repeat 0px 1px; } ul.aboutGuide li.qa{ background:url(https://data.chinahighlights.com/css/images/community/guide-forum/qa.png) no-repeat 0px 1px; } /*导游个人信息页面*/ .guideUploadHistory{ width:100%; margin-left:15px; } .item-list-hd { height:10px; position:relative; z-index:9; padding-left:15px; top:15px; border-bottom:1px solid #c3c3c3; margin-bottom:25px; } .viewGuideLab{ float:left; position:relative; margin-top:-20px; width:100%; top: 3px; } .viewGuideLab li { background-position:0 8px; width:auto; background:#0eaee2; cursor:pointer; float:left; height:24px; line-height:21px; margin-right:3px; padding-top:4px; position:relative; text-align:center; width:70px; } .viewGuideLab li a{ text-decoration:none; color:#FFF;} .viewGuideLab .current{ background-color:#fff; border-left:1px solid #c3c3c3; border-top:1px solid #c3c3c3; border-right:1px solid #c3c3c3; } .viewGuideLab .current a { background-position:right -75px; height:24px; margin-top:-3px; padding-top:3px; color:#333333; font-weight:bold; text-decoration:none; } /*首页样式*/ .indexContentLeft{ width:30%; float:left; } .indexContentRight{ width:68%; float:right; } .recentUploadPic{ width:100%; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom:10px; } .recentUploadPic .uploadPhoto{ float:left; margin:15px 5px 15px 5px; } .recentUploadPic .leftNav{ width:30px; padding-top:200px; float:left; margin-left:5px; } .recentUploadPic .leftNav a{ width:25px; height:25px; } .recentUploadPic .rightNav{ width:30px; padding-top:200px; float:right; margin-right:5px; } .recentUploadPic .guidePhotoInfo{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding:5px; width:200px; margin-right:10px; float:left; border:1px solid #d1d1d1; margin-bottom:8px; height:250px; } .recentUploadPic .guidePhotoInfo table tr{ width:200px; height:143px; } /*最新发布的帖子*/ .recentTopic{ width:100%; margin:5px 0 10px 0; background:#FFF; border:1px solid #cacaca; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .recentTopicBrief{ margin:15px; } .item-list-hd2 { height:10px; position:relative; z-index:9; padding-left:0px; top:15px; border-bottom:1px solid #c3c3c3; margin-bottom:15px; } .newGuideList{ float:left; position:relative; margin-top:-20px; width:100%; top: 3px; } .newGuideList li { background-position:0 8px; width:auto; background:#9a9a9a; cursor:pointer; float:left; height:24px; line-height:21px; margin-right:3px; padding-top:4px; position:relative; text-align:center; width:65px; } .newGuideList li a{ text-decoration:none; color:#FFF;} .newGuideList .current{ background-color:#fff; border-left:1px solid #c3c3c3; border-top:1px solid #c3c3c3; border-right:1px solid #c3c3c3; } .newGuideList .current a { background-position:right -75px; height:24px; margin-top:-3px; padding-top:3px; color:#333333; text-decoration:none; } /*guide List*/ .guideListBox{ border-bottom:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-left:1px solid #c3c3c3; background:#FFF; width:100%; padding-top:10px; margin-bottom:15px; padding-bottom:15px; } .guideListBox ul li{ display:block; width:100%; margin:15px; font-size:12px; line-height:18px; } .guideListBox ul li img{ width:70px; height:70px; margin:0 10px 0 0; } .guideListBox a.moreGuideList{ background: url(https://data.chinahighlights.com/css/images/community/guide-forum/blue-li.gif) no-repeat left 3px; display:block; margin-left:15px; padding-left:15px; } /*最近的评论*/ .recentComment{ border:1px solid #c3c3c3; margin-top:15px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background:#FFF; margin-bottom:10px; } .recentComment h4{ background:#9a9a9a; padding:8px 5px 7px 10px; color:#FFF; font-size:14px; } .recentComment ul li{ display:block; margin:5px 10px 5px 10px; border-bottom:1px solid #c3c3c3; } /*最近的Newsletter*/ .recentNewsletter{ border:1px solid #c3c3c3; margin-top:15px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background:#FFF; margin-bottom:10px; } .recentNewsletter h4{ padding:8px 5px 7px 30px; color:#FFF; font-size:14px; background:#9a9a9a url(https://data.chinahighlights.com/css/images/community/guide-forum/newsletter-bg.png) 8px 6px no-repeat; } .recentNewsletter ul{ margin-top:10px; } .recentNewsletter ul li{ display:block; margin:5px 10px 10px 10px; padding:0 5px 5px 10px; border-bottom:1px solid #c3c3c3; } /*接团技巧按钮*/ .guideForumPro{ border:solid 1px #cacaca; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background:url(https://data.chinahighlights.com/css/images/community/guide-forum/index-buttom-bg.gif) repeat-x; height:33px; margin-bottom:15px; } .guideForumPro .guideSkill{ display:block; margin:6px 0 8px 20px; background:url(https://data.chinahighlights.com/css/images/community/guide-forum/guide-skill.gif) no-repeat top left; padding:3px 0 5px 50px; font-size:14px; } .guideForumPro .guideDiscuess{ display:block; margin:6px 0 8px 20px; background:url(https://data.chinahighlights.com/css/images/community/guide-forum/discuess.gif) no-repeat top left; padding:3px 0 5px 50px; font-size:14px; } .guideForumPro .guideTourInfo{ display:block; margin:6px 0 8px 20px; background:url(https://data.chinahighlights.com/css/images/community/guide-forum/tour-info.png) no-repeat top left; padding:3px 0 5px 50px; font-size:14px; } .messagetype{ padding:12px 0 3px 15px; } .tab-content table tr td{ padding:8px 0 8px 0; font-size:12px;}