Demo entry 6345788

test

   

Submitted by anonymous on Feb 08, 2017 at 03:18
Language: CSS. Code size: 19.1 kB.

@charset "UTF-8";
/* index.css
 * Created: 2016-05-10
 * Author: Cindy
 */
/* extend */
/* line 6, ../_source/lib/_extend.scss */
.nav .nav-menu .icon-menu, .nav .nav-item .nav-tag, .sub-nav .sub-nav-item .sub-nav-tit .item-tit-arrow, .sub-item-con .sub-item-arrow {
  background-image: url('../img/_nav-s8c2f645b61.png');
  background-repeat: no-repeat;
}

/* line 12, ../_source/lib/_extend.scss */
.site-header-bd .cart-box .cart-icon .cart-bg, .site-header-bd .cart-box .cart-icon .arrow-right, .site-header-bd .hot-line .phone-icon {
  background-image: url('../img/_site-header-s418047fc1e.png');
  background-repeat: no-repeat;
}

/* 重定义,包括HTML5标签 */
/* line 3, ../_source/comm/_reset.scss */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* 避免与编辑内容冲突 */
/* line 25, ../_source/comm/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 29, ../_source/comm/_reset.scss */
input, textarea, select {
  margin: 0;
  padding: 0;
  outline: 0;
}

/* 默认字体颜色 */
/* line 37, ../_source/comm/_reset.scss */
body {
  color: #333;
  font-size: 12px;
}

/* 默认字体 */
/* line 41, ../_source/comm/_reset.scss */
body,
button, input, select, textarea {
  *line-height: 1.5;
}

/* line 45, ../_source/comm/_reset.scss */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

/* line 48, ../_source/comm/_reset.scss */
address, cite, dfn, em, var {
  font-style: normal;
}

/* 重置列表元素 */
/* line 54, ../_source/comm/_reset.scss */
ul, ol {
  list-style: none;
}

/* 重置文本格式元素 */
/* line 60, ../_source/comm/_reset.scss */
a {
  text-decoration: none;
}

/* line 63, ../_source/comm/_reset.scss */
a:hover {
  text-decoration: underline;
}

/* line 66, ../_source/comm/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 69, ../_source/comm/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* 重置表单元素 */
/* line 77, ../_source/comm/_reset.scss */
fieldset, img {
  border: none;
}

/* line 80, ../_source/comm/_reset.scss */
button, input, select, textarea {
  font-size: 100%;
}

/* line 83, ../_source/comm/_reset.scss */
select, input, button, button img, label {
  vertical-align: middle;
}

/* line 86, ../_source/comm/_reset.scss */
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
  padding: 0;
}

/* line 93, ../_source/comm/_reset.scss */
input::-ms-clear {
  display: none;
}

/* 清除IE10的叉 */
/* 重置表格元素 */
/* line 97, ../_source/comm/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 重置 hr */
/* line 104, ../_source/comm/_reset.scss */
hr {
  border: none;
  height: 1px;
}

/* 清浮动clear */
/* line 111, ../_source/comm/_reset.scss */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* line 112, ../_source/comm/_reset.scss */
.clearfix:before, .clearfix:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

/* line 113, ../_source/comm/_reset.scss */
.clearfix:after {
  clear: both;
}

/* line 114, ../_source/comm/_reset.scss */
.clearfix {
  zoom: 1;
}

/* line 2, ../_source/comm/_common.scss */
.common-title-wrapper, .site-header-bd, .site-header-bd .search-box, .nav ul, .sub-item-con {
  *zoom: 1;
}
/* line 3, ../_source/comm/_common.scss */
.common-title-wrapper:after, .site-header-bd:after, .site-header-bd .search-box:after, .nav ul:after, .sub-item-con:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
}

/* line 14, ../_source/comm/_common.scss */
.site-header, .nav-tools {
  min-width: 1190px;
  width: 100%;
}

/* line 18, ../_source/comm/_common.scss */
.common-title-wrapper, .site-header .wrap, .nav .wrap {
  width: 1190px;
  margin: 0 auto;
}

