You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
190 lines
18 KiB
CSS
190 lines
18 KiB
CSS
.questionListNor { width: 100%; padding: 0; margin: 0; }
|
|
.questionList { width: 55%; float: left; }
|
|
.questionList h5 { font-size: 15px; padding: 0 0 5px 5px; border-bottom: 1px solid #d1d1d1; width: 100%; margin-top: 0; }
|
|
.qaButton { text-align: right; background: url(/css/images/faq/qa-button.gif) no-repeat top right; padding: 2px 8px 7px 2px; margin-top: 10px; }
|
|
.qaButton a { color: #a50505; }
|
|
.qaButton a:hover { color: #545454; }
|
|
.topicFrom { width: 100%; background: #ebf3f6; padding: 10px 0 10px 0; margin-top: 10px; position: relative; }
|
|
.topicFrom .hotQuestion { position: absolute; background: #fce7e7 url(/css/images/faq/hot-qa.gif) no-repeat 5px 6px; left: 586px; top: -1px; width: 29px; height: 40px; }
|
|
.topicFrom h6 { font-size: 13px; display: block; margin: 0 0 0 15px; padding: 0 0 0 0px; }
|
|
.topicFrom h6 a { font-weight: 100; color: #545454; }
|
|
.customerQuestion { padding: 5px 10px 2px 0px; margin: 10px 0 0 0; position: relative; -moz-border-radius: 4px; }
|
|
.customerQuestion a { color: #545454; }
|
|
.customerQuestion a:hover { color: #a31022; text-decoration: none; }
|
|
.customerQuestion .qpublisher { margin: 0px 5px 5px 70px; font-size: 11px; font-style: italic; color: #666; line-height: 25px; position: relative; }
|
|
.qpublisher { margin: 5px 5px 5px 0px; font-size: 11px; font-style: italic; color: #666; line-height: 25px; position: relative; }/*-- for QA new window --*/
|
|
.qpublisher a.qpublisherName { font-weight: bold; color: #409cc7; padding-right: 20px; background: url(/css/images/faq/detail.gif) no-repeat top right; }/*-- for QA new window --*/
|
|
.qpublisher a.qpublisherName:hover, .qpublisher a.qpublisherName:hover, .qpublisherNew a.qpublisherName:hover { color: #545454; text-decoration: none }/*-- for QA new window --*/
|
|
.customerQuestion .qpublisherNew { margin: 0px 5px 15px 10px; font-size: 11px; font-style: italic; color: #666; padding-bottom: 10px; line-height: 25px; position: relative; border-bottom: 1px solid #e1e1e1; }
|
|
.customerQuestion a.qpublisherName { font-weight: bold; color: #409cc7; padding-right: 20px; background: url(/css/images/faq/detail.gif) no-repeat top right; }
|
|
.customerQuestion .qpublisher a.qpublisherName:hover, .qpublisher a.qpublisherName:hover, .qpublisherNew a.qpublisherName:hover { color: #545454; }
|
|
.qtools { position: relative; margin: 5px; height: 30px; }
|
|
.qtools .qbookmark { float: left; margin-left: 10px; cursor: pointer; }
|
|
.qtools .qviewNew { float: left; margin-left: 10px; }
|
|
.customerQuestion .qacount { float: left; font-weight: bold; text-align: center; width: 40px; background-color: #D1D1D1; color: #a31022; height: 35px; margin-top: 10px; font-size: 11px; padding-top: 5px; border-radius: 4px; }
|
|
.customerQuestion .qacount strong { font-size: 25px; font-weight: normal; }
|
|
.customerQuestion .question { margin: 5px 5px 10px 50px; font-size: 13px; color: #666; line-height: 19px; }
|
|
.customerQuestion .questionNew { margin: 5px 5px 0px 10px; font-size: 13px; color: #666; line-height: 17px; }
|
|
.replyButton { text-align: left; }
|
|
.replyquestion { width: 100%; margin: 5px; padding-bottom: 5px; }
|
|
.replyquestion a { color: #a50505; }
|
|
.replyquestion input, .replyquestion textarea { width: 90%; margin-top: 5px; }
|
|
.replyStyle { font-size: 11px; width: auto; padding-bottom: 5px; margin-left: 70px; padding: 5px 10px; border-left: 5px solid #e1e1e1; float: left; background: #f0f0f0 url(/css/images/faq/bg-style.gif) no-repeat bottom right; border-bottom: 2px solid #fff; word-wrap: break-word; }
|
|
.replyAnother { }
|
|
.replyStyle .qpublisher { margin: 5px 5px 5px 0px; font-size: 11px; }
|
|
.replyStyle .qpublisher a.qpublisher { font-weight: bold; color: #a31022; padding-right: 20px; background: url(/css/images/faq/detail.gif) no-repeat top right; }
|
|
.questionListNor .reply { width: 100%; margin: 5px; text-align: left; overflow: hidden; }
|
|
.questionListNor .reply p { margin-right: 3px; }
|
|
.questionListNor .askStyle { width: 43%; float: right; }
|
|
.replyStyle ul { margin: 5px 0 5px 5px; }
|
|
.replyStyle ul li { list-style: none; background: url(/css/images/drop-1.GIF) no-repeat left 5px; padding-left: 15px; margin-bottom: 3px; }
|
|
.searchQuestion { width: 100%; padding-bottom: 5px; background: url(/css/images/faq/search-question.gif) repeat-x; margin-bottom: 10px; }
|
|
.searchQuestion .searchForm { margin: 0 10px 5px 10px; width: 100%; font-size: 11px; color: #FFF; }
|
|
.searchQuestion .searchForm h5 { color: #FFF; font-size: 13px; font-weight: bold; padding-top: 5px; margin: 0; }
|
|
.searchQuestion .searchForm input.searchKeywords { width: 90%; margin: 5px 0 5px 0; }
|
|
.questionListNor .askStyle input, .questionListNor .askStyle textarea, .replyquestion input, .replyquestion textarea { background: #fff url(/css/images/community/bg-form-field.gif) top left repeat-x; border: 1px solid #DDDDDD; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 4px; }
|
|
.askquestionForm { width: 95%; background: #a50505; position: relative; -moz-border-radius: 5px; margin-bottom: 8px; }
|
|
.askquestionForm h5 { display: block; color: #FFF; padding: 8px 0 8px 0; margin: 0 10px 0 10px; width: 100%; font-size: 13px; }
|
|
.askquestionForm h5 a { color: #fff; }
|
|
.askquestionForm h5 a:hover { text-decoration: none; }
|
|
.askquestionForm .backgroud { width: 27px; height: 22px; position: absolute; left: 17px; top: 24px; }
|
|
.askquestionTable { background: #e6e6e6 url(/css/images/faq/ask-table.gif) no-repeat left bottom; padding: 10px 0; margin-bottom: 15px; }
|
|
.askquestionTable .qaForm { margin: 10px; font-size: 11px; font-weight: bold; }
|
|
.askquestionTable .qaForm a { color: #a50505; }
|
|
.askquestionTable .qaForm input.personInfo, .askquestionTable .qaForm textarea { width: 90%; margin-bottom: 12px; background: #fff url(/css/images/community/bg-form-field.gif) top left repeat-x; border: 1px solid #DDDDDD; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 4px; z-index: 5000; }
|
|
.askquestionTable .qaForm .marginBottom { margin-bottom: 5px; padding-bottom: 8px; }
|
|
.askquestionTable .qaForm input.checkedBox { vertical-align: middle; margin-top: -3px; margin-bottom: 0; }
|
|
.askquestionTable .qaForm textarea { height: 70px; }
|
|
.askquestionTable .qaForm img.sendStyle { margin: 10px 0 0 0; }
|
|
/*经典问题*/
|
|
.popularQuestion { border: 1px solid #d1d1d1; margin-bottom: 10px; width: 100%; }
|
|
ul.questionList { margin: 0 }
|
|
ul.questionList li { list-style: none; background: url(/pic/red-icon-hover.GIF) no-repeat left 6px; padding-left: 12px; line-height: 15px; margin-bottom: 5px; width: 250px; }
|
|
.popularQuestion h5 { display: block; background: #e6e6e6 url(/css/images/faq/hot-question.gif) no-repeat top left; padding: 7px 5px 8px 50px; font-size: 13px; margin-top: 0; }
|
|
.popularQuestion .playQuestion { margin: 10px; width: 100%; line-height: 22px; }
|
|
.popularQuestion .playQuestion a { color: #545454; }
|
|
.popularQuestion .playQuestion a:hover { color: #a50505; }
|
|
.popularQuestion .pageNumber { text-align: right; margin: 10px; }
|
|
.popularQuestion .pageNumber ul li { list-style: none; display: block; width: 15px; height: 15px; text-align: center; float: right; margin-left: 8px; background: #e6e6e6; }
|
|
/*qa首页样式*/
|
|
/*qa首页框架*/
|
|
#content #qamainContent { position: relative; }
|
|
#content #qamainContent p { margin-bottom: 15px; line-height: 30px; color: #555; }
|
|
#content #qamainContent .replyStyle p { font-size: 11px; color: #545454; }
|
|
#content #qamainContent h2 { font-size: 20px; border-bottom: 1px solid #d1d1d1; padding: 10px 0 20px 20px; margin: 0 -20px 15px !important; width: 108%; }
|
|
#content #qasubContent .margintop { margin-top: -15px; }
|
|
/*首页搜索样式*/
|
|
.searchIndex { width: 100%; background: #d1d1d1; padding: 8px 8px 8px 10px; font-size: 11px; margin: 0; border-radius: 4px; }
|
|
.searchIndex input.searchKeywords { width: auto; border: 1px solid #999; padding: 7px 10px; background: #fff; border-radius: 4px; font-size: 13px; color: #555; font-weight: bold; }
|
|
.askquestionPic { width: 140px; float: right; height: 69px; margin: 0; }
|
|
/*搜索详细页样式*/
|
|
#content #qamainContent .faqsearch { margin: 0 0 10px 0; padding: 10px; }
|
|
#content #qamainContent .faqsearch h3 { font-size: 14px; font-weight: 200; }
|
|
#content #qamainContent .faqsearch h3 a, #content #qamainContent .faqsearch h3 a:hover { text-decoration: underline; color: blue; }
|
|
#content #qamainContent .faqsearch a, #content #qamainContent .faqsearch a:hover { text-decoration: underline; color: green; }
|
|
/*china faq样式*/
|
|
ul.faqList { margin-bottom: 5px; }
|
|
ul.faqList li { list-style: none; display: block; width: 200px; float: left; text-align: center; margin-bottom: 20px; }
|
|
ul.faqList li .faqPic { width: 181px; height: 115px; background: url(/css/images/faq/faq-bg.gif) no-repeat; padding: 16px 0 12px 0; margin: 0 0 0 12px; }
|
|
/*首页分页样式*/
|
|
.qaNav { width: 100%; margin: -5px 10px 0px 0; position: relative; text-align: right; height: 30px; }
|
|
.qaNav ul { padding: 0 0 0 250px; margin-left: 15px; list-style: none; }
|
|
.qaNav ul li { display: block; margin: 0 4px 0 0; float: left; padding: 2px 5px; line-height: 22px; font-size: 12px; font-weight: bold; color: #409CC7; text-decoration: underline; font-weight: normal; }
|
|
.qaNav ul li.active { color: #a31022; font-weight: bold; text-decoration: none; }
|
|
.qaNav ul li.show { color: #545454; text-decoration: none; font-style: italic; }
|
|
/*首页导航样式*/
|
|
.questionPromoList { width: auto; border: 1px solid #d1d1d1; padding: 12px; margin: 10px 0px; }
|
|
.questionPromoList h5 { display: block; padding: 0 5px 6px 20px; background: url(/css/images/faq/list-bg.gif) no-repeat left 2px; font-size: 13px; border-bottom: 1px solid #d1d1d1; margin: 0; }
|
|
ul.qaListStyle { margin: 5px 0 0 0; }
|
|
ul.qaListStyle li { width: 240px; display: block; padding: 12px 8px 12px 8px; list-style: none; font-size: 12px; }
|
|
ul.qaListStyle li.blueBg { background: #e7f1f4; }
|
|
ul.qaListStyle li.pinkBg { background: #f9efee; }
|
|
ul.qaListStyle li.yellowBg { background: #fff6de; }
|
|
ul.qaCityList { margin: 5px 0 0 0; }
|
|
ul.qaCityList li { width: 50%; float: left; display: block; padding: 12px 8px 12px 8px; list-style: none; font-size: 12px; }
|
|
ul.qaCityList li.yellowBg { background: #fff6de; }
|
|
/*faq列表页面*/
|
|
/*faq问题列表*/
|
|
.faqQuestionList { border: 1px solid #d1d1d1; margin-bottom: 30px; background: #f6f6f6; padding: 15px; }
|
|
.faqQuestionList ul { margin: 10px 0 15px 0px; }
|
|
.faqQuestionList ul li { margin: 0 15px 0 15px; display: block; width: 565px; list-style: none; border-bottom: 1px solid #d1d1d1; padding: 10px 5px 10px 15px; }
|
|
.faqQuestionList ul li.grayBg { background: #f6f6f6; }
|
|
.faqQuestionList ul li strong { color: #3398d2; padding-right: 5px; }
|
|
.faqQuestionList ul.subcategory { margin: 10px 0 15px 0px; }
|
|
.faqQuestionList ul.subcategory li { border-bottom: 1px solid #ffffff; margin: 0 15px 10px 15px; padding: 5px 5px 5px 0px; width: 260px; font-size: 13px; float: left; }
|
|
.faqQuestionList ol { margin: 10px 5px 5px 20px; padding-left: 15px; }
|
|
.faqQuestionList ol li { margin-bottom: 15px; padding-left: 20px; font-size: 16px; }
|
|
.faqQuestionList ol li a { list-style: none; font-weight: normal; color: #545454; }
|
|
#qasubContent label.inputBox { float: left; width: 240px; margin-right: 15px; }
|
|
#qasubContent label.submitButton { float: left; width: 29px; margin-top: 4px; }
|
|
#qasubContent input.searchKeywords, #qasubContent textarea { background: #fff url(/css/images/community/bg-form-field.gif) top left repeat-x; border: 1px solid #DDDDDD; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 4px; width: 240px; font-size: 15px; color: #777; font-weight: bold; }
|
|
/*tag 层样式*/
|
|
.faqTags { border: 1px solid #d1d1d1; margin-bottom: 12px; margin-top: 10px; }
|
|
.faqTags h5 { font-size: 15px; padding: 7px 5px 8px 50px; background: url(/css/images/faq/tag-bg.gif) no-repeat top left #e6e6e6; margin: 0; }
|
|
.faqTags ul { display: block; margin: 10px; font-size: 11px; }
|
|
.faqTops { width: 320px; border: 1px solid #d1d1d1; margin-bottom: 12px; margin-top: 10px; }
|
|
.faqTops h5 { font-size: 15px; padding: 7px 5px 8px 50px; background: url(/css/images/faq/tag-bg.gif) no-repeat top left #e6e6e6; margin: 0; }
|
|
.faqTops ul { display: block; margin: 10px; font-size: 11px; }
|
|
.faqTops ul li a { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
|
|
.faqTops img { border: 4px solid #d1d1d1; float: left; margin-bottom: 5px; width: 120px; height: 120px; }
|
|
/*faq详细页面*/
|
|
.faqquestion { background: #e7f1f4 url(/css/images/faq/q-bg.gif) no-repeat top left; padding: 18px 0 18px 50px; margin-bottom: 30px; position: relative; border-radius: 4px; }
|
|
.faqquestion .topqa { position: absolute; width: 30px; height: 30px; right: 15px; top: 15px; display: none; }
|
|
.faqquestion .topicFrom { text-align: right; padding: 0; margin: 0; }
|
|
.faqquestion .topicFrom a { color: #545454; }
|
|
.faqquestion .topicFrom a:hover { color: #a31022; text-decoration: none; }
|
|
.questionTitle { font-size: 20px; margin: 0 0 20px 20px; font-weight: 400; display: block; }
|
|
.faqquestion a { color: #545454; }
|
|
.faqquestion a:hover { color: #a31022; text-decoration: none; }
|
|
.faqAnswer { background: #f6f6f6 url(/css/images/faq/a-bg.gif) no-repeat top left; padding: 20px 20px 20px 50px; margin-bottom: 15px; word-wrap: break-word; background-size: 50px 56px; }
|
|
.faqAnswer p { margin-bottom: 10px; }
|
|
/*question list页面的search样式*/
|
|
.qaSearchStyle2 { width: 594px; border: 1px solid #d1d1d1; background: #f6f6f6; padding: 10px; font-size: 13px; font-weight: bold; }
|
|
.askquestionForm2 { border: 1px solid #d1d1d1; margin-top: 0px; background: #f6f6f6 url(/css/images/faq/ask-question-bg.gif) bottom right no-repeat; }
|
|
.askquestionForm2 h6 { font-size: 14px; background: #dfdfdf url(/css/images/faq/hot-question.gif) no-repeat top left; padding: 7px 5px 9px 55px; margin: 0; }
|
|
.askquestionForm2 .questionTableStyle { width: 500px; margin: 15px 25px 10px 25px; line-height: 25px; }
|
|
.askquestionForm2 .questionTableStyle a { color: #a31022; font-weight: bold; }
|
|
.askquestionForm2 .questionTableStyle input, .askquestionForm2 .questionTableStyle textarea, .askquestionForm2 .questionTableStyle select { background: #fff url(/css/images/community/bg-form-field.gif) top left repeat-x; border: 1px solid #7E9DB9; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 4px; }
|
|
.askquestionForm2 .questionTableStyle input.personInfo, .askquestionForm2 .questionTableStyle textarea, .askquestionForm2 .questionTableStyle select { width: 450px; }
|
|
.askquestionForm2 .questionTableStyle input.checkedBox { vertical-align: middle; margin-top: -3px; margin-bottom: 0; }
|
|
#whyBook { border: 1px solid #d1d1d1; padding-bottom: 10px; }
|
|
#whyBook h5 { font-size: 13px; color: #fff; background: url(/css/images/faq/search-question.gif) repeat-x bottom; padding: 6px; margin: 0 0 8px 0; }
|
|
#whyBook ol { margin-left: 15px; padding-left: 10px; }
|
|
#whyBook ol li { line-height: 16px; margin-bottom: 8px; list-style-position: outside; }
|
|
.customerQuestion .questionIndex { margin: 2px 5px 3px 5px; font-size: 12px; padding: 5px; width: 600px; float: left; color: #666; background-color: #e7f1f4; line-height: 19px; }
|
|
.customerQuestion .questionIndex a { text-decoration: none; }
|
|
.customerQuestion .qpublisherIndex { margin: 5px 5px 5px 10px; padding-left: 10px; width: 110px; font-size: 11px; font-style: italic; color: #666; line-height: 17px; float: right; position: relative; border-left-width: 1px; border-left-style: solid; border-left-color: #CCC; }
|
|
#content #lastquestion .reditalic a { text-decoration: underline; }
|
|
/*FAQ分类样式*/
|
|
.faqSort { margin: 35px 0 30px; border: 1px solid #d1d1d1; border-top: 5px solid #d1d1d1; padding: 10px 20px 20px; }
|
|
.faqSort ul { margin-left: 0px; list-style: none; }
|
|
.faqSort ul li { padding-left: 20px; background: url(/pic/square.png) no-repeat left; line-height: 25px; margin-bottom: 5px; font-size: 16px; }
|
|
.faqSort ul li a { text-decoration: none; }
|
|
.faqSort h3 { font-size: 14px; margin: -39px 0 20px; font-family: Arial, Helvetica, sans-serif !important; font-weight: normal; }
|
|
.faqSort h3 a { text-decoration: none; color: #a31022; }
|
|
.personInfo { border: 3px solid #b8b7b7; width: 420px; padding: 14px; position: relative; }
|
|
.personInfo .closePersonWin { position: absolute; width: 21px; height: 20px; left: 418px; top: 8px; }
|
|
.personInfo .personPhoto { width: 85px; height: 85px; float: left; margin-right: 5px; }
|
|
.personInfo .personPhoto img { width: 85px; height: 85px; }
|
|
.personInfo .personaccount { width: 320px; float: right; font-size: 11px; line-height: 20px; font-weight: 100; }
|
|
.personInfo .personaccount h6 { font-size: 14px; font-weight: 100!important; margin-bottom: 5px; margin-top: 0; padding: 0; }
|
|
.personInfo .personaccount h6 a { color: #545454; background: none; }
|
|
/* page nav */
|
|
#pageSelect { width: 100%; margin: 10px 0 10px 0 }
|
|
#pageSelect ul { padding: 0px; margin: 0px; overflow: hidden; zoom: 1 }
|
|
#pageSelect ul li { float: left; display: block; -moz-border-radius: 4px; border: 1px solid #C1C1C1; font-size: 10px; margin: 0 8px 0 0 }
|
|
#pageSelect ul li a { display: block; color: #C6162B; padding: 4px 8px 4px 8px; text-decoration: none }
|
|
#pageSelect ul li a:hover { color: #6b6b6b }
|
|
#pageSelect ul li.active { display: block; background-image: url(images/bg-pageSelect.gif); background-repeat: repeat-x; background-position: bottom; background-color: #C6162B; border: 1px solid #a31022; color: #fff; display: block; padding: 4px 8px 4px 8px }
|
|
#pageSelect ul li.active2 { display: block; background-image: url(images/bg-page2.gif); background-repeat: repeat-x; border: 1px solid #A3A3A3; color: #fff; display: block; padding: 4px 8px 4px 8px }
|
|
#pageSelect2 { width: 100%; margin: 10px 0 0px 0; text-align: center }
|
|
#pageSelect2 ul { padding: 0px; margin: 0px; text-align: center; margin: auto }
|
|
#pageSelect2 ul li { float: left; display: block; -moz-border-radius: 4px; border: 1px solid #C1C1C1; font-size: 10px; margin: 0 4px 10px 0; background-color: #fff }
|
|
#pageSelect2 ul li a { display: block; padding: 4px 6px 4px 6px; color: #C6162B; text-decoration: none }
|
|
#pageSelect2 ul li a:hover { color: #fff; background-color: #B6080C }
|
|
/* footer tailor ads */
|
|
.footerTailor { display: block; margin: 50px 0 -20px; background: #999; padding: 15px 0; text-align: center; font-size: 25px; color: #fff; text-shadow: 2px 2px 5px #555 }
|
|
.footerTailor span { display: block; background: #a31022; border-radius: 4px; width: 230px; margin: 30px auto 10px; padding: 10px; letter-spacing: .03em }
|
|
.footerTailor span a { text-decoration: none; color: #fff; font-size: 18px; display: block }
|
|
.footerTailor span .fa { font-size: 130%; margin-left: 5px }
|