html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
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 {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
input,
textarea,
select {
  *font-size: 100%;
}
legend {
  color: #000;
}
header,
footer,
nav,
section,
article {
  display: block;
}
input[type=submit],
input[type=button] {
  cursor: pointer;
}
::-moz-selection {
  background: #FD5D3C;
  color: #fff;
}
::selection {
  background: #FD5D3C;
  color: #fff;
}
a {
  text-decoration: none;
  color: #333;
  border: 0;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  -webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
}
a > img {
  /*display: block;*/
}
.clr:after {
  clear: both;
  content: '\0020';
  display: block;
  visibility: hidden;
  height: 0;
}
.clr {
  zoom: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.container {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.sprite {
  background: url(../../images/sprites.png) no-repeat;
  display: inline-block;
}
body {
  background: #fafafa;
  line-height: 1.5;
  font-family: arial, '\5FAE\8F6F\96C5\9ED1', serif;
}
.zc-sites {
  background: #2e2e2e;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
}
.zc-sites a {
  color: #dcdcdc;
}
.zc-sites .menu {
  float: left;
}
.zc-sites .menu a {
  float: left;
  display: block;
  padding: 0 15px;
}
.zc-sites .menu a:hover {
  color: #fff;
}
.zc-sites .sites {
  float: right;
}
.zc-sites .sites a {
  float: left;
  margin: 0 15px;
}
.zc-sites .sites a:hover {
  color: #fff;
}
.zc-sites .ucenter {
  float: right;
  margin-left: 50px;
  line-height: 26px;
  width: 145px;
}
.zc-sites .ucenter .ucenter-top {
  position: relative ;
  padding: 5px 10px 4px 10px;
  cursor: pointer;
}
.zc-sites .ucenter .nickname {
  padding: 0 20px 0 10px;
  max-width: 60px;
  overflow: hidden;
  height: 26px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #dcdcdc;
}
.zc-sites .ucenter .nickname i {
  display: inline-block;
  background-position: -39px 0;
  width: 7px;
  height: 4px;
  position: absolute;
  right: 10px;
  top: 15px;
  transition: -webkit-transform .25s;
  transition: transform .25s;
}
.zc-sites .ucenter .uc-container {
  position: relative;
}
.zc-sites .ucenter .uc-container:hover .ucenter-links {
  display: block;
}
.zc-sites .ucenter .uc-container:hover .ucenter-top {
  background: #575757;
}
.zc-sites .ucenter .uc-container:hover .nickname i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.zc-sites .ucenter .ucenter-links {
  position: absolute;
  background: #575757;
  width: 100%;
  left: 0;
  top: 35px;
  display: none;
  z-index: 2;
}
.zc-sites .ucenter .ucenter-links li {
  height: 38px;
  padding: 0 10px;
  border-bottom: 1px solid #6c6c6c;
}
.zc-sites .ucenter .ucenter-links li a {
  display: block;
  line-height: 38px;
}
.zc-sites .ucenter .ucenter-links li i {
  width: 14px;
  height: 15px;
  position: relative;
  top: 2px;
  margin-right: 8px;
}
.zc-sites .ucenter .ucenter-links li.l1 i {
  display: inline-block;
  width: 15px;
  height: 14px;
  background: url(../../images/login.png) -18px 0;
}
/*.zc-sites .ucenter .ucenter-links li.l1 i.sprite {
  background-position: 0px -49px;
}*/
.zc-sites .ucenter .ucenter-links li.l2 i {
  display: inline-block;
  width: 16px;
  height: 14px;
  background: url(../../images/login.png) 0 0;
}
/*.zc-sites .ucenter .ucenter-links li.l2 i.sprite {
  background-position: -16px -49px;
}*/
.zc-nav {
  height: 80px;
  border-bottom: 1px solid #e0e0e0;
  background: #fafafa;
}
.zc-nav .logo {
  padding: 15px 0 15px 0;
}
.zc-nav .logo img{float: left;}
.zc-nav .logo span{float: left;line-height: 52px;color:#666;padding-left:10px;font-size: 15px;}
.zc-nav .logo span h1{display: inline;}

.zc-nav .menu a {
  float: left;
  padding: 0 20px;
  line-height: 80px;
  border-right: 1px solid #e0e0e0;
  color: #6f6f6f;
}
.zc-nav .menu a.active {
  font-weight: bold;
  color: #333333;
}
.zc-nav .search {
  width: 104px;
  height: 80px;
  border-right: 1px solid #e0e0e0;
  position: relative;
}
.zc-nav .search .icon {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 1;
}
.zc-nav .search i {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -15px;
  background-position: 0px 0px;
}
.zc-nav .search .text-field {
  position: absolute;
  background: #5b5b5b;
  text-indent: 10px;
  color: #fff;
  font-size: 18px;
  right: 0px;
  height: 81px;
  border: 0;
  outline: 0;
  z-index: 0;
  /* width: 315px; */
  width: 0;
  transition: width 0.25s ease-in;
}
.zc-nav .search-active .text-field {
  width: 315px;
}
.zc-nav .search-active i {
  background-position: -31px -10px;
}
/*分页*/
.zc-pager {
  clear: both;
  margin-top: 30px;
}
.zc-pager a,
.zc-pager span {
  float: left;
  display: inline-block;
  margin: 0 10px;
  background: #fff;
  border-radius: 2px;
  height: 40px;
  line-height: 40px;
  color: #656565;
  text-align: center;
  padding: 0 15px;
}
.zc-pager .act,
.zc-pager a:hover,
.zc-pager span:hover{
  color: #fff;
  background: #000;
}
/* 流程图 */
.zc-home-step {
  height: 148px;
  background: #f0f0f0;
}
.zc-home-step .step {
  float: left;
  width: 25%;
  padding-top: 29px;
}
.zc-home-step .step .step-inner {
  height: 86px;
  border-right: 1px solid #e0e0e0;
  position: relative;
  padding-right: 30px;
  padding-left: 75px;
}
.zc-home-step .step .step-inner i {
  font-size: 18px;
  position: absolute;
  width: 40px;
  height: 40px;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  font-style: normal;
  background: #e45f37;
  border-radius: 50%;
  display: block;
  color: #fff;
  text-align: center;
  line-height: 40px;
}
.zc-home-step .step .step-inner h3 {
  font-size: 16px;
  color: #333333;
  padding-top: 15px;
}
.zc-home-step .step .step-inner p {
  font-size: 14px;
  color: #888888;
  line-height: 22px;
}
.zc-home-step .step:last-child .step-inner {
  border-right: 0px;
  padding-right: 0px;
}
.zc-home-step .step:first-child .step-inner {
  padding-left: 55px;
}
.zc-home-step .step:first-child .step-inner i {
  left: 0px;
}
.yp-footer {
  background: #313131;
  padding: 45px 0 0px;
}
.yp-footer .yp-footer-top .left {
  float: left;
}
.yp-footer .yp-footer-top .left .copyr {
  color: #6f6f6f;
  font-size: 12px;
  line-height: 1.8;
  padding-top: 35px;
}
.yp-footer .yp-footer-top .right {
  float: right;
}
.yp-footer .yp-footer-top .right .links {
  color: #aaa;
  font-size: 12px;
  float: right;
  line-height: 40px;
}
.yp-footer .yp-footer-top .right .links a {
  color: #aaa;
  font-size: 12px;
  margin: 0 10px 0 8px;
}
.yp-footer .yp-footer-top .right .us {
  float: right;
}
.yp-footer .yp-footer-top .right .us a {
  float: left;
  width: 40px;
  height: 40px;
  margin: 0;
  margin-left: 20px;
  background-image: url(../../images/common/yp-footer-sprite.png);
  background-repeat: no-repeat;
}
.yp-footer .yp-footer-top .right .us a.weibo {
  background-position: 0 0;
}
.yp-footer .yp-footer-top .right .us a.weixin {
  background-position: -50px 0;
}
.yp-footer .yp-footer-top .right .us a.email {
  background-position: -100px 0;
}
.yp-footer .cooperate {
  padding-top: 60px;
}
.yp-footer .cooperate a {
  padding-right: 35px;
}
.yp-footer .cooperate img {
  vertical-align: middle;
  display: inline-block;
}
.yp-footer .cooperate .coop-name {
  padding-bottom: 15px;
  color: #6f6f6f;
}
.yp-footer .yp-footer-btm {
  padding-top: 65px;
  padding-bottom: 40px;
}
.yp-footer .yp-footer-btm li {
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
}
.yp-footer .yp-footer-btm li a {
  font-size: 12px;
  color: #636363;
}
.yp-footer .yp-copyright {
  height: 45px;
  line-height: 45px;
  background-color: #2d2d2d;
  border-top: 1px solid #3c3c3c;
  color: #6f6f6f;
  font-size: 12px;
}
.yp-footer .yp-copyright img {
  vertical-align: middle;
  margin-left: 3px;
  display: inline-block;
}
/*热门众测活动*/
.hot-activity{padding-top: 60px;/*padding-bottom: 60px;*/}
.hot-activity .tit{font-size: 18px;}
.hot-activity .list li{margin-top: 15px;overflow: hidden;}
.hot-activity .list li .pic{display: block;width: 110px;float: left;background: #fff;}
.hot-activity .list li .txt{padding-left: 15px;overflow: hidden;}
.hot-activity .list li .txt .name{padding-right: 40px;font-size: 12px;max-height:40px;line-height: 20px;overflow: hidden;}
.hot-activity .list li .txt .name a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hot-activity .list li .txt .tags{font-size: 12px;line-height: 20px;padding-top: 10px;}
.hot-activity .list li:hover .txt .name a{color:#dd6e4c;}

.gotoBar{width: 50px;border-bottom: none;position:fixed;/*bottom: 50px;left: 50%;margin-left:585px;*/}
.gotoBar .top{display: inline-block;position: relative;/*width: 48px;height: 48px;border:solid 1px #E6E6E6*/;width: 60px;height: 60px;background: #fff;box-shadow:0 0 5px rgba(224, 224, 224, 0.66);display:none;text-align: center;}
.gotoBar .top em{position: absolute;left:18px;top:22px;background: url(../../images/gotoTop.png) no-repeat -2px -7px;width: 25px;height: 15px;}
/*.gotoBar .top:hover{}
.gotoBar .top:hover em{background-position: -33px -7px;}*/

/*蒙版*/
.close{position: fixed;right: 0;top:0;width: 46px;height: 46px;background: url(../../images/close_03.png) no-repeat;z-index: 8;cursor: pointer;display: none;}
.mask{position: fixed;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 1;display: none;}


/*右侧广告位*/
.mt20{margin-top: 20px;}
.aside-items{position: relative;overflow: hidden;}
.aside-product{height: 222px;}
.aside-knewbi{height: 203px;}
.aside-items .txt{z-index: 2;position: absolute;left: 0;bottom: 0;height: 32px;line-height: 32px;text-align: center;width: 100%;}
.aside-items .txt span{font-size: 13px;color: #f2f2f2;}
.aside-product .txt .num{float: left;padding-left: 12px;}
.aside-product .txt .webName{float: right;padding-right: 12px;}
.aside-knewbi .txt .pri{float: left;padding-left: 12px;}
.aside-knewbi .txt .webName{float: right;padding-right: 12px;}
.aside-knewbi .txt .webName em{display: inline-block;vertical-align: -3px;margin-right:3px;width: 17px;height: 17px;background:url(../../../product/images/product-sprite.png) -31px -37px no-repeat;}

.aside-items .cover{text-align: center;position: absolute;height:32px;width: 100%;left: 0;bottom: 0;background:rgba(0,0,0,0.6);
    z-index: 1;
    transition:height .15s ease-in-out;
    -ms-transition:height .15s ease-in-out;
    -moz-transition:height .15s ease-in-out;
    -webkit-transition:height .15s ease-in-out;
}
.aside-items .cover a{position: relative;opacity: 0;filter:alpha(opacity=0);display: inline-block;width: 166px;height: 46px;border: 2px solid #ec6b44;color: #ec6b44;font-size: 16px;text-align: center;line-height: 46px;}
.aside-items:hover .cover{height: 100%;}
.aside-items:hover .cover a{opacity: 1;filter:alpha(opacity=100);top: 50%;margin-top: -25px;}
.aside-items .cover a:hover{background: rgba(255,255,255,0.08);}
.aside-items img{display: block;}


.nowSite{font-size: 14px;color: #888;padding: 32px 0;}
.nowSite a{color: #888;font-size: 14px;}


/*整站侧边栏*/

.slide-code{position: fixed;right: 0;bottom: 50%;margin-bottom: -90px;background: #fff;padding:10px;font-size: 12px;color: #888;}
.slide-code em{background-position:-11px -8px;width: 37px;height: 37px;margin-top: 18px;}
.slide-sina em{background-position: -10px -60px; width: 36px;height: 31px;margin-top: 19px;}
/*.slide-code .code-main{opacity: 0;filter:alpha(opacity=0);font-size: 12px;color: #888;position: absolute;right: -100px;bottom: 0;width: 153px;padding: 12px;background: #fff;}
.slide-code .code-main{
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -ms-transition:all 0.2s ease-in-out;
  transition:all 0.3s ease-in-out;
  box-shadow:0 0 8px rgba(169, 163, 163, 0.66);
}*/
.slide-code .code-main img{display: block;margin-bottom: 5px;}
.slide-code .code-main p{padding-top: 5px;text-align: center;}
/*.tryout-slide .slide-code:hover .code-main{
  -webkit-transform:translate(-100px,0);
  -moz-transform:translate(-100px,0);
  -ms-transform:translate(-100px,0);
  transform:translate(-100px,0);
  opacity: 1;filter:alpha(opacity=100);
}*/
.tryout-slide{position: fixed;/*right: 10px;*/bottom: 20%;left: 50%;margin-left: 600px;width: 70px;z-index: 9;}
.tryout-slide a{display: block;width: 60px;height: 60px;text-align: center;border-radius: 3px;box-shadow:0 0 6px rgba(210, 210, 210, 0.66);margin-top: 10px;background: #fff;}
.tryout-slide a em{display: inline-block;background: url(../../images/tryout-slide.png) no-repeat}
.tryout-slide a:hover{box-shadow:0 0 8px rgba(169, 163, 163, 0.66);}
.tryout-slide .slide-sina em{background-position: -10px -60px; width: 36px;height: 31px;margin-top: 14px;}

/*详情 右侧 微博*/

.reports-code{width: 250px;margin-top: 70px;}
.reports-code .code{width: 200px;height: 200px;padding: 20px;border: 1px solid #E1E1E1;}
.reports-code .code img{display: block;}
.reports-code .txt{font-size: 13px;color: #888;padding-top: 8px;text-align: center;}
.reports-code .txt p{padding-top: 3px;}
.reports-code .weibo{text-align: center;margin-top: 20px;}
.reports-code .weibo a{display: inline-block;width: 178px;height: 32px;text-align:center;line-height: 32px;font-size: 12px;color: #ec6d73;border-radius: 2px;border: 1px solid #ec6d73;}
.reports-code .weibo a em{display: inline-block;width: 25px;height: 20px;background: url(../../images/s-weibo.png) no-repeat;vertical-align: middle;}

.fixed-code{position: fixed;top: 0;}

.yp-footer{margin-top: 70px;}


/*热门试用*/
.aside-tryout {
  margin-top: 25px;
  background: #fff;
}
.aside-tryout .title{font-size: 16px;}
.aside-tryout .list {
  /*padding: 6px 20px 20px 20px;*/
}

.aside-tryout .list li {
  overflow: hidden;
  margin-top: 15px;
}

.aside-tryout .list li .pic {
  display: block;
  float: left;
  width: 90px;
}

.aside-tryout .list li .txt {
  overflow: hidden;
  padding-left: 15px;
}

.aside-tryout .list li .txt .headline {
  font-size: 14px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.aside-tryout .list li .txt .datas {
  font-size: 12px;
  color: #888;
  padding-top: 8px;
}