@charset "UTF-8"; /*网页全局样式开始*/ html { /*页面变灰*/ /*filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/ } body { /*body基本样式开始*/ /*背景颜色*/ background-color: #ffffff; color: #656565; /*字体颜色*/ text-align: left; /*水平居左*/ /*body基本样式结束*/ /*body扩展样式开始*/ scrollbar-face-color: #b9b9b9; scrollbar-highlight-color: #b9b9b9; scrollbar-shadow-color: #b9b9b9; scrollbar-3dlight-color: #b9b9b9; scrollbar-darkshadow-color: #b9b9b9; scrollbar-arrow-color: #F0F0F0; scrollbar-track-color: #F0F0F0; scrollbar-base-color: #F0F0F0; /*拖动条的表面颜色*/ scrollbar-face-color: #fbf6e8; margin: 0; /*亮边*/ scrollbar-highlight-color: #fbf6e8; /*暗边*/ scrollbar-shadow-color: #aaaaaa; scrollbar-3dlight-color: #aaaaaa; /*箭头颜色*/ scrollbar-arrow-color: #aaaaaa; /*拖动区域(TrackBar)颜色*/ scrollbar-track-color: #fbf6e8; scrollbar-darkshadow-color: #fbf6e8 /*body扩展样式结束*/ } page { width: auto !important; max-width: 1002px !important; margin: 0 auto; height: auto !important; width: 1002px; } /*页面容器初始化开始,*/ tr, td { font-size: 9pt; color: #656565; line-height: 180%; } /*页面容器初始化结束*/ /*文章标题样式*/ .title { font-size: 22px; font-family: 'SourceHanSansCN', 'SourceHanSansCN'; color: #ec1117; line-height: 150%; } /*leyu乐鱼(中国)体育官方网站、频道页栏目默认标题列表样式 小字体*/ .bt_link { font-size: 10.5pt; text-decoration: none; color: #6d6d6d; line-height: 180% } /*底层栏目页标题列表及文章正文样式 大字体*/ .bt_content { font-size: 10.5pt; text-decoration: none; color: #656565; line-height: 180%; } /*时间显示样式*/ .bt_time { font-size: 9pt; color: #919191; } .bt_date { font-size: 7pt; color: #919191; } /*"更多"显示样式*/ .bt_more { font-size: 9pt; text-decoration: underline; color: #656565 } .bt_unline { border-bottom: #999999 dashed 1px; } /*版通基本样式结束*/ /*超链接样式开始 可自行扩展*/ /*整个网页超链接样式开始*/ a { text-decoration: none; color: #656565; /*font-size: 12px;*/ } /*导航a链接样式*/ a.white { font-size: 16px; color: #fffeff; font-weight: bold; width: 120px; height: 40px; display: block; line-height: 40px; } a.white:hover { font-size: 16px; color: #fffeff; font-weight: bold; width: 120px; height: 40px; display: block; line-height: 40px; } /*左侧菜单a链接颜色*/ a.left { text-decoration: none; color: #9f9f9f; font-size: 12px; line-height: 24px; } /*左侧菜单a链接颜色*/ a.left:hover { text-decoration: none; color: #e43a3d; font-size: 12px; line-height: 24px; } /*左侧菜单a链接颜色*/ /*底部版权a链接颜色*/ a.bottom { text-decoration: none; color: #ffffff; font-size: 12px; line-height: 180%; } /*左侧菜单a链接颜色*/ a.bottom:hover { text-decoration: none; color: #ffffff; font-size: 12px; line-height: 180%; } /*左侧菜单a链接颜色*/ /*超链接样式结束*/ /* 自定义样式开始 */ /*通用样式*/ a { hide-focus: expression(this.hideFocus=true); /* for ie 5+ */ outline: none; /* for firefox 1.5 + */ } /*带链接的样式*/ .top { text-decoration: none; color: #b3b3b3; font-size: 12px; line-height: 180%; } /*顶部a链接样式*/ .left { text-decoration: none; color: #9f9f9f; font-size: 12px; line-height: 24px; } /*左侧菜单a链接颜色*/ .bottom { text-decoration: none; color: #ffffff; font-size: 12px; line-height: 180%; } /*不带链接的样式*/ .dqpd { font-size: 16px; color: #fffeff; font-weight: bold; line-height: 40px; } /*当前频道位置*/ .dqlm { font-size: 20px; font-family: 'SourceHanSansCN', 'SourceHanSansCN'; color: #ec1117; line-height: 150%; } /*当前栏目位置颜色*/ .wyzx_font1 { font-size: 14px; color: #FFFFFF; font-weight: bold; } /* 四周为1象素的边框*/ .border1 { border: #d3d2d2 solid 1px; } /* 一些滤镜的样式 慎用 */ /* Glow 扩充的阴影字 IE4.0+*/ .glow { FONT-SIZE: 10.5pt; filter: Glow(Color=#656565, Strength=2) } /* Gradient 渐变 gradientType=0垂直渐变 1水平渐变默认 00完全透明 ff完全不透明 IE5.5+ */ .grad { FONT-SIZE: 10.5pt; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#FF0000FF, endColorStr=#00000000) } /* Blur IE5.5+ 模糊阴影字*/ .blur1 { filter: progid:DXImageTransform.Microsoft.Blur(makeShadow=true, pixelRadius=1, shadowOpacity=0.25) } /* Blur IE5.5+ 模糊阴影字*/ .blur2 { filter: blur(add=ture, direction=135, strength=6) } /* DropShadow 有斜度的阴影字 IE4.0+ */ .dropshadow1 { color: #ff0000; filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1) } /* 制作对象的阴影效果IE5.5+*/ .dropshadow2 { filter: progid:DXImageTransform.Microsoft.DropShadow(color=#FF404040, offX=3, offY=3, positives=true) } /* 自定义样式结束 */ .red { color: #ff0000; margin: 0 10px; } .reporting_form .report_form:after, .jact_content .mttf:after, .report_reply:after { content: ''; clear: both; display: table; } .jact_content input { padding: 0 15px; font-size: 16px; } .banner { background: url(jact_banner.jpg) no-repeat; width: 100%; height: 400px; } .jact_content { width: 1215px; margin: 0 auto 30px; position: relative; background: url(http://www.ceec.net.cn/images/3487/tbt1.jpg) repeat-y left; left: -15px; font-family: "SourceHanSansCN", SourceHanSansCN, SourceHanSansCN; font-size: 16px; color: #333333; } .jact_content .mttf { background: url(http://www.ceec.net.cn/images/3487/tbt2.jpg) no-repeat left bottom; padding-bottom: 30px; min-height: 500px; } .jact_content .mttf .lanmu-lf { width: 310px; float: left; padding: 30px 0 100px; } .feedback { width: 220px; margin: 0 auto; } .feedback > p { border-bottom: 1px solid #efefef; height: 45px; line-height: 45px; font-size: 20px; font-weight: bold; color: #0069b7; margin: 0; position: relative; } .feedback > p:after { content: ''; position: static; bottom: -1px; left: 0; width: 110px; height: 2px; background: #0069b7; } .form_submit #form2 p { line-height: 40px; color: #333333; margin: 15px 0 0; } .form_submit #form2 input[type=text], .form_submit #form2 input[type=password] { width: 100%; height: 40px; line-height: 40px; background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .form_submit #form2 input.jact_text_01 { width: 120px; margin-right: 10px; } .form_submit #form2 img[src*='verifyCode'] { width: 80px; height: 39px; vertical-align: top; display: inline-block; } .form_submit #form2 input[type=button], .reporting_form .reported_form li input[type=button], .form_completed li input[type=button], .jact_content .reporting_form input[type=button], .jact_content_error input[type=button], .jact_content .mttf .lanmu-rf input[type=button] { background: #0069b7; width: 100%; height: 40px; line-height: 40px; border: 1px solid #f5f5f5; border-radius: 5px; color: #FFFFFF; font-weight: bold; margin-top: 20px; cursor: pointer; } .reporting_form .reported_form li input[type=button], .form_completed li input[type=button], .jact_content .reporting_form input[type=button], .jact_content_error input[type=button], .jact_content .mttf .lanmu-rf input[type=button] { width: 120px; display: block; cursor: pointer; margin: 30px auto 0; } .jact_content .mttf .lanmu-rf { float: right; width: 885px; margin-top: 20px; } .to_report { text-align: right; word-spacing: -1em; } .to_report a { display: inline-block; margin-left: 20px; background: #f5f5f5; font-size: 16px; color: #666666; width: 150px; height: 40px; line-height: 40px; text-align: center; border-radius: 5px; } .to_report a.on, .to_report a:hover { font-weight: bold; background: #0069b7; color: #FFFFFF; } .reporting { background: url(jact_round.png) no-repeat left center; text-indent: 25px; font-size: 20px; color: #0068b7; font-weight: bold; margin-bottom: 20px; } .guidelines { line-height: 32px; font-size: 16px; margin: 30px 0; } /* 写信页面 */ .report_info { font-size: 18px; font-weight: bold; color: #333333; line-height: 40px; margin: 20px 0; } .reporting_form .report_form { width: 750px; display: flex; flex-direction: row; flex-wrap: wrap; } .reporting_form .report_form li { width: 220px; float: left; margin-right: 30px; line-height: 30px; font-size: 16px; color: #333333; margin-bottom: 15px; } .reporting_form .report_form li input, .reporting_form .report_form li select, .reporting_form .reported_form li input, .reporting_form .reported_form li #writecode { width: 100%; background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 5px; height: 40px; line-height: 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .reporting_form .reported_form li:first-child input { margin-top: 15px; } .reporting_form .report_form li:last-child, .reporting_form .report_form li#mcode_tr { width: 100%; } .reporting_form .report_form li#mcode_tr .verification_code { float: left; width: 120px; line-height: 40px; } .reporting_form .report_form li#mcode_tr input { float: right; width: 600px; margin: 0; } .reporting_form .report_form li input, .reporting_form .report_form li select { margin-top: 10px; } .reported_form { width: 720px; } .jact_content .mttf .lanmu-rf .reported_form li:last-child { font-size: 0; text-align: center; } .jact_content .mttf .lanmu-rf .reported_form li:last-child input[value="提交"], .jact_content .mttf .lanmu-rf .reported_form li:last-child input[value="返回"] { display: inline-block; margin-left: 15px; margin-right: 15px; } .jact_content .mttf .lanmu-rf .reported_form li:last-child input[value="返回"] { background: #999999; } .reported_form li { margin-bottom: 15px; } .reporting_form .reported_form li textarea { width: 720px; margin-top: 15px; margin-bottom: 15px; background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 5px; line-height: 40px; height: 200px; padding: 0 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .reporting_form .reported_form li .textlimit { width: 100%; display: block; position: inherit; } .reporting_form .reported_form li input[type=file] { width: 300px; margin-left: 15px; border: none; background: none; } .reporting_form .reported_form li.instructions { color: #0068b7; font-size: 16px; margin-left: 50px; line-height: 40px; } .reporting_form .reported_form li #writecode { width: 100px; margin-left: 15px; } .reporting_form .reported_form li img { width: 120px; height: 40px; display: inline-block; vertical-align: middle; } /* 提交完成页面 */ .form_completed { text-align: center; } .jact_content_form { width: 1200px; margin-top: 30px; background: none; } .jact_content_form .form_completed li { line-height: 50px; } .jact_content_form .form_completed li p a { color: #0065c0; font-weight: bold; } .jact_content_form .form_completed li input[type=button] { margin-top: 30px; } /* 查询详情 */ .detailed_info li { line-height: 40px; } .detailed_info li span { font-weight: bold; } .detailed_info li:last-child p { width: 100%; } ul, li { list-style: none; } /* 举报个人表单 */ .reported_person { width: 750px; } .reported_person li { width: 220px; float: left; margin-right: 30px; } .reported_person li select, .reporting_form .reported_form li input { width: 100%; margin-top: 15px; background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 5px; height: 40px; line-height: 40px; } .reported_person li:nth-child(6) { width: 720px; } .reported_person li:nth-child(7), .reported_person li:nth-child(8), .reported_person li:nth-child(9), .reported_person li:nth-child(10), .reported_person li:nth-child(11) { width: 100%; } /* 错误页面 */ .jact_content_error .form_completed li:last-child { width: 300px; margin: 0 auto; text-align: left; } /* 我要咨询 */ .reporting_form .report_form li p.radio { width: 100%; margin-top: 10px; } .reporting_form .report_form li input[type=radio] { height: auto; width: 30px; } /* 中国电力工程顾问集团西北电力设计院有限公司 */ /* 售后服务流程 */ .jact_content_form .guidelines .consultation p { text-indent: 2em; } .jact_content_form .guidelines button[type=button].flxz01 { line-height: 50px; width: 200px; text-align: center; margin: 0 auto; display: block; background: #0068b7; color: #FFFFFF; font-size: 16px; border: none; cursor: pointer; font-weight: bold; border-radius: 10px; } .consulting { word-spacing: -1em; text-align: center; } .consulting a { display: inline-block; width: 450px; text-align: center; line-height: 60px; background: #D0E6F1; color: #E05203; font-size: 18px; border-radius: 15px; margin: 15px 30px; } .reporting_form .report_form li.lxdzdi { width: 470px; } .technical:after { content: ''; clear: both; display: table; } .technical li:nth-child(1), .technical li:nth-child(2) { width: 100%; } .technical li { width: 50%; float: left; } .technical_detail li:nth-child(1), .technical_detail li:nth-child(2) { width: 50%; } .technical_detail li:last-child { width: 100%; } /* 解决input类型为number时右侧上下按钮 */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; } /* 答复内容 */ .report_reply { padding-top: 30px; } .report_reply li { display: block; width: calc(100% / 3); float: left; line-height: 40px; } .report_reply li span { font-weight: bold; } .report_reply li:last-child { width: 100%; } .report_reply li:last-child p { width: 100%; } /* 电规院解决头部检索旁小图标问题 */ a.u-language { width: auto !important; } /* 适配手机端 */ @media screen and (max-width: 750px) { .jact_content { width: 100%; left: 0; margin: 0 auto; padding: 0 5%; background: none; } .banner { height: 1.6rem; background-size: contain; } .lanmu-lf { display: none; } .jact_content .mttf { background: none; min-height: auto; } .jact_content .mttf .lanmu-rf { width: 100%; float: none; } .to_report { text-align: center; margin: 0 10px } .reporting { margin: 10px 0 } .guidelines { margin: 0; } .reporting_form .report_form, .reported_person, .reported_form { width: 100%; } .reporting_form .report_form li, .reported_person li { width: 100%; margin-right: 0; float: none; } .reporting_form .reported_form li textarea { width: 100%; height: 4rem; } .reported_person li:nth-child(6) { width: 100%; } .reported_person li select, .reporting_form .reported_form li input, .reporting_form .reported_form li:first-child input { margin-top: 5px; float: none; } .textlimit { display: none !important; } .reporting_form .reported_form li input[type=file] { margin-left: 0; } .reporting_form .reported_form li.instructions { margin-left: 0; line-height: 24px; } .jact_content_form .form_completed li { line-height: 32px; } #txtContent { text-align: left; } #txtContent p { text-indent: 2em; } #txtContent p .red { width: 73%; display: inline-block; } .form_completed span { font-size: 22px; } .jact_content_form .form_completed li input[type=button] { margin-bottom: 30px; } .to_report a { width: 40%; } } @media screen and (max-width: 412px) { #txtContent p .red { width: 67%; } }