@charset "utf-8"; /* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */ html { color: #333; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } /* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* HTML5 媒体文件跟 img 保持一致 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* 要注意表单元素并不继承父级 font 的问题 */ body, button, input, select, textarea { font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53"; -webkit-font-smoothing: antialiased; } input, select, textarea { font-size: 100%; } /* 去掉各 table cell 的边距并让其边重合 */ table { border-collapse: collapse; border-spacing: 0; } /* IE bug fixed: th 不继承 text-align */ th { text-align: inherit; } /* 去除默认边框 */ fieldset, img { border: 0; } /* ie6 7 8(q) bug 显示为行内表现 */ iframe { display: block; } /* 去掉 firefox 下此元素的边框 */ abbr, acronym { border: 0; font-variant: normal; } /* 一致的 del 样式 */ del { text-decoration: line-through; } i { font-style: normal; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; } /* 去掉列表前的标识, li 会继承 */ ol, ul { list-style: none; } /* 对齐是排版最重要的因素, 别让什么都居中 */ caption, th { text-align: left; } /* 来自yahoo, 让标题都自定义, 适应多个系统应用 */ h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; color: #000; } h1 { font-size: 24px; } h2 { font-size: 16px; } h3, h4, h5, h6 { font-size: 14px; } /* 解决ie下重复最后字符 */ q:before, q:after { content: ''; } /* 统一上标和下标 */ sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* 默认不显示下划线，保持页面简洁 */ ins, a { text-decoration: none; clear:#373d41; } a, .y-lnk-highlight, .y-lnk, .y-lnk-gray, .y-lnk-highlight { -webkit-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; } /*a, a:link, a:visited, a:hover { color: #212121; }*/ .y-lnk-highlight, .y-lnk-highlight:link, .y-lnk-highlight:visited { color: #f60; } .y-lnk-highlight:hover { color: #f60; } .y-lnk, .y-lnk:link, .y-lnk:visited { color: #000; } .y-lnk:hover { color: #f29f05; } .y-lnk-gray, .y-lnk-gray:link, .y-lnk-gray:visited { color: #373d41; } .y-lnk-gray:hover { color: #f29f05; } .y-lnk-highlight, .y-lnk, .y-lnk-gray { cursor: pointer; } /* 让链接在 hover 状态下显示下划线 */ a:hover, .y-lnk-highlight:hover, .y-lnk:hover, .y-lnk-gray:hover { text-decoration: underline; } /* 清理浮动 */ .y-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .y-clear { zoom: 1; /* for IE6 IE7 */ } /* 人名币符号 ¥ */ .y-cny { font-family: arial; } /* 隐藏, 通常用来与 JS 配合 */ body .fn-hide { display: none; } /* inline对齐方式 */ .y-align-right { text-align: right !important; } .y-align-left { text-align: left !important; } .y-align-center { text-align: center !important; } /* 设置内联, 减少浮动带来的bug */ .y-left, .y-right { display: inline; } .y-left { float: left !important; } .y-right { float: right !important; } /* 隐藏 */ .y-hide { display: none !important; } /* 颜色 */ .y-red { color: #e00; } .y-orange { color: #f60; } .y-blue { color: #f29f05; } .y-green { color: #390; } .y-black { color: #000; } .y-dark { color: #333; } .y-gray { color: #373d41; } .y-pale { color: #999; } .y-light { color: #ccc; } /* 间距，最小单位是4 */ .y-mt1 { margin-top: 4px; } .y-mt2 { margin-top: 8px; } .y-mt3 { margin-top: 12px; } .y-mt4 { margin-top: 16px; } .y-mt5 { margin-top: 20px; } .y-mr1 { margin-right: 4px; } .y-mr2 { margin-right: 8px; } .y-mr3 { margin-right: 12px; } .y-mr4 { margin-right: 16px; } .y-mr5 { margin-right: 20px; } .y-ml1 { margin-left: 4px; } .y-ml2 { margin-left: 8px; } .y-ml3 { margin-left: 12px; } .y-ml4 { margin-left: 16px; } .y-ml5 { margin-left: 20px; } .y-pb1 { padding-bottom: 4px; } .y-pb2 { padding-bottom: 8px; } .y-pb3 { padding-bottom: 12px; } .y-pb4 { padding-bottom: 16px; } .y-pb5 { padding-bottom: 20px; } /* grid */ .y-row { min-width: 1000px; max-width: 1200px; margin-left: auto; margin-right: auto; zoom: 1; *width: 1000px; } .y-row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* 为栅格两边留白10像素 */ .y-row-edge { padding-left: 10px; padding-right: 10px; *padding-left: 0; *padding-right: 0; } .y-row .y-span1, .y-row .y-span2, .y-row .y-span3, .y-row .y-span4, .y-row .y-span5, .y-row .y-span6, .y-row .y-span7, .y-row .y-span8, .y-row .y-span9, .y-row .y-span10, .y-row .y-span11, .y-row .y-span12 { float: left; display: inline; margin-right: 2%; *margin-right: 20px; } .y-row .y-span1 { width: 6.5%; *width: 65px; } .y-row .y-span2 { width: 15%; *width: 150px; } .y-row .y-span3 { width: 23.5%; *width: 235px; } .y-row .y-span4 { width: 32%; *width: 320px; } .y-row .y-span5 { width: 40.5%; *width: 405px; } .y-row .y-span6 { width: 49%; *width: 490px; } .y-row .y-span7 { width: 57.5%; *width: 575px; } .y-row .y-span8 { width: 66%; *width: 660px; } .y-row .y-span9 { width: 74.5%; *width: 745px; } .y-row .y-span10 { width: 83%; *width: 830px; } .y-row .y-span11 { width: 91.5%; *width: 915px; } .y-row .y-span12 { width: 100%; *width: 1000px; } .y-row .y-last { margin-right: 0px !important; }/* 按钮各状态切换时长 */ .y-btn-blue, a.y-btn-blue, .y-btn-white, a.y-btn-white, .y-btn-anti, a.y-btn-anti, .y-btn-trans, a.y-btn-trans { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } /* 蓝色按钮，ie下没有min-width宽度自适应，padding一半解决ie下button双倍内间距 */ .y-btn-blue, .y-btn-white, .y-btn-anti, .y-btn-trans { display: inline-block; min-width: 140px; height: 36px; padding: 0 30px 1px; background: #f29f05; border: solid 1px #f29f05; line-height: 32px; font-size: 14px; color: #fff; text-align: center; outline: none; cursor: pointer; border-radius: 0px; *width: auto; *padding: 0 15px; } .y-btn-blue:hover, .y-btn-white:hover { background: #33b5d4; border-color: #33b5d4; } .y-btn-blue:active, .y-btn-white:active { background: #008fb2; border-color: #008fb2; } /* 白色按钮 */ .y-btn-white { background: #fff; border-color: #f29f05; color: #f29f05; } .y-btn-white:hover, .y-btn-white:active { color: #fff; } /* 反色按钮 */ .y-btn-anti { background: #fff; border-color: #fff; color: #f29f05; } .y-btn-anti:hover { background: #9cddf5; border-color: #9cddf5; } .y-btn-anti:active { background: #5acbeb; border-color: #5acbeb; color: #fff; } /* 透明按钮 */ .y-btn-trans { background: transparent; border-color: #fff; color: #fff; } .y-btn-trans:hover { background: #fff; color: #000; } .y-btn-trans:active { background: #e7e7e7; border-color: #e7e7e7; } /* 按钮尺寸 */ .y-btn-blue.y-btn-l, .y-btn-white.y-btn-l, .y-btn-anti.y-btn-l, .y-btn-trans.y-btn-l { min-width: 180px; height: 42px; padding: 0 40px; line-height: 38px; font-size: 18px; *padding: 0 20px; } .y-btn-blue.y-btn-s, .y-btn-white.y-btn-s, .y-btn-anti.y-btn-s, .y-btn-trans.y-btn-s { min-width: 100px; height: 26px; padding: 0 20px; line-height: 20px; font-size: 12px; *padding: 0 10px; } /* 按钮置灰 */ .y-btn-blue.y-btn-disabled, .y-btn-white.y-btn-disabled, .y-btn-blue:hover.y-btn-disabled, .y-btn-white:hover.y-btn-disabled, .y-btn-blue:active.y-btn-disabled, .y-btn-white:active.y-btn-disabled { background: #efefef; border-color: #efefef; color: #ccc; cursor: default; } .y-btn-anti.y-btn-disabled, .y-btn-trans.y-btn-disabled, .y-btn-anti:hover.y-btn-disabled, .y-btn-trans:hover.y-btn-disabled, .y-btn-anti:active.y-btn-disabled, .y-btn-trans:active.y-btn-disabled { background: #c4c4c4; border-color: #c4c4c4; color: #8d8d8d; cursor: default; } /* 链接模拟按钮样式 */ a.y-btn-blue, a.y-btn-blue:link, a.y-btn-blue:visited, a.y-btn-white, a.y-btn-white:link, a.y-btn-white:visited, a.y-btn-anti, a.y-btn-anti:link, a.y-btn-anti:visited, a.y-btn-trans, a.y-btn-trans:link, a.y-btn-trans:visited { display: inline-block; min-width: 78px; height: 33px; padding: 0 30px 1px; background: #f29f05; line-height: 33px; font-size: 14px; color: #fff; text-align: center; outline: none; border-radius: 0px; *width: auto; } a.y-btn-blue:hover { background: #33b5d4; border-color: #33b5d4; text-decoration: none; } a.y-btn-blue:active { background: #008fb2; border-color: #008fb2; } /* 白色链接按钮 */ a.y-btn-white, a.y-btn-white:link, a.y-btn-white:visited { background: #fff; border-color: #f29f05; color: #f29f05; } a.y-btn-white:hover { background: #33b5d4; border-color: #33b5d4; color: #fff; text-decoration: none; } a.y-btn-white:active { background: #008fb2; border-color: #008fb2; color: #fff; } /* 反色链接按钮 */ a.y-btn-anti, a.y-btn-anti:link, a.y-btn-anti:visited { background: #fff; border-color: #fff; color: #f29f05; } a.y-btn-anti:hover { background: #9cddf5; border-color: #9cddf5; text-decoration: none; } a.y-btn-anti:active { background: #5acbeb; border-color: #5acbeb; color: #fff; } /* 透明链接按钮 */ a.y-btn-trans, a.y-btn-trans:link, a.y-btn-trans:visited { background: transparent; border-color: #fff; color: #fff; } a.y-btn-trans:hover { background: #fff; color: #000; text-decoration: none; } a.y-btn-trans:active { background: #e7e7e7; border-color: #e7e7e7; } /* 链接按钮尺寸 */ a.y-btn-blue.y-btn-l, a.y-btn-blue:link.y-btn-l, a.y-btn-blue:visited.y-btn-l, a.y-btn-blue:hover.y-btn-l, a.y-btn-white.y-btn-l, a.y-btn-white:link.y-btn-l, a.y-btn-white:visited.y-btn-l, a.y-btn-white:hover.y-btn-l, a.y-btn-anti.y-btn-l, a.y-btn-anti:link.y-btn-l, a.y-btn-anti:visited.y-btn-l, a.y-btn-anti:hover.y-btn-l, a.y-btn-trans.y-btn-l, a.y-btn-trans:link.y-btn-l, a.y-btn-trans:visited.y-btn-l, a.y-btn-trans:hover.y-btn-l { min-width: 98px; height: 40px; padding: 0 40px; line-height: 40px; font-size: 18px; } a.y-btn-blue.y-btn-s, a.y-btn-blue:link.y-btn-s, a.y-btn-blue:visited.y-btn-s, a.y-btn-blue:hover.y-btn-s, a.y-btn-white.y-btn-s, a.y-btn-white:link.y-btn-s, a.y-btn-white:visited.y-btn-s, a.y-btn-white:hover.y-btn-s, a.y-btn-anti.y-btn-s, a.y-btn-anti:link.y-btn-s, a.y-btn-anti:visited.y-btn-s, a.y-btn-anti:hover.y-btn-s, a.y-btn-trans.y-btn-s, a.y-btn-trans:link.y-btn-s, a.y-btn-trans:visited.y-btn-s, a.y-btn-trans:hover.y-btn-s { min-width: 58px; height: 24px; padding: 0 20px; line-height: 2; font-size: 12px; } /* 链接按钮置灰 */ a.y-btn-blue.y-btn-disabled, a.y-btn-blue:link.y-btn-disabled, a.y-btn-blue:visited.y-btn-disabled, a.y-btn-blue:hover.y-btn-disabled, a.y-btn-blue:active.y-btn-disabled, a.y-btn-white.y-btn-disabled, a.y-btn-white:link.y-btn-disabled, a.y-btn-white:visited.y-btn-disabled, a.y-btn-white:hover.y-btn-disabled, a.y-btn-white:active.y-btn-disabled { background: #efefef; border-color: #efefef; color: #ccc; cursor: default; } a.y-btn-anti.y-btn-disabled, a.y-btn-anti:link.y-btn-disabled, a.y-btn-anti:visited.y-btn-disabled, a.y-btn-anti:hover.y-btn-disabled, a.y-btn-anti:active.y-btn-disabled, a.y-btn-trans.y-btn-disabled, a.y-btn-trans:link.y-btn-disabled, a.y-btn-trans:visited.y-btn-disabled, a.y-btn-trans:hover.y-btn-disabled, a.y-btn-trans:active.y-btn-disabled { background: #c4c4c4; border-color: #c4c4c4; color: #8d8d8d; cursor: default; } /* 宽度为示意 */ .y-dlg { padding: 4px; width: 476px; background: #9cddf5; background: rgba(0, 162, 202, 0.5); } /* 再包一层的好处是，宽度可以由外层控制，而且可以不用计算padding等 */ .y-dlg .y-box { padding: 10px 10px 20px 20px; background: #fff; line-height: 1.5; color: #333; } /* 区块中的头 */ .y-dlg .y-hd { height: 34px; } /* 标题 */ .y-dlg .y-hd .y-dlg-title { float: left; display: inline; margin-top: 2px; font-size: 16px; line-height: 2; color: #000; } /* 关闭按钮 */ .y-dlg .y-hd .y-dlg-close, .y-dlg .y-hd .y-dlg-close:link, .y-dlg .y-hd .y-dlg-close:visited { float: right; display: inline; height: 12px; width: 12px; padding: 2px; font-size: 12px; line-height: 1; color: #999; cursor: pointer; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; } .y-dlg .y-hd .y-dlg-close:hover { color: #363636; } /* 内容部分 */ .y-dlg .y-bd { padding: 8px 0 21px; margin-right: 10px; border-top: solid 2px #f4f4f4; color: #373d41; } /* 如果内容部分只展示状态，请加上以下节点样式 */ .y-dlg .y-bd .y-dlg-part { padding-top: 13px; padding-bottom: 32px; } /* 尾部 */ .y-dlg .y-ft { padding-top: 16px; margin-right: 10px; border-top: solid 1px #f4f4f4; text-align: center; color: #999; line-height: 1; } .y-dlg .y-ft * { margin: 0 4px; width: 98px; } /* 表单结构 */ .y-form { } .y-form .row { line-height: 1.5; padding: 8px 0; overflow: visible; font-size: 12px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .y-form .row-hide { padding: 0; height: 0; overflow: hidden; line-height: 0; } .y-form .row .row-name { float: left; display: inline; width: 180px; height: 18px; padding: 4px 0; text-align: right; color: #373d41; } .y-form .row .row-column { margin-left: 184px; line-height: 26px; } .y-form .row .row-li { padding: 0; line-height: 26px; } .y-form .row, .y-form .row .row-column, .y-form .row .row-li { zoom: 1; } .y-form .row:after, .y-form .row .row-column:after, .y-form .row .row-li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* 分割线 */ .y-form .dashed { border-top: dashed 1px #d6d6d6; height: 0; overflow: hidden; margin: 10px 9px; } /* 表单元素 */ /* 输入框 */ .y-form .y-input, .y-input { height: 18px; width: 284px; padding: 3px 7px; border: solid 1px #ccc; background: #fff; border-radius: 4px; outline: none; line-height: 1.5; color: #000; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .y-form textarea.y-input, textarea.y-input { height: auto; vertical-align: top; } /* 下拉列 */ .y-form select { border: solid 1px #eee; padding: 1px 0; background: #f8f8f8; height: 26px; font-size: 12px; line-height: 2; outline: none; *margin-top: 3px; } /* 提示 */ .y-form .row-info { display: inline-block; padding: 4px 8px; line-height: 1.5; vertical-align: baseline; color: #999; } .y-form .row-info .icon { float: left; display: inline; width: 16px; height: 16px; overflow: hidden; margin-right: 4px; line-height: 1; font-size: 16px; color: #f29f05; } /* 大尺寸form */ .y-form.y-form-l .row { line-height: 2; padding: 12px 0; font-size: 14px; } .y-form.y-form-l .row .row-name { height: 28px; padding: 4px 0; } .y-form.y-form-l .row .row-li { line-height: 2.57; } .y-form.y-form-l .y-input { height: 28px; line-height: 2; } .y-form.y-form-l textarea.y-input { height: auto; vertical-align: top; } .y-form.y-form-l select { height: 36px; padding: 5px 0; font-size: 14px; line-height: 2.57; *margin-top: 7px; } .y-form.y-form-l .row-info { padding: 9px 8px; line-height: 1.5; font-size: 12px; } /* 状态样式 */ .y-form .y-input.y-input-tip { color: #ccc !important; } .y-form .y-input.y-input-error { background: #fff8f3; border-color: #e00; } .y-form .y-input.y-input-disabled { background: #f8f8f8; border-color: #eee; color: #ccc; } .y-form .y-input:focus, .y-input:focus { background: #e9fbfe; border-color: #69c5dd; } .y-form select:focus { border-color: #69c5dd; background: #e9fbfe; } .y-form .row-info.row-info-warning .icon, .y-form .row-info.row-info-warning { color: #e00; } .y-form .row-info.row-info-success .icon { color: #6c0; } /* 信息提示 */ .y-msg { width: 560px; margin: 60px auto 0; padding-bottom: 150px; } /* 左侧放置icon区域 */ .y-msg .y-icon { float: left; display: inline; width: 48px; height: 48px; font-size: 48px; font-style: normal; line-height: 1; } /* icon-no3 icon-yes3 icon-bang icon-help icon-stop icon-info */ .y-msg.y-msg-warning .y-icon { color: #e00; } .y-msg.y-msg-success .y-icon { color: #6c0; } .y-msg.y-msg-normal .y-icon { color: #f29f05; } /* 右侧放置文本、按钮和链接的区块 */ .y-msg .y-msg-message { margin-left: 64px; } .y-msg.y-msg-no-icon .y-msg-message { margin-left: 0; } /* 重要信息 */ .y-msg .y-msg-message .y-msg-title { font-size: 18px; font-weight: bold; line-height: 50px; color: #000; } /* 次要信息 */ .y-msg .y-msg-message .y-msg-info { font-size: 12px; line-height: 2; color: #373d41; } /* 操作区 */ .y-msg .y-msg-message .y-msg-other { margin-top: 18px; } .y-msg .y-msg-other a, .y-msg .y-msg-other button { margin-right: 8px; } /* 弹窗中出现的小号信息提示 */ .y-msg.y-msg-s { width: auto; margin: 16px 0 0; padding-bottom: 32px; } .y-msg.y-msg-s .y-icon { width: 32px; height: 32px; font-size: 32px; line-height: 1; } .y-msg.y-msg-s .y-msg-message { margin-left: 48px; } .y-msg.y-msg-s .y-msg-message .y-msg-title { font-size: 16px; line-height: 34px; font-weight: normal; } .y-msg.y-msg-s .y-msg-message .y-msg-info { margin-top: 3px; line-height: 1.5; } /* 提示容器 */ .y-tip { padding: 3px 7px; border: solid 1px #ddd; background: #f9f9f9; line-height: 2; color: #333; } /* icon */ .y-tip .y-icon { float: left; display: inline; width: 16px; height: 16px; margin-top: 4px; font-size: 16px; font-style: normal; line-height: 1; } /* 内容区 */ .y-tip .y-tip-message { margin: 0 24px; line-height: 2; } /* 各种状态 */ /* icon-no3 icon-yes3 icon-bang icon-help icon-stop icon-info */ .y-tip.y-tip-warning { background: #fff3e7; border-color: #f8e3d5; color: #e00; } .y-tip.y-tip-warning .y-icon { color: #e00; } .y-tip.y-tip-success { background: #f7ffee; border-color: #e7f3da; color: #373d41; } .y-tip.y-tip-success .y-icon { color: #6c0; } .y-tip.y-tip-normal { background: #f1f6fa; border-color: #e2eced; color: #373d41; } .y-tip.y-tip-normal .y-icon { color: #f29f05; } /* 文字说明 */ .y-info { padding: 20px 23px; border: solid 1px #ddd; background: #f9f9f9; line-height: 2; color: #333; } .y-info .y-info-message { } /* 气泡 */ .y-bbl { position: relative; display: block; height: 32px; } /* 背景和边框颜色 */ .y-bbl .y-box { display: block; padding: 3px 7px; overflow: visible; background: #f1f6fa; border: solid 1px #e1ebec; line-height: 2; color: #333; } .y-bbl .y-arrow { position: absolute; bottom: -6px; left: 8px; display: block; width: 14px; height: 7px; overflow: hidden; } .y-bbl .y-arrow .y-arr1, .y-bbl .y-arrow .y-arr2 { position: absolute; top: 0; left: 0; height: 0; overflow: hidden; display: block; border: solid 7px transparent; border-top-color: #e1ebec; _border-color: black; _filter: chroma(color="black"); _border-top-color: #e1ebec; } .y-bbl .y-arrow .y-arr2 { top: -1px; border-top-color: #f1f6fa; _border-top-color: #f1f6fa; } /* 箭头在左边 */ .y-bbl.y-bbl-arrow-right .y-arrow { left: auto; right: 8px; } /* 剪头在上边 */ .y-bbl.y-bbl-arrow-top .y-arrow { bottom: auto; top: -6px; } .y-bbl.y-bbl-arrow-top .y-arrow .y-arr1, .y-bbl.y-bbl-arrow-top .y-arrow .y-arr2 { position: absolute; top: -7px; left: 0; height: 0; overflow: hidden; display: block; border: solid 7px transparent; border-bottom-color: #e1ebec; _border-color: black; _filter: chroma(color="black"); _border-bottom-color: #e1ebec; } .y-bbl.y-bbl-arrow-top .y-arrow .y-arr2 { top: -6px; border-bottom-color: #f1f6fa; _border-bottom-color: #f1f6fa; } /* icon容器 */ .y-bbl .y-icon { float: left; display: inline; width: 16px; height: 16px; margin-top: 4px; font-size: 16px; font-style: normal; line-height: 1; color: #f29f05; } /* 文案容器 */ .y-bbl .y-bbl-message { display: block; margin-left: 24px; line-height: 2; white-space: nowrap; } /* 如果没有icon */ .y-bbl.y-bbl-no-icon .y-bbl-message { margin-left: 0; } /* 分页容器 */ .y-paging { display: inline-block; height: 32px; overflow: visible; line-height: 1.5; color: #333; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; } .y-paging .y-page-list { display: inline-block; height: 32px; } /* 分页单元 */ .y-paging .y-prev, .y-paging .y-next, .y-paging .y-page, .y-paging .y-omit { display: inline-block; height: 18px; min-width: 24px; padding: 6px 3px; margin: 0 4px; background: #fff; border: solid 1px #ddd; overflow: hidden; text-align: center; cursor: pointer; border-radius: 0px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; *width: 24px; } /* 分页省略 */ .y-paging .y-omit { width: 26px; padding: 7px 3px; border-width: 0; background: transparent; cursor: default; } /* 分页按钮 */ .y-paging .y-prev, .y-paging .y-prev:link, .y-paging .y-prev:visited, .y-paging .y-next, .y-paging .y-next:link, .y-paging .y-next:visited { width: 60px; color: #333; } .y-paging .y-prev, .y-paging .y-prev:link, .y-paging .y-prev:visited { margin: 0 4px 0 0; } .y-paging .y-next, .y-paging .y-next:link, .y-paging .y-next:visited { margin: 0 0 0 4px; } /* 分页页码 */ .y-paging .y-page, .y-paging .y-page:link, .y-paging .y-page:visited { background: #fff; color: #333; } /* 分页单元 hover 效果 */ .y-paging .y-prev:hover, .y-paging .y-next:hover, .y-paging .y-page:hover { background: #33b5d4; border-color: #33b5d4; color: #fff; text-decoration: none; } /* 分页单元 active 效果 */ .y-paging .y-prev:active, .y-paging .y-next:active, .y-paging .y-page:active { background: #20a5c5; border-color: #20a5c5; color: #fff; } /* 分页页码选中效果 */ .y-paging .y-current, .y-paging .y-current:link, .y-paging .y-current:visited, .y-paging .y-current:hover { background: #f29f05; border-color: #f29f05; color: #fff; } /* 分页单元禁用 */ .y-paging .y-disabled, .y-paging .y-disabled:link, .y-paging .y-disabled:visited, .y-paging .y-disabled:hover { background: #efefef; border-color: #efefef; color: #ccc; cursor: default; } /* 解决 display: inline-block 换行字符占用 4px 宽度问题 */ .y-paging.y-paging-rn .y-prev, .y-paging.y-paging-rn .y-next, .y-paging.y-paging-rn .y-page, .y-paging.y-paging-rn .y-omit { margin: 0 0 0 4px; } /* */ .y-paging .y-total, .y-paging .y-jump { display: inline-block; height: 18px; padding: 7px 0; margin: 0 0 0 16px; overflow: hidden; } .y-paging .y-jump { display: inline-block; height: 24px; padding: 4px 0; margin: 0 0 0 16px; overflow: hidden; } .y-paging .y-jump input { width: 50px; text-align: center; } .y-paging .y-jump .y-btn-white, .y-paging .y-jump .y-btn-white:link, .y-paging .y-jump .y-btn-white:visited { padding: 0; width: 38px; min-width: 0; margin-left: 4px; *vertical-align: top; } .y-paging .y-jump .y-btn-white { width: 40px; } /* 流程 */ .y-process { height: 26px; } /* 每一步 */ .y-process .y-unit { float: left; display: inline; height: 26px; background: #ccc; overflow: hidden; text-align: center; color: #fff; font-size: 14px; line-height: 1.85; } .y-process .y-current { background: #f29f05; } .y-process .y-complete { background: #9cddf5; } /* 箭头 */ .y-process .y-arrow { position: relative; float: left; display: inline; width: 2%; height: 26px; overflow: hidden; background: #ccc; } .y-process .y-complete-current { background: #f29f05; } .y-process .y-complete-complete { background: #9cddf5; } /* css 模拟三角形 */ .y-process .y-arrow .y-next { position: absolute; display: block; left: 0; top: -3px; height: 0; width: 0; overflow: hidden; border: solid 10px transparent; border-width: 16px 10px; border-left-color: #fff; _border-color: black; _filter: chroma(color=black); _border-left-color: #fff; } .y-process .y-arrow .y-prev { position: absolute; display: block; left: 0; top: 0; height: 0; width: 0; overflow: hidden; border: solid 10px transparent; border-width: 13px 8px; border-left-color: #ccc; _border-color: black; _filter: chroma(color=black); _border-left-color: #ccc; } .y-process .y-complete-current .y-prev { border-left-color: #9cddf5; } .y-process .y-current-unit .y-prev { border-left-color: #f29f05; } .y-process .y-complete-complete .y-prev { border-left-color: #9cddf5; } /* 流程数 */ .y-process.y-process-2 .y-unit { width: 49%; *width: 48.9%; } .y-process.y-process-3 .y-unit { width: 32%; *width: 31.9%; } .y-process.y-process-4 .y-unit { width: 23.5%; *width: 23.4%; } .y-process.y-process-5 .y-unit { width: 18.4%; *width: 18.3%; } /* 高度固定，通过overflow: visible来使li盖在ul上，position解决ie6下不能盖住问题 */ .y-tab { position: relative; height: 47px; border-bottom: solid 1px #ddd; overflow: visible; } /* 使position: absolute的容器宽度和父容器相同 */ .y-tab ul { position: absolute; height: 48px; width: 100%; max-width: 100%; overflow: hidden; } /* 普通li，如果不需要跳转页面链接的话，建议用span */ .y-tab li { float: left; display: inline; overflow: visible; } /* position 解决 z-index 不生效问题 */ .y-tab li a, .y-tab li span { position: relative; display: inline-block; font-size: 14px; line-height: 2.6; text-align: center; cursor: pointer; z-index: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; *position: static; } /* ie6下使用block会使a、span宽度撑满，最小展示宽度 178px */ .y-tab li .y-item, .y-tab li .y-item:link, .y-tab li .y-item:visited { border: solid 1px #ddd; background: #fbfaf8; height: 38px; min-width: 130px; margin-left: -1px; padding: 5px 23px 3px; color: #373d41; *width: auto; } /* 第一项移除向左重叠 1px 的样式 */ .y-tab .y-first .y-item, .y-tab .y-first .y-item:link, .y-tab .y-first .y-item:visited { margin-left: 0 !important; } .y-tab li .y-item:hover { background: #fff; color: #f29f05; text-decoration: none; } /* 选中状态 */ .y-tab .y-current .y-item, .y-tab .y-current .y-item:link, .y-tab .y-current .y-item:visited, .y-tab .y-current .y-item:hover { background: #fff; border-top: solid 2px #f29f05; border-bottom-width: 0; padding: 4px 23px 4px; color: #000; text-decoration: none; z-index: 1; } /* 更多的链接 */ .y-tab .y-more { float: right; display: inline; white-space: nowrap; text-align: right; } .y-tab .y-more a { display: inline-block; height: 38px; margin-top: 6px; margin-left: 32px; font-size: 14px; line-height: 2.6; } /* 大号tab */ .y-tab.y-tab-l { height: 74px; border-width: 0; overflow: visible; } /* 如果不需要底线那么不需要 absolute */ .y-tab.y-tab-l ul { position: static; height: auto; overflow: visible; } /* tab 数，三略说最多要支持8列 */ .y-tab.y-tab-2 li { width: 50%; *width: 49.9%; } .y-tab.y-tab-3 li { width: 33%; *width: 32.9%; } .y-tab.y-tab-3 .y-first { width: 34%; } .y-tab.y-tab-4 li { width: 25%; *width: 24.9%; } .y-tab.y-tab-5 li { width: 20%; *width: 19.9%; } .y-tab.y-tab-6 li { width: 16.5%; *width: 16.4%; } .y-tab.y-tab-6 .y-first { width: 17.5%; } .y-tab.y-tab-7 li { width: 14.3%; *width: 14.2%; } .y-tab.y-tab-7 .y-first { width: 14.2%; } .y-tab.y-tab-8 li { width: 12.5%; *width: 12.4%; } /* position 解决 z-index 不生效问题 */ .y-tab.y-tab-l li a, .y-tab.y-tab-l li span { position: relative; display: block; font-size: 14px; line-height: 1.5; text-align: center; cursor: pointer; z-index: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; *position: static; } /* ie6下使用block会使a、span宽度撑满，最小展示宽度 178px */ .y-tab.y-tab-l li .y-item, .y-tab.y-tab-l li .y-item:link, .y-tab.y-tab-l li .y-item:visited { border: solid 1px #ddd; background: #fbfaf8; height: 50px; margin-left: -1px; padding: 12px 0 10px; color: #373d41; *width: auto; } .y-tab.y-tab-l .y-item strong { display: block; text-align: center; font-size: 18px; font-weight: normal; } .y-tab.y-tab-l .y-item i { font-size: 14px; } .y-tab.y-tab-l li .y-item:hover { background: #fff; color: #f29f05; text-decoration: none; } /* 选中状态 */ .y-tab.y-tab-l .y-current .y-item, .y-tab.y-tab-l .y-current .y-item:link, .y-tab.y-tab-l .y-current .y-item:visited, .y-tab.y-tab-l .y-current .y-item:hover { background: #fff; border-top: solid 2px #f29f05; border-bottom-width: 0; padding: 11px 0; color: #000; text-decoration: none; z-index: 1; } .y-tab.y-tab-l .y-current .y-item i { color: #373d41; } /* 次级tab */ .y-tab.y-tab-s { height: 48px; border-width: 0; overflow: visible; } /* 如果不需要底线那么不需要 absolute */ .y-tab.y-tab-s ul { position: static; height: auto; overflow: visible; } /* position 解决 z-index 不生效问题 */ .y-tab.y-tab-s li a, .y-tab.y-tab-s li span { position: relative; display: block; font-size: 14px; line-height: 1.5; text-align: center; cursor: pointer; z-index: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; *position: static; } /* ie6下使用block会使a、span宽度撑满，最小展示宽度 178px */ .y-tab.y-tab-s li .y-item, .y-tab.y-tab-s li .y-item:link, .y-tab.y-tab-s li .y-item:visited { border: solid 1px #ddd; background: #fbfaf8; height: 22px; margin-left: -1px; padding: 12px 0; color: #373d41; *width: auto; } .y-tab.y-tab-s li .y-item:hover { background: #fff; color: #f29f05; text-decoration: none; } /* 选中状态 */ .y-tab.y-tab-s .y-current .y-item, .y-tab.y-tab-s .y-current .y-item:link, .y-tab.y-tab-s .y-current .y-item:visited, .y-tab.y-tab-s .y-current .y-item:hover { background: #fff; border: solid 1px #ddd; border-top: solid 2px #f29f05; padding: 11px 0 12px; color: #000; text-decoration: none; z-index: 1; } /* tab box */ /* 标签 */ .y-tag { position: relative; height: 32px; } .y-tag .y-item, .y-tag .y-item:link, .y-tag .y-item:visited { float: left; display: inline; height: 28px; padding: 2px 0; font-size: 16px; font-weight: bold; color: #373d41; line-height: 1.9; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .y-tag .y-item:hover { color: #000; text-decoration: none; } .y-tag .y-current, .y-tag .y-current:link, .y-tag .y-current:visited, .y-tag .y-current:hover { padding: 2px 0 0; border-bottom: solid 2px #000; color: #000; } /* 标签的对齐方式 */ .y-tag.y-tag-left .y-item { margin-right: 32px; } .y-tag.y-tag-right .y-item { float: right; margin-left: 32px; } /* 小号标签 */ .y-tag.y-tag-s { height: 24px; } .y-tag.y-tag-s .y-item, .y-tag.y-tag-s .y-item:link, .y-tag.y-tag-s .y-item:visited { float: left; display: inline; height: 20px; padding: 2px 0; font-size: 12px; font-weight: bold; color: #373d41; line-height: 1.8; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .y-tag.y-tag-s .y-item:hover { color: #000; text-decoration: none; } .y-tag.y-tag-s .y-current, .y-tag.y-tag-s .y-current:link, .y-tag.y-tag-s .y-current:visited, .y-tag.y-tag-s .y-current:hover { padding: 2px 0 0; border-bottom: solid 2px #000; color: #000; } .y-tag.y-tag-s.y-tag-left .y-item { margin-right: 24px; } .y-tag.y-tag-s.y-tag-right .y-item { float: right; margin-left: 24px; } /* tab box */ .y-tab-box { position: relative; } .y-tab-box .y-hd { position: relative; height: 48px; background: #fbfaf8; overflow: visible; } .y-tab-box .y-tab { height: 46px; border: solid 1px #ddd; } .y-tab-box .y-tab ul { top: -1px; left: -1px; } .y-tab-box .y-bd { border: solid 1px #ddd; border-top-width: 0; background: #fff; padding: 20px 23px; } /* 默认表格宽度100%，并且没有间距和边框宽度，默认字体颜色#333333 */ .y-table { width: 100%; max-width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 12px; line-height: 1.5; color: #333; } /* 表单元 */ .y-table th, .y-table td { padding: 0 12px; vertical-align: middle; text-align: left; cursor: default; } .y-table th { background: #eee; height: 32px; font-weight: bold; color: #000; white-space: nowrap; } .y-table td { padding: 17px 12px; } /* 奇数偶数背景色区别 */ .y-table tr { background: #fff; border-bottom: solid 1px #f6f6f6; -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; -o-transition: background .3s; } .y-table.y-table-odd tr:nth-child(odd) { background: #f9f9f9; } .y-table.y-table-odd tr:nth-child(even) { background: #fff; } .y-table.y-table-odd tr { border-bottom-width: 0; } .y-table.y-table-odd { border-bottom: solid 1px #e3e3e3; } /* 鼠标经过背景色 */ .y-table tr:hover { background: #eafbfe; } .y-table.y-table-odd tr:hover { background: #eafbfe; } /* 强制不换行 */ .y-table .y-nowrap { white-space: nowrap; } /* 居右 */ .y-table .y-align-right { text-align: right; } /* 居中 */ .y-table .y-align-center { text-align: center; } .y-table.y-table-s td { padding: 7px 12px; } /* background */ .y-title-loading .y-loading, .y-loading { background: url("../images2/loading-32-32.gif") no-repeat; } /* aliyun/www-dpl/0.6.10/knight/images-xb/loading-16-16.gif 小号loading */ /* 宽度为示意 */ .y-title { background: #ccc; padding: 4px; width: 430px; background: rgba(0, 0, 0, 0.2); } /* 再包一层的好处是，宽度可以由外层控制，而且可以不用计算padding等 */ .y-title .y-box { padding: 5px 20px 17px; background: #fff; line-height: 1.5; color: #333; } /* 如果有头部 */ .y-title .y-hd { padding: 7px 0 0; line-height: 2; font-size: 16px; font-weight: bold; border-bottom: solid 1px #dedede; } /* 身体 */ .y-title .y-bd { padding-top: 12px; } /* title样式的loading */ .y-title-loading { width: 130px; } /* loading展示块 */ .y-title-loading .y-loading { height: 32px; min-height: 32px; background-position: 0 0; padding-left: 40px; line-height: 2.7; font-size: 12px; color: #333; } /* 单纯的loading样式 */ .y-loading { background-position: center center; min-height: 300px; } /* page title */ .y-page-title { min-width: 1000px; height: 56px; border-bottom: solid 1px #e5e5e5; z-index: 9; } .y-page-title h1 { float: left; display: inline; height: 20px; margin-top: 18px; border-left: solid 4px #f29f05; padding-left: 8px; font-size: 20px; line-height: 20px; color: #f29f05; } .y-page-title .y-page-title-nav { float: right; display: inline; height: 20px; margin-top: 18px; font-size: 12px; line-height: 20px; color: #373d41; text-align: right; } .y-page-title .y-lnk-gray:hover { text-decoration: none; } .y-page-title .y-page-title-other-products i { display: inline-block; width: 0; height: 0; border: solid 4px transparent; border-top-color: #000; margin-left: 8px; vertical-align: middle; } .y-page-title .y-page-title-box { position: relative; } .y-page-title .y-page-title-box:after { display: block; height: 0; visibility: hidden; clear: both; font-size: 0; content: " "; } .y-page-title .y-page-title-other-list { position: absolute; right: 0; top: 40px; border: solid 1px #eee; background: #fff; } .y-page-title .y-page-title-other-list li { vertical-align: middle; } .y-page-title .y-page-title-other-item { display: block; padding: 0 10px; height: 28px; line-height: 28px; font-size: 12px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .y-page-title .y-page-title-other-item:link, .y-page-title .y-page-title-other-item:visited { background: #fff; color: #373d41; } .y-page-title .y-page-title-other-item:hover { text-decoration: none; background: #f4f4f4; } @font-face { font-family:'iconfont';src:url(/aliyun/www-dpl/0.6.26/knight/fonts/iconfont.eot?rk2faw);src:url(/aliyun/www-dpl/0.6.26/knight/fonts/iconfont.eot?#iefixrk2faw) format('embedded-opentype'),url(/aliyun/www-dpl/0.6.26/knight/fonts/iconfont.woff?rk2faw) format('woff'),url(/aliyun/www-dpl/0.6.26/knight/fonts/iconfont.ttf?rk2faw) format('truetype'),url(/aliyun/www-dpl/0.6.26/knight/fonts/iconfont.svg?rk2faw#icofont) format('svg');font-weight:400;font-style:normal }[class*=" icon-"],[class^=icon-] { font-family: 'iconfont'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-ace-big:before { content: "\e900" } .icon-ace:before { content: "\e901" } .icon-actiontrail-big:before { content: "\e902" } .icon-actiontrail:before { content: "\e903" } .icon-add:before { content: "\e904" } .icon-ads-big:before { content: "\e905" } .icon-ads-data:before { content: "\e906" } .icon-ads:before { content: "\e907" } .icon-aec:before { content: "\e908" } .icon-aegis-big:before { content: "\e909" } .icon-aegis:before { content: "\e90a" } .icon-afc:before { content: "\e90b" } .icon-agc:before { content: "\e90c" } .icon-aic:before { content: "\e90d" } .icon-aliyun-mobile:before { content: "\e90e" } .icon-amc:before { content: "\e90f" } .icon-amr-big:before { content: "\e910" } .icon-amr:before { content: "\e911" } .icon-antifraud-big:before { content: "\e912" } .icon-antifraud:before { content: "\e913" } .icon-api-big .path1:before { content: "\e914"; color: #000 } .icon-api-big .path2:before { content: "\e915"; margin-left: -1em; color: #000 } .icon-api-big .path3:before { content: "\e916"; margin-left: -1em; color: #000 } .icon-api-big .path4:before { content: "\e917"; margin-left: -1em; color: #000 } .icon-api-big .path5:before,.icon-api-big .path6:before { content: "\e918"; margin-left: -1em; color: #020202 } .icon-api-big .path6:before { content: "\e919" } .icon-api .path1:before { content: "\e91a"; color: #000 } .icon-api .path2:before { content: "\e91b"; margin-left: -1em; color: #000 } .icon-api .path3:before,.icon-api .path4:before { content: "\e91c"; margin-left: -1em; color: #020202 } .icon-api .path4:before { content: "\e91d" } .icon-apigateway-big:before { content: "\e91e" } .icon-apigateway:before { content: "\e91f" } .icon-appendix:before { content: "\e920" } .icon-aps-big .path1:before { content: "\e921"; color: #000 } .icon-aps-big .path2:before,.icon-aps-big .path3:before { content: "\e922"; margin-left: -1em; color: #231815 } .icon-aps-big .path3:before { content: "\e923" } .icon-aps-big .path4:before,.icon-aps-big .path5:before { content: "\e924"; margin-left: -1em; color: #231815 } .icon-aps-big .path5:before { content: "\e925" } .icon-aps:before { content: "\e926" } .icon-arc:before { content: "\e927" } .icon-arms-big:before { content: "\e928" } .icon-arms:before { content: "\e929" } .icon-arrow-bottom:before { content: "\e92a" } .icon-arrow-left:before { content: url(../images2/e92b.png) } .icon-arrow-right:before { content: url(../images2/e92c.png) } .icon-arrow-top:before { content: "\e92d" } .icon-asc:before { content: "\e92e" } .icon-ats-big:before { content: "\e92f" } .icon-ats:before { content: "\e930" } .icon-awc:before { content: "\e931" } .icon-bang:before { content: "\e932" } .icon-bang2:before { content: "\e933" } .icon-batchcompute-big .path1:before { content: "\e934"; color: #000 } .icon-batchcompute-big .path2:before { content: "\e935"; margin-left: -1em; color: #0c0101 } .icon-batchcompute:before { content: "\e936" } .icon-biads-data:before { content: "\e937" } .icon-blow-up:before { content: "\e938" } .icon-bullhorn:before { content: "\e939" } .icon-caiyunjian-big:before { content: "\e93a" } .icon-caiyunjian:before { content: "\e93b" } .icon-calendar:before { content: "\e93c" } .icon-card:before { content: "\e93d" } .icon-cas-big:before { content: "\e93e" } .icon-cas:before { content: "\e93f" } .icon-cdi-big:before { content: "\e940" } .icon-cdi:before { content: "\e941" } .icon-cdn-big:before { content: "\e942" } .icon-cdn:before { content: "\e943" } .icon-cdp-big:before { content: "\e944" } .icon-cdp:before { content: "\e945" } .icon-cdpads-data:before { content: "\e946" } .icon-cdps:before { content: "\e947" } .icon-cli-big:before { content: "\e948" } .icon-cli:before { content: "\e949" } .icon-clock:before { content: "\e94a" } .icon-cloud:before { content: "\e94b" } .icon-containerservice-big:before { content: "\e94c" } .icon-containerservice:before { content: "\e94d" } .icon-counter:before { content: "\e94e" } .icon-cps-big:before { content: "\e94f" } .icon-cps:before { content: "\e950" } .icon-csb-big:before { content: "\e951" } .icon-csb:before { content: "\e952" } .icon-customer:before { content: "\e953" } .icon-customers:before { content: "\e954" } .icon-datahubads-data:before { content: "\e955" } .icon-datavads-data:before { content: "\e956" } .icon-ddos-big:before { content: "\e957" } .icon-ddos:before { content: "\e958" } .icon-ddosbasic-big:before { content: "\e959" } .icon-ddosbasic:before { content: "\e95a" } .icon-dfs-big:before { content: "\e95b" } .icon-dfs:before { content: "\e95c" } .icon-dialog2:before { content: "\e95d" } .icon-dianshang:before { content: "\e95e" } .icon-dingding:before { content: "\e95f" } .icon-directmail-big:before { content: "\e960" } .icon-directmail:before { content: "\e961" } .icon-disk-big:before { content: "\e962" } .icon-disk:before { content: "\e963" } .icon-dms-big:before { content: "\e964" } .icon-dms:before { content: "\e965" } .icon-dns-big:before { content: "\e966" } .icon-dns:before { content: "\e967" } .icon-down:before { content: "\e968" } .icon-down2:before { content: "\e969" } .icon-down3:before { content: "\e96a" } .icon-download:before { content: "\e96b" } .icon-dpa-big:before { content: "\e96c" } .icon-dpa:before { content: "\e96d" } .icon-dpc-big:before { content: "\e96e" } .icon-dpc:before { content: "\e96f" } .icon-drds-big:before { content: "\e970" } .icon-drds:before { content: "\e971" } .icon-dsi-big:before { content: "\e972" } .icon-dsi:before { content: "\e973" } .icon-dts-big:before { content: "\e974" } .icon-dts:before { content: "\e975" } .icon-duomeiti:before { content: "\e976" } .icon-duomeitizhuanqu:before { content: "\e977" } .icon-earth:before { content: "\e978" } .icon-eclipse-big:before { content: "\e979" } .icon-eclipse:before { content: "\e97a" } .icon-ecommerce:before { content: "\e97b" } .icon-ecs-big:before { content: "\e97c" } .icon-ecs:before { content: "\e97d" } .icon-edas-big:before { content: "\e97e" } .icon-edas:before { content: "\e97f" } .icon-elp-big:before { content: "\e980" } .icon-elp:before { content: "\e981" } .icon-emapreduce-big:before { content: "\e982" } .icon-emapreduce:before { content: "\e983" } .icon-eprofile-data:before { content: "\e984" } .icon-esn-big .path1:before { content: "\e985"; color: #000 } .icon-esn-big .path2:before,.icon-esn-big .path3:before { content: "\e986"; margin-left: -1em; color: #040000 } .icon-esn-big .path3:before { content: "\e987" } .icon-esn:before { content: "\e988" } .icon-ess-big:before { content: "\e989" } .icon-ess:before { content: "\e98a" } .icon-ews-big:before { content: "\e98b" } .icon-ews:before { content: "\e98c" } .icon-expressconnect-big:before { content: "\e98d" } .icon-expressconnect:before { content: "\e98e" } .icon-face-data:before { content: "\e98f" } .icon-fanhui:before { content: "\e990" } .icon-file:before { content: "\e991" } .icon-game:before { content: "\e992" } .icon-giving:before { content: "\e993" } .icon-gold:before { content: "\e994" } .icon-good:before { content: "\e995" } .icon-gpdb-big:before { content: "\e996" } .icon-gpdb:before { content: "\e997" } .icon-graphanalytics-data:before { content: "\e998" } .icon-havip-big:before { content: "\e999" } .icon-havip:before { content: "\e99a" } .icon-hbase:before { content: "\e99b" } .icon-hcc:before { content: "\e99c" } .icon-heart:before { content: "\e99d" } .icon-heart2:before { content: "\e99e" } .icon-help:before { content: "\e99f" } .icon-home:before { content: "\e9a0" } .icon-hpc-big:before { content: "\e9a1" } .icon-hpc:before { content: "\e9a2" } .icon-hsm-big:before { content: "\e9a3" } .icon-hsm:before { content: "\e9a4" } .icon-httpdns-big:before { content: "\e9a5" } .icon-httpdns:before { content: "\e9a6" } .icon-ide-data:before { content: "\e9a7" } .icon-info:before { content: "\e9a8" } .icon-iot-big:before { content: "\e9a9" } .icon-iot:before { content: "\e9aa" } .icon-jiankong-big:before { content: "\e9ab" } .icon-jiankong:before { content: "\e9ac" } .icon-jinrong:before { content: "\e9ad" } .icon-kefu-mail:before { content: "\e9ae" } .icon-kefu-man:before { content: "\e9af" } .icon-kefu-woman:before { content: "\e9b0" } .icon-keyongxingzhongxin-big:before { content: "\e9b1" } .icon-keyongxingzhongxin:before { content: "\e9b2" } .icon-kms-big:before { content: "\e9b3" } .icon-kms:before { content: "\e9b4" } .icon-kvstore-big:before { content: "\e9b5" } .icon-kvstore:before { content: "\e9b6" } .icon-L0:before { content: "\e9b7" } .icon-L1:before { content: "\e9b8" } .icon-L2:before { content: "\e9b9" } .icon-L3:before { content: "\e9ba" } .icon-L4:before { content: "\e9bb" } .icon-learn-data:before { content: "\e9bc" } .icon-left:before { content: "\e9bd" } .icon-left2:before { content: "\e9be" } .icon-left3:before { content: "\e9bf" } .icon-lessen:before { content: "\e9c0" } .icon-link:before { content: "\e9c1" } .icon-livevideo-big:before { content: "\e9c2" } .icon-livevideo:before { content: "\e9c3" } .icon-loading:before { content: "\e9c4" } .icon-lock:before { content: "\e9c5" } .icon-logo:before { content: "\e9c6" } .icon-logo2:before { content: "\e9c7" } .icon-logo3:before { content: "\e9c8" } .icon-lvwang-big:before { content: "\e9c9" } .icon-lvwang:before { content: "\e9ca" } .icon-mac-big:before { content: "\e9cb" } .icon-mac:before { content: "\e9cc" } .icon-mail:before { content: "\e9cd" } .icon-man-big:before { content: "\e9ce" } .icon-man:before { content: "\e9cf" } .icon-medal-gold:before { content: "\e9d0" } .icon-medal-silver:before { content: "\e9d1" } .icon-medal-standard:before { content: "\e9d2" } .icon-medal-strategy:before { content: "\e9d3" } .icon-medal:before { content: "\e9d4" } .icon-menu:before { content: "\e9d5" } .icon-mns-big:before { content: "\e9d6" } .icon-mns:before { content: "\e9d7" } .icon-mobsec-big:before { content: "\e9d8" } .icon-mobsec:before { content: "\e9d9" } .icon-money:before { content: "\e9da" } .icon-money2:before { content: "\e9db" } .icon-mongodb-big:before { content: "\e9dc" } .icon-mongodb:before { content: "\e9dd" } .icon-mqs-big:before { content: "\e9de" } .icon-mqs:before { content: "\e9df" } .icon-mss-big:before { content: "\e9e0" } .icon-mss:before { content: "\e9e1" } .icon-mts-big:before { content: "\e9e2" } .icon-mts:before { content: "\e9e3" } .icon-nas-big:before { content: "\e9e4" } .icon-nas:before { content: "\e9e5" } .icon-nat-big:before { content: "\e9e6" } .icon-nat:before { content: "\e9e7" } .icon-nls-data:before { content: "\e9e8" } .icon-no3:before { content: "\e9e9" } .icon-o2o:before { content: "\e9ea" } .icon-oas-big:before { content: "\e9eb" } .icon-oas:before { content: "\e9ec" } .icon-oceanbase-big:before { content: "\e9ed" } .icon-oceanbase:before { content: "\e9ee" } .icon-ocr-data:before { content: "\e9ef" } .icon-ocs-big:before { content: "\e9f0" } .icon-ocs:before { content: "\e9f1" } .icon-odps-big:before { content: "\e9f2" } .icon-odps-data:before { content: "\e9f3" } .icon-odps:before { content: "\e9f4" } .icon-ons-big:before { content: "\e9f5" } .icon-ons:before { content: "\e9f6" } .icon-opensearch-big:before { content: "\e9f7" } .icon-opensearch:before { content: "\e9f8" } .icon-order:before { content: "\e9f9" } .icon-oss-big:before { content: "\e9fa" } .icon-oss:before { content: "\e9fb" } .icon-ots-big:before { content: "\e9fc" } .icon-ots:before { content: "\e9fd" } .icon-pen:before { content: "\e9fe" } .icon-petadata-big:before { content: "\e9ff" } .icon-petadata:before { content: "\ea00" } .icon-phone:before { content: "\ea01" } .icon-pic:before { content: "\ea02" } .icon-play:before { content: "\ea03" } .icon-pls:before { content: "\ea04" } .icon-porana-data:before { content: "\ea05" } .icon-ppt:before { content: "\ea06" } .icon-prophet-data:before { content: "\ea07" } .icon-pts-big:before { content: "\ea08" } .icon-pts:before { content: "\ea09" } .icon-qingecs:before { content: "\ea0a" } .icon-qiyejianzhan-big:before { content: "\ea0b" } .icon-qiyejianzhan:before { content: "\ea0c" } .icon-ram-big:before { content: "\ea0d" } .icon-ram:before { content: "\ea0e" } .icon-rds-big:before { content: "\ea0f" } .icon-rds:before { content: "\ea10" } .icon-re-data:before { content: "\ea11" } .icon-recovery:before { content: "\ea12" } .icon-reduce:before { content: "\ea13" } .icon-reload:before { content: "\ea14" } .icon-right:before { content: "\ea15" } .icon-right2:before { content: "\ea16" } .icon-right3:before { content: "\ea17" } .icon-ros-big:before { content: "\ea18" } .icon-ros:before { content: "\ea19" } .icon-rubbish:before { content: "\ea1a" } .icon-sale:before { content: "\ea1b" } .icon-sas-big:before { content: "\ea1c" } .icon-sas:before { content: "\ea1d" } .icon-sc-data:before { content: "\ea1e" } .icon-sca:before { content: "\ea1f" } .icon-scan-big:before { content: "\ea20" } .icon-scan:before { content: "\ea21" } .icon-schedulerx-big:before { content: "\ea22" } .icon-schedulerx:before { content: "\ea23" } .icon-Search:before { content: "\ea24" } .icon-service:before { content: "\ea25" } .icon-set:before { content: "\ea26" } .icon-set2:before { content: "\ea27" } .icon-shc-big:before { content: "\ea28" } .icon-shc:before { content: "\ea29" } .icon-shopping-cart:before { content: "\ea2a" } .icon-shujuAPI:before { content: "\ea2b" } .icon-silver .path1:before { content: "\ea2c"; color: #000 } .icon-silver .path2:before { content: "\ea2d"; margin-left: -1em; color: #000 } .icon-silver .path3:before,.icon-silver .path4:before { content: "\ea2e"; margin-left: -1em; color: #000 } .icon-silver .path4:before { content: "\ea2f" } .icon-silver .path5:before { content: "\ea30"; margin-left: -1em; color: #040000 } .icon-slb-big:before { content: "\ea31" } .icon-slb:before { content: "\ea32" } .icon-slm-big:before { content: "\ea33" } .icon-slm:before { content: "\ea34" } .icon-sls-big:before { content: "\ea35" } .icon-sls:before { content: "\ea36" } .icon-smile:before { content: "\ea37" } .icon-sms .path1:before { content: "\ea38"; color: #00c1de } .icon-sms .path2:before { content: "\ea39"; margin-left: -1em; color: #000 } .icon-sms .path3:before { content: "\ea3a"; margin-left: -1em; color: #00c1de } .icon-sms .path4:before { content: "\ea3b"; margin-left: -1em; color: #000 } .icon-sos-big:before { content: "\ea3c" } .icon-sos:before { content: "\ea3d" } .icon-sppc-big:before { content: "\ea3e" } .icon-sppc:before { content: "\ea3f" } .icon-standard .path1:before { content: "\ea40"; color: #000 } .icon-standard .path2:before { content: "\ea41"; margin-left: -1em; color: #000 } .icon-standard .path3:before { content: "\ea42"; margin-left: -1em; color: #000 } .icon-standard .path4:before { content: "\ea43"; margin-left: -1em; color: #000 } .icon-standard .path5:before { content: "\ea44"; margin-left: -1em; color: #000 } .icon-standard .path6:before { content: "\ea45"; margin-left: -1em; color: #000 } .icon-standard .path7:before { content: "\ea46"; margin-left: -1em; color: #000 } .icon-standard .path8:before { content: "\ea47"; margin-left: -1em; color: #000 } .icon-standard .path9:before { content: "\ea48"; margin-left: -1em; color: #040000 } .icon-star:before { content: "\ea49" } .icon-star2:before { content: "\ea4a" } .icon-stop:before { content: "\ea4b" } .icon-storage:before { content: "\ea4c" } .icon-strap:before { content: "\ea4d" } .icon-strategy .path1:before { content: "\ea4e"; color: #000 } .icon-strategy .path2:before { content: "\ea4f"; margin-left: -1em; color: #000 } .icon-strategy .path3:before { content: "\ea50"; margin-left: -1em; color: #000 } .icon-strategy .path4:before { content: "\ea51"; margin-left: -1em; color: #000 } .icon-strategy .path5:before { content: "\ea52"; margin-left: -1em; color: #040000 } .icon-tel:before { content: "\ea53" } .icon-toolsimage-big:before { content: "\ea54" } .icon-toolsimage:before { content: "\ea55" } .icon-txc-big:before { content: "\ea56" } .icon-txc:before { content: "\ea57" } .icon-unlock:before { content: "\ea58" } .icon-up:before { content: "\ea59" } .icon-up2:before { content: "\ea5a" } .icon-up3:before { content: "\ea5b" } .icon-updown:before { content: "\ea5c" } .icon-upload:before { content: "\ea5d" } .icon-video:before { content: "\ea5e" } .icon-vipaegis-big:before { content: "\ea5f" } .icon-vipaegis:before { content: "\ea60" } .icon-visualstudio-big:before { content: "\ea61" } .icon-visualstudio:before { content: "\ea62" } .icon-vms:before { content: "\ea63" } .icon-vod-big:before { content: "\ea64" } .icon-vod:before { content: "\ea65" } .icon-vpc-big:before { content: "\ea66" } .icon-vpc:before { content: "\ea67" } .icon-waf-big:before { content: "\ea68" } .icon-waf:before { content: "\ea69" } .icon-webyingyong:before { content: "\ea6a" } .icon-wrong-thin:before { content: "\ea6b" } .icon-wrong-w3:before { content: "\ea6c" } .icon-wrong:before { content: "\ea6d" } .icon-ws:before { content: "\ea6e" } .icon-xianzhi-big:before { content: "\ea6f" } .icon-xianzhi:before { content: "\ea70" } .icon-yes2:before { content: "\ea71" } .icon-yes3:before { content: "\ea72" } .icon-yidong:before { content: "\ea73" } .icon-youxi:before { content: "\ea74" } .icon-ysf-big .path1:before { content: "\ea75"; color: #000 } .icon-ysf-big .path2:before,.icon-ysf-big .path3:before { content: "\ea76"; margin-left: -1em; color: #040000 } .icon-ysf-big .path3:before { content: "\ea77" } .icon-ysf-big .path4:before,.icon-ysf-big .path5:before { content: "\ea78"; margin-left: -1em; color: #040000 } .icon-ysf-big .path5:before { content: "\ea79" } .icon-ysf:before { content: "\ea7a" } .icon-yuming-big:before { content: "\ea7b" } .icon-yuming:before { content: "\ea7c" } .icon-yumingyuwangzhan-big:before { content: "\ea7d" } .icon-yumingyuwangzhan-honestly:before { content: "\ea7e" } .icon-yumingyuwangzhan:before { content: "\ea7f" } .icon-yundun-big:before { content: "\ea80" } .icon-yundun:before { content: "\ea81" } .icon-yunjiankong-big:before { content: "\ea82" } .icon-yunjiankong:before { content: "\ea83" } .icon-yunxunizhuji-big:before { content: "\ea84" } .icon-yunxunizhuji-honestly:before { content: "\ea85" } .icon-yunxunizhuji:before { content: "\ea86" } .icon-yunyouxiang-big .path1:before { content: "\ea87"; color: #000 } .icon-yunyouxiang-big .path2:before { content: "\ea88"; margin-left: -1em; color: #040000 } .icon-yunyouxiang-honestly:before { content: "\ea89" } .icon-yunyouxiang:before { content: "\ea8a" } .icon-zhuanxian:before { content: "\ea8b" }/* line 2, ../../../../src/knight/css/widget/topbar.scss */ .topbar { background-color: #008fb5; height: 28px; line-height: 28px; position: relative; z-index: 105; } /* line 8, ../../../../src/knight/css/widget/topbar.scss */ .topbar .topbar-right { float: right; } /* line 10, ../../../../src/knight/css/widget/topbar.scss */ .topbar .topbar-right .sign-in, .topbar .topbar-right .login { float: left; height: 28px; display: none; } /* line 15, ../../../../src/knight/css/widget/topbar.scss */ .topbar .topbar-right .sign-in.unlogined { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } /* line 18, ../../../../src/knight/css/widget/topbar.scss */ .topbar .topbar-right a { color: #fff; } /* line 20, ../../../../src/knight/css/widget/topbar.scss */ .topbar .topbar-right a:hover { text-decoration: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } /* line 25, ../../../../src/knight/css/widget/topbar.scss */ .topbar .topbar-right i { height: 12px; width: 1px; margin: 0 10px; background-color: #0c9abe; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } /* line 33, ../../../../src/knight/css/widget/topbar.scss */ .topbar .topbar-right .login .user-link { position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding-right: 10px; margin-right: 7px; min-width: 80px; } /* line 39, ../../../../src/knight/css/widget/topbar.scss */ .topbar .topbar-right .login .user-link b { width: 0; height: 0; border-width: 4px 4px; border-style: solid; border-color: #fff transparent transparent; font-size: 0; line-height: 0; position: absolute; top: 50%; right: 7px; margin-top: -3px; *margin-top: -1px; } /* line 54, ../../../../src/knight/css/widget/topbar.scss */ .topbar .topbar-right .login .user-link .user-name { height: 28px; line-height: 18px; *line-height: 28px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 0 8px; } /* line 61, ../../../../src/knight/css/widget/topbar.scss */ .topbar .topbar-right .login .user-link .login-dropdown { position: absolute; left: 0; top: 23px; display: none; background-color: #008ab0; width: 100%; } /* line 68, ../../../../src/knight/css/widget/topbar.scss */ .topbar .topbar-right .login .user-link .login-dropdown li { height: 28px; line-height: 28px; padding-left: 8px; } /* line 72, ../../../../src/knight/css/widget/topbar.scss */ .topbar .topbar-right .login .user-link .login-dropdown li a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 100%; } /* line 77, ../../../../src/knight/css/widget/topbar.scss */ .topbar .topbar-right .login .user-link .login-dropdown li:hover { background-color: #007494; } /* line 82, ../../../../src/knight/css/widget/topbar.scss */ .topbar .topbar-right .login .user-link:hover { background-color: #008ab0; } /* line 84, ../../../../src/knight/css/widget/topbar.scss */ .topbar .topbar-right .login .user-link:hover .login-dropdown { display: block; } /* line 87, ../../../../src/knight/css/widget/topbar.scss */ .topbar .topbar-right .login .user-link:hover b { border-color: transparent transparent #fff; margin-top: -8px; } /* line 93, ../../../../src/knight/css/widget/topbar.scss */ .topbar .topbar-right .login .message-count { font-size: 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #f90; color: #fff; padding: 0px 10px; width: auto; position: static !important; padding: 0 10px !important; } /* line 102, ../../../../src/knight/css/widget/topbar.scss */ .topbar .topbar-right .login .message-count:hover { background: #f60; } /** * xiao yun bang nin vision v.1.4 * author:liuqi.lq@alibaba-inc.com **/ .cloud-helper-blue { color: #00a2c9; } .cloud-helper-body-wrap { font: 12px/1.5 Microsoft YaHei, tahoma, arial, \5b8b\4f53; } .cloud-helper-body-wrap input { font-family: Microsoft YaHei, tahoma, arial, \5b8b\4f53; font-size: 12px; } .cloud-helper-body-wrap p, .cloud-helper-body-wrap td { margin: 0; padding: 0; } .cloud-helper-body-wrap table { border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; } .cloud-helper-body-wrap th { text-align: left; } .cloud-helper-body-wrap a { text-decoration: none; } .cloud-helper-body-wrap a:hover { text-decoration: underline; } .cloud-helper-body-wrap ul { margin: 0; padding: 0; list-style: none; } .cloud-helper-loading-body { height: 267px; background: url(../images2/loading_32.gif) no-repeat 50% 40% #f8f8f8; } /*.cloud-helper-button a { background: url(../images2/xiaoyun-20131225.gif) 0 0 no-repeat; cursor: pointer; display: block; width: 100%; height: 100%; } .cloud-helper-button.cloud-helper-showonce a { background-position: 0 -96px; } .cloud-helper-button a:hover { background-position: 0 -48px; } */ /* page */ .cloud-helper-body-wrap { position: fixed; top: 112px; right: 53px; _position: absolute; display: none; width: 500px; z-index: 10000; } .cloud-helper-box { background: #f8f8f8; border: 3px solid #9cddf5; text-align: left; position: relative; } .cloud-helper-box-top { height: 40px; padding: 0 15px 0px 15px; } .cloud-helper-box-top-text { font-size: 15px; line-height: 49px; height: 40px; font-weight: bold; color: #333; } /* .cloud-helper-box-mid { padding: 0 15px; } */ .cloud-helper-box-mid a { color: black; text-decoration: none; } .cloud-helper-box-mid a:hover { color: #00a2c9; text-decoration: underline; } .cloud-helper-box-list { font-size: 12px; margin: 0; padding: 0; } .cloud-helper-box-list li { height: 24px; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; color: #00a2c9 } .cloud-helper-box-sec { padding-left: 15px; height: 100px; } .cloud-helper-box-sec-tit { overflow: hidden; zoom: 1; } .cloud-helper-box-sec-tit p { font-size: 15px; line-height: 36px; height: 36px; font-weight: bold; float: left; color: #333; } .cloud-helper-box-bot { border-top: 1px solid #e8e8e8; height: 51px; } .cloud-helper-box-bot a { color: #00a2c9; } .cloud-helper-box-bot-list { font-size: 12px; margin: 0; padding: 0; } .cloud-helper-box-bot-list div { height: 24px; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; float: left; width: 90px; padding: 5px; } .cloud-helper-box-bot-list .clr { clear: both; height: 0; width: 100%; } .cloud-helper-box-bot table { width: 100%; height: 40px; margin-top: 6px; } .cloud-helper-box-bot-label { padding-left: 35px; } .cloud-helper-box-bot-label2 { padding: 0 5px; } .cloud-helper-box-bot-label4 { padding: 0 5px 0 10px; } .cloud-helper-box-bot-tel { margin-left: 5px; color: #333; } .cloud-helper-box-btn { display: inline-block; background: #f8f8f8; border: 1px solid #cccccc; border-radius: 2px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); padding: 0 24px; height: 32px; font-family: 'Microsoft YaHei'; font-size: 12px; color: #333333; overflow: hidden; white-space: nowrap; text-decoration: none; vertical-align: middle; *zoom: 1; *overflow: visible; cursor: pointer; } .cloud-helper-box-sec .cloud-helper-box-btn-white { padding: 0 16px; height: 26px; line-height: 26px; border: 1px solid #bebebe; background-color: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#EFEFEF)); background: -moz-linear-gradient(top, #F9F9F9, #EFEFEF); background: -o-linear-gradient(top, #F9F9F9, #EFEFEF); background: linear-gradient(top, #F9F9F9, #EFEFEF); color: #333333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15); -webkit-user-select: none; -moz-user-select: none; user-select: none; } .cloud-helper-box-sec .cloud-helper-box-btn-white:hover { cursor: pointer; text-decoration: none; background-color: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#F7F7F7)); background: -moz-linear-gradient(top, #FDFDFD, #F7F7F7); background: -o-linear-gradient(top, #FDFDFD, #F7F7F7); background: linear-gradient(top, #FDFDFD, #F7F7F7); box-shadow: 0 1px 0 rgba(0, 0, 0, .05); text-decoration: none; } .cloud-helper-box-icon { display: inline-block; width: 14px; height: 16px; vertical-align: middle; } .cloud-helper-box-icon1 { background: url(../images2/cloud_helper.gif) no-repeat 0 0; margin-left: 10px; } .cloud-helper-box-icon2 { background: url(../images2/cloud_helper.gif) no-repeat -16px 0; margin-left: 10px; } .cloud-helper-box-icon3 { background: url(../images2/cloud_helper.gif) no-repeat -32px 0; margin-left: 10px; } .cloud-helper-box-bl { color: #00a2c9 } .cloud-helper-box-rd { color: #ff0000 } .cloud-helper-box-gy { color: #a1a19f } .cloud-helper-box-bar { margin: 0; padding: 4px; height: 16px; line-height: 16px; border: 1px solid #CCC; border-radius: 2px; background-color: #FFF; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; vertical-align: middle; resize: none; } .cloud-helper-box-bar-search { width: 365px; background: url(../images2/cloud_helper.gif) 0 -215px no-repeat; background-color: #fff; padding-left: 35px } /* start--0802 */ .cloud-helper-search-ipt { margin: 0; padding: 4px; height: 18px; line-height: 18px; border: 1px solid #CCC; border-radius: 2px; background-color: #FFF; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; vertical-align: middle; resize: none; } .cloud-helper-search-ipt-default { color: #ccc; padding-left: 35px; width: 365px; background: url(../images2/cloud_helper.gif) 0px -215px no-repeat #fff; } .cloud-helper-search-ipt-ready, .cloud-helper-search-ipt-keep { color: #333; padding-left: 5px; background: url() #fff; width: 395px; } .cloud-helper-box-switch { float: right; width: 19px; height: 19px; margin: 11px 6px 11px 0; cursor: pointer; display: inline; } .cloud-helper-box-switch a { display: block; height: 100%; width: 100%; } .cloud-helper-box-close { margin-right: 0px; } .cloud-helper-box-change { display: none; } .cloud-helper-box-close a { background: url(../images2/cloud_helper.gif) no-repeat 0 -16px; } .cloud-helper-box-close a:hover { background: url(../images2/cloud_helper.gif) no-repeat -20px -16px; } .cloud-helper-box-change a { background: url(../images2/cloud_helper.gif) no-repeat 0px -36px; } .cloud-helper-box-change a:hover { background: url(../images2/cloud_helper.gif) no-repeat -20px -36px; } .cloud-helper-box-arrow-right a { background: url(../images2/cloud_helper.gif) no-repeat 0px -56px; } .cloud-helper-box-arrow-right a:hover { background: url(../images2/cloud_helper.gif) no-repeat -20px -56px; } /* end */ .cloud-helper-box-info { background: #eff8fa; padding: 7px 10px 7px 10px; margin: 3px 15px 3px 15px; } .cloud-helper-box-info p, .cloud-helper-box-info span { font: 12px/1.5 Microsoft YaHei, tahoma, arial, \5b8b\4f53 !important; } .cloud-helper-box-list2 { font-size: 12px; margin: 0; padding: 0; } .cloud-helper-box-list2 div { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; color: #00a2c9; } .cloud-helper-box-list2 .cloud-helper-box-list-tit { width: 100%; background: #f8f8f8; height: 23px; line-height: 23px; overflow: hidden; } .cloud-helper-box-list2 .cloud-helper-box-list-con { line-height: 21px; display: none; height: 118px; background: #fff; padding: 5px 10px; margin: 2px 0; color: #5d5d5d; border: 1px solid #ccc; white-space: normal; word-wrap: break-word; overflow-y: auto; overflow-x: hidden; } .cloud-helper-box-list2 .cloud-helper-box-list-con a { color: #00a2c9 } .cloud-helper-box-list2 .cloud-helper-box-sublist { font-size: 12px; margin: 0; padding: 0; } .cloud-helper-box-list2 .cloud-helper-box-sublist-tit { height: 24px; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; color: #ff0000; cursor: pointer; } .cloud-helper-box-list2 .cloud-helper-box-sublist-con { padding: 10px 0; white-space: normal; word-wrap: break-word; color: #000; padding-left: 24px; overflow-y: auto; overflow-x: hidden; } .cloud-helper-box-list2 .cloud-helper-box-sublist-icon { display: inline-block; width: 24px; height: 24px; vertical-align: middle; background: url(../images2/cloud_helper.gif) 0 -187px; } .cloud-helper-box-subsec { padding: 10px 0; } .cloud-helper-box-subsec .cloud-helper-box-subsec-tit { color: #000; height: 24px; line-height: 24px; font-weight: bold; cursor: pointer; } .cloud-helper-box-sec20 { margin-bottom: 10px; padding-left: 15px; height: 16px; line-height: 16px; display: none; } .cloud-helper-box-icon-up { background: url(../images2/cloud_helper.gif) 0 -76px no-repeat; } .cloud-helper-box-icon-down { background: url(../images2/cloud_helper.gif) -16px 76px no-repeat; } /* robot */ /* .cloud-helper-robot { margin-left: 15px; margin-right: 15px; } */ .cloud-helper-robot a { color: #00a2c9; } .cloud-helper-robot a:visited { color: #00a2c9; } .cloud-helper-robot-main { height: 250px; width: 446px; background: #fff; border: 1px solid #bbb; overflow-y: auto; overflow-x: hidden; padding: 10px; } .cloud-helper-robot-question { background: #f0f9fe; border: 1px solid #c8def2; border-radius: 3px; padding: 10px; } .cloud-helper-bold { font-weight: bold; } .cloud-helper-orange { color: #f48c12; } .cloud-helper-grey { color: #999; } .cloud-helper-robot-question-head { } .cloud-helper-robot-question-text { font-size: 14px; } .cloud-helper-robot-answer { margin-top: 15px; margin-bottom: 15px; } .cloud-helper-robot-answer-head { padding-left: 35px; background: url(../images2/cloud_helper.gif) no-repeat 0 -92px; height: 30px; line-height: 30px; } .cloud-helper-robot-answer-text { margin-top: 10px; white-space: normal; word-wrap: break-word; line-height: 1.7em; color: #333; } .cloud-helper-robot-answer-related { padding-bottom: 15px; padding-top: 5px; } .cloud-helper-robot-answer-related ul { margin-top: 5px; } .cloud-helper-robot-answer-related ul li { line-height: 2em; } .cloud-helper-robot-answer-text .cloud-helper-robot-answer-sublist { list-style-type: square; color: red; margin-left: 15px; } .cloud-helper-grab { cursor: -moz-grab; cursor: -webkit-grab; cursor: grab; cursor: move\9; } .cloud-helper-grabbing { cursor: -moz-grabbing; cursor: -webkit-grabbing; cursor: grabbing; cursor: move\9; } .user-select-none { user-select: none; -webkit-user-select: none; } .cloud-helper-box-sec a { text-decoration: none; } .cloud-helper-box-sec a:hover { text-decoration: none; } .cloud-helper-box-sec .cloud-helper-robot-opt { font: 12px/16px normal; display: block; padding-left: 20px; float: right; height: 16px; color: #999; margin: 10px 0; } .cloud-helper-box-sec .cloud-helper-robot-opt-hover { color: #333; } .cloud-helper-robot-clear { width: 45px; background: url(../images2/cloud_helper.gif) no-repeat 0 -138px; } .cloud-helper-robot-clear:hover { background: url(../images2/cloud_helper.gif) no-repeat 0 -122px; color: #333 } .cloud-helper-robot-derive { width: 66px; background: url(../images2/cloud_helper.gif) no-repeat 0 -154px; } .cloud-helper-robot-derive:hover { width: 66px; background: url(../images2/cloud_helper.gif) no-repeat 0 -170px; color: #333 } .cloud-helper-suggest-results { padding: 0px; border: 1px solid #f48c12; background-color: #fcfbf7; overflow: hidden; z-index: 99999; bottom: 95px; left: 14px; width: 400px; position: absolute; } /* .cloud-helper-suggest-results strong { color: #ff6600; } */ .cloud-helper-suggest-results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .cloud-helper-suggest-results li { margin: 0px; padding: 3px 5px; cursor: default; display: block; cursor: pointer; font-size: 12px; line-height: 16px; overflow: hidden; } .cloud-helper-suggest-hover { background-color: #117cdf; color: #fff; } .cloud-helper-transition { -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cloud-helper-box-panel { position: relative; overflow: hidden; height: 138px; width: 470px; margin: 0 12px; } .cloud-helper-box-mid, .cloud-helper-robot { position: absolute; top: 0; } .cloud-helper-box-mid { left: 0; width: 470px; } .cloud-helper-robot { left: 470px; } .cloud-helper-display4 { line-height: 24px; } /* retina */ /*@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx) { .cloud-helper-button a { background: url(../images2/xiaoyun-2x-20131225.gif) 0 0 no-repeat; cursor: pointer; display: block; width: 100%; height: 100%; background-size: cover; } }*//* line 4, ../../../../src/knight/css/widget/footer.scss */ .copyright-100 { clear: both; background: #f8f8f8; border-top: 1px solid #e5e5e5; min-width: 1000px; } /* line 9, ../../../../src/knight/css/widget/footer.scss */ .copyright-100 .copyright { text-align: left; color: #999; font-size: 12px; padding: 15px 0 40px; } /* line 14, ../../../../src/knight/css/widget/footer.scss */ .copyright-100 .copyright .img { display: inline-block; width: 22px; height: 22px; background-image: url("../images2/footer-168-169.png"); background-image: -webkit-image-set(url("../images2/footer-168-169.png") 1x, url("/aliyun/www-dpl/0.6.10/knight/images-xb/footer-336-338.png") 2x); background-image: -moz-image-set(url("../images2/footer-168-169.png") 1x, url("/aliyun/www-dpl/0.6.10/knight/images-xb/footer-336-338.png") 2x); background-image: -ms-image-set(url("../images2/footer-168-169.png") 1x, url("/aliyun/www-dpl/0.6.10/knight/images-xb/footer-336-338.png") 2x); background-image: -o-image-set(url("../images2/footer-168-169.png") 1x, url("/aliyun/www-dpl/0.6.10/knight/images-xb/footer-336-338.png") 2x); } /* line 21, ../../../../src/knight/css/widget/footer.scss */ .copyright-100 .copyright .img-1 { background-position: 85px 113px; } /* line 24, ../../../../src/knight/css/widget/footer.scss */ .copyright-100 .copyright .img-2 { background-position: 85px 91px; } /* line 27, ../../../../src/knight/css/widget/footer.scss */ .copyright-100 .copyright p { padding: 5px 0; } /* line 29, ../../../../src/knight/css/widget/footer.scss */ .copyright-100 .copyright p a { padding: 0 5px 0 0; color: #b3b3b3; white-space: nowrap; } /* line 34, ../../../../src/knight/css/widget/footer.scss */ .copyright-100 .copyright p .link-item { padding: 0 10px 0 0; } /* line 39, ../../../../src/knight/css/widget/footer.scss */ .copyright-100 .copyright .link-wrap { line-height: 24px; } /* line 42, ../../../../src/knight/css/widget/footer.scss */ .copyright-100 .copyright p.big { font-size: 14px; } /* line 44, ../../../../src/knight/css/widget/footer.scss */ .copyright-100 .copyright p.big a { color: #373d41; } /* line 48, ../../../../src/knight/css/widget/footer.scss */ .copyright-100 .copyright .copyright { margin-top: -6px; } /* line 54, ../../../../src/knight/css/widget/footer.scss */ .float-tool { position: fixed; _position: absolute; bottom: 33%; right: .1%; z-index: 250; margin-bottom: -90px; } /* line 61, ../../../../src/knight/css/widget/footer.scss */ .float-tool .btn-tool { margin: 5px 0; width: 22px; height: 22px; font-size: 21px; padding: 8px; cursor: pointer; } /* line 68, ../../../../src/knight/css/widget/footer.scss */ .float-tool .btn-tool a { color: #f29f05; } /* line 71, ../../../../src/knight/css/widget/footer.scss */ .float-tool .btn-tool a:hover { color: #fff !important; text-decoration: none; } /* line 76, ../../../../src/knight/css/widget/footer.scss */ .float-tool .gotop-wrap { background: #f1f1f1; line-height: 22px; } /* line 79, ../../../../src/knight/css/widget/footer.scss */ .float-tool .gotop-wrap a:hover { background: #27b5d7; } /* line 82, ../../../../src/knight/css/widget/footer.scss */ .float-tool .gotop-wrap:hover { background: #27b5d7; } /* line 84, ../../../../src/knight/css/widget/footer.scss */ .float-tool .gotop-wrap:hover a { color: #fff !important; } /* line 89, ../../../../src/knight/css/widget/footer.scss */ .float-tool .top { display: none; } /* line 92, ../../../../src/knight/css/widget/footer.scss */ .float-tool .cloud-helper { position: relative; height: 110px; } /* line 95, ../../../../src/knight/css/widget/footer.scss */ .float-tool .cloud-helper a { display: block; top: 0; left: 0; width: 39px; height: 128px; position: absolute; overflow: hidden; } /* line 104, ../../../../src/knight/css/widget/footer.scss */ .float-tool .cloud-helper .cloud-help-icon-top { display: block; width: 38px; height: 38px; background-image: url("../images2/tb1axaohxxxxxclxpxxk.syfvxx-30-36.png"); background-image: -webkit-image-set(url("../images2/tb1axaohxxxxxclxpxxk.syfvxx-30-36.png") 1x, url("//gtms01.alicdn.com/tps/i1/TB1oDOrHXXXXXbEXpXXeffVHFXX-60-72.png") 2x); background-position: 4px 0px; background-repeat: no-repeat; } /* line 113, ../../../../src/knight/css/widget/footer.scss */ .float-tool .cloud-helper .cloud-help-icon-bottom { display: block; width: 38px; height: 90px; background-image: url("../images2/tb1.uyphxxxxxbqxpxxhxqzpvxx-38-293.gif"); background-image: -webkit-image-set(url("../images2/tb1.uyphxxxxxbqxpxxhxqzpvxx-38-293.gif") 1x, url("//gtms04.alicdn.com/tps/i4/TB1ciqkHXXXXXXIXVXXNi0h6FXX-76-586.gif") 2x); background-position: 0px -202px; } /* line 123, ../../../../src/knight/css/widget/footer.scss */ .float-tool .cloud-helper a:hover .cloud-help-icon-bottom { background-position: 0px -101px; } .www-aliyun-com-home-solution .module-wrap { background: #373d41 } .www-aliyun-com-home-solution .module-wrap .slide-container { position: relative; min-width: 1000px; max-width: 1440px; height: 344px } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn,.www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn-panel { position: absolute; top: 0; bottom: 0; width: 50px; border: 0; outline: none; cursor: pointer; background: transparent } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn-panel i,.www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn i { display: inline-block; font-size: 25px; color: #fff; cursor: pointer; opacity: .7; filter: alpha(opacity=70); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70)) } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn-panel:hover i,.www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn:hover i { opacity: 1; filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100)) } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn-panel.left-btn,.www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn.left-btn { left: 0 } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn-panel.right-btn,.www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn.right-btn { right: 0 } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn-panel { display: none } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn-panel .btn-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #161a1d; opacity: .3; filter: alpha(opacity=30); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(30)); display: none } .www-aliyun-com-home-solution .module-wrap .slide-container:hover .slide-btn-panel,.www-aliyun-com-home-solution .module-wrap .slide-container:hover .slide-btn-panel .btn-bg { display: block } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body { position: relative; overflow: hidden; height: 344px } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content { position: absolute; *zoom: 1; left: 0; top: 0 } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content:after,.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content:before { content: ""; display: table } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content:after { clear: both } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item { position: relative; float: left; color: #000; font-size: 0; text-align: center; min-width: 236px; max-width: 288px; min-height: 344px; cursor: pointer } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .item-bg { width: 100%; height: 100% } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask { position: absolute; left: 0; right: 0; top: 0; bottom: 0 } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #161a1d; opacity: .6; filter: alpha(opacity=60); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60)); transition: all .4s cubic-bezier(.4,0,.2,1) } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .bg.other-bg { opacity: .82; filter: alpha(opacity=82); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(82)) } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content { position: absolute; left: 0; right: 0; top: 100px; bottom: 0; transition: all .4s cubic-bezier(.4,0,.2,1) } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .line-panel { padding: 0; margin: 0; font-size: 0; line-height: 0; margin-top: 20px; transition: all .4s cubic-bezier(.4,0,.2,1) } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .line-panel .item-line { width: 20px; height: 2px; background: #fff; display: inline-block; opacity: 1; filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100)); transition: all .4s cubic-bezier(.4,0,.2,1) } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel { position: relative; width: 25%; height: 54px; display: inline-block } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img,.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover { position: absolute; left: 0; right: 0; top: 0; width: 100%; display: inline-block; opacity: 1; filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100)); transition: all .4s cubic-bezier(.4,0,.2,1) } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover { opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); transition: all .4s cubic-bezier(.4,0,.2,1) } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-title { color: #fff; font-size: 22px; line-height: 24px; margin: 0; padding: 0; margin-top: 24px; font-weight: 700; transition: all .4s cubic-bezier(.4,0,.2,1) } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-desc { font-size: 14px; color: #fff; text-align: center; margin-top: 30px; padding: 0 23px; line-height: 24px; height: 72px } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link { display: inline-block; border: 1px solid #fff; width: 120px; height: 36px; line-height: 36px; font-size: 14px; color: #fff; text-decoration: none; margin-top: 62px } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link:hover { color: #00c1de; background: #fff } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-desc,.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link { opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); transition: all .4s cubic-bezier(.4,0,.2,1) } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .bg { background: #c30404; opacity: .9; filter: alpha(opacity=90); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90)) } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .bg.other-bg { opacity: .9; filter: alpha(opacity=90); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90)) } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content { top: 13% } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-img-panel .item-img { opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)) } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-img-panel .item-img-hover { opacity: 1; filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100)) } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .line-panel { margin-top: 10px } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .line-panel .item-line { opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)) } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-title { margin-top: 12px } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-desc,.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-link { opacity: 1; filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100)) } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-desc { margin-top: 22px } .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-link { margin-top: 14% } @-webkit-keyframes slide-market20 { 0% { opacity: 0; -webkit-transform: translateY(20px) } to { opacity: 1 } } @keyframes slide-market20 { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } to { opacity: 1 } } .slide-market-20 { -webkit-animation: slide-market20 1.5s cubic-bezier(.4,0,.2,1) 0s 1; animation: slide-market20 1.5s cubic-bezier(.4,0,.2,1) 0s 1 } @-webkit-keyframes slide-market30 { 0% { opacity: 0; -webkit-transform: translateY(30px) } to { opacity: 1 } } @keyframes slide-market30 { 0% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px) } to { opacity: 1 } } .slide-market-30 { -webkit-animation: slide-market30 1.5s cubic-bezier(.4,0,.2,1) 0s 1; animation: slide-market30 1.5s cubic-bezier(.4,0,.2,1) 0s 1 } @-webkit-keyframes slide-market40 { 0% { opacity: 0; -webkit-transform: translateY(40px) } to { opacity: 1 } } @keyframes slide-market40 { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px) } to { opacity: 1 } } .slide-market-40 { -webkit-animation: slide-market40 1.5s cubic-bezier(.4,0,.2,1) 0s 1; animation: slide-market40 1.5s cubic-bezier(.4,0,.2,1) 0s 1 } lesshat-selector { -lh-property: 0 } @-webkit-keyframes slide-market50 { 0% { opacity: 0; -webkit-transform: translateY(50px) } to { opacity: 1 } } @keyframes slide-market50 { 0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px) } to { opacity: 1 } }[not-existing] { zoom: 1 } .slide-market-50 { -webkit-animation: slide-market50 1.5s cubic-bezier(.4,0,.2,1) 0s 1; animation: slide-market50 1.5s cubic-bezier(.4,0,.2,1) 0s 1 } .aliyun-index-market-2016 .module-wrap * { padding: 0 } .aliyun-index-market-2016 .module-wrap .aliyun-hide { visibility: hidden } .aliyun-index-market-2016 .module-wrap .ali-main-head { position: relative; margin-bottom: 67px } .aliyun-index-market-2016 .module-wrap .ali-main-head h1 { cursor: default; text-align: center; font-size: 24px; color: #373d41 } .aliyun-index-market-2016 .module-wrap .ali-main-head a.index-info { display: block; text-align: center; margin-top: 12px; font-size: 16px; color: #5f6367 } .aliyun-index-market-2016 .module-wrap .ali-main-head a.index-info:hover { text-decoration: none; color: #28d0e9 } .aliyun-index-market-2016 .module-wrap .ali-main-head p.index-info { margin-top: 12px; text-align: center; font-size: 16px; color: #5f6367; line-height: 24px } .aliyun-index-market-2016 .module-wrap .ali-main-market { margin-top: 76px; margin-bottom: 76px } .aliyun-index-market-2016 .module-wrap .ali-main-product-other .ali-main-product-other-cell { width: 33.3%; text-align: center; height: 200px; margin: 10px auto } .aliyun-index-market-2016 .module-wrap .ali-main-product-other .ali-main-product-other-cell .header-link { display: block; text-decoration: none; margin: 0 auto; width: 100px } .aliyun-index-market-2016 .module-wrap .ali-main-product-other .ali-main-product-other-cell .header-link h2 { transition: all .15s cubic-bezier(.4,0,.2,1); font-size: 20px; color: #373d41; margin-top: 10px; font-weight: 700 } .aliyun-index-market-2016 .module-wrap .ali-main-product-other .ali-main-product-other-cell .header-link:hover h2 { color: #00c1de } .aliyun-index-market-2016 .module-wrap .ali-main-product-other .ali-main-product-other-cell .ali-product-img { position: relative; height: 75px; width: 75px; background: no-repeat 50%; margin: 0 auto; background-size: 75px; background-position: 0 0 } .aliyun-index-market-2016 .module-wrap .ali-main-product-other .ali-main-product-other-cell p { line-height: 20px; color: #999; padding: 0 30px } .aliyun-index-market-2016 .module-wrap .ali-main-product-other .ali-main-product-other-cell .ali-product-appendix { padding-top: 10px } .aliyun-index-market-2016 .module-wrap .ali-main-product-other .ali-main-product-other-cell .ali-product-appendix .appendix-list { display: inline-block; list-style: decimal!important; padding: 0; font-size: 14px; position: relative } .aliyun-index-market-2016 .module-wrap .ali-main-product-other .ali-main-product-other-cell .ali-product-appendix .appendix-list span { color: #a9b0b4 } .aliyun-index-market-2016 .module-wrap .ali-main-product-other .ali-main-product-other-cell .ali-product-appendix .appendix-list a { text-decoration: none; transition: all .15s cubic-bezier(.4,0,.2,1); color: #a9b0b4 } .aliyun-index-market-2016 .module-wrap .ali-main-product-other .ali-main-product-other-cell .ali-product-appendix .appendix-list a:hover { color: #00c1de } .aliyun-index-defence .module-wrap * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .aliyun-index-defence .module-wrap .ali-main-defence-wrapper { background-color: #00C1DE; position: relative; text-align: center; padding-top: 32px; height: 100px; width: 100% } .aliyun-index-defence .module-wrap .ali-main-defence { opacity: .5; filter: alpha(opacity=50); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(50)); position: absolute; z-index: 0; top: 0; bottom: 0; width: 100%; background-repeat: no-repeat!important; -webkit-background-size: 100%!important; -moz-background-size: 100%!important; background-size: 100%!important; text-align: center } .aliyun-index-defence .module-wrap .defence-desc { position: relative; z-index: 1; text-align: center; text-decoration: none; font-size: 24px; color: #fff } .point-area { text-align: center; position: relative; width: 150px; height: 150px; transition: opacity .5s ease-out } .point-area .point { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 10px; height: 10px; margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background: transparent } .point-area .point-shadow:after { box-shadow: inset 0 0 5em rgba(0,205,236,.16) } .point-area .point-white { background-color: #fff; border: 1px solid #00c1de } .point-area .point-dot { z-index: 1; background-color: #6ad7e9; border: 1px solid rgba(0,205,236,.37) } .point-area .point-10 { width: 100%; height: 100% } .point-area .point-10:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4.5s ease-out 225ms infinite; animation: ripple 4.5s ease-out 225ms infinite } .point-area .point-20 { width: 100%; height: 100% } .point-area .point-20:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4.5s ease-out .45s infinite; animation: ripple 4.5s ease-out .45s infinite } .point-area .point-30 { width: 100%; height: 100% } .point-area .point-30:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4.5s ease-out 675ms infinite; animation: ripple 4.5s ease-out 675ms infinite } .point-area .point-40 { width: 100%; height: 100% } .point-area .point-40:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4.5s ease-out .9s infinite; animation: ripple 4.5s ease-out .9s infinite } .point-area .point-50 { width: 100%; height: 100% } .point-area .point-50:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4.5s ease-out 1125ms infinite; animation: ripple 4.5s ease-out 1125ms infinite } .point-area .point-60 { width: 100%; height: 100% } .point-area .point-60:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4.5s ease-out 1.35s infinite; animation: ripple 4.5s ease-out 1.35s infinite } .point-area .point-70 { width: 100%; height: 100% } .point-area .point-70:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4.5s ease-out 1575ms infinite; animation: ripple 4.5s ease-out 1575ms infinite } .point-area .point-80 { width: 100%; height: 100% } .point-area .point-80:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4.5s ease-out 1.8s infinite; animation: ripple 4.5s ease-out 1.8s infinite } .point-area .point-90 { width: 100%; height: 100% } .point-area .point-90:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4.5s ease-out 2025ms infinite; animation: ripple 4.5s ease-out 2025ms infinite } .point-area .point-100 { width: 100%; height: 100% } .point-area .point-100:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4.5s ease-out 2.25s infinite; animation: ripple 4.5s ease-out 2.25s infinite } lesshat-selector { -lh-property: 0 } @-webkit-keyframes ripple { 0% { opacity: 0; -webkit-transform: scale(.1) } 5% { opacity: 1 } to { opacity: 0; -webkit-transform: scale(1) } } @keyframes ripple { 0% { opacity: 0; -webkit-transform: scale(.1); transform: scale(.1) } 5% { opacity: 1 } to { opacity: 0; -webkit-transform: scale(1); transform: scale(1) } }[not-existing] { zoom: 1 } .module-wrap { min-width: 1000px } .aliyun-index-serve-2016 .module-wrap .ali-main-serve-head { margin-bottom: 60px } .aliyun-index-serve-2016 .module-wrap .ali-main-serve-head h1 { text-align: center; font-size: 24px; color: #373d41 } .aliyun-index-serve-2016 .module-wrap .ali-main-serve-head .index-info { display: block; margin-top: 12px; font-size: 16px; color: #5f6367 } .aliyun-index-serve-2016 .module-wrap .ali-main-serve-head .index-info:hover { text-decoration: none; color: #28d0e9 } .aliyun-index-serve-2016 .module-wrap .ali-main-serve { margin-top: 80px; margin-bottom: 50px } .aliyun-index-serve-2016 .module-wrap .ali-main-serve .main-img,.aliyun-index-serve-2016 .module-wrap .ali-main-serve .main-img img { width: 100% } .aliyun-index-serve-2016 .module-wrap .ali-main-serve .main-bar { padding: 0 10% } .aliyun-index-serve-2016 .module-wrap .ali-main-serve .main-bar .main-bar-list { box-sizing: border-box; padding: 0 10px; float: left; width: 25% } .aliyun-index-serve-2016 .module-wrap .ali-main-serve .main-bar .main-bar-list img { width: 50px; height: 50px; float: left } .aliyun-index-serve-2016 .module-wrap .ali-main-serve .main-bar .main-bar-list p { float: left; line-height: 50px; color: #373d41; font-size: 12px; padding-left: 10px } .aliyun-index-partner-2016 .module-wrap * { box-sizing: border-box } .aliyun-index-partner-2016 .module-wrap .ali-main-head { margin-bottom: 12px } .aliyun-index-partner-2016 .module-wrap .ali-main-head h1 { text-align: center; font-size: 24px; color: #373d41 } .aliyun-index-partner-2016 .module-wrap .ali-main-head a.index-info { display: block; text-align: center; margin-top: 12px; font-size: 16px; color: #5f6367 } .aliyun-index-partner-2016 .module-wrap .ali-main-head a.index-info:hover { text-decoration: none; color: #28d0e9 } .aliyun-index-partner-2016 .module-wrap .ali-main-head p.index-info { margin-top: 12px; text-align: center; font-size: 16px; color: #5f6367; line-height: 24px } .aliyun-index-partner-2016 .module-wrap .ali-main-partner { margin-top: 80px } .aliyun-index-partner-2016 .module-wrap .ali-main-partner .ali-main-partner-more { text-align: center; font-size: 12px; margin: -40px 0 54px } .aliyun-index-partner-2016 .module-wrap .ali-main-partner .ali-main-partner-box { width: 20%; height: 203px } .aliyun-index-partner-2016 .module-wrap .ali-main-partner .ali-main-partner-box>.context { text-align: center; height: 130px; padding-top: 36.5px } .aliyun-index-register .module-wrap * { box-sizing: border-box } .aliyun-index-register .module-wrap .ali-main-register-wrapper { position: relative; height: 200px; width: 100%; background-color: #00c1de } .aliyun-index-register .module-wrap .context { position: absolute; top: 56px; bottom: 0; left: 0; right: 0; z-index: 2; color: #fff; text-align: center } .aliyun-index-register .module-wrap .ali-main-register { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background-repeat: no-repeat; background-size: cover; opacity: .4; filter: alpha(opacity=40); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(40)) } .aliyun-index-register .module-wrap .register-desc { font-size: 24px; line-height: 31px; margin-bottom: 17px } .aliyun-index-register .module-wrap .register-btn { transition: all .225s ease-in-out; color: #fff; background: transparent; border: 1px solid #fff; font-size: 16px!important; line-height: 36px; padding: 0 28px; height: 36px; outline: none; cursor: pointer } .aliyun-index-register .module-wrap .register-btn:hover { color: #00c1de; background: #fff; border-color: #fff } .aliyun-index-config .module-wrap textarea.schemaData { visibility: hidden; width: 0; height: 0; display: block; border: 0 } @charset "utf-8"; /* CSS Document*/ .ai-platform { font-size: 14px; -webkit-font-smoothing: antialiased } .ai-platform ol,.ai-platform ul { list-style: none; padding: 0; margin: 0 } .ai-platform h1,.ai-platform h2,.ai-platform h3,.ai-platform h4,.ai-platform h5,.ai-platform h6 { font-family: Microsoft YaHei Light,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial Narrow,Arial,"sans-serif"; margin: 0; font-weight: 500 } .ai-platform button,.ai-platform input,.ai-platform keygen,.ai-platform select,.ai-platform textarea { font-family: Microsoft YaHei Light,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial Narrow,Arial,"sans-serif"; outline: none!important; color: #ccc } .ai-platform a { cursor: pointer; text-decoration: none; color: inherit } .ai-platform a:hover { color: #ff6600 } .ai-platform a[role=button],.ai-platform button { width: 90px; height: 32px; line-height: 32px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 14px; cursor: pointer; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.2); box-shadow: 0 2px 3px 0 rgba(0,0,0,.2); -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; display: inline-block; text-align: center; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0 } .ai-platform a[role=button]:hover,.ai-platform button:hover { -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.4); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.4); box-shadow: 0 2px 5px 0 rgba(0,0,0,.4) } .ai-platform a[role=button].btn-primary,.ai-platform button.btn-primary { border: 1px solid #ff6600; background-color: #ff6600; color: #fff!important } .ai-platform a[role=button].btn-primary:hover,.ai-platform button.btn-primary:hover { background-color: #ff6e0e } .ai-platform a[role=button].btn-normal,.ai-platform button.btn-normal { border: 1px solid #ccc; background-color: #fff; color: #373d41!important; } .ai-platform a[role=button].btn-other,.ai-platform button.btn-other { border: 1px solid #333; background-color: #333; color: #fff!important } .ai-platform a[role=button].btn-other:hover,.ai-platform button.btn-other:hover { border: 1px solid #ff6600; background-color: #ff6600 } .ai-platform a[role=button].small,.ai-platform button.small { width: 80px; height: 26px; line-height: 26px } .ai-platform a[role=button].media,.ai-platform button.media { width: 110px; height: 38px; line-height: 38px } .ai-platform a[role=button].large,.ai-platform button.large { width: 150px; height: 44px; line-height: 44px; font-size: 18px } .ai-platform .container { display: block; width: 1179px; height: 100%; margin-left: auto; margin-right: auto; padding: 0 10px; position: relative } .ai-platform .clear-float { zoom: 1 } .ai-platform .clear-float:after { display: block; clear: both; content: ""; visibility: hidden; height: 0 } .ai-platform .disabled { opacity: .7; cursor: not-allowed } .ai-platform ::-webkit-input-placeholder { color: #ccc } .ai-platform :-moz-placeholder,.ai-platform ::-moz-placeholder { color: #ccc } .ai-platform :-ms-input-placeholder { color: #ccc } .ai-platform.page-content .banner { height: 500px; overflow: hidden; background-color: #14191e; color: #fff; position: relative } .ai-platform.page-content .banner ul.banner-content { height: 100%; position: relative; width: 1180px; margin: 0 auto; } .ai-platform.page-content .banner ul.banner-content>li { width: 100%; margin: 0 auto; position: absolute; left: 0; top: 0; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; z-index: 0; background-color: #14191e; -moz-background-size: cover; background-size: cover } .ai-platform.page-content .banner ul.banner-content>li.video-bg { padding: 100px 0 } .ai-platform.page-content .banner ul.banner-content>li.video-bg video { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; background-color: transparent; opacity: 0 } .ai-platform.page-content .banner ul.banner-content>li.active { opacity: 1; z-index: 9; -webkit-transition: opacity 1.5s ease-in-out 0s; -moz-transition: opacity 1.5s ease-in-out 0s; transition: opacity 1.5s ease-in-out 0s } .ai-platform.page-content .banner ul.banner-content>li:first-child { background-image: url(//ai.bdstatic.com/dist/1489655127/ai_images/home/banner-1.png); background-repeat: no-repeat; background-position: 50%; background-position-x: center; background-position-y: center } .ai-platform.page-content .banner ul.banner-content>li:nth-child(2) { background-image: url(//ai.bdstatic.com/dist/1489655127/ai_images/home/banner-2.png); background-repeat: no-repeat; background-position: 50%; background-position-x: center; background-position-y: center } .ai-platform.page-content .banner ul.banner-content>li:nth-child(3) { background-image: url(//ai.bdstatic.com/dist/1489655127/ai_images/home/banner-3.png); background-repeat: no-repeat; background-position: 50%; background-position-x: center; background-position-y: center } .ai-platform.page-content .banner ul.banner-content>li:nth-child(4) { background-image: url(//ai.bdstatic.com/dist/1489655127/ai_images/home/banner-4.png); background-repeat: no-repeat; background-position: 50%; background-position-x: center; background-position-y: center } .ai-platform.page-content .banner ul.banner-content>li:nth-child(5) { background-image: url(//ai.bdstatic.com/dist/1489655127/ai_images/home/banner-5.png); background-repeat: no-repeat; background-position: 50%; background-position-x: center; background-position-y: center } .ai-platform.page-content .banner ul.banner-content>li:nth-child(6) { background-image: url(//ai.bdstatic.com/dist/1489655127/ai_images/home/banner-6.png); background-repeat: no-repeat; background-position: 50%; background-position-x: center; background-position-y: center } .ai-platform.page-content .banner ul.banner-content>li:nth-child(7) { background-image: url(//ai.bdstatic.com/dist/1489655127/ai_images/home/banner-7.jpg); background-repeat: no-repeat; background-position: 50%; background-position-x: center; background-position-y: center } .ai-platform.page-content .banner ul.banner-content>li>a { color: #fff; display: block; height: 100%; padding: 100px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .ai-platform.page-content .banner ul.banner-content>li h1 { font-size: 42px; line-height: 42px; margin-bottom: 15px; margin-left: 50px; } .ai-platform.page-content .banner ul.banner-content>li p { font-size: 18px; line-height: 28px; margin-bottom: 35px; max-width: 30em; margin-left: 50px; } .ai-platform.page-content .banner ul.banner-content>li .get-started { border: 1px solid #fff; height: 42px; line-height: 42px; width: 150px; font-size: 18px; background-color: transparent; color: #fff; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0; margin-left: 50px; } .ai-platform.page-content .banner ul.banner-content>li .get-started:hover { background-color: #fff; color: #ff6600; } .ai-platform.page-content .banner ul.banner-indicator { position: absolute; bottom: 20px; width: 200px; height: 4px; text-align: center; left: 50%; z-index: 99; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .ai-platform.page-content .banner ul.banner-indicator>li { width: 20px; height: 4px; background-color: hsla(0,0%,100%,.6); display: inline-block; cursor: pointer } .ai-platform.page-content .banner ul.banner-indicator>li.active { width: 30px; background-color: #fff } .ai-platform.page-content .news { line-height: 40px; height: 40px; background-color: #fafafa; border-bottom: 1px solid rgba(0,0,0,.05); color: #373d41 } .ai-platform.page-content .news>.container .news-container { float: left; width: 100%; height: 100%; } .ai-platform.page-content .news>.container .news-container>ul { } .ai-platform.page-content .news>.container .news-container>ul>li { display: inline-block; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px; text-align: center; line-height: 40px; padding-right: 30px; padding-left: 30px; } .ai-platform.page-content .news>.container .news-container>ul>li a:hover { color: #FFFFFF; } .ai-platform.page-content .news>.container .news-container>ul>li:hover { color: #ff6600; border-radius: 5px; } .ai-platform.page-content .news>.container .news-container>ul>li a:hover { color: #ff6600; } .ai-platform.page-content .news>.container>h4 { float: left; font-size: 12px; color: #999; margin-left: -100%; width: 60px } .ai-platform.page-content .home-section h2 { font-size: 30px; color: #333; text-align: center; margin: 0 0 30px; line-height: 30px } .ai-platform.page-content .home-section.tech-service .service-container { border: 1px solid rgba(0,0,0,.05); border-left: none; } .ai-platform.page-content .home-section.tech-service .service-container .service-item { width: 25.47%; display: inline-block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff } .ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(3n+1),.ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(3n+2) { border-right: 1px solid rgba(0,0,0,.05) } .ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(n+4) { border-top: 1px solid rgba(0,0,0,.05) } .ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(n+4) p { height: 3em } .ai-platform.page-content .home-section.tech-service .service-container .service-item:first-child { height: 250px } .ai-platform.page-content .home-section.tech-service .service-container .service-item:first-child .service-icon { background-image: url(../images2/service.png); background-repeat: no-repeat; background-position: -10px -15px; background-position-x: -10px; background-position-y: -15px } .ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(2) { height: 250px } .ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(2) .service-icon { background-image: url(../images2/service.png); background-repeat: no-repeat; background-position: -90px -15px; background-position-x: -90px; background-position-y: -15px } .ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(3) { height: 250px } .ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(3) .service-icon { background-image: url(../images2/service.png); background-repeat: no-repeat; background-position: -170px -15px; background-position-x: -170px; background-position-y: -15px } .ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(4) .service-icon { background-image: url(../images2/service.png); background-repeat: no-repeat; background-position: -10px -95px; background-position-x: -10px; background-position-y: -95px } .ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(5) .service-icon { background-image: url(../images2/service.png); background-repeat: no-repeat; background-position: -89px -95px; background-position-x: -89px; background-position-y: -95px } .ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(6) .service-icon { background-image: url(../images2/service.png); background-repeat: no-repeat; background-position: -170px -95px; background-position-x: -170px; background-position-y: -95px } .ai-platform.page-content .home-section.tech-service .service-container .service-detail { padding: 15px 15px 15px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; background-color: #fbfbfb; z-index: 0; height: 100% } .ai-platform.page-content .home-section.tech-service .service-container .service-detail:hover { z-index: 9 } .ai-platform.page-content .home-section.tech-service .service-container .service-detail:after { content: ""; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; display: inline-block; width: 100%; height: 100%; position: absolute; left: -3px; top: -1px; padding: 1px; background-color: #fff; z-index: -1; border-top: 2px solid transparent; opacity: 0; } .ai-platform.page-content .home-section.tech-service .service-container .service-detail:hover:after { border-top-color: #ff6600; opacity: 1; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 8px rgba(0,0,0,.2); box-shadow: 0 2px 8px rgba(0,0,0,.2) } .ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-icon { float: left; margin-left: -100%; display: inline-block; width: 70px; height: 70px; -moz-background-size: 250px 170px; background-size: 250px 170px } .ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-desc { float: left; width: 100% } .ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-desc>* { margin-left: 80px } .ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-desc h3 { color: #1655b4; font-size: 16px; line-height: 26px; margin-bottom: 10px; margin-top: 0 } .ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-desc p { color: #999; margin-top: 0; margin-bottom: 0; font-size: 12px } .ai-platform.page-content .home-section.tech-service .service-container .service-detail hr { margin: 20px 0 18px; border-color: rgba(0,0,0,.03); border-bottom: 0 } .ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list { font-size: 12px; margin-left: -28px; margin-top: -9px; } .ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list h4 { display: inline-block; color: #999; border-right: 1px solid rgba(0,0,0,.05); width: 60px; padding-right: 10px; text-align: right; vertical-align: middle; float: left } .ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list>ul>li { display: block; overflow: hidden; } .ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list>ul .ck { width: 120px; height: 30px; background: #bbbbbb; color: #FFFFFF; border-radius: 20px; text-align: center; line-height: 30px; margin-left: 115px; margin-bottom: 10px; } .ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list>ul .ck a:hover { width: 120px; height: 30px; line-height: 30px; color: #FFFFFF; background: #c30404; } .ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list>ul a:hover { color: #ff6600; } .ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list ul>li ul { margin-left: 65px; display: inline-block; vertical-align: middle; width: 235px; float: left; } .ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list ul>li li { display: inline-block; float: left; margin-bottom: 10px } .ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list ul>li li+li { margin-right: 30px } .ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list ul>li li:nth-child(3n+1) { margin-right: 30px; } .ai-platform.page-content .home-section.tech-service .service-container .service-detail .inline-list { margin-left: 80px } .ai-platform.page-content .home-section.tech-service .service-container .service-detail .inline-list>li { margin-right: 10px; display: inline-block; float: left } .ai-platform.page-content .home-section.tech-service .service-container .service-detail a { display: inline-block; line-height: 12px; line-height:18px; } .ai-platform.page-content .home-section.tech-service .service-container .more-service { color: #999; font-size: 14px; text-align: center; line-height: 174px; margin: 0 } .ai-platform.page-content .home-section.solution .solution-container { border: 1px solid rgba(0,0,0,.05); height: 320px } .ai-platform.page-content .home-section.solution .solution-container .solution-tab { width: 160px; position: relative; float: left; margin-left: -100% } .ai-platform.page-content .home-section.solution .solution-container .solution-tab>li { width: 100% } .ai-platform.page-content .home-section.solution .solution-container .solution-tab>li��hover .solution-desc { display: block; } .ai-platform.page-content .home-section.solution .solution-container .solution-tab>li>a { display: block; color: #373d41; font-size: 16px; position: relative; padding: 25px 20px; height: 30px } .ai-platform.page-content .home-section.solution .solution-container .solution-tab>li>a.active,.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li>a:hover { color: #ff6600 } .ai-platform.page-content .home-section.solution .solution-container .solution-tab>li>a.active:before { background-color: #ff6600!important; right: 20px } .ai-platform.page-content .home-section.solution .solution-container .solution-tab>li>a span { display: inline-block; vertical-align: middle; line-height: 30px; height: 30px } .ai-platform.page-content .home-section.solution .solution-container .solution-tab>li>a:before { content: ""; left: 20px; right: 100%; height: 2px; background-color: transparent; position: absolute; display: inline-block; bottom: 0; -webkit-transition: right .5s ease 0s; -moz-transition: right .5s ease 0s; transition: right .5s ease 0s } .ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:not(:last-child)>a:after { content: ""; left: 20px; right: 20px; height: 1px; background-color: rgba(0,0,0,.05); position: absolute; display: inline-block; bottom: 0 } .ai-platform.page-content .home-section.solution .solution-container .solution-tab>li .solution-icon { width: 30px; -moz-background-size: 1200px 620px; background-size: 1200px 620px } .ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:first-child .solution-icon { background-image: url(../images2/solution.png); background-repeat: no-repeat; background-position: -10px -10px; background-position-x: -10px; background-position-y: -10px } .ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:first-child a.active .solution-icon,.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:first-child a:hover .solution-icon { background-image: url(../images2/solution.png); background-repeat: no-repeat; background-position: -10px -50px; background-position-x: -10px; background-position-y: -50px } .ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:nth-child(2) .solution-icon { background-image: url(../images2/solution.png); background-repeat: no-repeat; background-position: -50px -10px; background-position-x: -50px; background-position-y: -10px } .ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:nth-child(2) a.active .solution-icon,.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:nth-child(2) a:hover .solution-icon { background-image: url(../images2/solution.png); background-repeat: no-repeat; background-position: -50px -50px; background-position-x: -50px; background-position-y: -50px } .ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:nth-child(3) .solution-icon { background-image: url(../images2/solution.png); background-repeat: no-repeat; background-position: -90px -10px; background-position-x: -90px; background-position-y: -10px } .ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:nth-child(3) a.active .solution-icon,.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:nth-child(3) a:hover .solution-icon { background-image: url(../images2/solution.png); background-repeat: no-repeat; background-position: -90px -50px; background-position-x: -90px; background-position-y: -50px } .ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:nth-child(4) .solution-icon { background-image: url(../images2/solution.png); background-repeat: no-repeat; background-position: -130px -10px; background-position-x: -130px; background-position-y: -10px } .ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:nth-child(4) a.active .solution-icon,.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:nth-child(4) a:hover .solution-icon { background-image: url(../images2/solution.png); background-repeat: no-repeat; background-position: -130px -50px; background-position-x: -130px; background-position-y: -50px } .ai-platform.page-content .home-section.solution .solution-container .solution-tab:after { content: ""; top: 25px; bottom: 25px; width: 1px; background-color: rgba(0,0,0,.05); position: absolute; display: inline-block; right: 0 } .ai-platform.page-content .home-section.solution .solution-container .solution-detail { float: left; height: 100%; width: 100%; position: relative } .ai-platform.page-content .home-section.solution .solution-container .solution-detail:after { content: ""; position: absolute; display: inline-block; height: 100%; left: 210px; right: 0; top: 0; z-index: -1; -moz-background-size: 1200px 620px; background-size: 1200px 620px; background-image: url(../images2/solution.png); background-repeat: no-repeat; background-position: -200px -10px; background-position-x: -200px; background-position-y: -10px } .ai-platform.page-content .home-section.solution .solution-container .solution-detail>div { display: none; padding: 60px 0 70px 40px; margin-left: 210px; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; } .ai-platform.page-content .home-section.solution .menudiv .con_one_2>div:after { content: ""; position: absolute; display: inline-block; height: 300px; width: 300px; top: 20px; z-index: 1; right: 20px; -moz-background-size: 1200px 620px; background-size: 1200px 620px; -webkit-animation-name: rollInRight; -moz-animation-name: rollInRight; animation-name: rollInRight; -webkit-animation-duration: .2s; -moz-animation-duration: .2s; animation-duration: .2s; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear } .ai-platform.page-content .home-section.solution .solution-container .solution-detail>div:first-child { display: block } .ai-platform.page-content .home-section.solution .solution-container .solution-detail>div:first-child::after { background-image: url(../images2/solution.png); background-repeat: no-repeat; background-position: 10px -330px; background-position-x: 10px; background-position-y: -330px } .ai-platform.page-content .home-section.solution .menudiv .con_one_2>div:nth-child(2):after { background-image: url(../images2/solution.png); background-repeat: no-repeat; background-position: -290px -330px; background-position-x: -290px; background-position-y: -330px } .ai-platform.page-content .home-section.solution .solution-container .solution-detail>div:nth-child(3):after { background-image: url(../images2/solution.png); background-repeat: no-repeat; background-position: -590px -330px; background-position-x: -590px; background-position-y: -330px } .ai-platform.page-content .home-section.solution .solution-container .solution-detail>div:nth-child(4):after { background-image: url(../images2/solution.png); background-repeat: no-repeat; background-position: -890px -330px; background-position-x: -890px; background-position-y: -330px } @-webkit-keyframes rollInRight { 0% { right: -100px } to { right: 20px } } @-moz-keyframes rollInRight { 0% { right: -100px } to { right: 20px } } @keyframes rollInRight { 0% { right: -100px } to { right: 20px } } .ai-platform.page-content .home-section.solution .solution-container .solution-detail .solution-desc h3 { font-size: 24px; text-align: left; margin-bottom: 30px; color: #333; line-height: 24px } .ai-platform.page-content .home-section.solution .solution-container .solution-detail .solution-desc p { margin: 0 0 15px; color: #373d41; line-height: 14px } .ai-platform.page-content .home-section.solution .solution-container .solution-detail .solution-desc .btn-primary { margin-top: 15px } .ai-platform.page-content .home-section.tech-video ul.video-list { margin: 10px 0 0 } .ai-platform.page-content .home-section.tech-video ul.video-list>li { width: 260px; padding: 10px 10px 20px; text-align: center; float: left; position: relative } .ai-platform.page-content .home-section.tech-video ul.video-list>li+li { margin-left: 20px } .ai-platform.page-content .home-section.tech-video ul.video-list>li:after { content: ""; display: inline-block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; -webkit-box-shadow: 0 2px 8px transparent; -moz-box-shadow: 0 2px 8px transparent; box-shadow: 0 2px 8px transparent; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear } .ai-platform.page-content .home-section.tech-video ul.video-list>li:hover:after { -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 8px rgba(0,0,0,.2); box-shadow: 0 2px 8px rgba(0,0,0,.2) } .ai-platform.page-content .home-section.tech-video ul.video-list>li>a { display: inline-block; width: 250px; height: 140px; position: relative; z-index: 9 } .ai-platform.page-content .home-section.tech-video ul.video-list>li>a:before { content: ""; display: inline-block; height: 30px; width: 30px; position: absolute; left: 110px; top: 55px; -moz-background-size: 50px 30px; background-size: 50px 30px; background-image: url(../images2/video-arrow.png); background-repeat: no-repeat; background-position: 3px 0; background-position-x: 3px; background-position-y: 0 } .ai-platform.page-content .home-section.tech-video ul.video-list>li>a:hover:before { background-image: url(../images2/video-arrow.png); background-repeat: no-repeat; background-position: -24px 0; background-position-x: -24px; background-position-y: 0 } .ai-platform.page-content .home-section.tech-video ul.video-list>li>a>img { width: 100%; height: 100% } .ai-platform.page-content .home-section.tech-video ul.video-list>li h5 { font-size: 12px; margin-top: 15px; color: #373d41 } .ai-platform.page-content .home-section.tech-video ul.video-list>li iframe { border: none; width: 100%; height: 130px } .ai-platform.page-content .home-section.tech-video .more-videos { text-align: center; margin-top: 10px; margin-bottom: 50px } .ai-platform.page-content .home-section.tech-video .more-videos>a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .ai-platform.page-content .home-section.tech-video .more-videos>a:hover { background-color: #ff6600; color: #fff!important; border-color: #ff6600; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.4); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.4); box-shadow: 0 2px 5px 0 rgba(0,0,0,.4) } .ai-platform.page-content .home-section.user-case .container { position: relative } .ai-platform.page-content .home-section.user-case .container:before { content: ""; display: inline-block; top: -50px; left: 0; width: 100%; position: absolute; height: 1px; background-color: rgba(0,0,0,.05) } .ai-platform.page-content .home-section.user-case ul.user-brand-list { overflow: hidden; margin-bottom: 50px; padding: 10px 0 } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li { display: inline-block; width: 20%; float: left; text-align: center; height: 100px; position: relative; -moz-background-size: 1200px 575px; background-size: 1200px 575px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:first-child { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: 0 -12px; background-position-x: 0; background-position-y: -12px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:first-child:hover { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: 0 -312px; background-position-x: 0; background-position-y: -312px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:nth-child(2) { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -240px -12px; background-position-x: -240px; background-position-y: -12px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:nth-child(2):hover { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -240px -312px; background-position-x: -240px; background-position-y: -312px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:nth-child(3) { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -480px -12px; background-position-x: -480px; background-position-y: -12px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:nth-child(3):hover { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -480px -312px; background-position-x: -480px; background-position-y: -312px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:nth-child(4) { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -720px -12px; background-position-x: -720px; background-position-y: -12px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:nth-child(4):hover { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -720px -312px; background-position-x: -720px; background-position-y: -312px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:nth-child(5) { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -960px -12px; background-position-x: -960px; background-position-y: -12px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:nth-child(5):hover { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -960px -312px; background-position-x: -960px; background-position-y: -312px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:nth-child(6) { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: 0 -162px; background-position-x: 0; background-position-y: -162px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:nth-child(6):hover { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: 0 -462px; background-position-x: 0; background-position-y: -462px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:nth-child(7) { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -240px -162px; background-position-x: -240px; background-position-y: -162px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:nth-child(7):hover { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -240px -462px; background-position-x: -240px; background-position-y: -462px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:nth-child(8) { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -480px -162px; background-position-x: -480px; background-position-y: -162px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:nth-child(8):hover { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -480px -462px; background-position-x: -480px; background-position-y: -462px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:nth-child(9) { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -720px -162px; background-position-x: -720px; background-position-y: -162px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:nth-child(9):hover { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -720px -462px; background-position-x: -720px; background-position-y: -462px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:nth-child(10) { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -960px -162px; background-position-x: -960px; background-position-y: -162px } .ai-platform.page-content .home-section.user-case ul.user-brand-list>li:nth-child(10):hover { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -960px -462px; background-position-x: -960px; background-position-y: -462px } .ai-platform.page-content .home-section.register-now { padding: 50px 0 40px; text-align: center; background-image: url(../images2/register-now.png); background-repeat: no-repeat; background-position: 50%; background-position-x: center; background-position-y: center; -moz-background-size: cover; background-size: cover } .ai-platform.page-content .home-section.register-now h2 { color: #fff; margin-bottom: 20px } .ai-platform.page-content .home-section.register-now p { font-size: 16px; line-height: 16px; margin: 0 0 30px; color: #fff } .ai-platform.page-content .home-section.register-now .btn-normal { color: #fff!important; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #fff } .ai-platform.page-content .home-section.register-now .btn-normal:hover { color: #ff6600!important; background-color: #fff; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.2); box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) } @charset "utf-8"; /* * Author:xl * 2017.08.02 */ @charset "utf-8"; body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin: 0; padding: 0; } html { color: black; font-size: 62.5%; } body { font: 14px/1.5 arial,"微软雅黑"; color: #373d41; outline: 0; } input,select,textarea { font-size: 100%; outline-style: none; background: transparent; font-family: "微软雅黑"; } input,button { border: none medium; outline: none; font-family: "微软雅黑"; } button, html input[type="button"], input[type="submit"] { cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } address,caption,cite,code,dfn,em,th,var,i { font-style: normal; font-weight: 500; } ol,ul,li,dl,dt,dd { list-style: none; } h1,h2,h3,h4,h5,h6 { font-size: 2rem; font-weight: 500; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } abbr,acronym { border: none; font-variant: normal; } table { border-collapse: collapse; border-spacing: 0; } img { border: 0 none; vertical-align: middle; max-width: 100%; } caption,th { text-align: left; } th { text-align: inherit; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } del { text-decoration: line-through; } legend { color: #373d41; } fieldset { border: none; } iframe { display: block; } q:before,q:after { content: ''; } ins,a { text-decoration: none; cursor: pointer; color: #373d41; } a:hover { text-decoration: none; } a:focus,*:focus { outline: none; } .fr { float: right; } .fl { float: left; } .w1200 { width: 1200px; margin: 0 auto; } .tc { text-align: center; } .w1180 { width: 1180px; height: auto; margin: 0 auto; } .none { display: none; } .clearfix:before,.clearfix:after { content: ""; clear: both; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; overflow: hidden; } .clearfix { zoom: 1; clear: both; } .clear { clear: both; } .dib { display: inline-block; *zoom: 1; *display: inline; } .dis { display: block; } .vm { vertical-align: middle; } button, html input[type=button], input[type=submit] { cursor: pointer; } .size25 { letter-spacing: normal; word-spacing: normal; display: inline-block; } .mager-t0 { margin-top: 0 !important; } .mager-b0 { margin-bottom: 0 !important; } .mager-b25 { margin-bottom: 25px !important; } .mager-t20 { margin-top: 20px !important; } .padd-t0 { padding-top: 0 !important; } .tc { text-align: center; } .orang { color: #ff7000; } .gasb-box { background: #f8f8f8; border-top: 1px solid #dcdcdc; } .padding-b0 { padding-bottom: 0 !important; } .indent { text-indent: 2rem; } .padd-0 { padding: 0 !important; } /*Author:xl 2017 0802*/ /*提示 start*/ .xdw-tips { position: relative; left: 0; top: 0; text-align: center; width: 100%; min-width: 1180px; height: 36px; background: #f1fbff; font-size: 12px; padding: 10px 0; } .xdw-tips p { color: #1ca9f2; } .xdw-tips a { color: #fa4f4f; } /*提示 end */ /*ͷ头部 start*/ .dgg_header { width: 100%; min-width: 1180px; height: 30px; line-height: 30px; font-size: 12px; background: #f1f1f1; position: relative; z-index: 101; } .dgg_header .fl li { float: left; } .dgg_header li>a { font-size: 12px; color: #373d41; padding: 0 10px; } .dgg_header .fl a { border-left: 1px solid #d0d0d0; } .dgg_header .fl li:first-child a { border: none; padding-left: 0; } .dgg_header .fl li a span { padding-left: 5px; } .sub-navigation a i { background: url(../images2/top_bottom_03.jpg) 5px 13px no-repeat; display: inline-block; width: 20px; height: 19px; } .dgg_header .fr a:hover { text-decoration: underline; } .dgg_header .fr .blue { color: #c30404; text-decoration: underline; } .sub-navigation { position: relative; } .service-nav { background: #fff; border: 1px solid #d8d8d8; overflow: hidden; position: absolute; top: 30px; left: -1px; width: 270px; min-height: 45px; padding: 5px 0 12px 12px; display: none; } .service-nava { background: #fff; border: 1px solid #d8d8d8; overflow: hidden; position: absolute; top: 30px; right: -1px; width: 1200px; min-height: 45px; padding: 5px 0 12px 12px; display: none; } .service-navb { background: #fff; border: 1px solid #d8d8d8; overflow: hidden; position: absolute; top: 30px; right: -1px; width: 300px; min-height: 45px; padding: 5px 0 12px 12px; display: none; } .service-navc { background: #fff; overflow: hidden; position: absolute; top: 0px; left: -1px; width: 170px; min-height: 45px; padding: 5px 0 12px 12px; display: none; } .sub-navigation:hover .service-nav { display: block; } .sub-navigation:hover .service-nava{ display:block; } .sub-navigation:hover .service-navb{ display:block; } .sub-navigation:hover .service-navc{ display:block; } .service-nav>a { float: left; display: block; line-height: 30px; padding: 0 10px; color: #676767; margin: 6px 10px 0 0; } .service-navc>a { float: left; display: block; line-height: 30px; padding: 0 10px; color: #676767; margin: 6px 10px 0 0; } .app-download { height: 112px; width: 235px; } .app-download .img { margin-top: 15px; margin-left: 15px; } .app-download .img img { width:100px; } .app-download .text { margin-top: -108px; float: right; } .app-download .text p:first-child { text-indent: 5px; font-size: 14px; text-align: center; margin-top: 5px; } .app-download .text .mobile-link-btn { display: block; background: #fff; border:1px solid #BBBBBB; color: #ff7900; font-family: 'microsoft yahei'; width: 86px; height: 24px; text-align: center; line-height: 24px; border-radius: 2px; margin-top: 15px; } .app-download .text .mobile-link-btn:hover { background: #ff7900; color: #fff; } .top_dianhua { float: right; font: 15px/45px "微软雅黑"; color: #999; margin-top: -10px; } .top_dianhua i { font: 24px/43px Arial; color: #c30404; } .xiaoyun-entry-button { width: 95px; height: 135px; /*box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);*/ background:url(../images2/QQ.png); text-align: center; } .xiaoyun-entry-button .button-background { width: 28px; margin: 8px 0 4px; } .xiaoyun-entry-button span { display: inline-block; width: 14px; font-size: 14px; color: #fff; line-height: 17px; } .xiaoyun-panel { box-sizing: border-box; width: 300px; min-height: 50px; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 5px; background: #fff; box-shadow: 0 6px 12px 0 rgba(0,0,0,.15); position: absolute; z-index: 4; left: 44px; transition: all .3s; } .xiaoyun-panel .panel-close { position: absolute; right: 20px; top: 20px; cursor: pointer; } .xiaoyun-panel .panel-close img { width: 14px; } .xiaoyun-panel .panel-content { min-height: 24px; padding-left: 0; transition: all .3s; transition-delay: .1s; } .xiaoyun-panel .panel-content li { list-style: none; margin-bottom: 20px; } .xiaoyun-panel .panel-content .content-icon { width: 24px; height: 24px; display: inline-block; vertical-align: middle; } .xiaoyun-panel .panel-content .content-icon img { width: 100%; } .xiaoyun-panel .panel-content .content-main { display: inline-block; vertical-align: middle; margin-left: 12px; } .xiaoyun-panel .panel-content .content-main a { text-decoration: none; color: #5f6367; font-size: 14px; } .content-title { color: #373d41; } .content-title:hover { color: #f29f05; } .ui-menu-sitemap li { box-sizing: border-box; padding-left: 26px; padding-right: 20px; margin: 0; height: 186px; border-bottom: 0; border-right: 1px dotted #ddd; height:315px; } .ui-menu-sitemap li .map-tit { font-size: 16px; color: #ff7900; font-weight: bold; } .ui-menu-sitemap li .map-lnk { padding: 7px 0 0; overflow: hidden; } .ui-menu-sitemap li.map-01 .map-lnk a { width: 100%; float: left; padding: 0; height: 28px; line-height: 28px; } .ui-menu-sitemap li.map-01 .map-lnk a:hover { color:#ff7900 } .ui-menu-sitemap li .highlight { color: #ff7900; font-family: "simsun, serif"; } .ui-menu-sitemap li b { position: relative; top: -5px; left: 5px; display: inline-block; height: 16px; width: 13px; background: url(../images2/hot.png) no-repeat; } .ui-header-task-panel { color: #000; cursor: default; right: -1px; margin-top: -1px; padding: 0; box-sizing: border-box; background:#fff; } .ui-header-task-panel .task-panel-hd { border-bottom: 1px dashed #dcdcdc; padding-bottom: 10px; font-size: 18px; color: #333; margin: 15px 17px; } .yahei { font-family: "Microsoft YaHei", sans-serif; font-weight: bold; } .task-panel-bd { padding-right: 20px; padding-left: 20px; margin-bottom: 23px; margin: 15px 17px; } .task-panel-bd .task-reason { margin-left: -8px; font-family: simsun, serif; text-align: left; } .unstyled, .list-unstyled { padding-left: 0; list-style: none; margin-bottom: 0; } .ui-header-task-panel .task-reason li { color: #9C9C9C; margin-bottom: 17px; padding-left: 56px; padding-top: 5px; font-size: 12px; line-height: 20px; background: url(../images2/img.png) no-repeat; } .ui-header-task-panel .task-reason .task-reason-response { background-position: -100px -13px; } .ui-header-task-panel .task-reason .task-reason-join { background-position: -100px -73px; } .ui-header-task-panel .task-reason .task-reason-result { background-position: -100px -130px; } .ui-header-task-panel .task-reason .task-reason-free { background-position: -100px -190px; } .ui-header-task-panel .task-reason .task-reason-title { color: #9C9C9C; font-size: 12px; line-height: 20px; font-weight: bold; } .ui-header-task-panel .task-reason .task-reason-desc { font-size: 14px; color: #7a7a7a; font-weight: bold; } .zbj-btn { display: inline-block; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; font-family: inherit; margin: 0; overflow: visible; text-transform: none; border: 1px solid; white-space: nowrap; font-size: 14px; line-height: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .ui-header-gotopub { background: #fff; border-color: #f60; border-radius: 0; font-weight: bold; padding-right: 0; padding-left: 0; color: #f60; transition: background .2s ease; padding: 8px 75px; } .ui-header-gotopub:hover { background: #f60; color: #fff; } .dgg_header .service-nav>a { border: 0; } .sub-navigation.active>a, .sub-navigation:hover>a { line-height: 30px; height: 30px; background: #fff; z-index: 1; } .sub-navigation:hover>a { border-left: 0; margin: 0; display: block; position: relative; padding-bottom: 2px; } .sub-navigation:hover .nav-sucx { display: block; /* border-left: 1px #d8d8d8 solid; */ /* border-right: 1px #d8d8d8 solid; */ width: 500px; height: 180px; margin-left: 85px; /* background: #fff; */ margin-top: -165px; } .service-nav>a:hover { text-decoration: underline; } .service-navc>a:hover { text-decoration: underline; } .dgg_header li>a:hover { color: #1786ef; } .dgg_header .fl div a:hover { color: #1786ef; } .sub-navigation:hover a span { color:#4E4E4E; } .sub-navigation:hover a i { background: url(../images2/top_top_03.jpg) 5px 13px no-repeat; } /*ͷͷ头部 end */ /*搜索框 start*/ .index-search { padding: 25px 0; } .logo { width: 300px; float: left; padding-top: 0px; position: relative; } .logo>a { display: block; } .logo .txt { color: #fff; width: 90px; height: 24px; line-height: 24px; position: absolute; right: 0; top: 12px; font-size: 14px; text-align: center; overflow: hidden; } .search-form { float: left; margin-left: 30px; margin-top: 13px;width:530px; } .search-form-box { font-size: 0; } .no-register,.tabBox>div { display: none; } .tabBox>div { display: block; } .search-form-box>button,.search-form-box>input { display: inline-block; vertical-align: middle; font-size: 14px; letter-spacing: normal; word-spacing: normal; } .search-form-box>input { line-height: 16px; height: 16px; padding: 8px 10px; border: 2px solid #c30404; width: 350px; border-right: 0; } .search-form-box>button { line-height: 34px; height: 36px; padding: 0 20px 0 15px; background:#c30404; color: #fff; font-size: 16px; } .size25 { width: 25px; height: 36px; vertical-align: middle; font-size: 14px; background: url(../images2/search-icon.png) no-repeat center center; } .search-form-box span { margin-left: 2px; vertical-align: middle; font-size: 14px; } .search-form-tab-bottom { margin-top: 3px; } .search-form-tab-bottom li { position: relative; display: inline-block; padding: 0 4px; font-size: 12px; color: #999; line-height: 22px; vertical-align: middle; } .hot { color: #C30404!important; } .tel_box { display: block; float: right; } .tel_box.top15 { padding-top: 15px; } .tel_box label { padding-left: 24px; background: url(../images2/tel.png) left center no-repeat; } .tel_box strong { font-size: 20px; color: #ff7f00; font-family: "Impact"; position: relative; top: 1px; } /*搜索框 end */ /*悬浮菜单 start*/ .menu-main-box { width: 100%; min-width: 1180px; position: relative; font-size: 16px; background-color:#C30404; } .fixed_top_nav{ position: -webkit-sticky; /* Safari */ position: sticky; top: 0px; z-index: 9999; } .fixed_top_nav .menu-main-box.fix { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; border-bottom: 1px solid #ddd; box-shadow: 5px 4px 10px #ddd; } .menu-main-box .index { float: left; height: 50px; line-height: 50px; } .menu-main-box a { color: #fff; } .menu-main-box a:hover { color: #f29f05; } .menu-main-box .active a { color: #fe0b0b; } .menu-main-box .w1180 { position: relative; } .menu-main { float: left; margin-left: 30px; font-size: 0; } .menu-main li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 15px; color: #fff; position: relative; height: 50px; line-height: 50px; margin-left: 9px; width: 115px; text-align: center; } .menu-main li a { display: block; position: relative; } .menu-main .nav-sub { position: absolute; top: 50px; left: -70px; right: 0; background: #fff; display: none; z-index: 3; border: 1px solid #eee; border-top: none; width: 260px; } .menu-main .nav-suc { position: absolute; top: 100px; left: -60px; right: 0; background: #fff; display: none; z-index: 3; border: 1px solid #eee; border-top: none; width: 260px; } .menu-main .nav-sud { position: absolute; top: 150px; left: -60px; right: 0; background: #fff; display: none; z-index: 3; border: 1px solid #eee; border-top: none; width: 260px; } .menu-main .nav-sue { position: absolute; top: 200px; left: -60px; right: 0; background: #fff; display: none; z-index: 3; border: 1px solid #eee; border-top: none; width: 260px; } .menu-main .nav-suf { position: absolute; top: 250px; left: -60px; right: 0; background: #fff; display: none; z-index: 3; border: 1px solid #eee; border-top: none; width: 260px; } .menu-main .nav-sug { position: absolute; top: 300px; left: -60px; right: 0; background: #fff; display: none; z-index: 3; border: 1px solid #eee; border-top: none; width: 260px; } .menu-main .nav-suh { position: absolute; top: 350px; left: -60px; right: 0; background: #fff; display: none; z-index: 3; border: 1px solid #eee; border-top: none; width: 260px; } .menu-main .nav-suba { position: absolute; top: 0px; left: 260px; right: 0; background: #fff; display: none; z-index: 3; border: 1px solid #eee; border-top: none; width: 260px; } .menu-main .nav-suca { position: absolute; top: 0px; left: 260px; right: 0; background: #fff; display: none; z-index: 3; border: 1px solid #eee; border-top: none; width: 260px; } .menu-main .nav-suda { position: absolute; top: 0px; left: 260px; right: 0; background: #fff; display: none; z-index: 3; border: 1px solid #eee; border-top: none; width: 260px; } .menu-main .nav-suea { position: absolute; top: 0px; left: 260px; right: 0; background: #fff; display: none; z-index: 3; border: 1px solid #eee; border-top: none; width: 260px; } .menu-main .nav-sufa { position: absolute; top: -47px; left: 260px; right: 0; background: #fff; display: none; z-index: 3; border: 1px solid #eee; border-top: none; width: 260px; } .menu-main .nav-suga { position: absolute; top: -97px; left: 260px; right: 0; background: #fff; display: none; z-index: 3; border: 1px solid #eee; border-top: none; width: 260px; } .menu-main .nav-suha { position: absolute; top: -147px; left: 260px; right: 0; background: #fff; display: none; z-index: 3; border: 1px solid #eee; border-top: none; width: 260px; } .menu-main .nav-suha:hover { background: #fff; } .menu-main li:hover .nav-sub { display: block; } .menu-main li:hover .nav-suc { display: block; } .menu-main li:hover .nav-sud { display: block; } .menu-main li:hover .nav-sue { display: block; } .menu-main li:hover .nav-suf { display: block; } .menu-main li:hover .nav-sug { display: block; } .menu-main li:hover .nav-suh { display: block; } .menu-main li .nav-sub:hover .nav-suba { display: block; } .menu-main li .nav-suc:hover .nav-suca { display: block; } .menu-main li .nav-sud:hover .nav-suda { display: block; } .menu-main li .nav-sue:hover .nav-suea { display: block; } .menu-main li .nav-suf:hover .nav-sufa { display: block; } .menu-main li .nav-sug:hover .nav-suga { display: block; } .menu-main li .nav-suh:hover .nav-suha { display: block; } .menu-main li .nav-sub a { padding: 15px 15px; line-height: 1.3; border-top: 1px solid #eee; color: #686868; font-size: 14px; } .menu-main li .nav-suc a { padding: 15px 15px; line-height: 1.3; border-top: 1px solid #eee; color: #686868; font-size: 14px; } .menu-main li .nav-sud a { padding: 15px 15px; line-height: 1.3; border-top: 1px solid #eee; color: #686868; font-size: 14px; } .menu-main li .nav-sue a { padding: 15px 15px; line-height: 1.3; border-top: 1px solid #eee; color: #686868; font-size: 14px; } .menu-main li .nav-suf a { padding: 15px 15px; line-height: 1.3; border-top: 1px solid #eee; color: #686868; font-size: 14px; } .menu-main li .nav-sug a { padding: 15px 15px; line-height: 1.3; border-top: 1px solid #eee; color: #686868; font-size: 14px; } .menu-main li .nav-suh a { padding: 15px 15px; line-height: 1.3; border-top: 1px solid #eee; color: #686868; font-size: 14px; } .menu-main li .nav-suba a { padding: 15px 15px; line-height: 1.3; border-top: 1px solid #eee; color: #686868; font-size: 14px; } .menu-main li .nav-suca a { padding: 15px 15px; line-height: 1.3; border-top: 1px solid #eee; color: #686868; font-size: 14px; } .menu-main li .nav-suda a { padding: 15px 15px; line-height: 1.3; border-top: 1px solid #eee; color: #686868; font-size: 14px; } .menu-main li .nav-suea a { padding: 15px 15px; line-height: 1.3; border-top: 1px solid #eee; color: #686868; font-size: 14px; } .menu-main li .nav-sufa a { padding: 15px 15px; line-height: 1.3; border-top: 1px solid #eee; color: #686868; font-size: 14px; } .menu-main li .nav-suga a { padding: 15px 15px; line-height: 1.3; border-top: 1px solid #eee; color: #686868; font-size: 14px; } .menu-main li .nav-suha a { padding: 15px 15px; line-height: 1.3; border-top: 1px solid #eee; color: #686868; font-size: 14px; } .menu-main li .nav-sub a.on,.menu-main li .nav-sub a:hover { color: #c30404; } .menu-main li .nav-suc a.on,.menu-main li .nav-suc a:hover { color: #c30404; } .menu-main li .nav-sud a.on,.menu-main li .nav-sud a:hover { color: #c30404; } .menu-main li .nav-sue a.on,.menu-main li .nav-sue a:hover { color: #c30404; } .menu-main li .nav-suf a.on,.menu-main li .nav-suf a:hover { color: #c30404; } .menu-main li .nav-sug a.on,.menu-main li .nav-sug a:hover { color: #c30404; } .menu-main li .nav-suh a.on,.menu-main li .nav-suh a:hover { color: #c30404; } .menu-main li.about-xd { width: auto; position: absolute; right: 0; } .menu-main li .hot { display: block; -webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .menu-main li .hot { position: absolute; top: 0; right: 0; width: 23px; height: 13px; background: url(../images2/hot.png) no-repeat; } @-webkit-keyframes bounce { 0%,100%,20%,50%,80% { -webkit-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-5px); transform: translateY(-5px) } 60% { -webkit-transform: translateY(-2px); transform: translateY(-2px) } } @keyframes bounce { 0%,100%,20%,50%,80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px) } 60% { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px) } } /*悬浮菜单 end */ /*底部 start*/ /*footer*/ .dgg_footer { width: 100%; min-width: 1180px; height: 104px; padding-top: 36px; text-align: center; font-size: 12px; position: relative; } .dgg_footer .link_list li { display: inline-block; *zoom: 1; *display: inline; background: url(../images2/footer.png) left center no-repeat; } .dgg_footer .link_list li:first-child { background: none; } .dgg_footer .link_list li a { padding: 0 8px 0 13px; } .dgg_footer .link_list li a:hover { color: #c30404; text-decoration: underline; } .dgg_footer .copyRight { padding-top: 20px; } .dgg_footer p { line-height: 24px; } .dgg_footer .xdw_copy { padding-left: 28px; background: url(../images2/copy.png) left center no-repeat; display: inline-block; *zoom: 1; *display: inline; } /*底部 end */ /*banner start */ .sub-station-banner { height: 450px; position: relative; top: 0; left: 0; min-width: 1180px; overflow: hidden; } .sub-banner-inner { height: 450px; width: 1920px; overflow: hidden; position: relative; top: 0; left: 50%; margin-left: -960px; } .sub-station-banner .hd.sub-station-dot { bottom: 14px; width: 1180px; left: 370px; font-size: 0; position: absolute; z-index: 1; text-align: center; cursor: pointer; [;letter-spacing: -4px; ];[;word-spacing: -4px; ]; } .sub-station-banner .hd.sub-station-dot>ul { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 5px 15px; border-radius: 10px; background: url(../images2/transparent50fff.png) repeat; font-size: 0; text-align: center; } .sub-station-banner .hd.sub-station-dot li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 10px; height: 10px; font-size: 0; color: #999; margin: 0 5px; border-radius: 50%; background: #7b695c; [;letter-spacing: normal; ];[;word-spacing: normal; ]; } .sub-station-banner .hd.sub-station-dot li:hover { background: #fff; color: #fff; } .sub-station-banner .hd.sub-station-dot li.on { background: #fff; } /*banner end*/ .sky-bg { background-color: #c30404; } .orange-bg { background-color: #ff9000; } .green-bg { background-color: #fd8000; } .blue-bg { background-color: #0094ea; } .wechat { width: 437px; height: 50px; margin: 0 auto; border: 2px solid #ff7700; line-height: 53px; color: #fff; cursor: pointer; border-radius: 53px; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .wechat-left { width: 280px; font-size: 14px; float: left; text-align: center; color: #373d41; height: 50px; border-radius: 3px 0 0 5px; } .wechat-left.t-fff { color: white; } .wechat-left span { color: #c30404; font-weight: bold; font-size: 18px; } .wechat-righ { width: 155px; background: #ff7700; font-size: 16px; height: 100%; position: absolute; right: -1px; top: -1px; text-align: center; border: 1px solid #ff7700; border-radius: 53px; } .wechat:hover { -webkit-opacity: 0.8; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.8; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity: 0.8; /* IE9 + etc...modern browsers */ opacity: .8; /* IE 4-9 */ filter: alpha(opacity=80); /*This works in IE 8 & 9 too*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*IE4-IE9*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); padding: 0 50px; } .wechat-righ i { background: url(../images2/wechat.png) no-repeat; width: 25px; height: 24px; display: inline-block; position: absolute; top: 11px; left: 28px; } .wechat-righ span { display: inline-block; position: absolute; left: 60px; top: 0; color: #fff; } /*.wechat-righ:hover i{*/ /*-webkit-animation:bounce 1s ease 1 0s both;animation:bounce 1s ease 1 0s both;*/ /*}*/ /*上市集团 start*/ .company-piece { background: white; width: 100%; min-width: 1180px; overflow: hidden; padding: 30px 0; } .company-piece .big-til { padding-bottom: 20px; text-align: center; } .company-piece .big-til h3 { color: #565656; font-size: 30px; font-weight: bold; line-height: 1; } .company-piece .big-til p { color: #848484; padding-top: 6px; text-transform: uppercase; } .company-piece .big-til span { color: #ff7600; } .company-piece .company-txt { font-size: 16px; color: #777; line-height: 22px; text-align: center; margin-top: 8px; padding: 0 200px; } .company-piece .company-txt>span { color: #ff7f00; } .profession-cent { overflow: hidden; } .profession-cent .hd { text-align: center; overflow: hidden; width: 1072px; margin: 18px auto 0; } .profession-cent .hd li { float: left; padding: 0 70px; height: auto; } .profession-cent .hd li>i { width: 128px; height: 128px; display: block; background: url(../images2/xdw-list.png) no-repeat; } .profession-cent .hd li p { padding: 20px 0; display: block; } .profession-cent .hd li .icon2 { background-position: -268px 0; } .profession-cent .hd li .icon3 { background-position: -536px 0; } .profession-cent .hd li .icon4 { background-position: -804px 0; } .profession-cent .bd>ul>li:first-child { margin-top: 30px !important; } .profession-cent .bd>ul { width: 100%; overflow: hidden; } .profession-cent .bd { padding: 10px 0 25px; display: block; clear: both; text-align: center; width: 1180px; margin: 0 auto; } .profession-cent .bd>ul>li { width: 100%; height: auto; display: none; } .profession-cent .hd .zero-team-tab { overflow: hidden; width: 405px; margin: 0 auto; margin-top: 5px; text-align: center; } .profession-cent .hd .zero-team-tab>li { display: inline-block; *display: inline; *zoom: 1; border-bottom: 2px solid transparent; margin: 0 28px; padding: 14px 7px; position: relative; width: 32%; } .profession-cent .hd .zero-team-tab>li a { font-size: 16px; line-height: 16px; color: #333; } .profession-cent .hd .zero-team-tab>li i { display: none; width: 15px; height: 7px; background: url(../images2/triangle.png) no-repeat; position: absolute; bottom: -2px; left: 50%; margin-left: -7.5px; } .profession-cent .hd .zero-team-tab>li.on { border-color: #0eaef8; color: #0eaef8; } .profession-cent .hd .zero-team-tab>li.on i { display: inline-block; *display: inline-block; *zoom: 1; } .profession-cent .hd .zero-team-tab>li.on a { color: #0eaef8; } .profession-cent .hd .zero-team-tab>li:hover { border-color: #0eaef8; color: #0eaef8; } .profession-cent .hd .zero-team-tab>li:hover a { color: #0eaef8; } .profession-cent .hd .zero-team-tab>li:hover i { display: inline-block; } .bd-box0-pr { width: 1180px; height: 530px; position: relative; } .profession-cent .bd .bd-box0-pr li { display: block; } .bg-f6 { background: #f6f6f6; width: 100%; min-width: 1180px; height: auto; overflow: hidden; } .imgListMod01 { position: relative; } .imgListMod01 li a { transition: all 0.5s ease 0s; cursor: default; } .imgListMod01 li .none { display: none; } .imgListMod01 img { max-width: none; vertical-align: inherit; } .imgListMod01 .img, .imgListMod01 .img1, .imgListMod01 .img2, .imgListMod01 .img3, .imgListMod01 .img4, .imgListMod01 .img5, .imgListMod01 .img6, .imgListMod01 .img7, .imgListMod01 .img8, .imgListMod01 .img9 { border-radius: 0px; overflow: hidden; position: absolute; } .imgListMod01 .current { z-index: 20; } .imgListMod01 .mask { background: #000 none repeat scroll 0 0; bottom: 0; height: 35px; left: 0; opacity: 0.6; position: absolute; width: 100%; z-index: 9; } .imgListMod01 .tit { color: #fff; font: 14px/24px "Microsoft YaHei"; width: 100%; height: 24px; line-height: 24px; left: 0; bottom: 5px; overflow: hidden; position: absolute; z-index: 10; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } .imgListMod01 img { left: 50%; margin: -234px 0 0 -277px; position: absolute; top: 50%; } .slide-Modbox { width: 1180px; height: auto; padding: 50px 0 60px; overflow: hidden; margin: 0 auto; position: relative; min-width: 1180px; } .udf_slide_modbox { background: #FFF; padding-top: 0px; } .slide-Modbox>.hd { position: absolute; left: 0; bottom: 40px; text-align: center; width: 100%; z-index: 1; } .slide-Modbox>.hd li { display: inline-block; *zoom: 1; *display: inline; width: 48px; height: 5px; margin: 0 5px; font-size: 0; background: #ccc; cursor: pointer; } .slide-Modbox>.hd .on { background: #3fbff0; } .slide-Modbox>.bd { overflow: hidden; width: 1180px; height: 530px; z-index: 0; margin-left: -10px; } .imgListMod-box { overflow: hidden; width: 1180px; height: auto; z-index: 0; margin: 0 auto; } .slide-Modbox>.bd .imgListMod01 { width: 100%; height: 530px; overflow: hidden; } .slide-Modbox .p-word { text-align: center; } .slide-wrap { width: 100%; min-width: 1180px; overflow: hidden; background: #f6f6f6; } .imgListMod01 .tit { color: #fff; font: 14px/24px "Microsoft YaHei"; width: 100%; height: 24px; line-height: 24px; left: 0; bottom: 5px; overflow: hidden; position: absolute; z-index: 10; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } .teams { width: 100%; overflow: hidden; background: #f6f6f6; } .teams-content { width: 1180px; margin: 0 auto; overflow: hidden; padding-bottom: 70px } .box-title1 { margin-top: 50px; margin-bottom: 25px; } /*.slide-wrap{margin-top: 145px;}*/ .imgListMod01 .p1 { margin: -295px 0 0 -310px; } .imgListMod01 .p2 { margin: -260px 0 0 -375px; } .imgListMod01 .p3 { margin: -188px 0 0 -328px; } .imgListMod01 .p4 { margin: -230px 0 0 -182px; } .imgListMod01 .p5 { margin: -225px 0 0 -285px; } .imgListMod01 .p6 { margin: -340px 0 0 -355px; } .imgListMod01 .p7 { margin: -292px 0 0 -295px; } .imgListMod01 .p8 { margin: -320px 0 0 -290px; } .imgListMod01 .p9 { margin: -318px 0 0 -294px; } .imgListMod01 .p10 { margin: -267px 0 0 -413px; } .imgListMod01 .p11 { margin: -230px 0 0 -290px; } .imgListMod01 .p12 { margin: -225px 0 0 -435px; } .imgListMod01 .p13 { margin: -250px 0 0 -245px; } .imgListMod01 .p14 { margin: -95px 0 0 -373px; } .imgListMod01 .p15 { margin: -255px 0 0 -284px; } .imgListMod01 .p16 { margin: -270px 0 0 -271px; } .imgListMod01 .p17 { margin: -270px 0 0 -230px; } .imgListMod01 .p18 { margin: -318px 0 0 -272px; } .imgListMod01 .p19 { margin: -210px 0 0 -302px; } .imgListMod01 .p20 { margin: -208px 0 0 -240px; } .imgListMod01 .p21 { margin: -108px 0 0 -318px; } .imgListMod01 .p22 { margin: -216px 0 0 -325px; } .imgListMod01 .p23 { margin: -304px 0 0 -452px; } .imgListMod01 .p24 { margin: -156px 0 0 -284px; } .imgListMod01 .p25 { margin: -133px 0 0 -241px; } .imgListMod01 .p26 { margin: -213px 0 0 -277px; } .imgListMod01 .p27 { margin: -209px 0 0 -148px; } .box-title { text-align: center; } .box-title h3 { font-size: 32px; color: #323232; font-weight: 500; margin-bottom: 5px; font-family: "微软雅黑"; } .box-title h3 em { color: #fa4f4f; } .box-title h3>span { color: #ff7f00; width: auto; height: auto; background: none; margin: 0; display: inline-block; *zoom: 1; *display: inline; } .box-title p { font-size: 12px; color: #8b8b8b; margin-bottom: 10px; text-transform: uppercase; } .box-title span { display: block; width: 60px; height: 2px; margin: 0 auto; background: #000; } .imgListMod01 .img { width: 165px; background: url(../images2/zw-1.jpg) no-repeat; background-size: 100%; } .imgListMod01 .img:hover { background: url(../images2/zw-2.jpg) no-repeat; } .profession-cent .bd>ul>li.last-box-li { margin-top: 30px; } /*上市集团 end*/ /*=============================================右边内容 end==========================================*/ .more-security ul li:hover i.dib { -webkit-animation: rotate_360 .5s linear; -moz-animation: rotate_360 .5s linear; animation: rotate_360 .5s linear; } /*动画 start*/ @-webkit-keyframes rotate_360 { from { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); } to { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } } @keyframes rotate_360 { from { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); } to { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg); } } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } /*动画 end */ /*2017 0803 xl start*/ /*banner start */ .sub-station-banner { height: 450px; position: relative; top: 0; left: 0; min-width: 1180px; overflow: hidden; } .sub-banner-inner { height: 450px; width: 1920px; overflow: hidden; position: relative; top: 0; left: 50%; margin-left: -960px; } .sub-station-banner .hd.sub-station-dot { bottom: 14px; width: 1180px; left: 370px; font-size: 0; position: absolute; z-index: 1; text-align: center; cursor: pointer; [;letter-spacing: -4px; ];[;word-spacing: -4px; ]; } .sub-station-banner .hd.sub-station-dot>ul { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 5px 15px; border-radius: 10px; background: url(../images2/transparent50fff.png) repeat; font-size: 0; text-align: center; } .sub-station-banner .hd.sub-station-dot li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 10px; height: 10px; font-size: 0; color: #999; margin: 0 5px; border-radius: 50%; background: #7b695c; [;letter-spacing: normal; ];[;word-spacing: normal; ]; } .sub-station-banner .hd.sub-station-dot li:hover { background: #fff; color: #fff; } .sub-station-banner .hd.sub-station-dot li.on { background: #fff; } /*���ٰ����� start*/ .sub-banner-appointment { width: 291px; height: 357px; background: url("../images2/appointment-bg.png") no-repeat; position: absolute; left: 50%; top: 50px; margin-left: 310px; text-align: center; } .appointment-box { padding: 20px 25px 0; } .appointment-box h3 { position: relative; line-height: 1; color: #ff7f00; font-size: 22px; font-weight: bold; } .appointment-box h3 span:first-child { position: relative; z-index: 1; padding: 0 15px; background-color: white; } .appointment-box .line { position: absolute; width: 241px; height: 1px; background-color: #dcdcdc; top: 50%; left: 0; z-index: 0; } .appointment-box p { color: #565656; } .appointment-box p span { color: #e41111; } .appointment-box-form { margin-top: 8px; } .appointment-box-form .form-piece { border: 1px solid #d6d3d3; position: relative; line-height: 40px; overflow: hidden; text-align: left; margin-bottom: 10px; } .appointment-box-form .form-piece input { font-size: 13px; width: 200px; padding: 12px 0 12px 35px; line-height: 13px; height: 16px; } .appointment-box-form .form-piece i { position: absolute; top: 0; left: 10px; width: 20px; height: 40px; background: url("../images2/sub-station-icons.png") no-repeat; } .appointment-box-form .form-piece .icon2 { background-position: -20px 0; } .appointment-box-form .form-piece .icon3 { background-position: -40px 0; } .btn-sq { width: 100%; background-color: #ff7f00; line-height: 42px; color: white; font-size: 16px; } .appointment-lists-box { overflow: hidden; margin-top: 15px; height: 31px; } .appointment-lists-box ul li { line-height: 1; color: #999; font-size: 12px; margin-bottom: 7px; } .appointment-lists-box ul li span { padding: 0 20px; } /*���ٰ����� start*/ /*banner end */ /*�Ĵ����� start*/ .four-advan { width: 100%; min-width: 1180px; overflow: hidden; background-color: white; border-bottom: 1px solid #e5e5e5; box-shadow: 5px 4px 10px #ddd; position: relative; z-index: 1; } .four-advan ul { padding: 15px 0; overflow: hidden; } .four-advan ul li { float: left; margin-left: 120px; } .four-advan ul li:first-child { margin-left: 0; } .four-advan ul li i { width: 68px; height: 68px; vertical-align: middle; background: url("../images2/advan-icon.png") no-repeat; } .four-advan ul li .icon2 { background-position: -68px 0; } .four-advan ul li .icon3 { background-position: -136px 0; } .four-advan ul li div { vertical-align: middle; margin-left: 10px; color: #777; font-size: 14px; } .four-advan ul li .til { font-size: 16px; } /*�Ĵ����� end */ /*�������� start*/ .big-gray { width: 100%; min-width: 1180px; overflow: hidden; position: relative; background-color: #f4f4f4; } .big-til { padding: 60px 0 40px; text-align: center; } .big-til h3 { position: relative; line-height: 1; color: #3b3b3b; font-size: 30px; font-weight: bold; } .big-til h3 span { vertical-align: middle; position: relative; margin: 0 5px; } .big-til h3 .line { width: 87px; height: 1px; background-color: #d2d2d2; } .big-til h3 .line i { position: absolute; right: 0; width: 3px; height: 3px; border-radius: 3px; background-color: #d2d2d2; top: -1.5px; } .big-til h3 .line .icon2 { left: 0; right: auto; } .big-til p { color: #848484; font-size: 14px; text-transform: uppercase; padding-top: 10px; } .hot-aptitude { } .hot-aptitude ul { font-size: 0; } .hot-aptitude ul li { display: inline-block; *display: inline; *zoom: 1; width: 580px; height: 179px; border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; margin-bottom: 23px; position: relative; vertical-align: top; } .hot-aptitude ul li .til { color: white; font-size: 24px; font-weight: bold; } .hot-aptitude ul li .desc { color: white; font-size: 16px; padding-top: 10px; width: 325px; } .hot-aptitude ul li i { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .hot-aptitude ul li:hover { box-shadow: 0 0 14px 7px #ddd; } .hot-aptitude ul li:hover i { right: 53px; } .zhzt { width: 1220px; height: 300px; margin: 23px auto 31px; } .overflow { overflow: hidden; } .zhzt ul { width: 100%; } .left { float: left; } .zhzt ul li { width: 290px; height: 290px; margin-right: 19px; margin-bottom: 20px; } .left .zhbg { background: #f4f4f4; } .zhbg { width: 290px; height: 290px; } .zhbg .bg { width: 290px; height: 290px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; display: block; border: 1px solid transparent; } .zhbg a .bg p { font-size: 25px; margin: 90px 0 -12px; font-weight: 600; } .zhbg a .bg p { width: 210px; height: 52px; margin-left: 39px; line-height: 66px; margin-bottom: 4px; font-size: 26px; } .zhbg a .bg p, .zhbg a .bg i { color: #fff; text-align: center; } .zhbg a .bg i { width:200px; padding-left:50px; font-size: 14px; font-style: normal; display: block; line-height: 26px; } .zhbg .bg:hover { transform: scale(0.95); -webkit-transform: scale(0.95); -ms-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); } .left .zhbg .bg01 { background: url(../images2/a01.png) no-repeat 0 0; } .left .zhbg .bg02 { background: url(../images2/a02.png) no-repeat 0 0; } .left .zhbg .bg03 { background: url(../images2/a03.png) no-repeat 0 0; } .left .zhbg .bg04 { background: url(../images2/a04.png) no-repeat 0 0; } .left .zhbg .bg05 { background: url(../images2/a05.png) no-repeat 0 0; } .left .zhbg .bg06 { background: url(../images2/a06.png) no-repeat 0 0; } .left .zhbg .bg07 { background: url(../images2/a07.png) no-repeat 0 0; } .left .zhbg .bg08 { background: url(../images2/a08.png) no-repeat 0 0; } /*�������� end */ /*�ر����� start*/ .necessary-aptitude { width: 100%; min-width: 1180px; overflow: hidden; position: relative; margin-top: 20px; } .necessary-aptitude .big-til { padding: 20px 0 40px; } .necessary-aptitude .big-til h3 { color: white; } .necessary-aptitude .big-til p { color: white; } .necessary-aptitude .w1180 { } .necessary-aptitude .left-img { float: left; width: 280px; height: 474px; background: url("../images2/necessary-aptitude-left.jpg") no-repeat; text-align: center; color: white; } .necessary-aptitude .left-img2 { float: left; width: 280px; height: 474px; background: url("../images2/necessary-aptitude-left2.jpg") no-repeat; text-align: center; color: white; } .necessary-aptitude .left-img2 .til { font-size: 24px; font-weight: bold; padding-top: 50px; padding-bottom:10px; } .necessary-aptitude .left-img2 .sub { color: #6bade5; font-size: 16px; font-weight: bold; text-transform: uppercase; } .necessary-aptitude .left-img2 a { position: relative; display: inline-block; *display: inline; *zoom: 1; width: 130px; height: 33px; border: 1px solid white; border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; font-size: 16px; line-height: 33px; margin-top: 15px; } .necessary-aptitude .left-img2 span { position: relative; z-index: 1; color: white; } .necessary-aptitude .left-img2 i { position: absolute; width: 0; left: 50%; height: 33px; background-color: white; border-radius: 3px; top: 0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .necessary-aptitude .left-img .til { font-size: 24px; font-weight: bold; padding-top: 40px; padding-bottom:10px; } .necessary-aptitude .left-img .sub { color: #6bade5; font-size: 16px; font-weight: bold; text-transform: uppercase; } .necessary-aptitude .left-img a { position: relative; display: inline-block; *display: inline; *zoom: 1; width: 130px; height: 33px; border: 1px solid white; border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; font-size: 16px; line-height: 33px; margin-top: 15px; } .necessary-aptitude .left-img span { position: relative; z-index: 1; color: white; } .necessary-aptitude .left-img i { position: absolute; width: 0; left: 50%; height: 33px; background-color: white; border-radius: 3px; top: 0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .necessary-aptitude .left-img:hover a { } .necessary-aptitude .left-img:hover span { color: #c30404; } .necessary-aptitude .left-img:hover i { width: 100%; left: 0; } .cultural-publishing { width:1180px; margin-top:20px; margin: 0 auto; } .cultural-publishing .left-img { float: left; text-align: center; color: white; width: 280px; height: 269px; background: url("../images2/cultural-publishing-left.jpg") no-repeat; } .cultural-publishing .left-img2 { float: left; text-align: center; color: white; width: 280px; height: 269px; background: url("../images2/cultural-publishing-xia.jpg") no-repeat; } .cultural-publishing .left-img .til { font-size: 24px; font-weight: bold; padding-top: 40px; padding-bottom:10px; } .cultural-publishing .left-img2 .til { font-size: 24px; font-weight: bold; padding-top: 25px; padding-bottom:10px; } .cultural-publishing .left-img .sub { color: #16619c; font-size: 16px; font-weight: bold; text-transform: uppercase; } .cultural-publishing .left-img2 .sub { color: #fcb557; font-size: 16px; font-weight: bold; text-transform: uppercase; } .cultural-publishing .right-info ul { font-size: 0; border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } .cultural-publishing .right-info ul li { display: inline-block; vertical-align: middle; position: relative; border-left: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear; width: 298.666px; height: 133px; background-color: #fbfbfb; } .cultural-publishing .right-info ul li div { padding: 22px 16px; color: #424242; font-size: 16px; } .cultural-publishing .right-info ul li div p{ font-size:16px; font-weight:bold; color:#ef4722; } .cultural-publishing .right-info ul li a { display: block; margin-top: 35px; width: 94px; height: 33px; border: 1px solid #c30404; border-radius: 30px; position: relative; text-align: center; line-height: 33px; } .cultural-publishing .right-info ul li span { color: #c30404; position: relative; z-index: 1; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .cultural-publishing .right-info ul li a i { position: absolute; width: 0; left: 50%; height: 33px; background-color: #c30404; border-radius: 30px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .cultural-publishing .right-info ul li:hover span { color: white; } .cultural-publishing .right-info ul li:hover a i { width: 100%; left: 0; } .cultural-publishing .right-info ul li:before { content: ''; display: block; position: absolute; box-sizing: border-box; border: 1px solid transparent; width: 0; height: 0; z-index: 0; bottom: 0; right: 0; -webkit-transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in; transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in; } .cultural-publishing .right-info ul li:after { content: ''; display: block; position: absolute; box-sizing: border-box; border: 1px solid transparent; width: 0; height: 0; z-index: 0; top: 0; left: 0; -webkit-transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s; transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s; } .cultural-publishing .right-info ul li:hover:before { width: 100%; height: 100%; border-bottom-color: #ff9000; border-left-color: #ff9000; -webkit-transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s; transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s; } .cultural-publishing .right-info ul li:hover:after { width: 100%; height: 100%; border-top-color: #ff9000; border-right-color: #ff9000; -webkit-transition: width 0.2s ease-out, height 0.2s ease-out 0.2s; transition: width 0.2s ease-out, height 0.2s ease-out 0.2s; } .cultural-publishing .right-info ul li:hover { box-shadow: 0 0 14px 5px rgba(0,0,0,.1); } .cultural-publishing .right-info ul li>i { display: block; width: 96px; height: 67px; background: url("../images2/cultural-publishing-icon.jpg") no-repeat; position: absolute; right: 10px; bottom: 0; -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s; } .cultural-publishing .right-info ul li>.icon2 { background-position: -96px 0; } .cultural-publishing .right-info ul li>.icon3 { background-position: -192px 0; } .cultural-publishing .right-info ul li>.icon4 { background-position: -288px 0; } .cultural-publishing .right-info ul li>.icon5 { background-position: -384px 0; } .cultural-publishing .right-info ul li>.icon6 { background-position: -480px 0; } .cultural-publishing .right-info ul li:hover>i { right: 20px; bottom: 10px; } .cultural-publishing-package { margin: 20px 0 65px; } .cultural-publishing-package ul { overflow: hidden; } .cultural-publishing-package ul li { float: left; width: 581px; height: 224px; position: relative; overflow: hidden; margin-left: 18px; } .cultural-publishing-package ul li:first-child { margin-left: 0; } .cultural-publishing-package ul li div { padding: 30px; position: relative; color: white; } .cultural-publishing-package ul li .til { font-size: 28px; font-weight: bold; } .cultural-publishing-package ul li dl { margin-top: 20px; overflow: hidden; width: 300px; } .cultural-publishing-package ul li dl dd { float: left; width: 150px; margin-bottom: 5px; } .cultural-publishing-package ul li dl dd a { color: white; font-size: 16px; } .cultural-publishing-package ul li dl dd a:hover { text-decoration: underline; } .cultural-publishing-package ul li i { position: absolute; right: -10px; bottom: 0; -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s; } .cultural-publishing-package ul li:hover i { bottom: 10px; right: 0; } /*�Ļ����� end */ /*���� start*/ .normal-question { padding-bottom: 60px; } .counsolor-box { overflow: hidden; padding-bottom: 35px; } .left-question { float: right; width: 823px; } .left-question ul { overflow: hidden; margin-top: -20px; } .left-question ul li { float: left; width: 390px; overflow: hidden; padding: 20px 5px; border-bottom: 1px solid #ededed; transition: all .3s; } .left-question ul li.right { float: right; } .left-question ul li .left-txt { width: 268px; line-height: 35px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #565656; font-size: 16px; float: left; } .left-question ul li .right-btn { position: relative; float: right; transition: all .5s; border-radius: 2px; line-height: 35px; width: 115px; text-align: center; border: 1px solid #c30404; } .left-question ul li .right-btn span { position: relative; color: #c30404; transition: all .5s; z-index: 1; } .left-question ul li .right-btn i { position: absolute; display: block; bottom: -1px; left: 50%; width: 0; height: 100%; background-color: #c30404; transition: all 0.3s ease-in; top: 0; z-index: 0; } .left-question ul li:hover { background-color: #f8f8f8; } .left-question ul li:hover .right-btn span { color: white; } .left-question ul li:hover i { width: 100%; left: 0; } .right-counselor { width: 300px; height: 287px; float: left; overflow: hidden; position: relative; } .right-counselor-box ul { overflow: hidden; } .right-counselor-box ul li { float: left; overflow: hidden; position: relative; height: 287px; width: 300px; } .right-counselor-box ul li .img { position: relative; overflow: hidden; background-color: #393941; } .right-counselor-box ul li .til { position: absolute; padding: 5px 10px 5px 10px; overflow: hidden; bottom: 0; left: 0; width: 280px; background: url("../images2/tranbg-6.png") repeat; } .right-counselor-box ul li .til span { color: #ccc; float: left; line-height: 35px; } .right-counselor-box ul li .til font { color: #fff; font-size: 18px; } .right-counselor-box ul li .til a { display: block; float: right; width: 92px; height: 35px; line-height: 35px; text-align: center; color: white; background-color: #c30404; border-radius: 3px; } .right-counselor .prev,.right-counselor .next { position: absolute; width: 29px; height: 35px; background: url("../images2/tranbg-3.png") repeat; line-height: 3; text-align: center; top: 50%; left: 0; margin-top: -17px; display: none; } .right-counselor .prev span,.right-counselor .next span { background: url("../images2/btn-pre-n.png") no-repeat; display: inline-block; *display: inline; *zoom: 1; width: 11px; height: 18px; } .right-counselor .next { right: 0; left: auto; } .right-counselor .next span { background: url("../images2/btn-pre-n.png") no-repeat -11px 0; } .sub-station-btn:hover { background: #000; } /*���� end */ /*����֤��*/ .qualification-certificate { padding: 0 0 75px; width: 100%; min-width: 1180px; background: url("../images2/qualification-certificate.jpg") no-repeat fixed; overflow: hidden; position: relative; } .qualification-certificate .big-til { padding-bottom: 35px; } .qualification-certificate .big-til h3 { color: #fff; } .qualification-certificate .big-til p { color: #fff; } .certificate-side { width: 1180px; margin: 0 auto; position: relative; } .certificate-dis { width: 540px; height: 376px; } .certificate-dis li { position: relative; } .certificate-img { width: 540px; height: 376px; } .certificate-tips { width: 530px; background: #c30404; position: absolute; top: 0; left: 569px; box-shadow: 0 0 3px 1px rgba(0,0,0,.15); border-radius: 3px; padding: 20px 30px 30px; } .certificate-triangle { display: block; width: 0; height: 0; border-top: 12px transparent solid; border-bottom: 12px transparent solid; border-right: 13px #c30404 solid; position: absolute; left: -13px; top: 50%; margin-top: -12px; } .certificate-tips>h3 { font-size: 18px; color: #ffffff; margin-bottom: 10px; } .certificate-tips>p { font-size: 14px; color: #fff; } .certificate-list .udf_oo { width: 1145px; margin: 0 auto; } .certificate-list ul { overflow: hidden; } .certificate-list li { width: 207px; float: left; margin: 0 10px; text-align: center; border: 1px transparent dashed; } .certificate-list li.active { border: 1px #c30404 dashed; } .certificate-list li p { font-size: 16px; color: #fff; padding: 0 5px; } .certificate-list-img { padding: 10px; } .certificate-list-img { padding: 10px; width: 137px; height: 95px; } .certificate-side .ban-btn { position: absolute; bottom: 130px; display: block; width: 29px; height: 55px; background-image: url(../images2/p_n.png); } .certificate-side .ban-btn.sPrev { left: -15px; background-position: 0 0; } .certificate-side .ban-btn.sNext { right: -15px; background-position: -29px 0; } .certificate-side .ban-btn.sPrev:hover { background-position: 0 -55px; } .certificate-side .ban-btn.sNext:hover { background-position: -29px -55px; } .certificate-border { width: 610px; border-bottom: 1px #e5e5e5 solid; position: absolute; right: 0; bottom: 187px; } .certificate-border>span { display: block; width: 85px; height: 5px; background: #c30404; position: absolute; bottom: -3px; } .certificate-list .udf_circle { bottom: -45px; width: 1180px; font-size: 0; position: absolute; z-index: 1; text-align: center; cursor: pointer; [;letter-spacing: -4px; ];[;word-spacing: -4px; ]; } .certificate-list .udf_circle ul { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 5px 15px; border-radius: 10px; font-size: 0; text-align: center; } .certificate-list .udf_circle li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 10px; height: 10px; font-size: 0; color: #999; margin: 0 5px; border-radius: 50%; background: #7b695c; [;letter-spacing: normal; ];[;word-spacing: normal; ]; } .certificate-list .udf_circle li:hover { background: #1397ea; color: #1397ea; } .certificate-list .udf_circle li.on { background: #1397ea; } /*����֤�� end*/ /*���й�˾ ʵ������ start*/ .eight-Strength .big-til { padding-bottom: 10px; } .eight-Strength .list-hide { width: 1130px; padding: 40px 25px; margin: 20px auto 40px; height: auto; overflow: hidden; background: #fff; display: none; } .eight-Strength .list-hide h2 { padding-left: 35px; color: #000; font-size: 24px; } .eight-Strength .list-hide dl { position: relative; margin-top: 25px; } .eight-Strength .list-hide dl i { position: absolute; width: 1px; height: 82%; background-color: #dcdcdc; top: 14px; left: 0; } .eight-Strength .list-hide dl dd { padding-left: 35px; padding-bottom: 25px; background: url("../images2/list-hide-dd-icon.png") no-repeat left 9px; } .eight-Strength .list-hide dl .til { color: #000; font-size: 18px; } .eight-Strength .list-hide dl .til span { color: #3076df; font-family: Impact; padding-right: 8px; } .eight-Strength .list-hide dl .sub { color: #272727; font-size: 14px; padding-left: 25px; } .eight-Strength .list-hide dl .sub font { color: #ec1a1a; } .eight-Strength .list-hide dl .sub span { color: #565656; font-weight: bold; } .eight-Strength .btn-hide { text-align: center; font-size: 12px; color: #373d41; margin: 0 auto; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; display: block; } .eight-Strength .btn-hide i { width: 20px; height: 20px; background: url(../images2/arrow-up.png) no-repeat; display: inline-block; zoom: 1; position: relative; top: 2px; left: 2px; vertical-align: sub; margin-left: 5px; } .eight-Strength .btn-show { text-align: center; font-size: 12px; color: #373d41; margin: 0 auto; display: block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; } .eight-Strength .btn-show i { width: 20px; height: 20px; background: url(../images2/arrow-down.png) no-repeat; display: inline-block; *display: inline; *zoom: 1; zoom: 1; position: relative; top: 2px; left: 2px; vertical-align: sub; margin-left: 5px; } .eight-Strength .list-show { overflow: hidden; clear: both; width: 1180px; margin: 35px auto 60px; background-color: white; } .eight-Strength .list-show .left-txt { float: left; width: 800px; } .eight-Strength .list-show .left-txt ul { overflow: hidden; margin-left: -1px; height: 369px; } .eight-Strength .list-show .left-txt ul li { float: left; width: 399px; height: 184px; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; position: relative; overflow: hidden; } .eight-Strength .list-show .left-txt ul li .show-box { background-color: white; width: 100%; height: 100%; color: #565656; font-size: 14px; } .eight-Strength .list-show .left-txt ul li .show-box p,.eight-Strength .list-show .left-txt ul li .hide-box p { padding-left: 42px; padding-right: 24px; } .eight-Strength .list-show .left-txt ul li .show-box .til { color: #272727; font-size: 20px; padding-bottom: 10px; padding-top: 32px; padding-left: 42px; } .eight-Strength .list-show .left-txt ul li .hide-box { background-color: #c30404; width: 100%; height: 100%; color: #fff; font-size: 14px; position: absolute; left: -100%; top: 0; } .eight-Strength .list-show .left-txt ul li .hide-box .til { font-size: 20px; padding-bottom: 10px; padding-top: 32px; padding-left: 42px; } .eight-Strength .list-show .right-pic { float: right; width: 380px; height: 369px; overflow: hidden; position: relative; } .eight-Strength .list-show .right-pic ul { overflow: hidden; } .eight-Strength .list-show .right-pic ul li { float: left; overflow: hidden; position: relative; height: 369px; width: 380px; } .eight-Strength .list-show .right-pic ul li .pic { position: relative; overflow: hidden; } .eight-Strength .list-show .right-pic ul li p { position: absolute; padding: 10px 0; overflow: hidden; bottom: 0; left: 0; background: url(../images2/tranbg-6.png) repeat; text-align: center; font-size: 20px; width: 100%; color: white; } .eight-Strength .list-show .right-pic a { display: block; float: right; width: 102px; height: 35px; line-height: 35px; text-align: center; color: white; background-color: #c30404; border-radius: 3px; } .eight-Strength .list-show .right-pic .prev,.eight-Strength .list-show .right-pic .next { position: absolute; width: 29px; height: 35px; background: url("../images2/tranbg-6.png") repeat; line-height: 3; text-align: center; top: 50%; left: 0; margin-top: -17px; display: none; } .eight-Strength .list-show .right-pic .prev span,.eight-Strength .list-show .right-pic .next span { background: url("../images2/btn-pre-n.png") no-repeat; display: inline-block; *display: inline; *zoom: 1; width: 11px; height: 18px; } .eight-Strength .list-show .right-pic .next { right: 0; left: auto; } .eight-Strength .list-show .right-pic .next span { background: url("../images2/btn-pre-n.png") no-repeat -11px 0; } .eight-Strength .list-show .right-pic a:hover { background: #000; } /*���й�˾ ʵ������ end */ /*����С�� start*/ .about-big-bg { background: url(../images2/time-bg-big.jpg) no-repeat fixed center center; width: 100%; min-width: 1180px; height: 595px; } .ter-box-time { position: relative; } .ter-content-time { position: absolute; top: -450px; left: 50%; margin-left: -590px; } #top { width: 100%; height: 90px; float: left; position: relative; background: url(../images2/top-bg.png) no-repeat; } #top .small { position: absolute; top: 40px; width: 100%; height: 56px; display: inline; margin: 0 auto; } #top .small ul { margin: 0; padding: 0px; } #top .small li { position: relative; height: 60px; line-height: 90px; float: left; top: -35px; display: inline; margin: 3px 0 0 52px; color: #fff; font-size: 16px; padding: 0; } #top .small .more-time { position: absolute; right: 23px; top: 0; color: #fff; } #top .small li>img { position: absolute; display: none; top: 7px; } .img-01 { left: 25px; } .img-02 { left: 25px; } .img-03 { left: 26px; } .img-04 { left: 24px; } .img-05 { left: 25px; } .img-06 { left: 24px; } .img-07 { left: 23px; } .img-08 { left: 22px; } .img-09 { left: 21px; } .img-10 { left: 20px } .img-11 { left: 18px; } #top .small li span.text { position: absolute; top: -60px; left: 385px; color: #fff; width: 300px; text-align: center; font-size: 0; line-height: 30px; } #top .small li span.text-01 { position: absolute; top: -60px; left: 282px; color: #fff; width: 300px; text-align: center; font-size: 0; line-height: 30px; } #top .small li span { position: absolute; color: #fff; width: 300px; text-align: center; font-size: 0; line-height: 30px; } #top .small li span.text-02 { top: -70px; left: 195px; } #top .small li span.text-03 { top: -70px; left: 100px; } #top .small li span.text-04 { top: -60px; left: -18px; } #top .small li span.text-05 { top: -70px; left: -106px; } #top .small li span.text-06 { top: -70px; left: -221px; } #top .small li span.text-07 { top: -60px; left: -333px; } #top .small li span.text-08 { top: -70px; left: -410px; } #top .small li span.text-09 { top: -70px; left: -500px; } #top .small li span.text-10 { top: -70px; left: -628px; } #top .small li.hove { color: #ffea00; } #top .small li.hove img { display: block; } #top .small li.hove span { font-size: 18px; } #box { width: 100%; height: 400px; float: left; overflow: hidden; position: relative; } #box .bg { width: 100%; height: 340px; position: absolute; top: 132px; left: 0; } #list { width: 830px; height: 446px; position: absolute; top: 0; left: 50%; display: inline; margin-left: -410px; overflow: hidden; } #list ul { margin: 0; padding: 0; float: left; } #list li { border: 3px solid #000; position: absolute; list-style-type: none; cursor: pointer; overflow: hidden; width: 314px; height: 190px; top: 96px; left: 0px; z-index: 8; } #list li img { width: 100%; height: 100%; vertical-align: top; } #list li div { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; } #list li .b_tit { width: 100%; height: 120px; position: absolute; z-index: 1; bottom: -100%; left: 0; margin: 0; padding: 0; } #list li .opacity { width: 100%; height: 40px; background: #000; filter: alpha(opacity=80); opacity: 0.8; position: absolute; z-index: 1; bottom: 0; left: 0; } #list li .tit { width: 100%; height: 40px; position: absolute; z-index: 2; bottom: 0; } #list li .tit span { width: 100%; height: 40px; font-weight: normal; float: left; font-size: 12px; line-height: 40px; color: #fff; border-bottom: 1px solid #2f2f2c; text-align: center; left: 0; margin: 0; padding: 0; } #list .hove .b_tit { bottom: 0 !important; } #box a { width: 60px; height: 60px; text-decoration: none; position: absolute; z-index: 20; top: 50%; margin-top: -30px; } #box a.prev { left: 0; background: url(../images2/about-xiang-left.png) no-repeat; } #box a.prev:hover { left: 0; background: url(../images2/about-xiang-left-hover.png) no-repeat; } #box a.next { right: 0; background: url(../images2/about-xiang-right.png) no-repeat; } #box a.next:hover { background: url(../images2/about-xiang-right-hover.png) no-repeat; } .opacity-01 { filter: alpha(opacity=70); opacity: 0.7; } .time-line { position: relative; min-width: 1180px; background: url(../images2/gsbj.jpg) no-repeat center -150px; padding: 15px 0 20px; } .time-line-main { position: relative; z-index: 1; width: 1180px; text-align: center; margin: 0 auto; } .time-line-main>h3 { font-size: 30px; font-weight: bold; color: #fff; line-height: 45px; } .city-list { position: relative; display: inline-block; *display: inline; *zoom: 1; border-top: 1px #fff solid; border-bottom: 1px #fff solid; line-height: 32px; color: #fff; margin-top: 10px; } .city-list>label { margin: 0 16px; } .city-list>span { position: absolute; left: 50%; margin-left: -3px; padding: 0 2px; display: block; background: #3e9aef; } .city-list>span.top { top: -3px; } .city-list>span.bottom { bottom: -3px; } .city-list>span>i { width: 2px; height: 5px; display: block; background: #fff; } .time-line-warp { width: 1180px; margin: 0 auto; overflow: hidden; position: relative; z-index: 1; } .time-list-main { width: 1224px; } .time-axis { position: absolute; left: 0; right: 0; bottom: 55px; min-width: 1180px; height: 30px; background: url(../images2/time_line1.png) repeat center; } .time-list-main>ul { overflow: hidden; } .time-list-main li { display: block; float: left; width: 140px; padding: 285px 64px 0 0; text-align: left; color: #fff; font-size: 16px; text-align: center; } .time-list-main li.active>i { background: url(../images2/time_dot_s.png) no-repeat center; -webkit-animation: dyamiuc_round 2.5s linear 0s infinite normal; animation: dyamiuc_round 2.5s linear 0s infinite normal } @-webkit-keyframes dyamiuc_round { 0% { -webkit-transform: scale(.3); transform: scale(.3); opacity: 0 } 50% { -webkit-transform: scale(.7); transform: scale(.7); opacity: 1 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } @keyframes dyamiuc_round { 0% { -webkit-transform: scale(.3); transform: scale(.3); opacity: 0 } 50% { -webkit-transform: scale(.7); transform: scale(.7); opacity: 1 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } .time-list-main li>i { display: block; margin: 0 auto; width: 41px; height: 41px; position: relative; left: 1px; background: url(../images2/time_dot.png) no-repeat 11px center; } .time-list-main li>p { font-size: 16px; line-height: 30px; } .time-txt { position: absolute; padding: 10px; bottom: 105px; width: 230px; background: url(../images2/transparent40.png) repeat; color: #fff; line-height: 25px; border-radius: 5px; } .time-txt>i { position: absolute; left: 50%; margin-left: -4.5px; bottom: -5px; display: block; width: 9px; height: 5px; background: url(../images2/time_arrow.png) no-repeat; } .time-p-n { position: absolute; bottom: 34px; display: block; width: 35px; height: 35px; background-image: url(../images2/time_p_n.png); } .time-p-n.prev { display: none; left: 0; background-position: 0 -35px; } .time-p-n.prev:hover { background-position: 0 0; } .time-p-n.next { right: 0; background-position: -35px 0; } .time-p-n.next:hover { background-position: -35px -35px; } .time-txt>p { padding: 5px 10px 0; line-height: 22px; } .time-img>img { width: 100%; } .full-time { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } /*ʱ���� end */ /*2017 0803 xl end */ @charset "utf-8"; body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin: 0; padding: 0; } html { color: black; font-size: 62.5%; } body { font: 14px/1.5 arial,"微软雅黑"; color: #373d41; outline: 0; } input,select,textarea { font-size: 100%; outline-style: none; background: transparent; font-family: "微软雅黑"; } input,button { border: none medium; outline: none; font-family: "微软雅黑"; } button, html input[type="button"], input[type="submit"] { cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } address,caption,cite,code,dfn,em,th,var,i { font-style: normal; font-weight: 500; } ol,ul,li,dl,dt,dd { list-style: none; } h1,h2,h3,h4,h5,h6 { font-size: 2rem; font-weight: 500; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } abbr,acronym { border: none; font-variant: normal; } table { border-collapse: collapse; border-spacing: 0; } img { border: 0 none; vertical-align: middle; max-width: 100%; } caption,th { text-align: left; } th { text-align: inherit; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } del { text-decoration: line-through; } legend { color: #373d41; } fieldset { border: none; } iframe { display: block; } q:before,q:after { content: ''; } ins,a { text-decoration: none; cursor: pointer; color: #373d41; } a:hover { text-decoration: none; } a:focus,*:focus { outline: none; } .clearfix:before,.clearfix:after { content: ""; clear: both; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; overflow: hidden; } .clearfix { zoom: 1; clear: both; } .clear { clear: both; display: block; overflow: hidden; height: 0; line-height: 0; font-size: 0; } .hide { display: none !important; visibility: hidden; } .block { display: block !important; } .radius_1 { -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .radius_2 { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .radius_3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .radius_5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .radius_t5 { -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .tl { text-align: left; } .tc { text-align: center; } .tr { text-align: right; } .fl { float: left; display: inline; } .fr { float: right; display: inline; } .cb { clear: both; } .ovh { overflow: hidden; } .di { display: inline; } .dib { display: inline-block; *zoom: 1; *display: inline; } .db { display: block; } .none { display: none; } .border0 { border: 0!important; } .vm { vertical-align: middle; } .pr { position: relative; } .pa { position: absolute; } .tdu { text-decoration: underline; } .f14 { font-size: 14px; } .f16 { font-size: 16px; } .f18 { font-size: 18px; } .f20 { font-size: 20px; } .f22 { font-size: 22px; } .f24 { font-size: 24px; } .family_st { font-family: "Microsoft YaHei" } .family_wr { font-family: "微软雅黑" } .red { color: #fa4f4f; } .orange { color: #ff7f00 !important; } .w1200 { width: 1200px; height: auto; margin: 0 auto; } .w1180 { width: 1180px; height: auto; margin: 0 auto; } .w1000 { width: 1000px; height: auto; margin: 0 auto; } /*head*/ .dgg_header { width: 100%; min-width: 1180px; height: 30px; line-height: 30px; font-size: 12px; background: #f1f1f1; position: relative; z-index: 101; } .dgg_header .fr li { float: left; margin-left: 15px; } .dgg_header .fr a:hover { text-decoration: underline; } .dgg_header .fr .blue { color: #c30404; text-decoration: underline; } /*logo-nav*/ .logo_nav { height: 70px; padding-top: 25px; } .dgg_nav { display: block; overflow: hidden; padding-top: 15px; clear: both; } .dgg_nav li { float: left; margin-left: 50px; } .dgg_nav li a { color: #333; font-size: 16px; padding: 5px 0; } .dgg_nav li .active { color: #c30404; } .dgg_nav li a:hover { color: #c30404; } .dgg_nav li .active:hover { text-decoration: underline; } /*footer*/ .footer { width: 100%; min-width: 1180px; height: 104px; padding-top: 36px; font-size: 12px; position: relative; border-top: 1px solid #e5e5e5; text-align: left; } .footer .link_list li { display: inline-block; *zoom: 1; *display: inline; background: url(../images2/footer_1.png) left center no-repeat; } .footer .link_list li:first-child { background: none; } .footer .link_list li a { padding: 0 8px 0 13px; color: #333; } .footer .link_list li a:hover { color: #c30404; text-decoration: underline; } .footer .copyRight { padding-top: 20px; } .footer p { line-height: 24px; } .footer .xdw_copy { padding-left: 28px; background: url(../images2/copy_1.png) left center no-repeat; display: inline-block; *zoom: 1; *display: inline; } /*公共底部的修改 start*/ .footer-top { padding-bottom: 15px; overflow: hidden; } .friend-box { overflow: hidden; margin-top: 5px; } .footer-tel { font-size: 14px; color: #bdbdbd; } .footer-tel i { background: url(../images2/footer-tel.png) no-repeat; width: 14px; height: 14px; margin-right: 5px; vertical-align: middle; } .footer-tel p { font-size: 27.5px; color: #c30404; margin-top: 5px; font-family: impact; } .footer .friendly-links { font-size: 14px; color: #333; } .friendly-list>li { float: left; line-height: 24px; background: url(../images2/footer_1.png) left center no-repeat; padding-top: 1px; } .friendly-list>li:first-child { background: none; } .friendly-list a { font-size: 12px; color: #373d41; padding: 0 8px 0 13px; } .friendly-list a:hover { color: #c30404; text-decoration: underline; } .footer-bottom { width: 100%; min-width: 1180px; background: #f7f7f7; text-align: center; padding-bottom: 15px; } .footer .link_list li:first-child a { padding-left: 0; } .friendly-list>li:first-child a { padding-left: 7px; } /*2017 0808 xl icp start*/ .big-til { padding: 60px 0 40px; text-align: center; line-height: 1; } .big-til h3 { color: #3b3b3b; font-size: 30px; font-weight: bold; } .big-til p { color: #848484; font-size: 16px; padding-top: 10px; } /*哪些网站需要ICP许可证 start */ .who-need { padding-bottom: 60px; text-align: center; } .who-need ul { overflow: hidden; } .who-need ul li { float: left; width: 380px; height: 240px; border-radius: 3px; position: relative; overflow: hidden; margin-left: 20px; text-align: left; } .who-need ul li:first-child { margin-left: 0; } .who-need ul li .desc { padding: 20px 0 0 20px; width: 360px; height: 220px; color: white; position: relative; overflow: hidden; } .who-need ul li .desc p { font-size: 16px; line-height: 1.6; } .who-need ul li .desc .til { font-size: 24px; font-weight: bold; padding-bottom: 10px; } .who-need ul li .desc a { position: absolute; display: block; width: 133px; height: 38px; border: 1px solid white; line-height: 38px; text-align: center; border-radius: 3px; overflow: hidden; bottom: 28px; } .who-need ul li .desc a span { color: white; font-size: 16px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; position: relative; z-index: 1; } .who-need ul li .desc a i { width: 0; height: 100%; position: absolute; left: 50%; background-color: white; border-radius: 3px; top: 0; z-index: 0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .who-need ul li .who-need-img { position: absolute; right: -10px; bottom: -10px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .who-need ul li:hover .sky-bg a span { color: #c30404; } .who-need ul li:hover .green-bg a span { color: #22c45b; } .who-need ul li:hover .orange-bg a span { color: #ff9000; } .who-need ul li:hover .desc a i { width: 100%; left: 0; } .who-need ul li:hover .who-need-img { right: 0; bottom: 0; } .btn-need { height: 38px; line-height: 38px; padding: 0 24px; color: #c30404; font-size: 14px; border: 1px solid #c30404; border-radius: 3px; margin-top: 40px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .btn-need span { color: #ff9000; } .btn-need:hover { color: white; background-color: #c30404; } /*哪些网站需要ICP许可证 end */ /*办理前注意 start*/ .handle-attention { width: 100%; min-width: 1180px; overflow: hidden; height: 755px; background: url("../images2/handle-attention-bg.jpg") no-repeat fixed; } .handle-attention .big-til h3 { color: white; } .handle-attention .big-til p { color: white; } .handle-attention .big-til p font { vertical-align: text-top; margin-right: 5px; } .handle-attention dl dd { margin-bottom: 20px; overflow: hidden; height: 210px; border-radius: 3px; text-align: center; background-color: #f3f3f3; } .handle-attention dl dd .left-til { float: left; width: 146px; height: 210px; color: white; font-size: 24px; position: relative; } .handle-attention dl dd .left-til .top-til { line-height: 75px; background-color: #c30404; } .handle-attention dl dd .left-til .bottom-desc { background-color: #1972c5; line-height: 145px; } .handle-attention dl dd .left-til i { position: absolute; width: 6px; height: 8px; right: -6px; top: 71px; background: url("../images2/blue-triangle.png") no-repeat; } .handle-attention dl dd ul { overflow: hidden; float: left; width: 1034px; } .handle-attention dl dd ul li { float: left; width: 257.5px; text-align: center; border-left: 1px solid #dcdcdc; height: 210px; } .handle-attention dl dd ul li:first-child { border-left: none; } .handle-attention dl dd ul li .top-til { line-height: 74px; border-bottom: 1px solid #dcdcdc; color: #848484; font-size: 20px; } .handle-attention dl dd ul li .desc { padding-top: 20px; height: 115px; } .handle-attention dl dd ul li a { display: block; width: 100%; height: 100%; } .handle-attention dl dd ul li i { width: 66px; height: 52px; background: url("../images2/handle-attention-icon1.png") no-repeat; } .handle-attention dl dd ul li p { color: #565656; font-size: 20px; padding-top: 10px; } .handle-attention dl dd.green-dd .left-til .top-til { background-color: #22c45b; } .handle-attention dl dd.green-dd .left-til .bottom-desc { background-color: #1cb251; } .handle-attention dl dd.green-dd .left-til i { background-image: url("../images2/green-triangle.png"); } .handle-attention dl dd.green-dd ul li i { background-image: url("../images2/handle-attention-icon2.png"); } .handle-attention dl dd ul li .icon2 { background-position: -66px 0; } .handle-attention dl dd ul li .icon3 { background-position: -132px 0; } .handle-attention dl dd ul li .icon4 { background-position: -198px 0; } .handle-attention dl dd ul li:hover i { -webkit-animation: bounce 1s ease 1 0s both; animation: bounce 1s ease 1 0s both; } .handle-attention .wechat { background: white; margin-top: 40px; } .handle-attention .wechat-left { font-size: 16px; color: #181f39; } /*办理前注意 end */ /*办理条件 start*/ .application-conditions ul { margin-bottom: 40px; margin-top: 20px; height: 427px; } .application-conditions ul li { float: left; width: 340px; height: 410px; text-align: center; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; background-color: #f7f7f7; margin-left: 80px; } .application-conditions ul li:first-child { margin-left: 0; } .conditions-desc { position: relative; width: 340px; height: 390px; padding-top: 20px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .conditions-desc .top-icon { padding-bottom: 15px; } .conditions-desc .top-icon i { width: 43px; height: 48px; background: url("../images2/conditions-icon.png") no-repeat; } .conditions-desc .top-icon .icon2 { background-position: -43px 0; } .conditions-desc .top-icon .icon3 { background-position: -86px 0; } .application-conditions ul li:hover { margin-top: -17px; height: 444px; box-shadow: 0 0 14px 3px #e5e5e5; } .application-conditions ul li:hover .conditions-desc { padding-top: 37px; } .conditions-desc:hover .top-icon i { -webkit-animation: bounce 1s ease 1 0s both; animation: bounce 1s ease 1 0s both; } .application-conditions ul li .top-til { line-height: 60px; font-size: 24px; color: white; } .application-conditions ul li .bottom-desc { padding-top: 25px; height: 230px; position: relative; color: #565656; font-size: 18px; } .application-conditions ul li .bottom-desc p { line-height: 1.8; } .application-conditions ul li .bottom-desc a { position: absolute; bottom: 25px; width: 158px; height: 38px; line-height: 38px; border-radius: 3px; border: 1px solid #ff9000; left: 50%; margin-left: -80px; overflow: hidden; } .application-conditions ul li .bottom-desc a span { position: relative; z-index: 1; color: #ff9000; font-size: 16px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .application-conditions ul li .bottom-desc a i { position: absolute; left: 50%; width: 0; height: 100%; border-radius: 3px; background-color: #ff9000; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .application-conditions ul li:hover .bottom-desc a span { color: white; } .application-conditions ul li:hover .bottom-desc a i { width: 100%; left: 0; } .application-conditions .wechat { background-color: white; margin-bottom: 60px; width: 555px; } .application-conditions .wechat-left { width: 395px; color: #565656; font-size: 16px; } /*办理条件 end*/ /*选择顶呱呱start*/ .big-gray { width: 100%; min-width: 1180px; background-color: #f7f7f7; } .choose-us { position: relative; overflow: hidden; } .flow-steps { float: left; width: 400px; text-align: center; position: relative; z-index: 1; } .other-steps { margin-left: 38px; } .dgg-steps { float: right; margin-right: 22px; } .flow-steps .til { font-size: 24px; font-weight: bold; margin-bottom: 10px; color: #22c45b; } .flow-steps ul li { margin-bottom: 10px; width: 400px; height: 50px; line-height: 50px; background: url("../images2/flow-steps-bg1.png") no-repeat; color: #66d086; font-size: 20px; text-align: left; } .flow-steps ul li span { padding-left: 20px; } .flow-steps ul li .icon { width: 81px; height: 50px; text-align: center; vertical-align: sub; padding-left: 0; } .flow-steps ul li i { width: 40px; height: 25px; background: url("../images2/num-icon1.png") no-repeat; } .flow-steps.dgg-steps ul li i { background-image: url("../images2/num-icon2.png"); } .flow-steps ul li .icon2 { background-position: -42px 0; } .flow-steps ul li .icon3 { background-position: -84px 0; } .flow-steps ul li .icon4 { background-position: -126px 0; } .flow-steps ul li .icon5 { background-position: -168px 0; } .flow-steps ul li .icon6 { background-position: -210px 0; } .flow-steps ul li .icon7 { background-position: -253px 0; } .flow-steps ul li .icon8 { background-position: -295px 0; } .flow-steps.dgg-steps .til { color: #ff9000; } .flow-steps.dgg-steps ul li { background: url("../images2/flow-steps-bg2.png") no-repeat; color: #ff9000; } .flow-steps.dgg-steps ul li.last-li { background: #f8e6cf; text-align: center; border: 1px solid #ff9000; border-radius: 3px; height: 108px; line-height: 1.3; font-size: 16px; } .flow-steps.dgg-steps ul li.last-li .til { padding-top: 12px; } .middle-person { position: absolute; top: 20px; left: 50%; margin-left: -210px; z-index: 0; } .choose-us-box { padding-bottom: 60px; } .choose-us-box .wechat { background-color: #f7f7f7; margin: 30px auto 0; } .choose-us-box .wechat-left span { font-weight: normal; font-size: 20px; } /*选择顶呱呱end */ /*更多保障 start*/ .more-security-box { width: 100%; min-width: 1180px; background: url("../images2/choose-us-bg.jpg") no-repeat fixed; height: 734px; } .more-security-box .big-til h3 { color: white; } .more-security-box .big-til p { color: white; } .more-security ul { overflow: hidden; } .more-security ul li { float: left; position: relative; width: 33.333%; height: 215px; text-align: center; background-color: #f7f7f7; } .more-security ul li div { width: 100%; height: 100%; } .more-security ul li i { width: 56px; height: 56px; background: url("../images2/more-security-icon.png") no-repeat; margin-top: 30px; } .more-security ul li .icon2 { background-position: -56px 0; } .more-security ul li .icon3 { background-position: -112px 0; } .more-security ul li .icon4 { background-position: -168px 0; } .more-security ul li .icon5 { background-position: -224px 0; } .more-security ul li .icon6 { background-position: -280px 0; } .more-security ul li p { color: #848484; font-size: 16px; } .more-security ul li .til { color: #565656; font-size: 22px; margin: 10px 0 5px; } .more-security ul li .sky-bg p { color: white; } .more-security ul li .sky-bg .til { color: white; } .more-security ul li a { display: block; width: 100%; height: 100%; } .more-security .wechat { margin-bottom: 60px; margin-top: 40px; background: white; } .more-security .wechat-left { color: #c30404; } .more-security .wechat-left span { font-weight: normal; font-size: 20px; } /*更多保障 end */ /*icp区别 start*/ .difference-icp { background: url("../images2/difference-icp.jpg") no-repeat; height: 670px; overflow: hidden; } .difference-info { width: 434px; height: 482px; margin-left: 110px; float: left; margin-top: 147px; } .difference-icp .til { text-align: center; line-height: 53px; background: url("../images2/green-sbx.png") no-repeat center center; color: white; font-size: 30px; font-weight: bold; margin-bottom: 20px; } .difference-info .txt { color: #565656; font-size: 16px; line-height: 2.2; } .difference-icp .txt span { color: #ff9000; } .difference-icp .tips { width: 435px; float: right; margin-right: 110px; margin-top: 147px; } .difference-icp .tips div { margin-bottom: 13px; } .difference-icp .tips div p { font-size: 16px; color: #565656; font-weight: bold; } .difference-icp .tips div .txt { font-weight: normal; } /*icp区别 end*/ /*还需要 start*/ .big-gray { width: 100%; min-width: 1180px; overflow: hidden; position: relative; background-color: #f7f7f7; } /*还需要 start*/ .need-ul { margin-bottom: 60px; overflow: hidden } .need-ul>li { float: left; width: 236px; text-align: center; } .need-ul>li i { background: url(../images2/need-icons.png) no-repeat; height: 106px; width: 106px; margin: 0 auto; display: block; } /*.need-content .need-ul>li i{background-position: -495px 0;}*/ .need-content .need-ul>li i.icon2 { background-position: -258px 0; } .need-content .need-ul>li i.icon3 { background-position: -495px 0; } .need-content .need-ul>li i.icon4 { background-position: -742px 0; } .need-content .need-ul>li i.icon5 { background-position: -975px 0; } .need-ul>li p { font-size: 18px; color: #373d41; margin: 20px 0; } .need-ul>li a { width: 140px; height: 40px; display: block; border: 1px solid #dcdcdc; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; font-size: 14px; color: #888; text-align: center; line-height: 40px; margin: 0 auto; } .need-ul>li:hover i { background: url(../images2/need-icons-hover.png) no-repeat; } .need-content .need-ul>li:hover i { background-position: -495px 0; } .need-content .need-ul>li:hover i.icon2 { background-position: -258px 0; } .need-content .need-ul>li:hover i.icon3 { background-position: 0 0; } .need-content .need-ul>li:hover i.icon4 { background-position: -742px 0; } .need-content .need-ul>li:hover i.icon5 { background-position: -975px 0; } .need-ul>li:hover p { color: #ff9000; } .need-ul>li:hover a { background: #ff9000; color: #fff; } @media (min-width:768px) { .aliyun-common-footer-2017 .module-wrap .ali-main-know { padding: 30px 20px 0 } .aliyun-common-footer-2017 .module-wrap .ali-main-hot { padding: 20px 20px 0 } .aliyun-common-footer-2017 .module-wrap .y-row { width: 100%; min-width: inherit!important } } .aliyun-common-footer-2017 .y-row { min-width: 1000px; max-width: 1200px; margin-left: auto; margin-right: auto; zoom: 1; *width: 1000px } .aliyun-common-footer-2017 .y-row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .aliyun-common-footer-2017 .y-left,.aliyun-common-footer-2017 .y-right { display: inline } .aliyun-common-footer-2017 .y-left { float: left!important } .aliyun-common-footer-2017 .y-right { float: right!important } .aliyun-common-footer-2017 .y-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .aliyun-common-footer-2017 .y-clear { zoom: 1 } .aliyun-common-footer-2017 .y-align-center { text-align: center!important } .aliyun-common-footer-2017 a.y-btn-anti,.aliyun-common-footer-2017 a.y-btn-anti:link,.aliyun-common-footer-2017 a.y-btn-anti:visited,.aliyun-common-footer-2017 a.y-btn-blue,.aliyun-common-footer-2017 a.y-btn-blue:link,.aliyun-common-footer-2017 a.y-btn-blue:visited,.aliyun-common-footer-2017 a.y-btn-trans,.aliyun-common-footer-2017 a.y-btn-trans:link,.aliyun-common-footer-2017 a.y-btn-trans:visited,.aliyun-common-footer-2017 a.y-btn-white,.aliyun-common-footer-2017 a.y-btn-white:link,.aliyun-common-footer-2017 a.y-btn-white:visited { display: inline-block; min-width: 78px; height: 33px; padding: 0 30px 1px; background: #f29f05; line-height: 33px; font-size: 14px; color: #fff; text-align: center; outline: none; border-radius: 0; *width: auto } .aliyun-common-footer-2017 a.y-btn-blue:hover { background: #33b5d4; border-color: #33b5d4; text-decoration: none } .aliyun-common-footer-2017 a.y-btn-blue:active { background: #008fb2; border-color: #008fb2 } .float-tool { position: fixed; width: 44px; right: 8px; bottom: 40%; z-index: 250 } .aliyun-common-footer-2017 { font-size: 12px } .aliyun-common-footer-2017 .module-wrap * { box-sizing: border-box; color: #d7d8d9; } .aliyun-common-footer-2017 .module-wrap .ali-main-time { background-color: #31373b } .aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content { height: 120px } .aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content .ali-main-time-what { line-height: 120px; color: #fff; font-size: 16px; transition: color .3s } .aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content .ali-main-time-what:hover { color: #28d0e9!important } .aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content>li { width: 25%; float: left; text-align: left } .aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content>li a { position: relative; padding-left: 60px; height: 120px; line-height: 120px; display: inline-block; color: #373d41 } .aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content>li a img { position: absolute; left: 0; width: 50px; top: 34px } .aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content>li a img.white { display: block } .aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content>li a img.black { display: none } .aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content>li a:hover { text-decoration: none } .aliyun-common-footer-2017 .module-wrap .ali-main-know { padding-top: 30px; background-color: #373d41; min-height: 220px } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div { padding-bottom: 30px; position: relative; box-sizing: border-box; border-bottom: 1px solid #4b5054 } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell { right: 5px; width: 280px; position: absolute } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div { position: relative; padding-left: 80px } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div img { position: absolute; left: 0; width: 50px } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div img.white { display: none } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div img.black { display: block } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div img.white-black { display: none } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div h2 { color: #d7d8d9; font-size: 16px; height: 30px; margin-top: 0; margin-bottom: 0 } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div h1 { color: #fff; font-size: 25px; height: 30px; margin-top: 0; margin-bottom: 0 } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div ul { margin: 8px 0 } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div ul li { height: 30px; line-height: 30px } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div ul li a { font-size: 14px; color: #9b9ea0; transition: color .3s } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div ul li a:hover { color: #28d0e9!important; text-decoration: none } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content { border-right: 1px solid #4b5054; box-sizing: border-box; } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content>li { width: 20%; float: left } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content .ali-main-know-title { color: #d7d8d9; font-size: 12px; height: 18px; line-height: 18px; font-weight: bolder } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent { margin-top: 14px } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent li { margin-top: 8px } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent li a { color: #9b9ea0; height: 18px; line-height: 18px; transition: color .3s } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent li a:hover { color: #c30404!important text-decoration: none } .aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent li.qr-code img { margin-top: 16px; width: 80px } .aliyun-common-footer-2017 .module-wrap .ali-main-hot { padding-top: 20px; background-color: #373d41 } .aliyun-common-footer-2017 .module-wrap .ali-main-hot>div { border-bottom: 1px solid #4b5054; padding-bottom: 20px } .aliyun-common-footer-2017 .module-wrap .ali-main-hot .ali-main-hot-content>li { position: relative; padding-left: 80px } .aliyun-common-footer-2017 .module-wrap .ali-main-hot .ali-main-hot-content>li .ali-main-hot-title { font-size: 12px; color: #9b9ea0; font-weight: bolder; position: absolute; left: 0; margin-top: 8px } .aliyun-common-footer-2017 .module-wrap .ali-main-hot .ali-main-hot-content>li .ali-main-hot-subcontent li { width: 124px; float: left; margin-top: 8px } .aliyun-common-footer-2017 .module-wrap .ali-main-hot .ali-main-hot-content>li .ali-main-hot-subcontent li a { color: #73777a; transition: color .3s } .aliyun-common-footer-2017 .module-wrap .ali-main-hot .ali-main-hot-content>li .ali-main-hot-subcontent li a:hover { color: #28d0e9!important; text-decoration: none } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 { background-color: #373d41; padding-top:20px; padding-bottom:80px; } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .copyright .big { display: inline-block } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .copyright .big a { font-size: 16px; color: #9b9ea0; margin-right: 35px; transition: color .3s } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .copyright .big a:hover { color: #28d0e9!important; text-decoration: none } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .copyright .footer-search { display: inline-block; float: right; margin-left: 10px; position: relative } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice { background-color: hsla(0,0%,100%,.1); box-sizing: content-box!important; display: none; width: 100px; height: 30px; border: 1px solid #bbbdbf; padding: 0 10px 0 35px; line-height: 30px; position: relative; cursor: pointer; color: #bbbdbf } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice:hover .icon-up3,.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice:hover ul { display: block } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice:hover .icon-down3 { display: none } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice img { width: 22px; left: 6px; position: absolute; top: 5px } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice .icon-up3 { display: none; font-family: iconfont!important } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice .icon-down3 { display: block; font-family: iconfont!important } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice i { position: absolute; right: 5px; top: 7px } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice>ul { display: none; background-color: hsla(0,0%,100%,.1); width: 145px; left: -1px; position: absolute; top: 30px; color: #bbbdbf; border: 1px solid #bbbdbf } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice>ul li { position: relative; padding: 0 10px 0 35px } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .footer-search { display: inline-block; float: right; margin-left: 10px; position: relative } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .footer-search input { background-color: hsla(0,0%,100%,.1); border: 1px solid #bbbdbf; height: 30px; color: #bbbdbf; padding: 0 30px 0 10px; width: 178px } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .footer-search button { width: 30px; position: absolute; top: 1px; height: 30px; right: 1px; background-color: hsla(0,0%,100%,0); border: 0; cursor: pointer } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .footer-search button i { font-size: 16px; color: #b3b3b3 } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .link-wrap { padding-top: 10px } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .link-wrap .link-item { display: inline-block; font-size: 14px; color: #73777a; margin-right: 10px; margin-top: 10px; transition: color .3s } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .link-wrap .link-item:hover { color: #28d0e9!important; text-decoration: none } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .copyright { color: #73777a; font-size: 14px; margin-top: 10px; text-align:center; } .aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .xin { margin-top: 10px; display: block } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-time { background-color: #ebecec } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-time .ali-main-time-content { height: 120px } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-time .ali-main-time-content .ali-main-time-what { color: #373d41 } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-time .ali-main-time-content>li a { position: relative; padding-left: 60px; height: 120px; line-height: 120px } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-time .ali-main-time-content>li a img.white { display: none } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-time .ali-main-time-content>li a img.black { display: block } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know { background-color: #f5f5f6 } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know>div { border-bottom: 1px solid #cfd0d1 } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .phone-cell img.white { display: block } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .phone-cell img.black,.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .phone-cell img.white-black { display: none } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .phone-cell h1,.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .phone-cell h2 { color: #373d41 } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .phone-cell ul li a { color: #73777a } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .ali-main-know-content { border-left: 1px solid #cfd0d1 } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .ali-main-know-content .ali-main-know-title { color: #373d41 } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .ali-main-know-content .ali-main-know-subcontent li a { color: #73777a } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-hot { background-color: #f5f5f6 } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-hot>div { border-bottom: 1px solid #cfd0d1 } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-hot .ali-main-hot-content .ali-main-hot-title { color: #73777a } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-hot .ali-main-hot-content .ali-main-hot-subcontent li a { color: #9b9ea0 } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-copyright-100 { background-color: #f5f5f6 } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-copyright-100 .big a { color: #73777a!important } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-copyright-100 .copyright,.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-copyright-100 .link-wrap .link-item { color: #9b9ea0 } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white.aliyun-common-footer-small .ali-main-know { background-color: #ebecec } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white.aliyun-common-footer-small .ali-main-know .phone-cell img.black,.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white.aliyun-common-footer-small .ali-main-know .phone-cell img.white { display: none } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white.aliyun-common-footer-small .ali-main-know .phone-cell img.white-black { display: block } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white.aliyun-common-footer-small .ali-main-know .phone-cell li a { color: #373d41 } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-time { display: none } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know { background-color: #31373b; min-height: 110px; box-sizing: border-box } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know>div { border-bottom: none } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know .phone-cell { height: 110px; width: 100% } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know .phone-cell ul { left: 267px; position: absolute; top: -4px } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know .phone-cell ul li { float: left; border-left: 1px solid #cfd0d1; padding: 0 15px; height: 20px; line-height: 20px } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know .phone-cell ul li:first-child { border-left: none } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know .phone-cell ul li a { font-size: 16px; color: #fff } .aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know .ali-main-know-content { display: none } .copyright .aicp{ color:#73777a} .copyright .aicp:hover{ color:#f29f05} .box{ width:1176px; margin:auto;} .box ul{ width:1196px;} .box ul li{ float:left; height:409px; width:279px; margin-right:20px; overflow:hidden; background:url(../images2/orange.png) 0 0px no-repeat; position:relative;} .box ul li a{ display:block; width:100%; height:100%; top:0; position:absolute;} .box ul li:hover{ background-position:0px 0px; -webkit-transition:all .5s ease-in-out .3s; transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s; -ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;} .box ul li u{ position:absolute; display:block; margin-left:36px; width:207px; height:207px; background:url(../images2/round.png) no-repeat; -webkit-transition:all .5s ease-in-out .0s; transition:all .5s ease-in-out .0s;-moz-transition:all .5s ease-in-out .0s; -ms-transition:all .5s ease-in-out .0s;-o-transition:all .5s ease-in-out .0s;} .box ul li u.cr{clip:rect(0px,207px,-10px,103.5px); } .box.active ul li u.cr{clip:rect(0px,207px,207px,103.5px); } .box ul li:hover u.cr{ clip:rect(0px,207px,-10px,103.5px)} .box ul li u.cl{clip:rect(207px,103.5px,2000px,0px) } .box.active ul li u.cl{clip:rect(0px,103.5px,207px,0px); } .box ul li:hover u.cl{ clip:rect(207px,103.5px,2000px,0px) } .box ul li i{ display:block; font-style:normal; position:absolute; height:60px; width:68px; left:104px; top:77px; } .box ul li.box1 i{ background:url(../images2/box1.png) 0px 0px no-repeat} .box ul li:hover.box1 i{ background:url(../images2/box1.png) -68px 0px no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;} .box ul li.box2 i{ background:url(../images2/box2.png) 0px 0px no-repeat;width:72px; left:103px; } .box ul li:hover.box2 i{ background:url(../images2/box2.png) -72px 0px no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;} .box ul li.box3 i{ background:url(../images2/box3.png) 0px 0px no-repeat; width:55px; height:66px; left:113px;} .box ul li:hover.box3 i{ background:url(../images2/box3.png) -55px 0px no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;} .box ul li.box4 i{ background:url(../images2/box4.png) 0px 0px no-repeat; width:70px; height:69px;} .box ul li:hover.box4 i{ background:url(../images2/box4.png) -70px 0px no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;} .box ul li h3{ font-size:22px; color:#333333; padding:0; margin:0; line-height:24px; font-weight:normal; text-align:center; margin-top:248px;} .box ul li h3 a{ color:#333} .box ul li:hover h3{color:#5b5b5b;transition:all 0.8s;} .box ul li p{ font-size:12px; color:#333333; line-height:20px; margin-top:20px; padding:0 20px} .box ul li p a{color:#333333;} .box ul li p a:hover{color:#fff;} .box ul li:hover p{color:#5b5b5b;transition:all 0.8s;} .section .mt20 { margin:0; } section, article { width:100%; min-width:1000px; height:100%; position:relative; } article .txthide { text-indent:-999999em; overflow:hidden; line-height:0; font-size:0px; display:none; } .sectionTitle { width:100%; height:55%; margin:0 auto; padding-top:0px; text-align:center; position:absolute; top:7%; left:0; opacity:0; -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px); -webkit-transition:all 1s ease-out; transition:all 1s ease-out; z-index:8; } .fadeInDown .sectionTitle { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); } .sectionWrapper { width:100%; min-width:1000px; margin:0 auto; overflow:hidden; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"100%") } .sectionBtndiv { width:100%; position:absolute; bottom:auto; left:0px; text-align:center; z-index:10; } .sectionBtnsub { width:13%; margin:0 auto; text-align:center; display:block; max-width:195px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)>195?"195px":"13%"); } .sectionBtnsub img { width:100%; } .sectionbg { width:100%; height:100%; max-width:1920px; margin:0 auto; position:relative; z-index:1; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1920?"1920px":"100%"); } .section1, .section2, .section3, .section4, .sectionbg5 { -webkit-background-size:100% auto; background-size:100% auto; background-position:bottom center; background-repeat:no-repeat; } .section1 { background:url(../images2/bg-quanping.png); display:none; text-align:center; } .secitonbottombg { width:100%; text-align:center; left:0px; z-index:1; margin:0 auto; } .section1 .secitonbottombg { bottom:0; left:0; } .section2 .secitonbottombg img, .section5 .secitonbottombg img, .section6 .secitonbottombg img { width:70%; max-width:1000px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"1000px":"70%"); } .section3 .secitonbottombg img, .section4 .secitonbottombg img { width:79%; max-width:1128px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"1128px":"79%"); } .section1 .secitonbottombg img { width:100%; max-width:1680px; height:auto; max-height:705px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"1680px":"100%"); } .section2 .secitonbottombg img { height:auto; max-height:510px; } .section3 .secitonbottombg img { height:auto; max-height:710px; } .section4 .secitonbottombg img { height:auto; max-height:578px; } .section5 .secitonbottombg img { height:auto; max-height:530px; } .section6 .secitonbottombg img { height:auto; max-height:630px; } .section1 .sectionTitle { text-align:center; opacity:1; top:28%; _top:26%; left:20%; z-index:30; } .section1 .sectionTitle h2 { position:absolute; top:0; left:0; height:52%; width:100%; text-align:center; } .section1 .sectionTitle h2 img { height:100%; width:auto; } .section1 .dload { position:absolute; top:60%; left:0; height:40%; width:100%; text-align:center; } .section1 .iph_dload { position:absolute; top:60%; left:0; height:18%; width:100%; text-align:center; } .section1 .iph_dload img, .section1 .andr_dload img { height:100%; width:auto; } .section1 .andr_dload { position:absolute; top:85%; left:0; height:18%; width:100%; text-align:center; } .section6 .secitonbottombg a { position:absolute; left:0; bottom:5%; height:15%; width:100%; z-index:99; } .section6 .secitonbottombg a img { height:100%; width:auto; } /*回到顶部*/ .btn-quanping { position:absolute; left:64.3%; z-index:100; top:13.3%; } #arrow_up { display:none; position:fixed; bottom:100px; right:50px; width:90px; height:90px; z-index:60; _position:absolute; _right:expression(eval(document.documentElement.scrollright+1000)); _top:expression(eval(document.documentElement.scrollTop+700)); } .user-brand-list { overflow: hidden; margin-bottom: 50px; padding: 10px 0; list-style: none; margin: 0; } .user-brand-list>li { display: inline-block; width: 20%; float: left; text-align: center; height: 100px; position: relative; -moz-background-size: 1200px 575px; background-size: 1200px 575px; } .user-brand-list>li:first-child { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: 0 -12px; background-position-x: 0; background-position-y: -12px; } .user-brand-list>li:nth-child(2) { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -240px -12px; background-position-x: -240px; background-position-y: -12px; } .user-brand-list>li:nth-child(3) { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -480px -12px; background-position-x: -480px; background-position-y: -12px; } .user-brand-list>li:nth-child(4) { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -720px -12px; background-position-x: -720px; background-position-y: -12px; } .user-brand-list>li:nth-child(5) { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -960px -12px; background-position-x: -960px; background-position-y: -12px; } .user-brand-list>li:nth-child(6) { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: 0 -162px; background-position-x: 0; background-position-y: -162px; } .user-brand-list>li:nth-child(7) { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -240px -162px; background-position-x: -240px; background-position-y: -162px; } .user-brand-list>li:nth-child(8) { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -480px -162px; background-position-x: -480px; background-position-y: -162px; } .user-brand-list>li:nth-child(9) { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -720px -162px; background-position-x: -720px; background-position-y: -162px; } .user-brand-list>li:nth-child(10) { background-image: url(../images2/user-brand.png); background-repeat: no-repeat; background-position: -960px -162px; background-position-x: -960px; background-position-y: -162px; } .user-brand-list>li:first-child:hover { background-image:url(../images2/user-brand.png); background-repeat:no-repeat; background-position:0 -312px; background-position-x:0; background-position-y:-312px } .user-brand-list>li:nth-child(2):hover { background-image:url(../images2/user-brand.png); background-repeat:no-repeat; background-position:-240px -312px; background-position-x:-240px; background-position-y:-312px } .user-brand-list>li:nth-child(3):hover { background-image:url(../images2/user-brand.png); background-repeat:no-repeat; background-position:-480px -312px; background-position-x:-480px; background-position-y:-312px } .user-brand-list>li:nth-child(4):hover { background-image:url(../images2/user-brand.png); background-repeat:no-repeat; background-position:-720px -312px; background-position-x:-720px; background-position-y:-312px } .user-brand-list>li:nth-child(5):hover { background-image:url(../images2/user-brand.png); background-repeat:no-repeat; background-position:-960px -312px; background-position-x:-960px; background-position-y:-312px } .user-brand-list>li:nth-child(6):hover { background-image:url(../images2/user-brand.png); background-repeat:no-repeat; background-position:0 -462px; background-position-x:0; background-position-y:-462px } .user-brand-list>li:nth-child(7):hover { background-image:url(../images2/user-brand.png); background-repeat:no-repeat; background-position:-240px -462px; background-position-x:-240px; background-position-y:-462px } .user-brand-list>li:nth-child(8):hover { background-image:url(../images2/user-brand.png); background-repeat:no-repeat; background-position:-480px -462px; background-position-x:-480px; background-position-y:-462px } .user-brand-list>li:nth-child(9):hover { background-image:url(../images2/user-brand.png); background-repeat:no-repeat; background-position:-720px -462px; background-position-x:-720px; background-position-y:-462px } .user-brand-list>li:nth-child(10):hover { background-image:url(../images2/user-brand.png); background-repeat:no-repeat; background-position:-960px -462px; background-position-x:-960px; background-position-y:-462px } .task-panel-bd .zbj-btn-primary{ color:#FF6600} .task-panel-bd .zbj-btn-primary:hover{ color:#fff} /*底部留言栏*/ .nuclearname-bar{position:fixed;height:100px;left:0;bottom:-200px;width:100%;z-index:10;transition:all 1s} .nuclearname-bar .nuclearname-bg{width:100%;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);transition:all 1s} .nuclearname-bar .zbj-grid-1200{ position:relative; width:1200px; margin:0 auto;} .nuclearname-bar .nuclearname-main{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10} .nuclearname-bar .nuclearname-main .btn-close{position:absolute;top:10px;right:10px;display:block} .nuclearname-bar .nuclearname-main .btn-close .icon-close{background-position:-208px -33px;width:18px;height:18px;cursor:pointer} .nuclearname-bar .nuclearname-intro{float:left;width:180px;margin-left:100px;margin-top:-48px} .nuclearname-bar .nuclearname-intro img{ display:block; width:179px; height:178px;} .nuclearname-bar .nuclearname-text{ float:left; width:360px; text-align:center; padding:16px 0;} .nuclearname-bar .nuclearname-text p{ font-size:18px; color:#f4f4f4; margin-top:3px;} .nuclearname-bar .nuclearname-cont{ float:left; margin-left:400px;margin-top: -65px; font-size:14px; color:#fff} .nuclearname-bar .nuclearname-cont .cont-item{ float:left; width:400px; height:50px;} .nuclearname-bar .nuclearname-cont .cont-item .cont-label{float:left; width:80px; text-align:left; line-height:36px; font-size:18px; color:#fff;} .nuclearname-bar .nuclearname-cont .cont-item .cont-input{float:left; height:37px; line-height:37px; background-color:#fff; border-radius:5px;} .nuclearname-bar .nuclearname-cont .cont-item .item-input{border:0;padding:0 12px;color:#373d41} .nuclearname-bar .nuclearname-cont .cont-item .item-input-long{width:270px} .nuclearname-bar .nuclearname-cont .cont-item .item-input-short{width:170px} .nuclearname-bar .nuclearname-cont .cont-item .item-btn{float:right;display:block;margin-left:10px;width:108px;height:37px;line-height:37px;text-align:center;color:#fff;background-color:#2fbcec; border-radius:5px;} .nuclearname-bar .nuclearname-cont .cont-item .item-btn:hover{text-decoration:none;background-color:#226cbd} .icon { display: inline-block; } .icon-ic-btn-buy, .icon-ic-cart, .icon-ic-close { background-image: url(../images2/sprite.png); background-position: -377px -357px; width: 22px; height: 20px; } .mx-kefuclass { border: 1px solid #d5d5d5; background:#fff; width: 355px; height: 180px; position: absolute; right: 110px; top: -28px; border-radius: 6px; display: none; } .mx-visible { display: block; } .mx-kefuclass-title { height: 40px; background-color: #f5f5f5; border-radius: 10px 10px 0 0; text-align: center; line-height: 40px; color: #333; font-size: 14px; } .borderBottom { border-bottom: 1px solid #ccc; } .borderRight { border-right: 1px solid #ccc; } .sless { width: 175px; height: 35px; text-align: center; font-size: 14px; float: left; padding-top: 12px; } .navSidebars a, .navSidebars i { display: inline-block; font-size: 12px; color: #909090; } a.smclass { display: inline-block; width: 175px; height: 40px; background-color: #fff; } .navSidebars a { position: relative; text-align: center; } .sL1, .sL2, .sL3, .sL4, .sL5, .sL6 { background: url("../images2/slide.png") no-repeat scroll 0 0; width: 28px; height: 28px; display: inline-block; vertical-align: bottom; margin-right: 6px; } .sL1 { background-position: -4px -168px; } .sL2 { background-position: -4px -277px; } .sL3 { background-position: -4px -195px; } .sL4 { background-position: -4px -222px; } .sL5 { background-position: -4px -249px; } .sL6 { background-position: -4px -312px; } .smc1:hover .sL1 { background-position: -33px -168px; } .smc2:hover .sL2 { background-position: -33px -277px; } .smc3:hover .sL3 { background-position: -33px -195px; } .smc4:hover .sL4 { background-position: -33px -222px; } .smc5:hover .sL5 { background-position: -33px -249px; } .smc6:hover .sL6 { background-position: -33px -312px; } .slessR { text-align: left; display: inline-block; width: 60px; } .smc1:hover .slessR { color: #00c0bf; } .smc2:hover .slessR { color: #00c0bf; } .smc3:hover .slessR { color: #00c0bf; } .smc4:hover .slessR { color: #00c0bf; } .smc5:hover .slessR { color: #00c0bf; } .smc6:hover .slessR { color: #00c0bf; } /*关于我们*/ .about{ padding:0px 0 0 0; height: 420px;} .about .boxa{width: 1200px; margin:0 auto; position: relative; z-index: 9;} .about .leftbox { width: 600px; height: 420px; float: left; } .about .leftbox li { display: block; float: left; width:198px; height: 140px; overflow: hidden; text-align: center; margin-right: 2px; margin-bottom: 2px; } .about .leftbox li:hover{} .about .leftbox li img{ width: 100%; height: 100%; transform: scale(1); -ms-transform: scale(1) ; -moz-transform: scale(1) ; -webkit-transform: scale(1) ; } .about .leftbox li img{ transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; } .about .leftbox li:hover img { width: 100%; height: 100%; transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .about .rightbox{float: left; width: 600px;} .about .rightbox table{width: 600px; height: 420px;} .about .rightbox .td{display: inline-block; *display: inline; *zoom:1; padding-left:80px;} .about .rightbox .title{} .about .rightbox .title h2{font-size: 24px; color: #FA032E;} .about .rightbox .title span{font-size: 14px; color:#AAAAAA; text-transform: uppercase; line-height: 2;} .about .rightbox .content h4{ padding:20px 0 10px 0; font-size: 18px; color:#000000;} .about .rightbox .content p{font-size: 13px; line-height: 20px; color: #828282; width: 460px; padding-bottom:10px;} .about .rightbox a.more{ width: 178px; height: 47px; border: 1px solid #ccc; display: block; margin-top:30px; text-align: center; line-height: 48px; font-size:14px; color: #363636;} .fengongsi{ width:1200px; margin:20px auto; padding:0px; } .fengongsi ul li{ padding-left:10px; float:left; line-height: 28px; font-size:14px;} .fengongsi ul li a:hover{ color:#C30404;} .tlfenbu{ margin:20px auto; width:1200px; } .tlfenbu ul li{ float:left; padding:0px 10px 0px 10px; font-size: 15px; line-height: 30px; } .tlfenbu ul li a:hover{ color:#C30404;} .tlfenbu h1{ margin-top: 50px; margin-bottom: 20px; text-align: center; background: #c30404; width: 1200px; height: 40px; line-height: 40px; color: #fff; } .tlfenbu p{ text-align:center; } .jiagebiaodan{ width: 1220px; margin: 20px auto; background-color: #e2e2e2; height: 95px; line-height: 35px; border-radius: 50px; } .jiagebiaodan h5{ text-align:center; font-size: 16px; color: #424242; line-height: 40px; } .jiagebiaodan ul{ padding-left: 298px; } .jiagebiaodan ul li{ float:left; margin-left: 20px; } .iptTxt{ background: #00aef3; height: 38px; width: 200px; padding-left: 10px; color: #fff; border: 1px solid #0097d4; border-radius: 30px; position: relative; } .btnTjly{ background-color:#F90; height: 38px; width: 120px; color: #fff; border: 1px solid #d47f00; border-radius: 30px; position: relative; } .remenwenti{ float:left; width:300px; height:150px; margin:20px 10px; } .remenwenti ul li{ line-height: 32px; font-weight: bold; border-bottom: 1px solid #ededed; } .remenwenti ul li a{ font-size: 15px; color: #c30404; } .remenwenti ul li a:hover{ color:#ff7700;}