body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
dl,
dt,
dd,
ol,
p,
input,
select,
option,
textarea,
button {
  margin: 0;
  padding: 0;
  font-family: 'Microsoft YaHei';
  font-weight: normal;
}
ul,
li,
ol,
dl,
dt,
dd {
  list-style: none;
}
input,
button,
select,
textarea {
  border: none;
  background: none;
  outline: none;
}
textarea {
  resize: none;
}
img {
  border: none;
  vertical-align: middle;
  outline: none;
}
a {
  text-decoration: none;
  outline: none;
}
a:link,
a:visited,
a:hover,
a:active {
  outline: none;
  text-decoration: none;
}
em,
i,
u {
  font-style: normal;
}
b,
strong {
  /*font-weight: normal;*/
}
@reset ();
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { zoom: 1; }
.clear{clear: both;}
.fl { float: left; }
.fr { float: right;}
nav {
  width: 100%;
  background: #314fd5;
  height: 70px;
  overflow: hidden;
  border-top: 1px solid #dfdfdf;
}
nav .logo {
  background: url("../images/logo_new.png") no-repeat 0 50%;
  width: 248px;
  height: 70px;
  display: inline-block;
  line-height: 66px;
  font-size: 18px;
  color: #fff;
  text-align: right;
  background-size: 135px 38px;
}
nav .fa-bars {
  font-size: 32px;
  color: #fff;
  line-height: 70px;
  cursor: pointer;
}
nav ul {
  float: right;
  overflow: hidden;
  display: none;
}
nav li {
  float: left;
  font-size: 16px;
  line-height: 70px;
  height: 69px;
  margin-right: 14px;
  padding-left: 6px;
  padding-right: 6px;
}
nav li:hover {
  border-bottom: 3px solid #fff;
}
nav li:hover a {
  color: #fff;
}
nav li a {
  color: #fff;
}
nav .cur {
  border-bottom: 3px solid #fff;
}
.nav_ctn {
  background: #2fafc2;
  display: none;
}
.nav_ctn li {
  height: 64px;
  border-bottom: 1px solid #314fd5;
  text-align: center;
  line-height: 64px;
  font-size: 28px;
  cursor: pointer;
}
.nav_ctn li:hover a,
.nav_ctn li.cur a {
  color: #fff;
  font-weight: bold;
}
.nav_ctn a {
  color: #fff;
}
.shenqing iframe.dashi_bd{height: 1235px;}
@media (min-width: 992px) {
  .shenqing iframe.dashi_bd{height: 800px;}
  .nav_ctn {
    height: 0 !important;
    background: none;
  }
  .nav_ctn .container {
    position: relative;
  }
  .nav_ctn ul {
    position: absolute;
    right: 0;
    background: #314fd5;
    z-index: 999;
  }
  .nav_ctn li {
    display: none;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #314fd5;
    font-size: 16px;
    text-align: left;
    border-left: 3px solid #314fd5;
    padding-left: 10px;
  }
  .nav_ctn li:hover {
    border-left: 3px solid #fff;
  }
  .nav_ctn li:hover a,
  .nav_ctn li:hover a:hover {
    color: #fff;
  }
  .nav_ctn li:nth-last-child(1),
  .nav_ctn li:nth-last-child(2),
  .nav_ctn li:nth-last-child(3),
  .nav_ctn li:nth-last-child(4),
  .nav_ctn li:nth-last-child(5) {
    display: block;
    min-width: 220px;
  }
}
.csdn-toolbar,.pub_fo {
  display: none;
}
@media (min-width: 992px) {
  .csdn-toolbar,.pub_fo {
    display: block;
  }
}
body {
  background: #eee;
  font-size: 14px;
  color: #73808b;
}
embed {
  display: block;
  margin: 20px auto;
  box-shadow: 0 10px 10px 0;
}