/* line 23, ../_source/comm/_common.scss */
.site-header-bd .input-container .recommend-cont a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* line 55, ../_source/comm/_common.scss */
.common-title-wrapper {
  padding: 20px 0 8px;
}
/* line 60, ../_source/comm/_common.scss */
.common-title-wrapper .title-border {
  float: left;
  margin: 6px 0;
  width: 5px;
  height: 20px;
}
/* line 67, ../_source/comm/_common.scss */
.common-title-wrapper .title-txt {
  float: left;
  margin-left: 10px;
  font-size: 20px;
}

/* $font-family:'Helvetica Neue', 'Microsoft YaHei',Arial, 'Heiti SC',SimSun; */
/* line 100, ../_source/comm/_common.scss */
[placeholder]::-webkit-input-placeholder {
  color: #999;
}

/* line 101, ../_source/comm/_common.scss */
[placeholder]:-ms-input-placeholder {
  color: #999;
}

/* line 102, ../_source/comm/_common.scss */
[placeholder]:-moz-placeholder {
  color: #999;
}

/* line 103, ../_source/comm/_common.scss */
[placeholder]::-moz-placeholder {
  color: #999;
}

/* line 104, ../_source/comm/_common.scss */
[placeholder]:focus::-webkit-input-placeholder {
  opacity: 0;
}

/* line 105, ../_source/comm/_common.scss */
[placeholder]:focus::-moz-placeholder {
  opacity: 0;
}

/* line 107, ../_source/comm/_common.scss */
.placeholdersjs {
  color: #999;
}

/* line 109, ../_source/comm/_common.scss */
body {
  background-color: #f2f2f2;
  font: 14px/1.5 Helvetica, Arial, "Microsoft YaHei", Heiti, SimSun, sans-serif;
  color: #333;
}

/* line 114, ../_source/comm/_common.scss */
button, input, select, textarea {
  font-family: Helvetica, Arial, "Microsoft YaHei", Heiti, SimSun, sans-serif;
}

/* line 117, ../_source/comm/_common.scss */
a {
  color: #333;
  outline: 0;
}
/* line 120, ../_source/comm/_common.scss */
a:hover {
  color: #03a9f4;
  text-decoration: none;
}

/* line 125, ../_source/comm/_common.scss */
em,
i {
  font-style: normal;
}

/* line 1, ../_source/index/_site-header.scss */
input {
  font-family: Helvetica, Arial, "Microsoft YaHei", Heiti, SimSun, sans-serif;
}

/* line 2, ../_source/index/_site-header.scss */
.site-header {
  background-color: #fff;
}
/* line 5, ../_source/index/_site-header.scss */
.site-header .wrap {
  height: 40px;
  padding: 45px 0;
}

