html { -webkit-text-size-adjust: none; }
html,body { height: 100%; }
body { color: #666;  min-width: 1200px; }
.contain { 
  position: relative;
  min-height: 100%;
}
.main-body { padding-bottom: 40px; }

/* top-bar */
.top-bar {
  min-width: 1200px;
  height: 46px;
  line-height: 46px;
  color: #454444;
  background-color: #f6f6f6;2124
  
}
.top-bar .alink,.top-bar .alink:visited {   
  float: left;
  color: #262626;
}
.top-bar a.alink:hover { text-decoration: underline; }
.alink i{ background:url(../images/icon-common.png) -113px -176px no-repeat; display:inline-block; width:10px; height:16px;}
.alink b{ color:#c00; }
.drop_menu{ position:absolute; background:#f5f5f5; border:1px solid #ddd; border-top:1px solid #f5f5f5; width:115px; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1); padding-bottom:10px;top:63px; left:552px;}
.drop_menu a{ display:block; padding:12px 0; text-align:center; color:#333}
.drop_menu a:hover{ color:#20a56e}
.m1{ top:63px; left:552px;}
.m2{ top:63px; left:436px;}
.menu2{ padding-bottom:0px;}
.reg-txt { 
  position: relative;
  z-index: 3;padding-bottom:20px;
  cursor: pointer; 
}
.reg-txt a{ display:inline-block; max-width:61px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.reg-txt .pop-area {
  display: none;
  position: absolute;
  top: 32px;
  left: 50%;
  z-index: 3;
  width: 75px;
  margin-left: -40px;
  line-height: 22px;
  border: 1px solid #ddd; box-shadow: 0 1px 2px #999
}
.reg-txt:hover .pop-area { display: block; }
.reg-txt .pop-area .icon-arrow-top {
  position: absolute;
  top: -8px;
  left: 50%;
  width: 16px;
  height: 8px;
  margin-left: -8px;
  background-position: -140px -90px; margin-bottom:5px;
}
.reg-txt .pop-area li a {
  display: block;
  padding: 2px 12px;
  background-color: #fff;
  color: #333; line-height:20px; font-size:12px;
}
.reg-txt .pop-area li.first a { padding-top:5px }
.reg-txt .pop-area li.last a { padding-bottom:5px }
.reg-txt .pop-area li a:hover { 
  background-color: #fff; 
  color: #20a56e; 
}
.top-bar .seperator {
  float: left;
  height: 14px;   
  margin: 18px 8px 0;
  border-right: 1px solid #fff;
  border-left: 1px solid #dfdfdf;
}

/* top */
.top-blank {
  height: 88px;
  width: 100%;
  overflow: hidden;  
}
.top-wrap { 
  position: absolute;
  top: 0;
  width: 100%;
  height: 64px;
  background-color: #f9f9f9;border-bottom:1px solid #ddd;box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
  min-width:1200px;
}
.top-wrap-fixed {
  position: fixed;
  top: 0;  
  z-index: 10; width:100%;
}
.top {position:relative; width:1200px; margin:0 auto  }
.top .logo {
  float: left;
  width: 220px;
  height: 62px;
  margin-top: 0;
  background: url(../images/top-logo.png) no-repeat 0 13px; margin-left:20px;
}
.logoh1{ width:260px; position:relative; }
.logoh1 em{ font-size:16px; display:inline-block; position:absolute; right:0; top:23px; border-left:1px solid #ccc; padding-left:10px;}
.top .layout-right {
color: #636363; position:absolute; right:25px; top:22px;
}
.top .layout-right a{ color:#666; font-size:14px; vertical-align:top;}
.top .layout-right a.u_btn{ color:#fff; vertical-align:top}
.seperator {
  margin: -2px 8px 0;
  font-size: 14px;
  color: #e2e2e2;
}
a.mes{ display:inline-block;height:20px;  }
a.mes i{ background:url(../images/icon-common.png) 0 -397px no-repeat; display:inline-block; width:21px; height:16px;}
a.mes b{  text-align:center; font-family:Arial, Helvetica, sans-serif; position:absolute; top:-1px; line-height:20px;max-width:50px; overflow:hidden; vertical-align:middle; position:relative;color:#ee1500; font-size:13px;  margin-left:4px;}
/* top-nav */
.top-nav {
  margin:0 auto; text-align:center;
}

.layout-center .alink { vertical-align: bottom;  height: 61px; border-top:3px solid #f9f9f9;
  line-height: 61px;
  z-index: 1;
  display: inline-block;
  font-size: 16px;
  color: #335959; border-left:1px solid #ebebeb; width:115px; text-align:center; position:relative;
}
.layout-center .alink { *display: inline; float:left }
.layout-center .alink:hover{background:#f6f6f6; border-top:3px solid #20a56e; color:#20a56e}
.top-nav .active
{ border-top:3px solid #f9f9f9}
.top-nav .on{  background:#f6f6f6; border-top:3px solid #20a56e}
.list{ position:absolute; top:10px; left:0; width:100px; }
.list a { display:block;} 

/* layout */
.layout-center { 
 margin-left:320px;  text-align:left; width:581px; border-right:1px solid #ebebeb
}
.login .layout-center{ display:none}
.left-area,
.layout-left,
.col-sub {
  float: left;
  display: inline
}
.right-area,
.col-main,
.layout-right,
.col-extra {
  float: right;
  display: inline
}
.col-main {
  width: 950px;
  margin-top: 10px;
}

/* footer */
.footer2 {
  position: absolute;
  bottom: 50px;
  width: 100%;
  padding-bottom :20px;
  color: #959595;
  text-align: center;
}
.footer_links .site-map li {
  float: left;
  margin-top: 30px; margin-left:10px;
}
.footer_links .site-map .li-grid2 a { display: inline; }
.footer_links .site-map .li-grid2 div { padding-bottom: 8px;  }
.footer_links .site-map .li-grid2 h3 {
  margin-left: 0;
  text-align: center;
}
.footer_links .site-map li + li {  }
.footer_links .site-map li.li-first { margin-left:30px; margin-right:20px; 

}
.footer_links .site-map li.li-last { width: 150px; }
.footer_links .site-map li h3 {
  padding-bottom: 25px;
  margin-right: 100px;
  font-size: 14px;
  font-weight: 100;
  color: #fff;
}
.footer_links .site-map li a,.footer_links .site-map li p {
  display: block;
  padding-bottom: 15px;
  margin-right: 60px;
  color: #bbb; font-size:14px;
}
.footer_links .site-map li.li-last { margin-right: 0; margin-left:75px }
.footer_links .site-map li.li-last p{ text-align:center; margin-right: 0;}
.footer_links .site-map li a:hover { color:#666;  }
.footer1 .copy-right {color: #bbb; font-size:12px }
.footer1 .copy-right span{ margin-left:30px;}
.icp { padding:15px 0 0; background:#ccc; text-align:center; margin:auto; height:76px}
.icp span{ margin:0 30px; color:#888; font-size:12px;}
.icp span em{ margin-left:5px;font-style:normal}
.icp span img{ vertical-align:middle}
.icp .imgc{height:76px; line-height:76px; vertical-align:middle; display:inline-block}
.qq_tell{ width:150px; overflow:hidden}
.footer_links .site-map li .qqb{ display:inline-block; background:#333 url(../images/qq.png) center center no-repeat; width:92px; height:30px; margin-right:0; margin-top:-12px;}
/* form element */
.inp-txt,.inp-txt1{
  position: relative;
  width: 250px;
  height: 35px;
  padding: 0 6px;
  font-size: 14px;
  line-height: 35px;
  *line-height: 33px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.inp-txt1{ border:none; color:#666;}
.inp-txt2 {
  width: 200px;
  height: 25px;
  padding: 0 15px;
  font-size: 13px;
  line-height: 25px;
  color: #989898;
  border: 1px solid #efefef;
}
input.error,
input.focus { border: 1px solid #ee4e00; }
input.focus,
.inp-txt.focus { color: #333; }
.inp-txt2.focus { color: #636363; }
.inp-medium { width: 148px; }
.inp-small { width: 118px; }

.label-txt{
  display: inline-block;
  width: 80px;
  padding-right: 15px;
  text-align: right; 
}
.label-txt,
.span-txt{
  font-size: 14px;
  color: #636363;
  vertical-align: top;margin-top:7px;
}
.icon-checkbox {
  position: relative;
  top: 3px;
  *top: -1px;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  cursor: pointer;
  background-color: #fff;
  background-position: -80px 0;
}
.icon-checkbox.checked { 
  background-color: #f0f1f5;
  background-position: -80px -15px;
}
.icon-checkbox.disable { 
  cursor: default;
  background-color: #bbb;
}
.icon-radio {
  position: relative;
  top: 3px;
  *top: -1px;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  cursor: pointer;
  background-position: -101px 0;
}
.icon-radio.checked { background-position: -101px -16px; }
.icon-radio2 { background-position: -168px 0; }
.icon-radio2.checked { background-position: -168px -16px; }

.select {
  position: relative;
  display: inline-block;
  margin-top: -2px;
  *margin-top: 0;
  margin-bottom: 2px;
  *margin-bottom: 0;
  white-space: nowrap;
  vertical-align: middle;
}
.select input { 
  float: left;
  width: 100px;
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
  color: #636363;
  background-color: #fff;
  border: 1px solid #c0cbd5
}
.select .icon-select { 
  position: absolute;
  top: 13px;
  right: 9px;
  width: 12px;
  height: 6px;
  cursor: pointer;
  background-position: -105px -92px;
}

.icon-minus,
.icon-add {
  width: 28px;
  height: 28px;
}
.icon-minus { 
  background-position: -39px -171px;
  border-right: 1px solid #dfdfdf;
}
.icon-add { 
  background-position: -69px -171px;
  border-left: 1px solid #dfdfdf;
}
.num-input-wrap {
  display: inline-block;
  height: 28px;
  margin-top: -2px;
  *margin-top: 0;
  margin-bottom: 2px;
  *margin-bottom: 0;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #dfdfdf;
}
.num-input-wrap input {
  width: 55px;
  height: 28px;
  padding: 0 5px;
  font-size: 16px;
  font-family: 'Arial';
  line-height: 28px;
  color: #717171;
  text-align: center;
  vertical-align: top;
  background-color: transparent;
  border: 0;
}
.form-area{ margin:20px; clear:both}
.form-area li{ margin-bottom:15px; }
/* form tip */
.input-error-tip .icon-error {
  position: relative;
  top: 2px;
  *top: -2px;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background-position: -12px -47px;
}
.input-error-tip {
  position: absolute;
  font-size: 12px;
  color: #e72f0e;
}
.input-enter-tip {
  *position: relative;
  *top: 2px;
  margin-left: 6px;
  font-size: 12px;
  color: #b3b3b3;
  vertical-align: top;
}
.input-enter-tip .icon-enter-tip {
  position: relative;
  top: 4px;
  *top: 2px;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  vertical-align: top;
  background-position: -12px -47px;
}
.input-error-tip {
  position: absolute;
  font-size: 12px;
  color: #e72f0e; margin-left:6px;
}
.btn-xxlarge .btnLogin,.btn-middle .btnLogin{width:350px;font-size: 16px;height: 46px;line-height: 46px;background-color: #20a56e;
color: #fff; border:1px solid #20a56e; cursor:pointer;margin-top: 25px;}
.btn-middle .btnLogin{background-color: #fff;border:1px solid #20a56e; color:#20a56e;}
/* icon */
[class^="icon-"],
[class*="icon-"] {
  display: inline-block;
  background-image: url(../images/icon-common.png);
}

.icon-qq,
.icon-phone { 
  width: 20px; 
  height: 20px; 
  margin: -1px 5px 1px 10px;
  *margin: 1px 5px -1px 10px;
  vertical-align: middle;
  background-position: 0 -250px; 
}
.icon-phone { background-position: -20px -250px; }
.icon-share { 
  width: 73px;
  height: 21px;
  margin: -1px 0 1px 5px;
  *margin: 1px 0 -1px 5px;
  vertical-align: middle;
  cursor: pointer;
  background: url(../images/icon-share.png) no-repeat 0 0;
}
.icon-success2 {
  width: 23px; 
  height: 25px; 
  margin: -3px 10px 3px 0;
  vertical-align: top;
  background-position: -32px -118px; 
}
/* padding */


/* margin */
.m20 { margin: 20px; }
.mr8{ margin-right:8px;}
.ml20{ margin-left:20px;}
/* bg */
.bgf8f8f8 { background: #f8f8f8 !important;}
.bgfff{ background-color: #fff !important;}

/*overflow*/
.ova{ overflow:auto}
.ovh{ overflow:hidden}

/* color */
.bg-ff7742 { background-color: #ff7742 !important; }
.c-414141 { color: #414141 !important;}
.c-red,.a-delete { color: #e72f0e; }
.c-636363 { color: #636363; }
.c-ee4e00 { color: #ee4e00 !important; }
.a-yellow { 
  color: #ff7742;
  text-decoration: underline;
}
.a-blue { 
  color: #0077d9;
  text-decoration: underline;
}
.a-red {
  color: #e72f0e !important;
  text-decoration: underline;
}
.hover-u:hover { text-decoration: underline; }
.a-rebuy { color: #ea492c; }
.a-use { color: #f76d02; }
.visibility-h { visibility: hidden; }
 
/* width */
.w40 { width: 40px !important; }
.w150 { width: 150px !important; }
.w300 { width: 300px !important; }
.w630 { width: 630px !important; }

.fz-12 { font-size: 12px !important; }
.fz-13 { font-size: 13px !important; }
.bd-b0 { border-bottom: 0 !important; }
/* color col-XX */
.col-org { color: #e72f0e!important; }
.col-blue { color: #1471b4!important; }
.underline { text-decoration: underline!important; }
.m0 { margin: 0!important; }
.ml40 { margin-left: 40px!important; }
.v-top { vertical-align: top!important; }
.pb18 { padding-bottom: 18px!important; }
.v-mid { vertical-align: middle!important; }
/* top-bar switch-status */
.switch-status .pop-area { 
	top: 40px;
	right: -20px; 
	left: auto; 
	width: 165px; 
	border-cpolor: #e7e7e7; 
}
.switch-status .icon-arrow-down-s { 
	margin: -3px 3px 3px 9px; 
	*margin: -6px -1px 6px 9px; 
}
.switch-status .pop-area .icon-arrow-top { 
	right: 18px; 
	left: auto; 
	background-position: -85px -90px; 
}
.switch-status .pop-area li a {
	padding: 5px 10px;
	color: #636363;
	background-color: #fff;
	border-bottom: 1px solid #ececec;
}
.switch-status .pop-area li a:hover { background-color: #e72f0e; }
.switch-status .pop-area li.last a { 
	color: #fff;
	background-color: #e72f0e;
	border-bottom: 0;
	border-radius: 0;
}
/* pager */
.page-nav {
    text-align: center; margin:30px auto 60px;
}
.page-nav a, .page-nav span {
    display: inline-block;
    margin-left: 2px;
    text-align: center;
    vertical-align: middle;
}
.page-nav a.alink {
    border: 0px solid #ddd;
    border-radius: 2px;
    color: #777;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    text-align: center;
   font-weight:bold; padding:4px 10px;
}
.page-nav a.alink:hover, .page-nav a.read-all:hover {
    color: #111;
}
.page-nav span.current, .page-nav span.dot {
    border: 0px solid #20a56e;
    border-radius: 2px;
    font-size: 14px;
    height: 28px;
    width: 28px;
}
.page-nav span.current {
    background-color: #20a56e;
    color: #fff;
    line-height: 28px; border-radius:50%
}
.page-nav span.dot {
    color: #20a56e;
    line-height: 22px;
}
.page-nav .prev, .page-nav .next {
    border: 0px solid #ddd;
    border-radius: 50%;
    color: #20a56e;
    font-size: 14px;
    height: 28px;
    line-height: 28px; padding: 0 15px
}

.page-nav .prev:hover, .page-nav .next:hover {
    color: #20a56e;
}

.page-nav .read-all {
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    color: #636363;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    width: 88px;
}
/*tips*/
.tips{ margin:40px auto; text-align:center;}
.tips span{ display:block; width:23px; height:23px; margin:0 auto 10px;}
.tips p{ font-size:14px; font-weight:bold;}
.ok span {background: url(../images/icon-common.png) no-repeat 0 -480px;}


/*product*/
.product{ }
.product_ad{ height:168px;margin:65px 0 0;positive:relative; background:#61bd4f; color:#005d3b; text-align:center; font-size:14px; letter-spacing:2px}
.product_ad p{position:relative; height:123px; line-height:123px}
.product_ad em{ font-size:24px;}
.product_ad span{ margin-right:40px; margin-left:10px;}
.ver_link{background: url(../images/icon-common.png) no-repeat -177px -481px; padding-left:25px; margin-right:20px; color:#005d3b}
.switch{ width:410px; margin:auto;}
.switch a{ width:50%; display:inline-block; height:45px; line-height:45px; text-align:center; background:#005f3c; color:#fff; font-size:18px; letter-spacing:0 }
.switch a.on{ color:#545454; font-weight:bold; background:#fff;}
.img_rocket{ position:absolute; bottom:-43px; right:140px;background: url(../images/icon-common.png) no-repeat 0 -973px; width:35px; height:65px; display:inline-block }
.user360{ text-align:right; height:80px;}
.user360 .btn{ padding:3px 5px;font-weight:bold; border:1px solid #fc9252; border-radius:2px; color:#fc9252;display:inline-block; margin-top:38px; }
.product_ver{ border:1px solid #ececec; overflow:auto}
.w1,.w2,.w3{ float:left}
.w1{ width:37%}
.w2{ width:37%;  border-left:1px solid #ececec;border-right:1px solid #ececec;}
.w3{ width:25.5%}
.w2mac{ width:60%;border-left:0px solid #ececec;}
.w3mac{ width:39%;}
.w2mac .ways,.w3mac .ways{ margin:0 90px}
.notes{ height:96px; margin-top:30px;}
.way{ font-size:18px; font-weight:normal; text-align:center; margin-top:40px;}
.ways{ margin:0 26px; letter-spacing:1px; padding-bottom:30px}
.ways p{ line-height:28px;}
.num{ padding-left:15px}
.num li{ line-height:28px; list-style-type:decimal}
.product .feature{ height:1150px;   }
.feature h2{ text-align:center; font-size:24px; font-weight:normal; margin-top:80px; height:120px; letter-spacing:2px;}
.col_5{ position:relative; float:left}
.title{ font-size:17px;  color:#444; font-family:microsoft yahei; letter-spacing:2px;}
.feature div{ margin:0  auto; text-align:center; cursor:pointer;}
.feature .img {background: url(../images/icon_feature.png) no-repeat;height: 60px; width: 60px; margin-bottom:30px;}
.min2 .img{ background-position:0 0 }
.no_dev .img{ background-position:0 -60px; }
.visual .img{ background-position:0 -120px; }
.para .img{ background-position:0 -180px; }
.aid .img{ background-position:0 -240px; }
.infinit .img{ background-position:0 -300px; }
.chart .img{ background-position:0 -360px; }
.local .img{ background-position:0 -420px; }
.auto .img{ background-position:0 -480px; }
.temp .img{ background-position:0 -540px; }
.timing .img{ background-position:0 -600px; }
.abroad .img{ background-position:0 -660px; }
.feature1{ clear:both; margin:10px 0 0 0; height:390px;}
.feature1 div{ cursor:default; text-align:left; margin:0}
.feature1 .fea_img{ float:left; width:54.5%; margin-right:5%; text-align:right}
.fea_txt{ float:left; width:30%}
.fea_txt .img{ background-position:0 -1649px; margin-left:37px; margin-bottom:22px;}
.feature1 div.fea_p{ margin:10px 0 0 0;}
.fea_p p{ text-align:left; font-size:15px; color:#999; margin-top:5px;}
.col_5 .text{ left:28px; top:1px;}
.feature_content p{ letter-spacing:1px; font-size:15px; line-height:28px;}
.feature_content .title{ margin-bottom:7px}
.no360{ visibility:hidden}
/*
.text{position:absolute; left:12px; top:0; background:#fff; width:360px; height:50px; display:none;} 
.text p{ border:1px solid #aaa; line-height:23px; color:#666; border-radius:4px;font-weight:normal; padding:6px 8px;background:#fff; font-size:16px;}
.text i{ background:transparent url(../images/icon-common.png) no-repeat -161px -55px; display:inline-block; width:16px; height:9px; margin-top:-2px;}
*/
.text{ z-index:9}
.common{ margin:65px 0 0 0;}
.main{ width:1200px; margin:0 auto;}
.resource .main{ margin:0 auto;}
.home .main{ position:relative;}
.product .col_5{ float:left; margin:0 auto 50px; width:25%}
.footer_links{ background:#333; clear:both; padding-bottom:20px;}
.footer1{ background:#333; text-align:center; height:80px; line-height:75px;}
.li-last p input{ float:left; display:inline;}
.subs1{ padding:4px; width:205px; border:1px solid #fff;*padding:4px 0px }
.subs2{ background:#61bd4f; border:1px solid #61bd4f; color:#fff; cursor:pointer; padding:4px 8px; *padding:1px 0px 2px}
.subs2:focus{ color:#fff;}
.hotline em{ font-size:19px;vertical-align:middle; }
.mail_gs{ cursor:pointer;}
.mail_gs b,.qq_tell b,.hotline b{ cursor:text; vertical-align:top}
.qq_tell img{ vertical-align:middle;}
.mail_gs:hover b,.qq_tell:hover b{ color:#bbb;} 
.down_ms{ color:#fff; margin:60px 0 0 55px; padding-bottom:50px}
.down_ms span{ display:block; margin-top:15px;}

.video_play{ margin-top:20px; margin-left:18px }
.video_play a{ padding-right:22px; color:#fff; background: url(../images/icon_num.png) no-repeat right -298px; display:inline-block;}
.name_pro{ font-size:34px; font-weight:bold;}
.name_pro em{ display:block; margin-top:0; font-weight:bold;}
.note{ font-size:14px; margin-top:20px;}
.download{ text-align:center; height:90px;}
.download .btn{ font-size:16px; padding:8px 22px 9px;color:#fff; background:#20a56e; display:inline-block; text-align:center; margin:0 6px}

/*agreement*/
.agreement{ width:960px; margin:0 auto;}
.agreement h2 {
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 100;
  line-height: 30px;
  color: #333;
  text-align: center;  
}
.agreement div{ color:#676767; line-height:26px;}
.agreement h3{ line-height:40px;}
.verify{ line-height:30px}
.verify a{ color:#61bd4f; margin:0 4px;}
/*  find password  */
.flow {
    height: 60px;
    margin: 45px auto 60px;
    overflow: hidden;
    width: 400px;
}
.i_icon {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.step1 i {
    background: url(../images/step.png) no-repeat 0 0;
}
.step2 i {
    background: url(../images/step.png) no-repeat 0 -60px;
}
.step3 i {
    background: url(../images/step.png) no-repeat 0 -120px;
}
/*  customized process  */
.customized {
    height: 30px;
    margin: 20px 0 0 40px;
    overflow: hidden;
    width: 400px;
}
.i_icon {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.proc1 i {
    background: url(../images/step.png) no-repeat -4px -210px;
}
.proc2 i {
    background: url(../images/step.png) no-repeat -4px -242px;
}
/* resource */
.resource{ background:#f5f5f5}
.detail_side{ width:22%;}
.res_detail{ width:77.9%; border-right:1px solid #eee;}
.part{ margin:0 20px 30px; clear:both }
.resource .main{ position:relative}
.res_side{ width:19%; float:left; margin-bottom:40px; }
.res_side .user_works{  background:#fff; padding:10px; box-shadow:0 1px 3px #ddd; margin-bottom:15px; }
.res_side .user_works h3{ margin:0 0 10px 0}
.res_home_side{ position:absolute; right:10px; width:20%; top:0; }
.res_home_cont,.res_home{ width:79.5%; margin-bottom:60px; float:left}
.res_all{ width:100%;}
.res_all .ready-list{ width:986px; margin:0 auto}
.res_tit,.res_other{  margin:26px 0 0; width:97.8%;}
.res_tit em,.res_tit span,.res_tit b{ display:inline-block; line-height:40px; float:left}
.res_tit em{ width:110px; font-size:16px; font-weight:bold; color:#666 ; line-height:44px;}
.res_tit span{ font-weight:normal; font-size:14px;}
.res_tit span a{ display:inline-block; padding:0 20px; color:#666}
.res_tit em a,.res_other em a{ color:#20a56e; font-size:16px; font-weight:bold}
.res_home_cont h2 em{ margin-left:0;}
.re_more span a{ padding:0 0 0 4px}
.res_tit span a.on{ font-weight:bold;color: #666; text-decoration:underline}
.res_tit b,.res_other b{ float:right; font-weight:normal; line-height:22px;  }
.res_tit b a,.res_other b a{ text-align:right; font-size:14px;color:#20a56e;  border:1px solid #20a56e; padding:1px 10px 2px; background:#fff; height:22px }
.res_tit b{ margin-top:7px;}
.res_other{ margin-bottom:5px;}
.res_other em{ line-height:25px;}
a.upload {background:#20a56e url(../images/icon-common.png) no-repeat -172px -172px;  border:1px solid #20a56e;  color:#fff; padding:4px 15px 7px 35px; float:right; margin:20px 30px 0 0}
.res_archor em a,.res_ardhor em a,.res_archor b,.res_ardhor b{ display:inline-block; margin-top:20px}
.res_archor em a,.res_ardhor em a{ line-height:26px;}
.page_top{ padding-top:9px}
.head_supply{ margin:31px 0 0 0; display:none}
.service{ display:none}
.head2{ font-size:16px; color:#333; margin:10px 0; }
.guide{ margin:0 0 10px 5px; color:#aaa;}
.head_supply .head2{ margin:0 0 0 5px;}
.order .head2{ margin-left:6px; margin-right:6px;}
.sec1 {background: #fff;  padding:5px 0 10px 0; margin-bottom:15px;/* box-shadow:0 1px 3px #ddd;*/ border:1px solid #ddd;}
.service .u_img{ float:left; width:101px; background:#eee; margin:0 20px 0 10px ;  height:100px; padding:15px 0 0 0}
.service .user_info{ float:left; width:100px; text-align:left; margin-top:5px;}
.service .res_author{ height:98px}
.btn_service{ margin:10px 0 0}
.btn_service .u_btn{ text-align:center; width:99px; border-radius:0; text-align:center; display:inline-block; padding:2px 0 3px;font-size:14px; letter-spacing:0}
.btn_service .u_btn img{ display:none}
.service .popular span,.service .popular{ margin:0}
.tit_img img{ max-width:890px; height:auto; overflow:hidden }
.userhi{ margin:10px; text-align:center}
.order{  margin-top:18px; padding:0 7px 8px}

.maker{ margin-top:10px;}
/*
.order_msg{ margin:15px auto}
.order_start .btn_service{ display:inline-block; margin:0 4px}
.order_start .u_btn{ padding:4px 16px;}
*/
.task{ margin:10px 5px 10px 15px}
.tlst a b{ color:#f70; font-weight:normal; margin-right:4px}
.tlst a{ color:#666;}
.tlst a:hover{ color:#f70;}
.tlst li{ width:220px; margin-bottom:8px}
.elli{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* resource_search */

.clear{clear:both;height:0px;overflow:hidden;}
.res_tit .searchTool{ margin-left:60px;}
.searchTool{ float:left; font-weight:normal}
.searchTool .searchExtend{float:left;line-height:24px;_padding-top:5px;}
.searchTool .radio{vertical-align:middle;margin-left:10px;margin-right:2px;*margin-right:0;}
.searchTool .txtSearch{float:left;width:320px;padding:0 6px;height:35px;line-height:35px;vertical-align:bottom;border:1px solid #ddd; border-left:0 none; border-right:0 none;}
.searchTool .selSearch{float:left; width:90px;background:#fff;height:35px;line-height:35px;border:1px solid #ddd;border-right:0 none; font-weight:16px;}
.searchTool .nowSearch{ font-size:12px;float:left;width:50px;height:35px;line-height:35px;padding-left:4px; cursor:pointer;padding:0 0 0 20px;}
.searchTool .btnSel{float:left;height:35px; line-height:35px; cursor:pointer;}
.searchTool .btnSel a{background: url(../images/icon-common.png) no-repeat -110px -169px;display:block;width:20px;height:35px;}
.searchTool .selOption{z-index:9999;position:absolute;margin-left:-1px;width:90px;background:#fff;border:1px solid #ddd; border-top:0 none; font-size:12px}
.searchTool .selOption a{display:block;height:30px;padding-left:19px;line-height:30px;text-decoration:none;color:#666;}
.searchTool .selOption a:hover{background:#f7f7f7; color:#666 }
.searchTool .btnSearch{float:left; }
.searchTool .btnSearch input{width:40px;font-size: 16px;background:#fff url(../images/icon-common.png) no-repeat 6px -352px;
color: #fff;  cursor:pointer; border:1px solid #ddd; border-left:0 none;height:37px;line-height:37px;}
.srch_more{  margin: 15px 0 0 0; float:left; border-left:1px solid #ddd }
.srch_more .txtSearch{ padding-left:12px}
/* resource_rule */
.ready-list{ margin-bottom:15px;}
.ready-record {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin: 15px 11px 0 0px;
    padding: 9px;
    position: relative;
    width: 205px;  border:1px solid #ddd}
.tag_tool{ background-position:0 -426px }
.tag_data{ background-position:-40px -426px }
.tag_report{ background-position:-81px -426px}
.ready-record:hover{/* box-shadow:2px 2px 2px #ccc;*/ border-color:#20a56e }
.ready-record.first {
    margin-left: 0
}
.ready-name-version {
    font-size: 16px;
    line-height: 35px; color:#333; font-weight:normal;width: 207px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.ready-desc {
    line-height: 26px;
    height:50px; overflow:hidden; margin-bottom:20px; color:#888;
}
.ready-thumb {
    display: block;
    width: 206px;
}
.ready-thumb-img {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 88px;
    width: 208px; background-size:200px auto;
}
.num_view,
.num_comment,
.num_down{ background:url(../images/icon-common.png) no-repeat; padding-left:24px; margin-right:15px;}
.num_view{ background-position:-178px -364px}
.num_comment{ background-position:-176px -388px}
.num_down { background-position:-176px -413px}
.rule-link{ color:#333}
.rule-link:hover{ color:#000}
.icon_check,
.icon_recomm{ width:16px; height:16px; line-height:16px; display:inline-block; border:1px solid; font-style:normal; font-size:14px; font-weight:lighter; margin-right:4px; text-align:center; margin-top:4px;}
.icon_check{ border-color:#09c; color:#09c}
.icon_recomm{border-color:#0ab112; color:#0ab112;}
.star{ margin:8px 0 0 20px;}
.star,.star span{
    display: inline-block;
    width: 72px; height:11px; background:url(../images/star.png) no-repeat 0 -18px;
}
.star span{background:url(../images/star.png) no-repeat 0 0;}
.star_big{  cursor:pointer; margin-top:3px;}
.star_big,.star_big span{
    display: inline-block;
    width: 116px; height:20px; background:url(../images/star.png) no-repeat 0 -144px;
}
.star_big span{background:url(../images/star.png) no-repeat 0 -119px;}
.res_side h2{}
.re_more{ border:0 none;}
.re_more span{ box-shadow:0 1px 3px #ddd;width:210px;  background:#fff; }
.re_more span a{ display:block; background:#fff; padding-left:20px; border-left:3px solid #fff; font-size:15px; color:#666}
.re_more span a.on{ border-left:3px solid #20a56e; background:#f9f9f9; color:#555;}
.item_down{ margin:10px 0; vertical-align:middle}
.lnk_btn{background-color: #20a56e;color: #fff; border:1px solid #20a56e; cursor:pointer; padding:2px 11px; margin:0 0 0 2px;}
.lnk_btn:link,.lnk_btn:visited,.lnk_btn:active,.lnk_btn:focus{ color:#fff;}
.lnk_btn:hover{ background:#20a56e; border-color:#20a56e}
.lnk{ color:#333; }
.lnk:hover{ color:#000; text-decoration:underline }
.item_down b{ color:#ddd;}
/* resource class */
.com-nav-list-box {
    padding: 20px 0 0; margin-left:-20px; margin-bottom:20px;
}
.com-nav-list-box li {
    border-right: 1px solid #d3d3d3;
    display: inline-block;
    float: left;
    padding: 0 20px;
    position: relative;
}
.com-nav-list-box li .com-nav-btn {
    border-bottom: 3px solid #f5f5f5;
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    text-decoration: none;
}
.com-nav-list-box li .com-nav-btn:hover {
    color: #333;
}
.com-nav-list-box li .on {
    background-color: #f9f9f9;
    border-bottom: 3px solid #20a56e;
}
.com-nav-list-box li.last {
    border: 0 none;
}

/*   modal  */
a.modal_close {
    color: #999;
    display: block;
    font-family: Arial;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 2px;
    width: 30px;
}
.modal_header{
    background-color: #f4f4f4;
    color: #666;
    font-size: 14px;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
	border-radius:3px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;	
}
.modal_header span {
    padding-left: 20px;
    padding-right: 51px; line-height:40px;
}
.modal_body {
    font-size: 13px;
    margin: 0 auto;
    width: 280px; position:relative; padding-bottom:30px;
}
/*  modal 登录  */
.login-wrapper {
    background-color: #fff;
    height: 360px;
    margin-left: -180px;
    margin-top: -180px;
    width: 360px;
}
.login-wrapper .modal_body {width: 250px;}
.login-error {
    color: red;
    font-size: 12px;
    height: 25px;
    line-height: 30px;
    padding-left: 2px;
}
.user .login-error {padding-left: 60px;}
.login-form .text_inp {
    border: 1px solid #ddd;
    color: #333;
    font-size: 14px;
    padding: 10px 30px 10px 10px;
    width: 206px;
}
.login-password {
    margin-top: -1px;
}
.login-info .text_inp {
    padding-right: 14px;
    vertical-align: middle;
    width: 100px;
}
.login-info .ui-input {
    display: inline-block;
}
.login-form .text_inp:focus, .login-form .text_inp:active, .login-form .button:active, .login-form .button:focus {
    outline: medium none;
}
.login-form .placeholder {
    color: #aaa;
    font-size: 14px;
    left: 15px;
    line-height: 16px;
    top: 13px;
}

.login-info {
    margin-top: 6px;
} 
.login-other {
    margin-top: 12px;
}
.valicode-wrapper {
    display: inline-block; float:right;
    vertical-align: middle;
}
.valicode-wrapper img {
    display: inline-block;
    height: 35px;
    line-height: 22px;
    width: 90px; cursor:pointer
}

a.login-forget {
    color: #20a56e;
    float: right;
    vertical-align: middle;
}

.button-group {
    margin-top: 12px;
}
.login-form .btnLogin {
    background-color: #20a56e;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 38px;
    width: 250px;
	border-radius:2px
}
.ui-popup {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1803;
}
.ui-popup-mask {
    background: #000000 none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0.45;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.ui-popup-wrapper {
    background: #fff none repeat scroll 0 0;
    left: 50%;
    position: absolute;
    top: 50%;
	border-radius:4px
}
.ui-popup-title {
    background-color: #363636;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}



.ui-input .placeholder {
    display: none;
    position: absolute;
}
@media not all, not all {
.ui-input .placeholder {
}
}
.ui-input .placeholder-hidden {
    display: none;
}
/*  modal 积分不够  */
.point-wrapper {
    background-color: #fff;
    margin-left: -180px;
    margin-top: -160px;
    width: 360px;
}
.modal_tip{ margin:15px 0 0;font:17px/32px microsoft yahei;}
.no{ color:#CC0000; }
.point_info{ margin:10px 0}
.point_info span{ margin:0 40px 0 0; font-size:14px; }
.point_get{ width:250px;margin:5px 0 0}
.point_get li{ width:120px; display:inline; float:left; margin:5px 0 0}
.point_get li a{ color:#666; text-decoration:underline;}
.point_get li.last a{ background:#61bd4f; color:#fff;text-decoration:none;padding:
1px 4px;}
.point_get li.last{ margin:10px 0 0}
.point_note li{ margin-top:5px}
.point_note li a,.point_note li{ color:#888;}
.point_note li.last a{ color:#20a56e; font-weight:bold}
.point-wrapper .modal_body { width:310px;}
/*  modal 积分够  */
.pointok-wrapper {
    background-color: #fff;
    margin-left: -200px;
    margin-top: -115px;
    width: 400px;
}
.down-wrapper {
    background-color: #fff;
    height: 200px;
    margin-left: -200px;
    margin-top: -100px;
    width: 400px;
}
.pointok-wrapper .modal_body,.down-wrapper .modal_body  {
    width: 300px;
}
.software-wrapper {
    background-color: #fff;
    margin-left: -200px;
    margin-top: -115px;
    width: 300px;
}

.software-wrapper .modal_body {
    width: 300px; padding-bottom:10px
}
.software-wrapper .modal_body li{ margin-left:40px;}
.software-wrapper .modal_body b{ color:#f80; font-weight:bold; font-size:16px; margin-right:4px;}
.software-wrapper .modal_body .radio1{ margin-right:40px;}


.modal_tit{margin:15px 0 0;font:bold 18px/32px microsoft yahei; color:#333; }
.modal_down{ margin:40px 0 0}
.modal_down .lnk{  text-decoration:underline; margin-left:30px;}
.modal_down .lnk_btn,.fav_btn{ background:#20a56e; border:1px solid #20a56e; color:#fff;text-decoration:none;padding:6px 40px; margin:0; font-size:16px; border-radius:2px;}
.modal_tit .lnk_btn{ padding:6px 16px; margin-left:20px}
.fav_btn{ display:inline-block; margin-bottom:18px; margin-top:10px;}
.modal_note{ margin:10px 0 0}
.modal_note p{ line-height:24px;}
.blue{ color:#0079bf;  margin:0 2px; }

/*  modal 填写需求  */
.order-wrapper{ width:500px;  margin-left:-250px; margin-top:-170px;}
.step .modal_body{ width:100%; padding-bottom:30px;}
.contact_ta{ text-align:left; }
.contact_ta img{ vertical-align:middle}
.order-wrapper  .inp-txt{ width:366px}
.step  .txt{ width:250px}
.step .txt1{ width:80px;}
.unit{ margin: 0 0 0 6px}
.date{width:120px;}
.tipr{ margin:0 19px; color:#999; font-size:12px;}
.succ-wrapper{ width:500px;  margin-left:-250px; margin-top:-170px; }
.succ-wrapper .modal_tit,.sysinfo-wrapper .modal_tit{ margin:20px 30px 10px 30px; color:#333;}
.sysinfo-wrapper .modal_tit{ text-align:center}
.modal_tips{ margin-left:30px; margin-bottom:10px;}
.readonly,.readonly:focus{ color:#aaa; cursor:default}
.ml{ margin-left:96px; margin-top:5px;}
.maker-wrapper{ width:480px; height:320px;  margin-left:-240px; margin-top:-160px;}
.sysinfo-wrapper{ width:360px; height:240px; margin-left:-180px; margin-top:-120px;}
.buy-wrapper{ width:530px; height:560px; margin-left:-250px; margin-top:-250px;}
.buy-wrapper .modal_body{ width:529px}
.order-wrapper .modal_body .w_long{ width:400px;}
.proc_cont{ margin-left:18px}
.proc_cont h2{ font-size:16px; color:#333; margin-bottom:18px;}

/*  modal 订单查看  */
.detail-wrapper{  width:500px; margin-left:-250px; margin-top:-250px;}
.refer-wrapper{  width:500px;  margin-left:-250px; margin-top:-230px;}
.head1{ color:#333; font-size:18px; margin-top:5px; width:378px; overflow:hidden;white-space: nowrap; height:32px; }
.price{ display:inline-block;  color:#f70;  font-size:16px;font-weight:bold}
.order_h{ float:left; }
.view_brief{ margin:20px 0 20px 30px}
.view_brief .u_img{ width:80px; float:left}
.view_brief .u_img img{ border-radius:8px; width:60px; height:60px;}
.view_area{ clear:both; margin-left:20px;}
.detail_txt{ margin-top:7px; vertical-align:top; display:inline-block; margin-right:8px; width:350px; max-height:250px; overflow:auto}
.view_foot{ margin-top:10px; padding-top:10px;}
.c_logo{ color:#20a56e;}
.view_foot h3,.view_foot p{ margin-bottom:7px}
.view-wrapper{  width:500px; margin-left:-250px; margin-top:-220px;}
.state_ing,.state_finish{ background:url(../images/icon-common.png)  no-repeat; display:inline-block; width:85px; height:40px; position:absolute; top:50px; right:30px;}
.state_finish{ background-position:0 -120px;}
.state_ing{ background-position:-100px -120px;}
.contact{ padding-left:35px; }
.contact .u_img,.contact .user_info{ float:left}
.contact .user_info{ text-align:left; margin-left:10px;}
.contact .res_author{ height:80px;}
.contact .user_level{ margin:6px 0}
.orange{ color:#f70}
.item_field .green{ color:#009900; margin:0}
.confirm-wrapper{  width:500px;  margin-left:-250px; margin-top:-200px;}
.confirm1-wrapper{  width:480px; height:200px; margin-left:-240px; margin-top:-100px;}

/*  resource 更多  */
.breadcrumb{ padding:24px 0 0 10px; font-size:14px; width:19%}
.breadcrumb a{ color:#2b2b2b}
.breadcrumb span{ color:#888}
/*  resource 详情  */
.sec{ background:#fff; margin-top:10px; border:1px solid #eee; position:relative }
.detail_side .sec{}
.item_logo{ margin:13px 15px 0 12px; width:200px; height:100px; overflow:hidden}
.item_logo img{width:200px; height:auto}
.tool_logo{ text-align:center; width:100px;}
.tool_logo img{width:80px; height:auto; margin-top:5px}
.item_info{ margin:10px 0 }
.item_act{ margin:40px 20px 8px 0; width:245px;}
.item_act .btn1{ display:inline-block; padding:6px 30px 8px; margin:5px 0 0 0; border:0 none;background:#20a56e; border:1px solid #20a56e; color:#fff; font-size:15px;}
.item_act .btn2{ display:inline-block; padding:6px 15px 8px; margin:5px 0 0 0; border:0 none;background:#fff; border:1px solid #20a56e; color:#20a56e; font-size:15px; margin-right:10px;}
.fav{ margin-left:45px; color:#bbb;}
.fav a.btn2{ color:#20a56e; margin-left:4px; }
.res_head{ border:0 none;font:normal 16px/32px microsoft yahei; color:#333; margin-bottom:10px;}
.point a{}
.record-statistic .time{ margin-left:20px; }
.item_level{ padding:10px 0 0 0; clear:both; overflow:auto}
.tag{ background:#fff;  border-radius:2px; display:inline-block; padding:1px 6px; font-size:12px; margin-right:8px; color:#333; border:1px solid #ddd;}
.tag:hover{ color:#000}
.point{ margin:10px 0}
.point a{ color:#666; font-size:13px;}
.point a:hover{ color:#333}
.point_need{ margin-left:10px}
.point_need b{ color:#20a56e}
.part h3{font: bold 16px/16px microsoft yahei; color:#333;margin:20px 0 10px;}
.part h3.ready-name-version{ font-weight:normal}
.part p{  line-height:26px; font-size:14px;}
.res_detail div:first-child p{ text-indent:2em}
.tit_tab{margin:18px 0 0 20px; float:left; width:90%}
.tit_tab .lnk:hover{ color:#333; text-decoration:underline}
.cont_hd{ clear:both}
.cont_hd h3{ float:left;}
.tab_li a{ display:inline-block; padding:0 6px; color:#666;}
.tab_li a.on{color:#20a56e; font-weight:bold; }
.item_field{border-collapse: collapse; width:100%; margin-bottom:10px; }
.item_field td{ padding:6px;border-bottom:1px solid #eee; font-size:13px;}
.item_field th{  color:#666;padding:6px; border-bottom:1px solid #eee;border-top:1px solid #eee;  }
.part .item_field td,.part .item_field th{ padding:4px 4px 4px 50px}



.comment_input,.comment_info{ float:left}
.user_icon{ margin:0 auto 10px; text-align:center}
.comment .user_icon{ float:left; margin-right:15px;}
.user_info{ }
.user_info em{ font-size:14px;}
.user_info .lnk{ color:#20a56e;}
.comment_input{ width:93%; border:1px solid #ddd; margin-bottom:15px;}
.comment_input textarea{font-size: 16px;height: 60px;outline: medium none;resize: none;width: 97%; outline:medium none; border:0 none; padding:10px}
.comment_submit{ clear:both; text-align:right; padding:5px 0 0; overflow:auto; border-top:1px solid #e5e5e5;}
.comment_submit .lnk_btn{ border-radius:2px; padding:4px 9px; margin:0 5px 5px 0}
.comment_time{ color:#d2d2d2; font-size:12px; margin-left:12px; font-family:Arial, Helvetica, sans-serif}
.user_level{display:inline-block;background:url(../images/icon_feature.png) no-repeat 0 0; width:61px; height:17px; text-align:center; margin:8px auto 10px}
.lev1{ background-position:-88px -1px;}
.lev2{ background-position:-88px -22px;}
.lev3{ background-position:-88px -43px;}
.user_medal{display:inline-block;background:url(../images/icon_feature.png) no-repeat 0 0; width:59px; height:60px; text-align:center; margin:0}
.med1{ background-position:-87px -81px;}
.med2{ background-position:-87px -161px;}
.med3{ background-position:-87px -241px;}



.comment_list li{ clear:both; border-bottom:1px dotted #eee; padding:5px 0; overflow:auto}
.com_ok,.com_reply,.user_follow,.user_mail{ background:url(../images/icon-common.png) no-repeat 0 0; padding-left:25px; font-size:12px; color:#999}
.com_ok{ background-position:-177px -218px; margin-right:20px;}
.com_reply{ background-position:-170px -247px;}
.user_follow{ background-position:-170px -273px; padding:2px 12px 2px 20px;  border-radius:2px; margin:0 6px; background-color:#eee; border:1px solid #eee; color:#333; font-size:12px }
.user_mail{ background:0 none;padding:2px 12px;  border-radius:2px;background-color:#eee;border:1px solid #eee;color:#333; font-size:12px }
.comment_info {font:12px/30px microsoft yahei; width:93%;}
.comment_info em{ font-weight:bold}
.comment_info p{ font-size:14px; color:#555}
.comment_reply .comment_input{ width:100%;}

.popular{ margin:0px 0 15px 0;}
.popular span{ color:#999; margin:0 16px 0 0; }
.popular a{ color:#666; }
.popular a:hover{ color:#333; }

.user_works .fr{ margin-right:5px;}
.user_works h3 b{ font:bold 16px/24px microsoft yahei; color:#333;}
.user_works h3 a{ font:normal 12px/24px microsoft yahei; color:#666}
.user_works dl{ margin:0 0 15px 0}
.user_works dt a{ color:#666;font:normal 14px/24px microsoft yahei; }
.user_works dt a:hover{ color:#333;}
.user_works dd{ color:#aaa; font-size:14px; margin:0 9px 5px 0;width:205px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.p1,.p2{background:url(../images/icon-common.png) no-repeat 0 0; display:inline-block; width:28px; height:22px;}
.p1{ background-position:0 -300px;}
.p2{ background-position:-28px -300px;}
.other_tit{ margin:30px 0 0; vertical-align:middle; }
.other_tit h2{font:bold 16px/24px microsoft yahei; color:#333}
.other_res li{ margin:15px 0 0;  }
.other_res  .ready-statistic-item{ width:33.3%}
.res_author{ padding-bottom:20px; text-align:center; padding-top:5px; }
.log_tit{ margin:25px 0 0 ;}
.log_tit h3{ font-size:16px;}
.log_tit .lnk{ color:#20a56e}
.rate_label{ display:inline-block;vertical-align:top; height:30px; width:60px; text-align:center}
.rate{ margin:5px 0; display:none}


/* login */
body.login{ min-width:0;background:#fff;  }
.login .top-wrap{ display:none;}
.login-page .login-wrap { 
  width: 355px; margin:70px auto 30px;padding:20px 0 50px;}
body.login .login-wrap { margin-top:10px }
.login-page .login-wrap .logo {
  display: block;
  margin: 0 auto;
  overflow: hidden;
}
.login-page .login-wrap h2 {
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 100;
  line-height: 30px;
  color: #333;text-align:center
}
.login-page .login-wrap h2 a{ display:block; text-align:center; height:50px;}
.login-page .login-wrap h2 span { margin-left: 26px; }
.login-page .login-wrap .input-wrap {
  position: relative;
  width: 350px;
  height: 46px;
  margin: 0 auto 30px;
}
.login-page .login-wrap .input-wrap .input-error-tip {
  top: 51px;
  left: 0;
}
.input-wrap{ position:relative}
.required{ position:absolute; right:-20px; top:14px; color:#ee4e00; font-size:16px}
.ico_help{display:inline-block; background:url(../images/icon-common.png) no-repeat -121px 0; width:18px; height:16px; cursor:pointer; margin-left:4px; cursor:help;}
.input-wrap .ico_help{ position:absolute; right:-26px; top:14px;}

.msg_help{ background:#fffae2; border:1px solid #f5e190; width:200px; color:#4b4b4b; font-family:simsun; font-size:12px; padding:10px;z-index:50}

.spread .msg_help{ position:absolute; left:-1px; top:25px; width:287px; display:none; font-family:simsun; line-height:22px;  }
.modal_body .msg_help{ height:200px;}

.login-page .login-wrap .input-wrap div.msg_help{ position:absolute; right:-280px; bottom:30px;background:#fffae2; border:1px solid #f5e190; width:230px; height:84px; color:#4b4b4b; font-family:simsun; font-size:12px; padding:10px; line-height:21px; display:none}

.login-page .login-wrap .input-wrap div {
  float: left;
  width: 350px;
  height: 44px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}
.login-page .login-wrap .input-wrap div.Validform_error{ border:1px solid #ee4e00;}
.login-page .login-wrap .input-wrap div input {
  float: left;
  width: 340px;
  margin-top: 11px;
  margin-left: 10px;
  font-size: 14px;
  color: #ebebeb;
  border: 0; color:#111;
}
.login-page .login-wrap .input-wrap div.focus,
.login-page .login-wrap .input-wrap div.error { border: 1px solid #ee4e00; }
.login-page .login-wrap .input-wrap div.focus input { color: #333; }
.login-page .login-wrap .forget-password {
  padding: 0 2px;
  color: #636363;
}
.login-page .login-wrap .forget-password a { color: #009fe3; margin-left:4px;}
.login-page .login-wrap .forget-password a.fr{ color:#636363}
.login-page .login-wrap .forget-password a:hover { text-decoration: underline; }
.login-page .login-wrap .btn-xxlarge,.login-page .login-wrap .btn-middle { 
  margin-top: 32px; 
}
.login-page .login-wrap .btn-xxlarge a,.login-page .login-wrap .btn-middle a { width: 350px; }
/*
.btn-xxlarge a:hover{ background:#00ADEA;}
.btn-middle a:hover{ background:#48B242;} */
.login-page .login-wrap .reg-warning {
  padding-top: 10px;
  padding-right: 5px;
  font-size: 14px;
  color: #636363;
  text-align: right;
}
.login-page .login-wrap .code div{ width:190px;}
.login-page .login-wrap .code div .verify-input{width:150px;}
.verify-img{ float:right; cursor:pointer;}
.areg{ text-align:right; margin:20px 8px 10px 0}
.areg a{ color:#009fe3; margin-left:4px;}

/* 会员中心*/
.mod_profile{background:#f0f0f0;  margin:0; height:35px; padding-left:10px;; color:#888; margin-right:10px}
.login-page .login-wrap .input-wrap div input.mod_profile{background:#f0f0f0;  margin:0; height:44px; padding-left:10px;; color:#888}
.u_img{  margin-bottom:6px;}
.u_name a{ color:#333; font-size:14px; font-weight:700; height:24px; line-height:24px;}
.u_name a:hover{ text-decoration:underline}
.ui_mask{ background:url(../images/ui_mask.png) no-repeat 0 0; height:110px; width:110px;}
.u_img img{ border-radius:50%; width:90px; height:90px; vertical-align:top;}
.res_author .u_img img{ width:70px; height:70px;}
.user_icon .u_img img{ width:40px; height:40px;}

/*  home  */
.logotit{ display:none;}
.logoh1 span{ display:none;}
.banner{}
.slider_content{}
.slider_pages{}
.slider1{ background:#61bd4f; color:#fff; position:relative; height:500px;}
.slider1 .img1{ width:500px; height:190px; background:url(../images/ad1_1.png) no-repeat 0 0;margin:30px 0 0 120px;}
.slider1 .ad_hd{ padding:50px 60px 20px 0;  }
.slider1 h2{ font-size:40px;text-align:right; font-weight:normal; line-height:60px; }
.slider1 h2 b{ font-weight:bold; margin:0;}
.slider1 h3{ font-size:30px; text-align:right;font-weight:normal;line-height:60px;}
.home_down{  position:absolute; bottom:10px; right:70px; text-align:right}
.library .home_down{bottom:60px;}
.year8{  position:absolute; bottom:180px; right:70px; font-size:30px; font-weight:bold;}
.big{ font-size:32px;  text-decoration:none; font-weight:bold; color:#fff; border:1px solid #fff; border-radius:10px; padding:8px 20px 12px; display:inline-block; margin-bottom:30px; margin-left:10px;}
.slider1 a{ color:#fff;}
.slider1 .video_play{ padding-right:16px; margin-right:12px; border-right:1px solid #fff; margin-left:10px}
.home_fea{ padding-top:50px;padding-bottom:60px; overflow:auto; }
.home_fea .col_5,.member_fea .col_5{ width:24.9%; margin-bottom:20px;}
.home_fea a:hover .title{ color:#61bd4f}
.home_fea .title{ font-size:20px;}
.home_news .col_5{ width:43%; margin-left:3%; margin-right:0.5%}
.home_news .news{ width:98%}
.library{ border-top:1px solid #ddd; height:600px;}
.library .img1{ width:490px; height:380px; background:url(../images/ad_10.png) no-repeat 20px 0;}
.library h2{ font-size:26px; text-align:center;line-height:60px; margin-bottom:50px; padding-top:50px; color:#777; margin-left:50px; letter-spacing:2px; font-weight:400}
.med{ margin-left:30px; font-size:28px; background:#20a56e; border-radius:6px; color:#fff; display:inline-block; padding:15px 20px 20px; letter-spacing:2px}
.library ul{ margin-left:150px; font-size:16px;}
.library ul li{background:url(../images/icon-common.png) no-repeat 0 -330px; padding-left:20px; margin-bottom:12px; text-align:left}
.library ul li a{ color:#666}
.dialog{ font-size:24px; color:#777; margin-right:30px; margin-bottom:25px;}
.home_mark{ height:430px; margin:87px 0 0 100px}
.home_mark .img2{ width:550px; height:380px; background:url(../images/home_mark.png) no-repeat 86px 40px; float:left}
.mark_txt{width:490px; height:380px; float:left; text-align:center; letter-spacing:1px; color:#888;}
.mark_txt h2{ font-size:31px; font-weight:bold; color:#50af3e;letter-spacing:5px;}
.mark_sub{font-size:19px;letter-spacing:3px; margin-top:28px }
.mark_txt p{  font-size:16px;letter-spacing:2px; margin-top:10px}
.mark_txt h3{ font-size:19px; font-weight:bold;  margin-top:35px}
.mark_txt .ol{width:500px; margin:20px auto 0; text-align:left; margin-left:100px}
.mark_txt a{ display:block; margin-top:40px; text-decoration:none; color:#888;font-size:16px;letter-spacing:2px;}
.community{ height:410px;}
.community .dialog{ position:absolute; left:510px; top:250px; clear:both}
.community .news{ margin:40px 0 30px 0; width:95%}
.community .med{ margin:0; letter-spacing:0}
.community .divide hr,.member_fea .divide hr{  border:0; border-top:1px solid #ededed; box-sizing:content-box;}
.community .img1{background:url(../images/ad_11.png) no-repeat 425px 0;margin:80px 0 0 180px; height:220px; color:#777; font-size:16px; line-height:60px;}
.community .home_down{ left:460px; bottom:0px;}
.custom{ height:240px;   background:#f9f9f9; padding-top:30px}
.community h2,.custom h2,.idea h2,.member_fea h2{ width:220px; margin:0 auto; text-align:center; background:#fff;margin-top:-21px; line-height:30px; height:30px }
.community .col_5{ width:27%;}
.community .fr{ margin-left:4%}
.community .news li a{ width:78%}
.member_fea { height:220px; margin-bottom:18px;}
.member_fea h2{ width:370px; font-weight:bold; font-size:20px;}
.member_fea a,.member_fea i,.member_fea span,.home_fea a,.home_fea i,.home_fea span{ display:block; text-align:center; margin:auto}
.member_fea a:hover i{ background-color:#555 }
.member_fea a:hover span{ color:#555 }
.member_fea .img{ border-radius:50%;background:#61bd4f url(../images/icon_feature.png) no-repeat;height: 60px; width: 60px;margin-top:45px;}
.mem_chart .img{ background-position:-3px -718px;}
.mem_rule .img{ background-position:-5px -785px;}
.mem_data .img{ background-position:-5px -852px;}
.mem_safe .img{ background-position:-2px -925px;}
.idea h2,.custom h2{ margin-top:20px; background:transparent; width:250px}
.idea h2{ width:370px; padding-top:10px;}
.custom .divide hr,.idea .divide hr{  border:0; border-top:1px solid #f5f5f5; box-sizing:content-box;}
.gsbox{ position:fixed;  top:261px; right:0; z-index:9; cursor:pointer; }
.gsbox a{ display:block;width:60px;  margin-bottom:1px; text-align:center }
.qqbox,.ver{ background:#20a56e; }
.qq1{ background:#ffad36;}
.qq2{ background:#04b2e5; }
.totop{ background:#bbb; position:fixed; bottom:40px; }
.qqbox:hover,.ver:hover{ background:#14935f; }
.qq1:hover{ background:#f2911d}
.qq2:hover{ background:#00a5d5  }
.gsbox a b{ display:inline-block;background:url(../images/icon-common.png) no-repeat ; width:46px; height:35px; margin:5px auto 2px }
.gsbox .qqbox b{ background-position: -84px -248px;  }
.gsbox .qqgroup b{ background-position: -86px -290px;  }
.gsbox .totop b{ background-position: -86px -335px;  }
.gsbox .ver b{ background-position: -86px -425px;  }
.gsbox .ver a { padding-left:20px}
.gsbox .totop:hover{background:#777 }
.gsbox .totop:hover b{ background: url(../images/icon-common.png) no-repeat -86px -371px  }
.gsbox span{ display:block; text-align:center; color:#fff; font-size:12px;}
.upd{ border:1px solid #20a56e; padding:0 20px 11px; background:#fff url(../images/icon-common.png) no-repeat -165px -646px; position:absolute; left:-259px; top:0}
.upd h2{ color:#20a56e; width:210px; overflow:hidden; font-size:14px; text-align:left;margin-top:22px;}
.upd .list_ol li{ margin-top:15px;width:200px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;list-style-position: inside; margin-left:-15px; color:#777 }
.news{ width:90%; }
.news li {clear: both;line-height: 30px;position: relative;text-align: left; height:30px; margin-top:3px;}
.news li span {color: #aaa;position: absolute;right: 4px;}
.news a {background:url(../images/icon-common.png) no-repeat 0 -325px;float: left;margin: 0;overflow: hidden;padding-left: 15px;text-overflow: ellipsis;white-space: nowrap;width: 70%; color:#666;}
.news a:hover{ text-decoration:underline}
.home_news{ height:395px; border-top:1px solid #f5f5f5; padding:10px 0}
.home_news b a{ border:0 none}
.home_news em{ font-size:20px; font-weight:bold}
.home_news .res_tit{ height:55px}
.idea{  background:#f5f5f5; overflow:auto; padding-bottom:40px; }
.idea h3{ width:250px; float:left; text-align:right;  font-size:18px;margin:15px 20px 0 100px;  padding:10px; color:#20a56e ;}
.idea p{ line-height:2; float:left; margin-top:20px; color:#888}
.idea p strong{ color:#666}

/* 友情链接*/
.RForm {	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px}
.RForm DT {	LINE-HEIGHT: 23px}
.RformB {	PADDING-LEFT: 10px}
.blk_29 {ZOOM: 1; POSITION: relative}
.blk_29 .LeftBotton {	BACKGROUND: url(../images/custom/ca_hz_002.gif) no-repeat 0px 15px; LEFT: 20px; FLOAT: left; WIDTH: 20px; CURSOR: pointer; POSITION: absolute; TOP: 10px; HEIGHT: 114px}
.blk_29 .RightBotton {	RIGHT: 20px; BACKGROUND: url(../images/custom/ca_hz_002.gif) no-repeat -20px 15px; FLOAT: right; WIDTH: 20px; CURSOR: pointer; POSITION: absolute; TOP: 10px; HEIGHT: 114px}
.blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 1095px; PADDING-TOP: 14px}
.blk_29 .box {	FLOAT: left; WIDTH: 182px; TEXT-ALIGN: center; margin-top:10px}
.blk_29 .box IMG {	BORDER: #e1e1e1 1px solid; PADDING: 5px 10px; DISPLAY: block; BACKGROUND: #fff;  MARGIN: 0px auto;-webkit-filter: grayscale(1);/* Webkit */ 
filter:gray;/* IE6-9 */ 
filter: grayscale(1);/* W3C */ filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5; }
.rollphotos { margin-top:6px}
.partC {	MARGIN-TOP: 10px; OVERFLOW: auto; WIDTH: 950px}
.partC .PC_left {	OVERFLOW: auto; WIDTH: 470px}
.partC .PC_right {	OVERFLOW: auto; WIDTH: 470px}
.partC .PC_left {	FLOAT: left}
.partC .PC_right {	FLOAT: right}
.PT_mix {	BORDER-RIGHT: #a2d1ff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a2d1ff 0px solid; PADDING-LEFT: 0px; BACKGROUND: #f3fbfe; PADDING-BOTTOM: 10px; OVERFLOW: auto; BORDER-LEFT: #a2d1ff 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #a2d1ff 1px solid}
.PhoTxt {	MARGIN-TOP: 10px; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; OVERFLOW: auto; WIDTH: 220px}
.PhoTxt IMG {	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 3px; BORDER-LEFT: #ccc 1px solid; MARGIN-RIGHT: 5px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid}
.PhoTxt H1 {	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 23px}
.PhoTxt P {	COLOR: #545454; LINE-HEIGHT: 20px}
/* error 404 */
.error{ background:#f5f5f5}
.error .contain{ min-height:50%}
.error_four {padding-top: 136px;text-align: center;}
.error_four .wrap {background:  url("../images/error_1.png") no-repeat scroll center 0;color: #4c6269;height: 330px;padding-bottom: 150px;padding-top: 75px;}
.error_four h2 {font-size: 38px;line-height: 44px;}
.error_four p {font-size: 24px;line-height: 42px;padding-bottom: 75px;}
.error_four .error_back {background-color: #20a56e   ;border-radius: 4px;color: #fff;display: inline-block;font-size: 22px;line-height: 48px;width: 180px;}



/* company*/
.com { background:#fff}
.com .common{ margin-top:100px;}
.com_nav{ width:18%; float:left;}
.com_content{ margin-left:19%;font-size:14px; min-height:300px;  padding: 0 1%; }
.list_group li{border: 1px solid #ddd;margin-bottom: -1px; background:#fff;}
.list_group .on{ background:#20a56e;border: 1px solid #20a56e;}
.list_group .on a{ color:#fff}
.list_group li a{ color:#666; display:block;padding: 15px 15px;}

.header { margin-bottom:10px;border-bottom:1px solid #e5e5e5; }
.header h2{ font-weight:normal;padding:5px 0 10px 2px; color:#666; height:30px }
.slogan .fr a{ font-size:14px; color:#777; line-height:42px;}
.btn_buy .u_btn{ font-size:16px; padding:2px 5px 3px 30px; border-radius:2px; background:url(../images/icon-common.png) no-repeat -172px -383px; color:#20a56e; border:1px solid #20a56e; margin-right:10px;}
.ask_b{ height:120px; margin-right:25px; text-align:right}
.content{margin:0 30px 40px 10px}
.content h3{  margin-top:15px; margin-bottom:10px; font-size:18px; color:#333}
.content p,.content li{ line-height:1.8; }
.content p{  margin-top:15px; }
.item p img{ vertical-align:top}
.item strong{ color:#333;}
.setmeal th em,.setmeal td span{ display:block}
.setmeal .b_second{ background:#f90; border-color:#f90; color:#fff;}
.content .u_hd4{ margin-bottom:25px;}
.content .u_hd4 a{ font-size:15px; }
.content .u_hd4 a.on{  font-weight:bold; }
.content .item_field th{ background:#edebdb; color:#333; border:1px solid #ccc ; }
.content .item_field td{ border:1px solid #e5e5e5 ; color:#888}
.list_ol,.list_ul{ margin:10px 16px 10px;}
.list_ol li{list-style:decimal}
.list_ul li{list-style:disc}
.list_t img{ border:1px solid #ddd; margin-top:10px;}
.item{ width:98.9%; margin-bottom:10px}
.content h4{ font-size:15px;  font-weight:normal; color:#20a56e; margin-top:15px; margin-bottom:5px}
.content h5{ font-size:16px; font-weight:normal; margin:20px 0; color:#333;}
.content h5 strong{color:#20a56e; font-weight:normal}
.stage1{ background:url(../images/about_1.png) no-repeat 0 0; padding-left:390px; font-size:13px; margin-top:30px; margin-bottom:50px }
.stage2{ background:url(../images/about_2.png) no-repeat right 0; padding-right:280px; font-size:13px; margin-bottom:50px }
.stage3{ background:url(../images/about_3.png) no-repeat 0 50px; padding-left:350px; font-size:13px; margin-bottom:50px}
.em{ font-weight:bold}
.content tr.tr_h td{ background:#f2f2f2; font-weight:bold;color:#555; border-right-color:#f2f2f2; border-bottom-color:#f2f2f2}
.slogan{ margin-left:10px; margin-top:10px;}
.slogan h3{ margin-bottom:20px}
.slogan h6{ font-size:20px;margin-top:20px}
.slogan h6 strong{color:#20a56e;}
.content td.free{ font-size:15px; font-weight:bold; color:#20a56e; text-align:center}
.anchor{margin:-95px 0 0;border-top:95px solid transparent;z-index:1; position:relative; display:block}
.item .anchor{margin:-75px 0 0;border-top:75px solid transparent;z-index:1; position:relative; display:block}
.sp2{ letter-spacing:0.5px;}
.sp3{ letter-spacing:8.7px;}
.ad_res{text-align:center; margin-top:10px; background:#fff; padding:5px; border:1px solid #eee;}
.ad_res img{ border:0px solid #ddd;}
.v_m{ text-align:center; }
.mm{ font-size:24px; margin:10px 0 30px;color:#20a56e;}
.v_m a{ color:#20a56e;}
.v_m .btnLogin{ height:30px; line-height:10px; font-size:13px; padding:4px; width:100px; margin:0; }
.main-body .v_m .btn-middle{margin:0}
.form-area .input-error-tip{ line-height:35px}
.login-username{ margin-bottom:6px;}
.safe-check{ vertical-align:middle; margin-right:6px;}
.attention{ color:#e00}
.order-wrapper .n_qq{ width:190px; }
.order-wrapper .n_mobile{ width:132px; margin-left:12px;}
.aline{ text-decoration:underline}
.need{ color:#e00; margin-left:4px; }
.editor .tb{ width:250px; height:70px}
.stat .w250{ width:265px}
.inp-error,.editor .inp-error{ border:1px solid #EA7A7A; color:#EA7A7A }
.editor .input-error-tip{ line-height:144px}
.detail_ta,.detail_tb{ width:350px; max-height:100px; overflow:auto}
.notice{ display:block; font-weight:bold; color:#333;}
.notice a{ background:#f78; border-radius:4px; color:#fff; margin:0 6px; padding:1px 6px;}
/*资源-软件*/
.tj_tool{ margin-top:0;}
.tool_list li{ width:27.3%; float:left; text-align:center;  margin-right:13px; padding:20px; border:1px solid #ddd; background:#fff; position:relative; margin-top:15px;}
.tool_list li h3{font-size:12px;  letter-spacing:5px; margin-top:15px; text-align:center; }
.tool_list li h4{ font-size:18px;}
.tool_list li.tool_clarence h3{ }
.tool_list li.tool_clarence2 h3{ }
.tool_list li.tool_clarence3 h3{}
.coming{filter:alpha(opacity=50); /*ie滤镜，透明度50%*/
-moz-opacity:0.5; /*Firefox私有，透明度50%*/
opacity:0.5;/*其他，透明度50%*/}
.a_btn{ background:#20a56e; color:#fff; border:1px solid #20a56e; height:22px; line-height:20px;text-align:center;  width:83px; display:inline-block; margin-top:10px;}
.tool_img{ float:left;}
.tool_intro{ float:left; width:165px; text-align:left; margin-left:14px;}
.tool_detail{  overflow:hidden; color:#999; font-family:simsun; line-height:24px; font-size:12px; margin-top:10px;}
.tool_list li a{ color:#666;}

.tag_c1{position:absolute; top:-30px; right:-5px; z-index:7; width:52px; height:52px; display:inline-block; background:url(../images/icon_feature.png) no-repeat -92px -577px; display:none; }
.ico_c1,.ico_c2,.ico_c3,.ico_c4{ width:80px; height:80px; display:block; background:url(../images/icon_feature.png) no-repeat}
.ico_c1{ background-position:-80px -319px}
.ico_c2{ background-position:-80px -403px}
.ico_c3{ background-position:-80px -488px}
.ico_c4{ background-position:-80px -1035px}
.tool_weibo_keyword .ico_c4{background:url(../images/icon_weibo_keyword.png) no-repeat 0 0; }
.tool_weibo_topic .ico_c4{background:url(../images/icon_weibo_topic.png) no-repeat 0 0; }
.tool_weibo_forward .ico_c4{background:url(../images/icon_weibo_forward.png) no-repeat 0 0; }
.tool_weibo_fans .ico_c4{background:url(../images/icon_weibo_fans.png) no-repeat 0 0; }
.tool_weibo_bozhu_info .ico_c4{background:url(../images/icon_weibo_bozhu_info.png) no-repeat 0 0; }
.tool_seo .ico_c1{background:url(../images/icon_seo.png) no-repeat 0 0; }
.tool_ec .ico_c1{background:url(../images/icon_ec.png) no-repeat 0 0; }
.tool_mark .ico_c1{background:url(../images/icon_mark.png) no-repeat 0 0; }
.mask_item{ background:#aaa; color:#aaa}
/*资源-时间轴*/
.timeline {background: url(../images/line.png) no-repeat 10px 0;position: relative;margin-left:400px; position:fixed; left:50%;top:150px; margin-left:-700px; z-index:7 }
.timeline-date {overflow: hidden;position: relative;}
.timeline-date ul li {background: url(../images/node.png) no-repeat 2px 0;zoom: 1;height:25px; }
.timeline-date ul li h2{ font-size:14px; font-weight:normal; margin-left:24px; line-height:14px}
.timeline-date ul li h2 a{ color:#999;}
.timeline-date ul li.on {background: url(../images/node1.png) no-repeat 2px 0;zoom: 1;height:25px;  }
.timeline-date ul li.on h2 a {color:#5cb531;}
.res_archor,.res_ardhor{margin:-78px 0 0;border-top:78px solid transparent;z-index:1; position:relative}
.funcs{ margin-bottom:10px;}
.funcs span{ margin-right:8px; display:block}
.book-wrapper {
    background-color: #fff;
    margin-left: -200px;
    margin-top: -200px;
    width: 400px;
}
.book-wrapper .modal_body {width: 380px; padding-bottom:10px;}
.book-wrapper .editor .tb{ width:316px; height:100px;}
.book-wrapper .tipr{ margin:0}
.book-wrapper .list_ol li{ margin:0}
.book-wrapper .btns{ margin-top:20px;}
.login-page .login-wrap .tiph h2{ font-size:24px; font-weight:bold; margin-bottom:20px;}
.login-page .login-wrap .tiph{ margin-top:30px;}
.tiph p{ margin-bottom:20px;}
.tiph .list_ul li{ line-height:26px; font-size:15px;}
.tiph .list_ol li{ line-height:24px; font-size:14px;}
.tiph h3{ margin-bottom:10px;}
.tiph .list_ol{ margin-top:5px;}
.pricelist{ margin:5px 3px 0; background:#fff;}
.pricelist td,.pricelist th{ padding:4px 2px; border:0 none; border-top:1px solid #eee; }
.pricelist td em{ color:#eb6100; margin-right:2px;}
.noteprice{  font-size:12px; color:#aaa; margin:4px 8px}
.content .noteprice{color:#666;font-size:14px}
.head2 .c_logo{ font-size:12px; font-weight:normal}
.item_field .data_oper .disable{ background:#eee; color:#bbb; border-color:#eee; cursor:default}
/* charge old */
.slogan p{vertical-align:middle; color:#888; font-size:16px; margin-top:20px; margin-bottom:0px; }
/*.slogan p i{background: url(../images/icon-common.png) no-repeat; display:inline-block; width:26px; height:26px;vertical-align:middle; }
.slogan p i.ch1{ background-position:0 -566px;}
.slogan p i.ch2{ background-position:0 -593px;}
.slogan p i.ch3{ background-position:0 -620px;}
.slogan p i.ch4{ background-position:0 -782px;} */
.slogan p strong{ color:#20a56e; font-weight:bold; font-size:20px;}
.u_data .slogan p strong{ font-size:16px;}
.slogan p span{ vertical-align:bottom;}
.slogan p a{ vertical-align:bottom}
.slogan h2{ color:#222; font-size:22px; font-weight:bold; margin-top:35px;  height:40px;}
.slogan .anchor{z-index:-1;margin:-90px 0 0;border-top:90px solid transparent;}
.mac_link{ font-size:12px; color:#999; float:right}
.mac_link a{ color:#004cb4; text-decoration:underline; margin-left:4px; font-size:14px;}
.charge{ margin-top:25px; margin-bottom:25px; width:100%; }
.charge td{ padding:8px 8px;  text-align:left; border:1px solid #e8e8e8; font-size:15px;}
.charge th{ text-align:center; font-weight:normal; color:#444;}
.charge th h3{ font-size:22px; color:#333;  margin-top:10px; margin-bottom:10px;}
.charge th em{ display:block; margin-bottom:10px; margin-top:-8px; font-size:16px;}
.level_b{ background:#ddd; height:33px; font-size:20px; border-right:1px solid #d5d5d5;}
.level_0{ background:#DDEFE5;border-bottom:1px solid #DDEFE5 }
.level_1{ background:#C3E3D4; position:relative; }
.level_2{ background:#9BCFB0;border-bottom:1px solid #8bc1a1}
.level_3{ background:#82b798; border-bottom:1px solid #82b798; }
.level_z{ background:#E8E6D2}
.level_g{ background:#EDEDED;}
.icon_set{background: url(../images/icon-common.png) no-repeat -37px -566px; display:inline-block; width:53px; height:48px; position:absolute; right:2px; top:-15px;}
.level_1 b{ font-weight:normal; font-size:15px; display:block; margin-top:20px;}
.charge th h4{font-size:17px; font-weight:normal; text-align:center; line-height:1}
.claim{ line-height:2; margin:10px;}
.charge .grey_fun{ background:#eaeaea; padding:5px; border-bottom:1px solid #ddd;}
.charge .grey_td{ background:#f4f4f4;}
.charge .td_rel{ position:relative} 
.charge .td_rel .icon_set{background: url(../images/icon-common.png) no-repeat 0 -819px; height:52px; top:-30px; right:-10px }
.charge .td_rel .icon_set:hover{ cursor:help}
.grey_th{ background:#ddd; font-size:16px; }
.grey_th1,.grey_th2{ background:#efefef; font-size:16px;}
.grey_th1{ height:38px; border-right:1px solid #e5e5e5;}
.charge .grey_th2{ border-bottom:1px solid #e5e5e5; text-align:center; }
.ent{ margin-top:7px; }
.ent p{ line-height:2}
.grey_td div{ position:relative}
.grey_td p{ position:absolute; left:82px; top:-3px; background:#fffcd9; border:1px solid #ccc;box-shadow:0 2px 2px rgba(204,204,204,.15); padding:5px 10px; font-family:simsun; font-size:12px; text-align:left; margin:0; border-radius:4px; display:none; font-weight:normal}
.grey_td div p i{width:11px; display:inline-block; height:100%; position:absolute; left:-11px; top:8px;
background: url(../images/icon-common.png) no-repeat -42px -619px ;}
.hint1,.hint2{ width:216px;}
.hint2{ width:194px;}
.hint3{ width:216px;}
.hint4,.hint5{ width:216px;}
.hint6{ width:216px;}
.hint7{ width:216px;}
.grey_td div p.hint8{ width:216px; top:-18px; left:118px}
.charge td strong{ font-weight:bold; margin:0 2px;}
.charge td em{  font-size:20px;margin-right:6px; color:#ec8000}
.charge a.btn{ background:#fff; border:1px solid #20a56e; font-weight:bold; color:#20a56e; padding:3px 20px;}
.charge a.btn:hover,.btn_em{ background:#20a56e; border:1px solid #20a56e; font-weight:bold; color:#fff; padding:3px 20px;}
.tick{ display:inline-block; width:15px; height:15px; background: url(../images/icon-common.png) no-repeat -185px 0;}
.charge .underline{ color:#666; cursor:help;}
.charge .grey{ text-decoration:underline; color:#777}
.selslider{ float:left;}
.selslider select{ padding:1px 40px 1px 1px; vertical-align:middle;border:1px solid #ccc;}
.selslider select option{ border-right:1px solid #bbb; padding:1px;}
.buyservice {background-color: #fff;border:3px solid #20a56e; border-radius:0;}
.buyservice .modal_close{ right:10px; top:10px; }
.buyservice .modal_header{ background:#fff; margin:20px 0 20px 10px }
.buyservice .modal_header span{color:#222; font-size:18px; font-weight:bold; padding-right:10px;padding-left:25px}
.buyservice .modal_header i{ font-style:normal;font-weight:normal;   font-family:Arial, Helvetica, microsoft yahei; }
.buyservice .modal_body{ width:540px}
.buyservice .btns a{border-radius:0; }
.charge-wrapper{ width:600px; margin-left:-300px; margin-top:-200px;}
.group{  height:30px; margin:10px 0 15px 0}
.lab{ margin-top:4px; clear:both; margin-left:12px; }
.selist { margin:15px 0 15px 0;  background:#f9f9f9; border:1px dashed #ddd; padding:5px 10px 15px 10px;}
.selist i{ margin:0 6px;font-style:normal; font-size:16px;}
.selist strong{font-weight:normal;font-size:14px; }
.selist em{ color:#fe721e; font-size:22px; margin:0 6px; font-weight:normal; font-family:Arial, Helvetica, microsoft yahei; }
.selist p{ font-family:Arial, Helvetica, microsoft yahei;  margin-top:5px; font-size:15px;}
.selist p.notice{ font-weight:normal; color:#999;  margin-top:10px; font-size:14px; }
.selist p.notice em,.selist p.notice em a{ margin-right:0}
.selist p.notice .grey{ padding:0; background:transparent; margin:0 0 0 2px; color:#666; text-decoration:underline;}
.selist .lab{ font-size:16px; color:#333; margin-bottom:10px; margin-top:10px; margin-left:0; font-weight:bold}
.maskwhite{  background:#fff;}
.history-wrapper{ width:800px; margin-left:-400px; margin-top:-220px;}
.history-wrapper .modal_body{ width:95%; padding-bottom:20px;}
.history-wrapper .page-nav{ margin-bottom:0; margin-top:10px;}
/* resource tool detail */
.prod_detail{ margin:30px 0 45px 30px; overflow:hidden}
.prod_detail{ clear:both}
.prod_detail h4{ color:#5c5c5c;font-size:20px; margin:0 0 20px 0;}
.ul_fea li{ background:url(../images/icon_feature.png) no-repeat; margin-bottom:30px; padding-left:45px;}
.ul_fea li.n1{ background-position:-100px -646px}
.ul_fea li.n2{ background-position:-100px -717px}
.ul_fea li.n3{ background-position:-100px -788px}
.ul_fea li.n4{ background-position:-100px -859px}
.ul_fea li.n5{ background-position:-100px -930px}
.ul_fea li strong,.ul_fea li span{ display:block}
.ul_fea li strong{ color:#20a56e; font-size:18px; font-weight:normal}
.prod_detail ol,.prod_detail ul{ margin-top:10px;}
.prod_detail h5{ color:#333; font-weight:bold; font-size:15px; margin-top:20px}
.prod_detail ol { margin-left:20px}
.prod_detail li a{ color:#0056af; text-decoration:underline}
.prod_detail li{ line-height:26px;}
.prod_detail li span{ margin-right:10px;}
.ac li{ margin-right:60px; float:left}
.rule_my .data_oper .c_logo{padding:2px 8px 3px; font-size:12px; color:#20a56e}
/*tutor*/
.tree{width:300px;padding:5px;overflow:auto; }
.tree dd,.tree dt, .tree dl{margin:0;padding:0;overflow:hidden; cursor:pointer}
.tree dd{margin-left:18px;}
.tree dt{background:url(../images/tree-bg.png) no-repeat 0 2px;padding-left:35px;line-height :25px;height:25px;}
.tree dt.node-close{background-position: 0 -22px;}
.tree dt.node-open{background-position: 0 -56px;}
.tree dt a{color:#666;text-decoration:none;font: 14px/25px microsoft yahei;line-height :25px;}
.tree dt a:hover{background:#fff;color:#20a56e;}
.con_left,.con_mid,.con_right{ float:left; margin-top:20px;}
.con_left{ width:25%; padding-bottom:60px;}
.con_mid{ width:75%}
.modcon{clear:both; margin-left:25px;margin-bottom:20px; }
.module{ border-bottom:1px solid #ebebeb;  line-height:30px; }
.newslist a{ width:200px; color:#666; }
.newslist a:hover{ color:#20a56e}
.newslist li{ line-height:30px; border-bottom:1px solid #ebebeb;}
.search_block{ clear:both; }
.search_block .searchTool { float:none;margin:0 0 0 20px; height:75px;}
.search_block .searchTool .txtSearch{ border:1px solid #ddd; height:40px; padding:0 8px; line-height:40px;width:576px; font-size:16px;}
.search_block .searchTool .btnSearch input{background:#20a56e; color:#fff; border:1px solid #20a56e; padding:0 0; width:106px; height:42px; line-height:40px;}
.hot_search li,.hot_search ul,.hot_search label{ float:left; display:inline-block;}
.hot_search ul{ width:800px; height:16px; overflow:hidden;}
.search_block .searchTool form{ height:49px;}
.hot_search li a{ color:#20a56e;}
.hot_search li{ margin-right:15px;}
.hot_search{ clear:both; padding:10px 0 0 0; height:16px; line-height:16px;}
.hot_search label{ margin-right:10px;}
.side_block{margin-bottom:12px;}
.side_block h2{ background:#f5f5f5; text-align:center; font-size:15px; color:#333; line-height:33px;}
.forhelp{ margin:15px 10px}
.forhelp p{ font-size:13px; margin-top:5px;line-height:24px;}
.forhelp label{ vertical-align:top;}
.forhelp span{ font-weight:normal; font-size:13px; }
.forhelp .fill{display:inline-block; padding:0 6px; line-height:24px; background:#e6514e; color:#fff;border-radius:4px; font-size:12px; margin:0 0 0 6px;}
.forhelp .qq1{ background:#20a56e; padding:2px 4px; border-radius:4px; color:#fff;font-size:12px;margin:0 0 0 6px;}
.st{ margin-top:2px; line-height:26px;}
.location{ background:#f5f5f5; font-size:12px; text-align:left; clear:both; margin:0 0 15px 20px; line-height:28px;}
.location a{ color:#333;}
.dot_loct{ display:inline-block; width:10px; height:10px; vertical-align:middle;background:url(../images/icon-common.png) no-repeat -190px -543px; margin:0 2px 0 4px }
.ph{ text-align:center; line-height:50px; height:50px; font-size:20px;}
.mod_detail{ margin-left:30px; margin-bottom:40px;}
.article p{ line-height:2; text-indent:2em;font-size:15px;}
.article font{ font-size:15px; line-height:2;}
.article a{ color:#20a56e}
.s_tit{ font-size:16px; font-weight:normal; text-decoration:underline}
.s_tit a{ color:#069}
.s_tit em{ font-weight:bold;color:#c00}
.s_cont em,.location em{ color:#c00}
.s_cont{ margin:5px 0 30px; max-height:38px; overflow:hidden; }
.mod_search{ margin:20px 0 0 25px;}
.tags1 .img {background: url(../images/icon_feature.png) no-repeat;height: 80px; width: 80px; margin-top:10px;}
.t_video .img{ background-position:0 -1200px }
.t_beginner .img{ background-position:0 -1280px; }
.t_faq .img{ background-position:0 -1360px; }
.t_strategy .img{ background-position:0 -1440px; }
.t_name .img{ background-position:0 -1520px; }
.t_video{ background:#34495e;}
.t_beginner{ background:#3498db;}
.t_faq{ background:#1abc9c;}
.t_strategy{ background:#2ecc71}
.t_name{ background:#f1c40f}
.tags2{ clear:both}
.tags2 a{ display:inline-block; border-radius:6px; margin:10px 10px 0 0; padding:6px 12px; color:#484848; font-size:15px; background:#ecf0f1;}
.tags2 a:hover{ background:#d9e7ea;}
.mod_index{ margin:0 0 0 25px;}
.tags1 a, .tags1 i, .tags1 span {display: block;margin: auto;text-align: center;}
.tags1 span.title{color:#fff;}
.tags1 .col_5{ float:left; width:160px; height:120px; margin:0 15px 20px 0;  border-radius:4px;}
.times{ vertical-align:middle; line-height:26px; font-size:13px;}
.times label{ margin-right:12px; vertical-align:middle}
.times input{ margin-right:4px; vertical-align:middle}
.times em{ font-size:13px; margin:0 4px; font-weight:bold}
.warning i{ background:url(../images/icon-common.png) no-repeat -166px -576px; height:34px; width:34px; display:inline-block; vertical-align:middle; margin-right:10px;}
.warning span{ font-size:16px; color:#555; vertical-align:middle }
.sweep-wrapper{ width:440px; margin-left:-220px; margin-top:-200px;}
.prompt{ margin:0 0 20px 30px;}
.warning{ margin:20px 0 15px 0;}
.otherinfo{ margin:0 0 0 45px; color:#999}
.sweep-wrapper .modal_body{ width:440px;}
.sweep-wrapper .modal_header{ margin:10px 0 0 0px;}
.u_data .rule_my .disable_sweep{ color:#e00; }
/* rule compass */
.com_info{ margin:15px 0 10px 0}
.com_main{ border:2px solid #d7eed6; height:370px;}
.com_left{ float:left; width:35%; position:relative;height:370px;}
.com_right{ float:right; width:56%; position:relative; height:370px;}
.com_info em{ font-weight:bold; margin:0 5px;}
.com_balance{ background:#d7eed6; clear:both; height:35px; line-height:29px; padding-left:10px;}
.com_balance em{ color:#20a56e; font-size:18px; font-weight:bold; margin:0 4px;}
.com_balance span{ vertical-align:top}
.clogo_btn{ background:#20a56e; display:inline-block; padding:0 9px; line-height:25px; color:#fff; margin:4px 7px 0 0;border-radius:1px;}
.com_rule{ height:300px; overflow:auto; clear:both}
.icon_show{ display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; vertical-align:middle}
.clue_yes i{ background:#11b200}
.clue_no i{ background:#f40000}
.com_rule li{ position:relative; line-height:35px; padding-left:10px;}
.com_item{ color:#747474;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:240px; vertical-align:middle; display:inline-block;}
.btn_remove{ background:url(../images/icon-common.png) no-repeat 0 -750px;display:inline-block; width:18px; height:18px; position:absolute; top:8px; right:8px;}
.icon_meaning{ background:#f4f4f4; line-height:35px;  position:absolute; bottom:0; left:0; width:100%}
.icon_meaning span{ margin:0 10px}
.icon_meaning .clue_sel{ margin:0 0 0 80px;}
.clue_sel select{border: 1px solid #ddd;padding: 3px 3px 4px;width:80px;}
.com_rule .on{ background:#f4f4f4;}
.head_name{ margin:15px 15px 0 0; font-size:22px; color:#333;}
.ul_clue{margin:30px 0 20px ; height:90px;}
.ul_clue li{  float:left; text-align:center; margin:0 60px 0 0 }
.ul_clue span{ display:block}
.clue_num{ font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#11b200}
.failure .clue_num{ color:#f40000}
.head3{ margin:10px 0;}
.rule_stat{ position:absolute; bottom:10px; left:0; width:470px;}
.rule_func{ position:absolute; top:90px; right:30px; background:#f5fff4; border:1px solid #b9dab5; padding:2px 11px 2px 8px;}
.rule_func i{ background:url(../images/icon-common.png?v=20161229) no-repeat; width:18px; height:18px; display:inline-block; margin-right:4px;}
.rule_func li{border-top:1px solid #d3d3d3; padding:5px  }
.rule_func li:first-child{ border-top:1px solid #f5fff4}
.rule_func .lnk_export i{ background-position:0 -660px; }
.rule_func .lnk_add i{ background-position:0 -690px;}
.rule_func .lnk_set i{ background-position:0 -720px;}
.rule_func .lnk_start i{ background-position:-29px -660px;}
.rule_func a{ color:#4f4f4f; vertical-align:top}
.data_num{ clear:both; margin:20px 0 0;}
.data_num .progress{ display:block; }
.data_num .progress span{ height:18px;}
.data_num .progress-bar{ width:275px;}
.data_num span{ border-radius:0}
.data_num .bar{ background:#20a56e}
.blank{ visibility:hidden; height:19px}
.tree dt a.on{ color:#20a56e}
.rule_new{ padding:10px 0 20px}
.rule_new .item_field{ border:1px solid #eee;}
.statement{ color:#999; margin:-10px 0 15px 0; font-size:13px; line-height:22px;}
.statement a{ color:#999; margin:0 1px; text-decoration:underline}
.statement a:hover{ color:#999}
.ml8{ margin-left:8px;}
.history-wrapper .data_remarks{ width:650px;}
.service-wrapper{ width:360px; margin-left:-180px; margin-top:-190px; }
.service-wrapper .modal_body{ width:95%; padding-bottom:10px; }
.service-wrapper .modal_header{ background:#20a56e; color:#fff; padding:0; margin:0; }
.service-wrapper .modal_header span{ color:#fff;}
.service-wrapper li{ font-size:15px; line-height:30px; margin-left:20px}
.service-wrapper a.modal_close{ color:#fff; right:3px; top:3px;}
.service-wrapper .list_ol{ margin:15px 17px;}
.online{ margin:18px 0 15px 14px; line-height:30px;}
.online .qq2{ background:#20a56e; color:#fff; padding:2px 8px; border-radius:2px; margin:0 4px;}
.online strong { color:#369; margin:0 4px; }
.online a i{ background:url(../images/icon-common.png) no-repeat; width:19px; height:18px; display:inline-block; margin-right:4px; vertical-align:middle}
.online .way1 i{ background-position:-1px -884px; }
.online .way2 i{ background-position:-23px -885px;margin-right:2px}
.online .way3 i{ background-position:-43px -885px;margin-right:6px}
.online a{ background:#56bc94; color:#fff; padding:7px 9px 8px 10px; margin:0 6px 0 0 ; font-size:13px;}
.online a.way1:hover,.online a.way3:hover{ background:#20a56e;}
.online .way2{ cursor:default}
.qq-wrapper{ width:327px; height:172px; margin-left:-164px; margin-top:-96px; background:url(../images/qq_bg.png) no-repeat center center; border-radius:0; position:fixed; z-index:1;}
.qq-wrapper .modal_header{ background-color:transparent;border-radius:0}
.qq-wrapper .modal_header span{ line-height:32px; padding-left:16px; }
.qq-mask{ background:#fff; opacity:0; }
.qq-text{ margin:5px 7px 0 113px; line-height:25px; font-size:12px;}
.qq-wrapper .modal_body{ width:323px; height:89px; overflow:visible}
.way4,.way5{ display:inlne-block; width:70px; height:23px; line-height:23px; position:absolute;bottom:0; text-align:center; font-size:12px }
.way4{ right:83px; background-color:#61bd4f; color:#fff;}
.way5{ right:7px; background-color:#e5e5e5; color:#0b0d14}
.search_block .searchTool .ask input{ background:#34495e  ; margin-left:12px; border-color:#34495e}
/* tool display in the slider 16/06/08 */
.left_ctrl,.right_ctrl{ cursor:pointer; height:200px; float:left}
.left_ctrl i,.right_ctrl i{ display:inline-block; width:30px; height:30px; background:url(../images/icon_feature.png); margin-top:87px;}
.left_ctrl i{ background-position:0 -1040px; float:left;}
.right_ctrl i{ background-position:0 -1095px; float:right}
.prod_display{ width:242px; float:left; margin-left:100px;}
.prod_display a{ display:inline-block;}
.prod_display a i{width:136px; height:156px; background:url(../images/icon_feature.png?v=20161129); display:block}
.prod_display .prod_seo i{background-position:0 -1737px;}
.prod_display .prod_weibo i{background-position:0 -1897px;}
.prod_display .prod_python i{background-position:0 -2057px;}
.prod_display .prod_api i{background-position:0 -2237px;}
.prod_display .prod_data i{background-position:0 -2400px;}
.prod_display .prod_mac i{background-position:0 -3280px;}
.prod_display .prod_mark i{background-position:0 -3920px;}
.slider1 .prod_block{ height: 190px;margin: 30px 0 0 100px;width: 500px;}
.prod_display a span{ display:block; font-size:20px;text-align:center; margin:29px 0 0}
.tag_free{position:absolute; top:-1px; left:0; z-index:6; width:40px; height:40px; background:transparent url(../images/icon-common.png) no-repeat 0 -922px; display:inline-block;}
.tag_off{position:absolute; top:3px; right:3px; z-index:6; width:16px; height:16px; background:transparent url(../images/icon-common.png?v=20170104) no-repeat -75px -1075px; display:inline-block;}
.tag_off1{width:16px; height:16px; background:transparent url(../images/icon-common.png?v=20170104) no-repeat -75px -1075px; display:inline-block; margin-left:6px;margin-bottom:-2px}
.job li{ float:left; margin-top:30px;}
.job{ width:340px; margin:10px 0 0 0px}
/* charge 16/08/12 */
.charge_list{ width:99%; margin:35px auto; font-size:15px;}
.charge_list b{ width:102px; height:80px; display:block; background-image:url(../images/icon_feature.png); background-repeat:no-repeat; margin:40px auto 0;}
.i_win{ background-position:0 -2600px}
.i_mac{ background-position:0 -2680px}
.i_linux{ background-position:0 -2760px}
.i_app{ background-position:0 -2840px}
.i_data{ background-position:0 -2920px}
.charge_list li{ float:left; margin:0 0 40px 45px; width:248px; text-align:center; list-style:none;}
.charge_list h2{ margin-top:30px; font-size:16px; font-weight:bold;}
.bot{ background:#e6e6e6; height:39px; margin-top:33px;}
.blink{ line-height:39px; }
.blink em{ color:#e00; margin-right:4px;}
.short{display:inline-block; width:31.5%; border-right:1px solid #d8d8d8; height:24px; margin-top:8px;}
.short:hover,.blink:hover{ text-decoration:underline}
.last{ border:0 none;}
.charge_list a{ display:block; border:1px solid #d5d5d5; color:#555;}
.charge_list a:hover{ border-color:#20a56e}
.value{ color:#EB6100;}
.supp{ line-height:30px; font-size:14px; line-height:2; margin-left:5px;color:#777 }
/* App landing */
.app_list a{ display:block; border:1px solid #eaeaea;  color:#555; background:#fff; height:285px;}
.app_list{ width:99%; margin:35px auto; font-size:15px;}
.app_list b{ width:80px; height:80px; display:block; background-image:url(../images/icon_feature.png); background-repeat:no-repeat; margin:23px auto 0;}
.i_ec1{ background-position:0 -3040px}
.i_ec2{ background-position:-80px -3040px}
.i_ec3{ background-position:0 -3120px}
.i_weibo_bozhu{ background-position:-80px -3120px}
.i_weibo_keyword{ background-position:0 -3440px}
.i_weibo_topic{ background-position:-80px -3440px}
.i_weibo_forward{ background-position:-0 -3520px}
.i_weibo_fans{ background-position:-80px -3520px}
.i_weibo_bozhu_info{ background-position:0 -3600px}
.i_dig1{ background-position:0 -3200px}
.i_dig2{ background-position:-80px -3200px}
.i_api1{ background-position:0 -3280px}
.i_api2{ background-position:-80px -3280px}
.i_api3{ background-position:0 -3360px}
.app_list li{ float:left; margin:0 0 40px 45px; width:316px; text-align:center; list-style:none;}
.app_list h2{ margin-top:28px; font-size:16px; font-weight:normal;color:#333}
.app_list p{ margin-top:16px; font-size:14px; line-height:24px; color:#999}
.bota{ visibility:hidden; margin-top:15px}
.app_list a:hover .bota{ visibility:visible}
.app_ad{  height:330px;background:#e1dfe2 url(../images/app_bg.png) no-repeat center center; text-align:center;color:#fff;}
.app_ad h1{ font-size:50px; font-weight:bold; letter-spacing:3px; padding-top:73px;}
.app_ad h2{ margin-top:32px;font-size:18px; font-weight:normal;letter-spacing:1px;}
.ad1{ background:#9bcf79 url(../images/app_bg_1.png) no-repeat center center; }
.btn_app{ margin-top:40px; display:inline-block; padding:5px 12px 6px; border:1px solid #fff; color:#fff; font-size:18px; letter-spacing:1px;}
.top_app{ height:64px; line-height:64px}
.top_1{ float:left; margin-top:12px;}
.top_2{ float:right}
.top_2 a{ color:#888}
.top_2 a.b_prim{ color:#fff; margin-left:2px; font-size:15px; background:#20a56e; color:#fff;padding:2px 8px;border-radius:2px;}
.app{ background:#f5f5f5}
.blink_app{  width:193px; height:30px; text-align:center; line-height:30px; display:inline-block; color:#fff; }
.app_sort{ text-align:center; font-size:36px; font-weight:normal; margin-top:40px; clear:both}
.sort_ec a{border-top:2px solid #49c8af;}
.sort_ec .blink_app{background:#49c8af;}
.sort_weibo a{border-top:2px solid #fea06f;}
.sort_weibo .blink_app{background:#fea06f;}
.sort_dig a{border-top:2px solid #5a98f5;}
.sort_dig .blink_app{background:#5a98f5;}
.sort_api a{border-top:2px solid #8ec873;}
.sort_api .blink_app{background:#8ec873;}
.sort_api h2{ font-size:18px; font-weight:500}
.footer{ clear:both; letter-spacing:1px; text-align:center; color:#999; padding-bottom:60px; padding-top:20px;}
.footer a{ color:#111; margin-left:4px;}
.footer a:hover{ color:#666}
.footer p{ letter-spacing:0; margin-top:10px; }
.footer p a{ color:#999;}
.top_2 a.g1{ background:#8ec873}