.item:after {
  content: " ";
  display: block;
  clear: both;
}
.items:after {
  content: "";
  display: block;
  clear: both;
}
.items .news-margin {
  margin-bottom: 12px;
  min-height: 255px;
}
.items .blog-margin {
  margin-bottom: 18px;
  min-height: 252px;
}
.items .video-margin {
  margin-bottom: 1px;
}
.items .bbs-margin {
  margin-bottom: 8.5px;
  min-height: 126px;
}
.items .activity-margin {
  margin-bottom: 25px;
}
.items .hardware-margin {
  min-height: 219px;
}
h2 {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  line-height: 68px;
}
h2 a {
  color: #314fd5;
}
h2 a:hover {
  color: #314fd5;
}
h3 {
  font-size: 20px;
  line-height: 28px;
  color: #232534;
}
h3 a {
  color: #232534;
}
h3 a:hover {
  color: #232534;
}

.mod {
  margin-bottom: 30px;
  background-color: #fff;
}
.mod_dashi{margin-bottom: 30px; background-color: #3253DC;padding: 30px;position: relative}
.tag {
  font-size: 14px;
  color: #465561;
  height: 24px;
  line-height: 24px;
  border: 1px solid #dde2e5;
  border-radius: 15px;
  padding: 0 20px;
  margin-right: 10px;
  float: left;
  margin-top: 10px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tag:hover {
  background: #314fd5;
  border: 1px solid #314fd5;
  color: #fff;
}
.more {
  background: #dfe4f9;
  height: 24px;
  line-height: 24px;
  width: 58px;
  margin-top: 22px;
  font-size: 14px;
  color: #667b8a;
  text-align: center;
  border-radius: 5px 0 0 5px;
  float: right;
}
.brief {
  font-size: 14px;
  color: #4c575f;
  overflow: hidden;
}
.brief h3 {
  margin-top: -4px;
}
.xlnpe{position: relative}
.xlnpe .xlsdk{margin-top: 15px;padding: 0 15px 98px}
.xlnpe .xlsdk h3{font-size: 16px;  color: #292F32;}
.xlnpe .xlsdk p{font-size: 16px; color: #777A7D;  line-height: 24px;height: 72px;-webkit-box-orient: vertical;  display: -webkit-box;   -webkit-line-clamp: 3; overflow: hidden;}
.xlnpe .xlsdk .btn_view,.xlnpe .xlsdk .btn_view i{background: #3253DC;}


.login .brief{margin-bottom: 18px;line-height: 21px;height: 168px;text-align: justify;}
.usermes .brief{margin-top: 11px;line-height: 21px; height: 168px;text-align: justify;}
.btn {
  background: #314fd5;
  border-radius: 15px;
  color: #fff;
}
.btn:hover {
  color: #fff;
}
.posttime {
  font-size: 13px;
  line-height: 13px;
  color: #91a2ae;
}
.des {
  color: #7f919e;
  line-height: 1.5;
}
.pages {
  margin-top: 25px;
  font-size: 13px;
  text-align: center;
}
.pages a {
  border: 1px solid #ccc;
  padding: 0 3px;
  height: 32px;
  text-align: center;
  color: #7b7b7b;
  background: #fff;
  display: inline-block;
  line-height: 32px;
  margin-right: 2px;
  cursor: pointer;
}
.pages a.cur,
.pages a:hover {
  background: #314fd5;
  display: inline-block;
  color: #fff;
}
.pages span {
  border: none;
  background: none;
  display: none;
}
@media (min-width: 768px) {
  .pages span {
    display: inline-block;
    margin-right: 14px;
  }
  .pages a {
    padding: 0 10px;
    margin-right: 6px;
  }
  .pages a:nth-last-child(1) {
    margin-right: 0;
  }
}
.pc {
  display: none;
}
.mb {
  display: block;
}
@media (min-width: 992px) {
  .pc {
    display: block;
  }
  .mb {
    display: none;
  }

}
/**Ã¥ÂÂ³Ã¤Â¾Â§Ã¦Â¨Â¡Ã¥Ââ€” Ã¥Â¼â‚¬Ã¥Â§â€¹**/
.mod-r .mod {
  padding: 20px;
  font-size: 14px;
  line-height: 24px;
  padding-top: 0;
}
.mod-r .mod:last-child {
  margin-bottom: 30px;
}
.disnone{display: none}
.login,.usermes{margin-bottom: 15px;background-color: #fff;padding: 26px 26px 30px;}
.usermes{padding: 26px 26px 21px}
.user_cen{overflow: hidden;position: relative}
.user_cen img.user_img{float: left;border-radius: 50%;width: 60px;margin-right: 13px;}
.user_message{float: left;padding-top: 8px; width: calc(100% - 73px);}
.user_message h5{margin-bottom: 8px;font-size: 18px;  color: #292F32;}
.user_message p{font-size: 14px;color: #777A7D;}
.user_message p span:first-child{margin-right: 20px;}
.user_message p span i{font-size: 14px; color: #f5a623;line-height: 21px;}
.user_cen .xunzhang{position: absolute;right: 0;top: 16px;}
.user_cen .xunzhang img{width: 16px;}

.mod_dashi h4{margin-bottom: 20px; font-size: 16px; color: #fff}
.mod_dashi p{margin-bottom: 71px;font-size: 14px; color: #FFFFFF; line-height: 21px;height: 63px;}
.btn_shenQ,.btn_view,.btn_subed{ background: #2842b0; border-radius: 22px;font-size: 16px; color: #fff;position: absolute;right: 30px;bottom:30px;  display: inline-block;width: 150px;height: 44px;line-height: 44px;text-align: center;}
.btn_shenQ:hover,.btn_view:hover{color: #fff}
.btn_subed,.btn_subed:hover{color: rgba(255,255,255,.2)}

/*rongyu*/
.ryds,.quanyi,.shenqing,.zp_default{margin-bottom: 30px; background-color: #fff}
.ryds h2{margin: 10px 0}
.ryds .mod{padding: 0;margin-bottom: 20px;}
.dashi_item{background: #FFFFFF; box-shadow: 0 0 2px 0 rgba(0,0,0,0.20);padding: 30px 30px 30px 20px;}
.dashi_item dl{position: relative;margin-bottom: 16px;}
.dashi_item dl.jingli{margin-bottom: 0}
.dashi_item dl img{border-radius: 50%;margin-top: -40px;width: 80px;}
.dashi_item dl dt{float: left;margin-right: 20px; font-size: 14px;color: #292F32;width: 80px;text-align: right;font-weight: bold}
.dashi_item dl dd{float: left;width: calc(100% - 100px); font-size: 14px; color: #777A7D; line-height: 21px;overflow: hidden}
.dashi_item dl.user_dec p.use_name{margin-bottom: 10px; font-size: 14px;color: #292F32;}
.quanyi{padding-bottom: 25px}
.quanyi h2{padding-left: 15px}
.quanyi ul li{display: inline-block;padding: 0 15px; margin-bottom: 3px;font-size: 16px;  color: #292F32; line-height: 32px; width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dashi_ban .container{background: url("../images/ry_banner.png") no-repeat 70% center;background-size: cover;height: 231px;position: relative}
.dashi_ban .mod_dashi{position: absolute;right: 0;top: 0; width: 360px;background-color: transparent;margin-bottom: 0}

.btn_dashi_bm{margin: 30px auto; background: #3253DC; border-radius: 22px;font-size: 16px; color: #fff;display: block;width: 150px;height: 44px;line-height: 44px;text-align: center;}
.btn_dashi_bm:hover,.btn_dashi_bm:visited{color: #fff}
.rybm p{margin-bottom: 26px;font-size: 14px;  color: #777A7D;}

/*zhaopin*/
.ban_zp .zp_jianj{background: url("../images/zp_banner.png") no-repeat 4% center;background-size: cover;height: 123px;color: #fff;font-size: 20px; padding: 30px;}
.ban_zp_dec .zp_jianj{background: url("../images/zp_banner.png") no-repeat 4% center;background-size: cover;height: 123px;position: relative}
.jianli_sub{position: absolute;right: 0;top: 0;height: 123px;width: 210px;}
.jianli_sub .btn_shenQ{top: 20px;right: 24px;}
.jianli_sub p{color: #fff;font-size: 14px;margin: 4px 0 0 0;text-align: center}
.qiye_js{margin-bottom: 30px; padding: 30px;background-color: #fff;}
.zp_default h2{padding-left: 30px}
.zpzw li{float: left;margin-bottom: 20px;  width: 50%;padding: 0 5%;text-align: center}
.zpzw li img{width: 100%;}
.zpzw li a{display: block}
.zpzw li span{display: block;
  width: 118px;
  height: 118px;
  border-radius: 100%;
  background: #2654e4;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 118px;
  margin: 0 auto;}
.zpzw li span.zw_bg{background: rgba(50,83,220,.75);}
.zpzw li p{margin-top: 10px;font-size: 16px;color: #292F32;line-height: 22px;height: 88px;overflow: hidden;}
.lx_way{padding: 0 30px 30px; font-size: 16px; color: #777A7D; line-height: 32px;}
.zp_detail{padding: 24px; background-color: #fff;}
.zp_detail h3{margin-bottom: 16px;}
.zp_detail ul{margin-bottom: 30px}
.zp_detail ul li{font-size: 16px; color: #777A7D; line-height: 32px;}

/*layer*/
.pop_title{height:38px;line-height: 38px; overflow:hidden;}
.worong_tips{font-size: 14px;color: #D0021B;font-weight: normal}
.pop_title em{display:block; float:right; height:38px; line-height:38px; font-size:22px!important; color:#888e99; cursor: pointer;}
.pop_code p.wor{margin-top: 12px; text-align: center;font-size: 16px; color: #292F32;}
.pop_code p.suc{line-height: 140px;font-size: 16px; color: #292F32; text-align: center}
.pop_code p.uploading{line-height: 80px;font-size: 16px;color: #292F32; text-align: center}
.pop_code p.jindu_num{font-size: 14px; color: #3253DC; margin-top: 10px;}
#popup_mask {position: fixed;width: 100%;height: 800px;background: #000;z-index:1100;left: 0;top: 0;opacity: 0.3;filter: alpha(opacity :30);}
.pop_code{width:310px; height:180px; background-color:#fff; position: fixed; z-index:1200; left:50%; margin-left:-155px; top:37%;padding: 16px;display: none;}
.btn_upload{margin: 23px auto 0;display: block; background: #3253DC; border-radius: 22px;font-size: 16px;color: #fff;width: 150px; height: 44px; line-height: 44px;  text-align: center;}
.progress{margin-bottom: 12px; background-color: rgba(50,83,220,.2);height: 12px;box-shadow: none;border-radius: 0}
.progress-bar-up{background-color: #3253DC}
.upload_resume:visited{color: #fff;}

/*jifen*/
.Jf_Box{margin-top: 30px;}
.Jifen{padding-left: 18px;}
.jifenbang{height: 404px;overflow-y: scroll;padding-right: 8px;}
.jifenbang::-webkit-scrollbar {width: 8px;background-color: #fff;}
.jifenbang::-webkit-scrollbar-thumb {width: 8px;height: 6px;background-color: #D8D8D8;}
.jifenbang li{box-shadow: inset 0 -1px 0 0 #EEEEEE;height: 56px;line-height: 56px}
.jifenbang li i,.jifenbang li span,.jifenbang li img,.jifenbang li em{display: inline-block;vertical-align: middle}
.jifenbang li.jfb_jia img:nth-of-type(1){width: 36px;}
.jifenbang li.jfb_jia img:nth-of-type(2){width: 16px;}
.jifenbang li.jfb img:nth-of-type(1){width: 30px;margin: 0 3px;}
.jifenbang li.jfb img:nth-of-type(2){width: 16px;}
.jifenbang li span{margin: 0 4px;font-size: 14px; color: #292F32;width: 80px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jifenbang li em{color: #F5A623;}
.jifenbang li i{margin: 0 4px; font-size: 14px;color: #777A7D;}
.jifenbang li i:last-child{margin: 0}
.Jf_Box .usermes{padding-top: 0;margin-bottom: 30px;}
.user_jifen{margin-top: 24px;}
.user_jifen span{ font-size: 14px; color: #777A7D;}
.user_jifen span i{font-size: 20px; color: #F5A623;}
.user_jifen span em{font-size: 20px; color: #777A7D;}
.user_jifen span:first-child{margin-right: 30px;}
.jf_rule,.jifen_dh{padding-left: 18px;padding-bottom: 20px}
.jf_rule ul{padding-right: 18px}
.jf_rule ul li{margin-bottom: 15px; font-size: 14px;color: #777A7D; line-height: 32px;}
.jf_rule ul li span{color: #F5A623;}
.jifen_dh ul{padding-right: 18px;}
.jifen_dh ul li{margin-bottom: 25px}
.jifen_dh ul li img{border: 1px solid #eee;width: 100%}
.jifen_dh ul li p.dh_jf{margin: 14px 0 8px; color: #F5A623;font-size: 16px; }
.jifen_dh ul li p.dh_sp{font-size: 12px;color: #777A7D; }
.btn_dh{margin: 15px auto 20px; background: #3253DC;border-radius: 22px;display: block;width: 150px;height: 44px;line-height: 44px;text-align: center;color: #fff;font-size: 16px;}
.jifen_dh p{margin-bottom: 10px; font-size: 14px;text-align: center;  color: #777A7D;}
.jifen_tab{padding-right: 18px}
.jifen_tab table td{border: 1px solid #777A7D;padding: 8px 0;text-align: center;font-size: 14px; color: #292F32;height: 37px}

@media (min-width: 376px){
  .jifenbang li i { margin: 0 10px}
  .jifenbang li span { margin: 0 10px;}
}

@media (min-width: 768px) {
  .jifenbang li img{margin: 0;}
  .jifen_dh ul{overflow: hidden}
  .jifen_dh ul li{width: 33.3%;float: left;padding-right: 20px;}
  .zpzw li p{height: 66px;}
}
@media (min-width: 992px) {
  .ryds div{padding-right: 10px;padding-left:  10px}
  .ryds>div:nth-of-type(1){padding-left: 30px;}
  .ryds>div:nth-of-type(even){padding-left: 30px;}
  .ryds>div:nth-of-type(odd){padding-right: 30px;}
  .dashi_item dl.user_dec dd{height: 75px;}
  .dashi_item dl.chengji dd{height: 63px;}
  .dashi_item dl.jingli dd{height: 105px;}
  .quanyi ul{overflow: hidden}
  .quanyi ul li{float: left;width: 50%}
  .zpzw{padding: 0 30px;}
  .zpzw li img{width: 118px;}
  .zpzw li{width: 216px;padding: 0}
  .Jifen{padding-left: 30px;}
  .jifenbang{padding-right: 16px;margin-right: 6px}
  .jifenbang li{padding-left: 15px;}
  .jifenbang li span{width: 224px;margin: 0 30px;font-size: 16px}
  .jifenbang li i:nth-of-type(1){margin-right: 17px;width: 16px;}
  .jifenbang li i:nth-of-type(2){width: 60px;margin: 0 90px 0 80px}
  .jf_rule,.jifen_dh{padding-left: 30px;}
  .jifen_dh ul{padding-right: 10px}
  .jifen_dh ul li{width: 20%;}
  .jifen_tab{padding-right: 30px}

}
@media (min-width:1200px) {
  .jifenbang li i:nth-of-type(2) {
    width: 60px;
    margin: 0 70px
  }
}
.btn_view i{ display: inline-block;
  margin-left: 8px;
  width: 10px;
  height: 10px;
  border-style: solid;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-width: 1px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #2842b0;}
.join {
  width: 100%;
  background: #314fd5;
  color: #fff;
  height: 44px;
  display: block;
  line-height: 44px;
  font-size: 16px;
  text-align: center;
  border-radius: 25px;
  max-width: 300px;
}
.join:hover {
  color: #fff;
}
.join i{display: inline-block;
  margin-left: 8px;
  width: 10px;
  height: 10px;
  border-style: solid;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-width: 1px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #314fd5;
}


.join span {
  height: 26px;
  width: 50px;
  vertical-align: middle;
  font-size: 0;
  margin-left: 10px;
  text-align: center;
  display: none;
}
.join span em {
  width: 0px;
  height: 0px;
  vertical-align: middle;
  display: inline-block;
  border-top: 8px solid transparent;
  border-left: 12px solid #fff;
  border-bottom: 8px solid transparent;
}
.qiandao{background-color: #fff;line-height: 74px;padding: 0 30px;font-size: 16px;
  color: #292F32;position: relative}
.qiandao a{position: absolute;right: 30px;top:15px;  background: #3253DC;border-radius: 22px;display: inline-block;width: 150px;height: 44px;line-height: 44px;text-align: center;color: #fff;font-size: 16px;}
.qiandao a.btn_qiandao{}
.qiandao a.btn_qiandao_ed{color: rgba(255,255,255,.2)}

@media (min-width: 397px) {
  .join span {
    display: inline-block;
    line-height: 24px;
  }
}
.account img {
  width: 75px;
  height: 75px;
  float: left;
  margin-right: 20px;
}
.account p {
  font-size: 15px;
  line-height: 28px;
  color: #232534;
}
.account .tit {
  color: #314fd5;
  font-weight: bold;
  vertical-align: top;
  line-height: 15px;
}
.account .edit {
  width: 24px;
  height: 24px;
  border: 1px solid #d2e4e6;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  text-align: center;
  padding-top: 3px;
  color: #314fd5;
}
.mod-r .solution {
  padding-right: 0;
  padding-left: 0;
}
.solution h2 {
  margin-left: 20px;
}
.sudoka:after{
	content:"";
	display:block;
	clear:both;
}
.sudoka a {
  color: #fff;
  height: 90px;
  text-align: center;
  line-height: 150px;
  background: url("../images/soduka1.jpg") no-repeat 50% 50%;
  background-color: #91a2ae;
  border: 1px solid #fff;
  padding: 0;
}
.sudoka a:hover {
  opacity: 0.8;
}
.sudoka a:nth-child(1) {
  border-left: 0;
}
.sudoka a:nth-child(2) {
  background: url("../images/soduka2.jpg") no-repeat 50% 50%;
  background-color: #91a2ae;
}
.sudoka a:nth-child(3) {
  background: url("../images/soduka3.jpg") no-repeat 50% 50%;
  background-color: #91a2ae;
  border-right: 0;
}
.sudoka a:nth-child(4) {
  background: url("../images/soduka4.jpg") no-repeat 50% 50%;
  background-color: #91a2ae;
  border-left: 0;
}
.sudoka a:nth-child(5) {
  background: url("../images/soduka5.jpg") no-repeat 50% 50%;
  background-color: #91a2ae;
}
.sudoka a:nth-child(6) {
  background: url("../images/soduka6.jpg") no-repeat 50% 50%;
  background-color: #91a2ae;
  border-right: 0;
}
.sudoka a:nth-child(7) {
  background: url("../images/soduka7.jpg") no-repeat 50% 50%;
  background-color: #91a2ae;
  border-left: 0;
}
.sudoka a:nth-child(8) {
  background: url("../images/soduka8.jpg") no-repeat 50% 50%;
  background-color: #91a2ae;
}
.sudoka a:nth-child(9) {
  background: url("../images/soduka9.jpg") no-repeat 50% 50%;
  background-color: #91a2ae;
  border-right: 0;
}
.intro {
  /*background-color: #0fbad1;*/
  padding: 20px;
  word-break: break-all;
  margin-bottom: -20px;
  text-align: center;
}
.intro p {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 20px;
  text-align: left;
}
.intro a {
  background-color: #314fd5;
  color: #fff;
  font-size: 16px;
  border-radius: 25px;
  width: 100%;
  display: inline-block;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
.activity .more,
.video .more {
  margin-right: -20px;
}
.cal {
  border: 1px solid #314fd5;
  width: 75px;
  text-align: center;
  height: 62px;
  margin-right: 15px;
  float: left;
}
.cal p:first-child {
  background-color: #314fd5;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  color: #fff;
}
.cal p:last-child {
  line-height: 34px;
  font-size: 18px;
  color: #314fd5;
}
.activity .item {
  height: 62px;
  margin-bottom: 20px;
}
.activity .item a {
  color: #4c575f;
  font-size: 14px;
  line-height: 26px;
}
.activity .item:hover {
  text-decoration: underline;
}
.sdk p {
  color: #7f919e;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 16px;
}
.sdk .item {
  padding: 0;
  padding-right: 10px;
  margin-bottom: 10px;
}
.sdk .item a {
  height: 43px;
  background-color: #f0f1f3;
  line-height: 43px;
  display: inline-block;
  width: 100%;
  padding-left: 9px;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 2px 2px #cacbcd;
  font-size: 0;
}
.sdk .item a span {
  font-size: 15px;
  vertical-align: middle;
  color: #465561;
}
.sdk .item a span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 24px);
  display: inline-block;
}
.sdk .item a span:last-child {
  width: 24px;
  text-align: center;
  display: inline-block;
}
.video li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: -5px;
  line-height: 37px;
}
.video li a {
  color: #4c575f;
}
.video li:before {
  content: " ";
  width: 4px;
  height: 4px;
  background: #909eb6;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 50%;
}
.expert {
  margin-bottom: 0;
}
.expert a img {
  width: 66px;
  height: 66px;
  margin-right: 10px;
  margin-bottom: 20px;
  float: left;
}
.expert a:last-child img {
  margin-right: 0;
}
.expert .intro {
  margin-left: -20px;
  margin-right: -20px;
}


.csdn-pagination  {text-align: center;font-size:14px;margin-top: 20px;}
.csdn-pagination * {vertical-align:middle;}
.csdn-pagination .btn {color:#666;padding:3px 5px; margin:0 1px; height:28px; min-width:30px; border:1px solid #ccc; background:#fff; line-height:20px;border-radius:0}
.csdn-pagination .text {color:#999;}
.csdn-pagination .page-set {margin-right:30px;}
.csdn-pagination .page-set .btn .caret {margin-left:20px;}
.csdn-pagination .page-go {margin-left:20px;}
.csdn-pagination input  {width:30px; height:28px;}
.csdn-pagination .btn-go	{background-color:#eee;}
.csdn-pagination .btn:hover	{border-color:#0fbad1; background-color:#fff; color:#333;}
.csdn-pagination .active,
.csdn-pagination .active:hover	{border-color:#0fbad1; background-color:#0fbad1; color:#fff; cursor:default;}

.csdn-pagination.hide-text .text,
.csdn-pagination.hide-set .page-set,
.csdn-pagination.hide-nav .page-nav,
.csdn-pagination.hide-go .page-go {display:none;}

.csdn-pagination .page-nav .btn-prev,
.csdn-pagination .page-nav .btn-next {width:30px; display:inline-block; overflow:hidden;}
.csdn-pagination .page-nav .btn-prev {background-position:-182px -196px;}
.csdn-pagination .page-nav .btn-next {background-position:-199px -196px;}

/* pagination */
.bbs-pagination{clear:both; padding-top:20px; text-align:center;}
.bbs-pagination a,.bbs-pagination a:visited,.bbs-pagination a:active{border:1px #dbe5ee solid; background:#fff; border-radius:2px; -khtml-border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#333; cursor:pointer; display:inline-block; font:12px/24px Ã¥Â®â€¹Ã¤Â½â€œ; height:22px; margin:0 2px; padding:0 8px;}
.bbs-pagination a:hover,.bbs-pagination a.cur{background:#2daabc; border:none; color:#fff; line-height:24px; margin:0 3px;display:inline-block;}

.hr{
border-bottom:1px dashed #ccc;
}

.r_weibo{background-color: #FFF;}


.mod.activity .item {
  position: relative;
}

/* 活动列表 - 保持p标签原有样式 */
.mod.activity .item p {
  /* 保留原有样式，不做修改 */
}

/* 活动列表右边链接文本样式 - 最多显示3行 */
.mod.activity .item p a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.5 !important;
  max-height: 4.5em !important; /* 3行 * 1.5行高 = 4.5em */
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  color: #333 !important;
  white-space: normal !important;
  word-break: break-word !important;
  word-wrap: break-word !important;
}

/* 鼠标悬停时展开显示全部内容 - 使用相对定位避免布局抽动 */
.mod.activity .item:hover p a {
  position: relative;
  z-index: 10;
  background-color: #fff;
  padding: 0 5px;
  max-height: none !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  /* 确保不会影响下方元素 */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* 保持左边cal元素原有样式不变 */
.mod.activity .item .cal {
  /* 保留原有样式，不做修改 */
}