/* line 11, ../_source/index/_site-header.scss */
.site-header-bd {
  font-size: 14px;
  color: #999;
}
/* line 15, ../_source/index/_site-header.scss */
.site-header-bd .site-logo {
  float: left;
  height: 40px;
  width: 230px;
  background: url(../img/saic-logo.png) 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  /* line 15, ../_source/index/_site-header.scss */
  .site-header-bd .site-logo {
    background: url(../img/retina/saic-logo.png) 0 0 no-repeat;
    background-size: 230px 40px;
  }
}
/* line 25, ../_source/index/_site-header.scss */
.site-header-bd .search-panel {
  margin: 0 278px 0 299px;
}
/* line 31, ../_source/index/_site-header.scss */
.site-header-bd .input-container {
  position: relative;
  float: left;
  width: 501px;
  border: 2px solid #03a9f4;
  border-right: 0;
  padding: 3px 0 0 0;
}
/* line 38, ../_source/index/_site-header.scss */
.site-header-bd .input-container .search-txt {
  border: 0;
  border: none;
  width: 482px;
  height: 26px;
  line-height: 26px;
  padding: 2px 0 5px 19px;
  border: none;
  font-size: 14px;
}
/* line 48, ../_source/index/_site-header.scss */
.site-header-bd .input-container .recommend-cont {
  position: absolute;
  right: 0;
  top: 3px;
}
/* line 52, ../_source/index/_site-header.scss */
.site-header-bd .input-container .recommend-cont a {
  float: left;
  height: 22px;
  line-height: 22px;
  padding: 0 5px;
  margin: 4px 5px;
  color: #999;
  font-size: 12px;
  background: #f7f7f7;
  max-width: 70px;
  text-align: center;
}
/* line 64, ../_source/index/_site-header.scss */
.site-header-bd .input-container .recommend-cont a:hover {
  color: #03a9f4;
}
/* line 70, ../_source/index/_site-header.scss */
.site-header-bd .search-btn {
  float: left;
  height: 40px;
  line-height: 40px;
  *height: 42px;
  *line-height: 42px;
  text-align: center;
  color: #fff;
  width: 110px;
  background-color: #03a9f4;
  border: none;
  font-size: 18px;
  cursor: pointer;
}
/* line 85, ../_source/index/_site-header.scss */
.site-header-bd .cart-box {
  float: right;
  margin-right: 35px;
  display: none;
}
/* line 89, ../_source/index/_site-header.scss */
.site-header-bd .cart-box .cart-icon {
  width: 138px;
  height: 24px;
  padding: 8px 11px;
  background-color: #f5f5f5;
}
/* line 94, ../_source/index/_site-header.scss */
.site-header-bd .cart-box .cart-icon .cart-bg {
  float: left;
  height: 16px;
  width: 16px;
  margin: 4px 10px 4px 0;
  width: 16px;
  height: 16px;
  background-position: 0 -12px;
}
/* line 101, ../_source/index/_site-header.scss */
.site-header-bd .cart-box .cart-icon .arrow-right {
  float: right;
  height: 7px;
  width: 5px;
  margin-top: 9px;
  width: 5px;
  height: 7px;
  background-position: 0 0;
}
/* line 108, ../_source/index/_site-header.scss */
.site-header-bd .cart-box .cart-icon .num {
  float: left;
  padding-top: 2px;
  line-height: 22px;
}
/* line 112, ../_source/index/_site-header.scss */
.site-header-bd .cart-box .cart-icon .num span {
  color: #03a9f4;
}
/* line 118, ../_source/index/_site-header.scss */
.site-header-bd .hot-line {
  float: right;
}
/* line 120, ../_source/index/_site-header.scss */
.site-header-bd .hot-line .phone-icon {
  float: left;
  margin-right: 5px;
  width: 36px;
  height: 36px;
  background-position: 0 -33px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  /* line 120, ../_source/index/_site-header.scss */
  .site-header-bd .hot-line .phone-icon {
    background: url(../img/retina/icon-hotline.png) 0 0 no-repeat;
    background-size: 36px 36px;
  }
}
/* line 129, ../_source/index/_site-header.scss */
.site-header-bd .hot-line .hot-line-txt {
  float: left;
}
/* line 131, ../_source/index/_site-header.scss */
.site-header-bd .hot-line .hot-line-txt .hotline-number {
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  color: #666;
}
/* line 138, ../_source/index/_site-header.scss */
.site-header-bd .hot-line .hot-line-txt .hotline-des {
  font-size: 12px;
  color: #333;
}

/* line 2, ../_source/index/_nav.scss */
.nav {
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  border-bottom: 2px solid #333;
  background-color: #fff;
}
/* line 8, ../_source/index/_nav.scss */
.nav .wrap {
  position: relative;
}
/* line 15, ../_source/index/_nav.scss */
.nav .nav-menu {
  position: relative;
  float: left;
  width: 230px;
  height: 36px;
  margin-right: 10px;
  color: #fff;
  background-color: #03a9f4;
}
/* line 23, ../_source/index/_nav.scss */
.nav .nav-menu .icon-menu {
  display: inline-block;
  width: 14px;
  height: 12px;
  margin-left: 20px;
  padding-left: 12px;
  width: 14px;
  height: 12px;
  background-position: 0 -134px;
}
/* line 32, ../_source/index/_nav.scss */
.nav .nav-item {
  float: left;
  position: relative;
  padding: 0 30px;
  font-size: 18px;
}
/* line 39, ../_source/index/_nav.scss */
.nav .nav-item a:hover {
  text-decoration: none;
}
/* line 43, ../_source/index/_nav.scss */
.nav .nav-item .nav-tag {
  position: absolute;
  top: 0;
  right: 6px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-style: none;
  font-size: 12px;
  color: #fff;
  width: 18px;
  height: 18px;
  background-position: 0 -215px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  /* line 43, ../_source/index/_nav.scss */
  .nav .nav-item .nav-tag {
    background: url(../img/retina/nav-tag.png) 0 0 no-repeat;
    background-size: 18px 18px;
  }
}

