focusAndRelation_3a5f624.css 4.3 KB

1
  1. @-webkit-keyframes spinner{100%{-webkit-transform:rotate(360deg)}}@keyframes spinner{100%{-webkit-transform:rotate(360deg)}}.lemmaWgt-focusAndRelation{*zoom:1;margin:15px 0}.lemmaWgt-focusAndRelation:after{content:'\0020';display:block;height:0;font-size:0;clear:both;overflow:hidden;visibility:hidden}.focusAndRelation{font:12px/20px Arial,Verdana,Helvetica,"Microsoft Yahei",SimSun;overflow:hidden;float:left;position:relative;clear:both}.focusAndRelation .module{display:block;float:left;vertical-align:top;position:relative}.focusAndRelation .module:hover{text-decoration:none}.focusAndRelation .module .viewPort{display:block;position:relative;text-decoration:none;margin:29px 10px 0 0;clear:left}.focusAndRelation .module .viewPort:hover{border:solid 1px #9AC3ED;box-shadow:0 1px #f0f0f0;opacity:.8;filter:alpha(opacity=80);text-decoration:none}.focusAndRelation .module .viewPort .topic,.focusAndRelation .module .viewPort .desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.focusAndRelation .module .flag{font-size:14px;line-height:22px;position:relative;float:left;margin-bottom:-22px}.focusAndRelation .module .flag i{color:#FFF;background:#71B3F7;font-style:normal;padding:0 14px 0 10px;display:block}.focusAndRelation .module .flag em{width:0;height:0;font-size:0;line-height:0;border-top:solid 10px #71B3F7;border-right:solid 5px #FFF;border-bottom:solid 10px #71B3F7;border-left:0;display:block;position:absolute;top:1px;right:0}.focusAndRelation .focusTopic{width:197px}.focusAndRelation .focusTopic .viewPort{padding:19px 15px 19px 14px;border:solid 1px #E6E6E6;position:relative}.focusAndRelation .focusTopic .viewPort .topic{font-size:16px;font-weight:700;line-height:17px;color:#333;border-left:4px solid #519CEA;padding-left:8px}.focusAndRelation .focusTopic .viewPort .desc{color:#A2A2A2;padding-left:12px;margin-top:4px;font-size:12px}.focusAndRelation .focusTopic .withImg{padding:0;height:80px;overflow:hidden}.focusAndRelation .focusTopic .withImg img{width:80px;height:80px;float:left}.focusAndRelation .focusTopic .withImg .focusAndRelation-con{padding:8px;margin-left:80px}.focusAndRelation .focusTopic .withImg .focusAndRelation-con .topic,.focusAndRelation .focusTopic .withImg .focusAndRelation-con .desc{font-size:14px;padding:0;border:0;width:89px}.focusAndRelation .focusTopic .withImg .focusAndRelation-con .desc{font-size:12px;white-space:normal}.focusAndRelation .relation{width:92px;text-align:center}.focusAndRelation .relation .viewPort{width:80px;border:solid 1px #FFF}.focusAndRelation .relation .viewPort img{display:block;width:80px;height:80px}.focusAndRelation .relation .viewPort .descBg{width:80px;height:20px;background:#71B3F7;opacity:.75;fitler:alpha(opacity=75);position:absolute;bottom:0}.focusAndRelation .relation .viewPort .desc{width:80px;height:20px;color:#FFF;text-align:center;position:absolute;bottom:0;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}.focusAndRelation .relation .viewPort .desc em{font-weight:700;color:#EFEFEF;margin-right:4px}.focusAndRelation .extMargin{margin-left:18px}#fixBox{position:absolute;top:5px;right:10px;color:#999;cursor:pointer;font-family:"宋体"}#fixBox .closeFix{display:none;padding-right:20px;background:url(https://bkssl.bdimg.com/static/wiki-lemma/widget/lemma_content/configModule/focusAndRelation/img/questionIcon01_90f29a7.jpg) no-repeat 100% 50%}#fixBox.switchFixBtn .openFix{display:none}#fixBox.switchFixBtn .closeFix{display:block}#fixBox.relateOnlyOne{position:static;float:left}.hasErrorBox{margin-right:10px;font-family:"宋体"}.hasErrorBox .hasError{padding-bottom:1px;padding-right:12px;text-decoration:none;border-bottom:1px solid #136ec2;background:url(https://bkssl.bdimg.com/static/wiki-lemma/widget/lemma_content/configModule/focusAndRelation/img/upArrow_cea891a.jpg) no-repeat 100% 50%}.hasErrorHidden{display:none}.hadSubError{text-decoration:none;color:#999;display:none}#errFormSub{position:absolute;z-index:-1}.game .lemmaWgt-focusAndRelation{float:left;margin:4px 0 0}.game .lemmaWgt-focusAndRelation .focusTopic{width:auto}.game .lemmaWgt-focusAndRelation .focusTopic a{background:#f5f6f7}.game .lemmaWgt-focusAndRelation .focusTopic a .focusAndRelation-con{padding-top:12px}.game .lemmaWgt-focusAndRelation .focusTopic a .focusAndRelation-con .topic,.game .lemmaWgt-focusAndRelation .focusTopic a .focusAndRelation-con .desc{width:160px}