/* line 67, ../_source/index/_nav.scss */
.sub-nav {
  position: absolute;
  width: 230px;
  height: 430px;
  left: 0;
  top: 38px;
  /*add by xz*/
  /*add by xz end*/
}
/* line 73, ../_source/index/_nav.scss */
.sub-nav .sub-nav-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 230px;
  height: 430px;
  background-color: #151518;
  filter: alpha(opacity=80);
  opacity: 0.8;
  z-index: 1;
}
/* line 84, ../_source/index/_nav.scss */
.sub-nav .sub-nav-con {
  position: relative;
  left: 0;
  top: 0;
  z-index: 11;
}
/* line 90, ../_source/index/_nav.scss */
.sub-nav .sub-nav-item {
  padding: 20px 18px;
  border-bottom: 1px solid #303131;
}
/* line 93, ../_source/index/_nav.scss */
.sub-nav .sub-nav-item .sub-nav-tit {
  position: relative;
  height: 24px;
  line-height: 24px;
  margin: 3px 0 12px;
  font-size: 16px;
  color: #fff;
}
/* line 100, ../_source/index/_nav.scss */
.sub-nav .sub-nav-item .sub-nav-tit .item-tit-arrow {
  position: absolute;
  right: 0;
  top: 8px;
  width: 5px;
  height: 7px;
  padding: 0;
  margin: 0;
  width: 5px;
  height: 7px;
  background-position: 0 -57px;
}
/* line 111, ../_source/index/_nav.scss */
.sub-nav .sub-nav-item .sub-nav-links {
  height: 56px;
  *height: 62px;
  /*add by xz*/
  line-height: 24px;
  overflow: hidden;
}
/* line 117, ../_source/index/_nav.scss */
.sub-nav .sub-nav-item .sub-nav-links a {
  /*add by xz*/
  float: left;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  margin: 0 10px 0 0;
  word-wrap: break-word;
  color: #fff;
  font-size: 14px;
  overflow: hidden;
}
/* line 128, ../_source/index/_nav.scss */
.sub-nav .sub-nav-item .sub-nav-links a:hover {
  color: #03a9f4;
  text-decoration: underline;
}
/* line 134, ../_source/index/_nav.scss */
.sub-nav .sub-nav-item.cur, .sub-nav .sub-nav-item:hover {
  position: relative;
}
/* line 137, ../_source/index/_nav.scss */
.sub-nav .sub-nav-item.cur .sub-item-con, .sub-nav .sub-nav-item:hover .sub-item-con {
  display: block;
}
/* line 145, ../_source/index/_nav.scss */
.sub-nav .sub-nav-item1 .sub-nav-links {
  height: 72px;
  *height: 78px;
  margin-bottom: 7px;
}
/* line 152, ../_source/index/_nav.scss */
.sub-nav .sub-nav-item2 .sub-nav-links {
  height: 48px;
  *height: 54px;
  margin-bottom: 7px;
}
/* line 159, ../_source/index/_nav.scss */
.sub-nav .sub-nav-item2:hover .sub-item-con, .sub-nav .sub-nav-item2.cur .sub-item-con {
  top: -159px;
}
/* line 162, ../_source/index/_nav.scss */
.sub-nav .sub-nav-item2:hover .sub-item-arrow, .sub-nav .sub-nav-item2.cur .sub-item-arrow {
  top: 187px;
}
/* line 168, ../_source/index/_nav.scss */
.sub-nav .sub-nav-item3 .sub-nav-links {
  height: 48px;
  *height: 54px;
  margin-bottom: 7px;
}
/* line 175, ../_source/index/_nav.scss */
.sub-nav .sub-nav-item3:hover .sub-item-con, .sub-nav .sub-nav-item3.cur .sub-item-con {
  top: -294px;
}
/* line 178, ../_source/index/_nav.scss */
.sub-nav .sub-nav-item3:hover .sub-item-arrow, .sub-nav .sub-nav-item3.cur .sub-item-arrow {
  top: 322px;
}
/* line 183, ../_source/index/_nav.scss */
.sub-nav .sub-nav-item-last {
  border-bottom: 0;
}

/* line 189, ../_source/index/_nav.scss */
.sub-item-con {
  display: none;
  position: absolute;
  left: 230px;
  top: 0;
  width: 729px;
  height: 429px;
  background-color: #fbfbfb;
  z-index: 11;
  border-bottom: 1px solid #818181;
  border-right: 1px solid #818181;
}
/* line 201, ../_source/index/_nav.scss */
.sub-item-con .sub-item-arrow {
  position: absolute;
  left: -6px;
  top: 28px;
  width: 6px;
  height: 12px;
  width: 6px;
  height: 12px;
  background-position: 0 -198px;
}

/* line 212, ../_source/index/_nav.scss */
.sub-itemcon-fl {
  float: left;
  width: 480px;
  height: 429px;
  overflow: hidden;
}
/* line 217, ../_source/index/_nav.scss */
.sub-itemcon-fl .sub-item-item {
  padding: 30px 20px 0;
}
/* line 220, ../_source/index/_nav.scss */
.sub-itemcon-fl .sub-itemitem-tit {
  line-height: 26px;
  height: 26px;
  padding-bottom: 4px;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #e3e3e3;
  font-weight: bolder;
}
/* line 229, ../_source/index/_nav.scss */
.sub-itemcon-fl .sub-itemitem-links {
  padding-top: 4px;
  line-height: 14px;
  font-size: 14px;
}
/* line 233, ../_source/index/_nav.scss */
.sub-itemcon-fl .sub-itemitem-links li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 8px 0;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #ccc;
  white-space: nowrap;
}
/* line 241, ../_source/index/_nav.scss */
.sub-itemcon-fl .sub-itemitem-links li a {
  color: #333;
}
/* line 243, ../_source/index/_nav.scss */
.sub-itemcon-fl .sub-itemitem-links li a:hover {
  color: #03a9f4;
  text-decoration: none;
}
/* line 248, ../_source/index/_nav.scss */
.sub-itemcon-fl .sub-itemitem-links li.last {
  border-right: 0;
}

/* line 255, ../_source/index/_nav.scss */
.sub-itemcon-fr {
  float: right;
  width: 249px;
  height: 429px;
  overflow: hidden;
  background-color: #fff;
}
/* line 261, ../_source/index/_nav.scss */
.sub-itemcon-fr .sub-item-ad {
  margin: 0 10px;
  width: 230px;
  text-align: center;
  border-bottom: 1px solid #e3e3e3;
}
/* line 266, ../_source/index/_nav.scss */
.sub-itemcon-fr .sub-item-ad a {
  display: block;
  width: 230px;
}
/* line 269, ../_source/index/_nav.scss */
.sub-itemcon-fr .sub-item-ad a:hover {
  color: #03a9f4;
  text-decoration: none;
}
/* line 274, ../_source/index/_nav.scss */
.sub-itemcon-fr .sub-item-ad .tit {
  height: 28px;
  line-height: 28px;
  margin-top: 14px;
  font-size: 16px;
}
/* line 280, ../_source/index/_nav.scss */
.sub-itemcon-fr .sub-item-ad .des {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
}
/* line 285, ../_source/index/_nav.scss */
.sub-itemcon-fr .sub-item-ad img {
  display: block;
  width: 222px;
  height: 148px;
  margin: 0 auto 4px;
}
/* line 291, ../_source/index/_nav.scss */
.sub-itemcon-fr .sub-item-ad.last {
  border-bottom: 0;
}

/* line 2, ../_source/index/_index.scss */
.nav-tools {
  position: relative;
  height: 468px;
}

This snippet took 0.02 seconds to highlight.

Back to the Entry List or Home.

Delete this entry (admin only).