“MediaWiki:Common.css”的版本间的差异

来自怪物猎人:崛起
 
(未显示同一用户的60个中间版本)
第7行: 第7行:
 
.wrap .w-right{ width:900px; height:auto; padding-right:10px; float:right;}
 
.wrap .w-right{ width:900px; height:auto; padding-right:10px; float:right;}
 
th{ text-align:left; font-weight:normal;}
 
th{ text-align:left; font-weight:normal;}
 
+
.mw-headline{border-bottom: 3px solid #1fcbff;padding-bottom: 10px;    font-weight: bold;}
 
.box{ width:100%; height:auto; margin:0 auto; padding-top:25px; clear:both;}
 
.box{ width:100%; height:auto; margin:0 auto; padding-top:25px; clear:both;}
 
.box .tit{ width:100%; height:38px; clear:both;}
 
.box .tit{ width:100%; height:38px; clear:both;}
第119行: 第119行:
 
.protective_list .p-nav .li-on:hover{ color:#ffffff;}
 
.protective_list .p-nav .li-on:hover{ color:#ffffff;}
 
.protective_list .p-cot{ width:100%; height:auto; clear:both;}
 
.protective_list .p-cot{ width:100%; height:auto; clear:both;}
.protective_list .p-cot table{ width:100%; height:auto; margin:0px 0px 15px 0px; padding:0; background:#dddddd;}
+
.protective_list .p-cot .li{ width:840px; height:auto; margin-bottom:15px; clear:both; border-top:1px solid #dddddd; border-left:1px solid #dddddd;}
.protective_list .p-cot table th, .protective_list .p-cot table td{ width:auto; height:120px; background:#ffffff; text-align:center; font-size:16px; color:#000000;}
+
.protective_list .p-cot .li a:hover{ color:#71bcff}
.protective_list .p-cot table th img, .protective_list .p-cot table td img{ vertical-align:middle;}
+
.protective_list .p-cot .li .tr{ width:100%; height:auto; clear:both; background:#f0f0f0; border-bottom:1px solid #dddddd; overflow:hidden;}
.protective_list .p-cot table th.name, .protective_list .p-cot table td.name{ width:120px; padding:0px 10px;}
+
.protective_list .p-cot .li .tr.ptit{ background:#ffffff;}
.protective_list .p-cot table th.name .txt, .protective_list .p-cot table td.name .txt{ width:auto; height:auto; clear:both;}
+
.protective_list .p-cot .li .td{ width:120px; height:auto; min-height:100%; padding:12px 10px; float:left; border-right:1px solid #dddddd; text-align:center; font-size:16px; color:#000000; padding-bottom:1000px; margin-bottom:-983px;}
.protective_list .p-cot table th.name .level, .protective_list .p-cot table td.name .level{ display:inline-table; width:auto; height:22px; line-height:22px; margin:5px auto 0px auto; padding:0px 10px; background:#71bcff; text-align:center; font-size:14px; color:#ffffff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
+
.protective_list .p-cot .li .td img{ vertical-align:middle;}
.protective_list .p-cot table th.name .icon, .protective_list .p-cot table td.name .icon{ width:auto; height:auto; margin:5px auto 0px auto; clear:both; font-size:0px; line-height:0px;}
+
.protective_list .p-cot .li .td.name{ width:130px;}
.protective_list .p-cot table th.name .icon img, .protective_list .p-cot table td.name .icon img{ margin:0 2px;}
+
.protective_list .p-cot .li .td.name .txt{ width:auto; height:auto; clear:both;}
.protective_list .p-cot table th.explain, .protective_list .p-cot table td.explain{ width:160px; padding:0px 20px; text-align:left;}
+
.protective_list .p-cot .li .td.name .level{ display:inline-table; width:auto; height:22px; line-height:22px; margin:5px auto 0px auto; padding:0px 10px; background:#71bcff; text-align:center; font-size:14px; color:#ffffff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.protective_list .p-cot table th.sub, .protective_list .p-cot table td.sub{ background:#f0f0f0;}
+
.protective_list .p-cot .li .td.name .icon{ width:auto; height:auto; margin:5px auto 0px auto; clear:both; font-size:0px; line-height:0px;}
 +
.protective_list .p-cot .li .td.name .icon img{ margin:0 2px;}
 +
.protective_list .p-cot .li .td.param{ width:60px;}
 +
.protective_list .p-cot .li .td.explain{ width:182px;}
 +
.protective_list .p-cot .li p{ display:none;}
 +
.protective_list .p-cot .li .td p{ display:inline-table;}
  
  
第138行: 第143行:
 
.arms_list .a-nav .li .stxt{ width:60px; height:30px; line-height:30px; float:left; font-size:14px;}
 
.arms_list .a-nav .li .stxt{ width:60px; height:30px; line-height:30px; float:left; font-size:14px;}
 
.arms_list .a-nav .li .scot{ width:780px; height:auto; float:left;}
 
.arms_list .a-nav .li .scot{ width:780px; height:auto; float:left;}
.arms_list .a-nav .li .scot .sli{ width:auto; height:30px; line-height:30px; margin:0 5px 5px 0px; padding:0px 12px; float:left; background:#eeeeee; text-align:center; font-size:14px; color:#333333; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; align-items:center; justify-content:center; display:flex;}
+
.arms_list .a-nav .li .scot .sli{ width:auto; height:30px; line-height:30px; margin:0 5px 5px 0px; padding:0px 12px; float:left; background:#eeeeee; text-align:center; font-size:14px; color:#333333; font-weight:normal; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; align-items:center; justify-content:center; display:flex;}
 +
.arms_list .a-nav .li .scot .sli a{ color:#333333; font-weight:normal;}
 
.arms_list .a-nav .li .scot .sli img{ vertical-align:middle;}
 
.arms_list .a-nav .li .scot .sli img{ vertical-align:middle;}
 
.arms_list .a-nav .li .scot .sli:hover{ color:#71bcff;}
 
.arms_list .a-nav .li .scot .sli:hover{ color:#71bcff;}
 +
.arms_list .a-nav .li .scot .sli:hover a{ color:#71bcff;}
 
.arms_list .a-nav .li .scot .sli-on{ background:#71bcff; color:#ffffff;}
 
.arms_list .a-nav .li .scot .sli-on{ background:#71bcff; color:#ffffff;}
 +
.arms_list .a-nav .li .scot .sli-on a{ color:#ffffff; font-weight:normal;}
 
.arms_list .a-nav .li .scot .sli-on:hover{ color:#ffffff;}
 
.arms_list .a-nav .li .scot .sli-on:hover{ color:#ffffff;}
 +
.arms_list .a-nav .li .scot .sli-on:hover a{ color:#ffffff;}
 
.arms_list .a-cot{ width:840px; height:auto; clear:both; border-top:1px solid #dddddd; border-left:1px solid #dddddd; overflow:hidden;}
 
.arms_list .a-cot{ width:840px; height:auto; clear:both; border-top:1px solid #dddddd; border-left:1px solid #dddddd; overflow:hidden;}
 
.arms_list .a-cot .li{ width:100%; height:auto; clear:both; overflow:hidden;}
 
.arms_list .a-cot .li{ width:100%; height:auto; clear:both; overflow:hidden;}
第157行: 第166行:
 
.arms_list .a-cot .li .sli-details .d-cot .defense{ width:auto; height:24px; line-height:24px; padding-left:10px; float:left; font-size:14px; color:#666666;}
 
.arms_list .a-cot .li .sli-details .d-cot .defense{ width:auto; height:24px; line-height:24px; padding-left:10px; float:left; font-size:14px; color:#666666;}
 
.arms_list .a-cot .li .sli-details .d-cot .defense img{ vertical-align:middle; margin-top:-4px;}
 
.arms_list .a-cot .li .sli-details .d-cot .defense img{ vertical-align:middle; margin-top:-4px;}
.arms_list .a-cot .li .sli-details .d-color{ width:300px; height:10px; margin-top:10px; clear:both; border:1px solid #71bcff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; position:relative;}
+
.arms_list .a-cot .li .sli-details .d-color{ display:flex;width:300px; height:10px; margin-top:10px; border:1px solid #71bcff; border-radius:10px; overflow:hidden; }
.arms_list .a-cot .li .sli-details .d-color .dcli{ width:10%; height:10px; clear:both; position:absolute; top:0px; left:0px; font-size:0px; line-height:0px;}
+
.arms_list .a-cot .li .sli-details .d-color p {display:none;}
.arms_list .a-cot .li .sli-details .d-color .dcli-violet{ background:#a22dbf; z-index:1;}
+
.arms_list .a-cot .li .sli-details .d-color .dcli{ height:100%; }
.arms_list .a-cot .li .sli-details .d-color .dcli-white{ background:#ffffff; z-index:2;}
+
.arms_list .a-cot .li .sli-details .d-color .dcli:first-child{border-radius: 10px 0 0 10px;}
.arms_list .a-cot .li .sli-details .d-color .dcli-blue{ background:#0d47a1; z-index:3;}
+
.arms_list .a-cot .li .sli-details .d-color .dcli:last-child{border-radius: 0 10px 10px 0; }
.arms_list .a-cot .li .sli-details .d-color .dcli-green{ background:#00c851; z-index:4;}
+
.arms_list .a-cot .li .sli-details .d-color .dcli-violet{ background:#a22dbf;}
.arms_list .a-cot .li .sli-details .d-color .dcli-yellow{ background:#ece51c; z-index:5;}
+
.arms_list .a-cot .li .sli-details .d-color .dcli-white{ background:#ffffff; }
.arms_list .a-cot .li .sli-details .d-color .dcli-orange{ background:#ff8800; z-index:6;}
+
.arms_list .a-cot .li .sli-details .d-color .dcli-blue{ background:#0d47a1; }
.arms_list .a-cot .li .sli-details .d-color .dcli-red{ background:#cc0000; z-index:7;}
+
.arms_list .a-cot .li .sli-details .d-color .dcli-green{ background:#00c851; }
 +
.arms_list .a-cot .li .sli-details .d-color .dcli-yellow{ background:#ece51c;}
 +
.arms_list .a-cot .li .sli-details .d-color .dcli-orange{ background:#ff8800; }
 +
.arms_list .a-cot .li .sli-details .d-color .dcli-red{ background:#cc0000; }
 
.arms_list .a-cot .li .sli-attack{ width:149px; text-align:center; font-size:16px; align-items:center; justify-content:center; display:flex;}
 
.arms_list .a-cot .li .sli-attack{ width:149px; text-align:center; font-size:16px; align-items:center; justify-content:center; display:flex;}
 
.arms_list .a-cot .li .sli-attack img{ vertical-align:middle; margin-top:-3px;}
 
.arms_list .a-cot .li .sli-attack img{ vertical-align:middle; margin-top:-3px;}
第172行: 第184行:
 
.arms_list .a-cot .li .sli-type{ width:99px; text-align:center; font-size:16px; align-items:center; justify-content:center; display:flex;}
 
.arms_list .a-cot .li .sli-type{ width:99px; text-align:center; font-size:16px; align-items:center; justify-content:center; display:flex;}
 
.arms_list .a-cot .li .sli-type img{ vertical-align:middle; margin-top:-3px;}
 
.arms_list .a-cot .li .sli-type img{ vertical-align:middle; margin-top:-3px;}
 +
.arms_list .a-cot p{ border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; margin:0 auto; padding:1em 0; text-align:center;}
  
  
.sub-color{ width:300px; height:10px; margin:5px 0px; clear:both; border:1px solid #71bcff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; position:relative;}
+
.sub-color .dcli{ width:10%; height:10px; clear:both; position:absolute; top:0px; left:0px; font-size:0px; line-height:0px;}
+
.sub-color{width:300px;height:12px;display:flex;margin:5px 0px; border:1px solid #71bcff; border-radius:10px; box-sizing: border-box;}
.sub-color .dcli-violet{ background:#a22dbf; z-index:1;}
+
.sub-color p{display:none;}
.sub-color .dcli-white{ background:#ffffff; z-index:2;}
+
.sub-color .dcli{ height:100%;}
.sub-color .dcli-blue{ background:#0d47a1; z-index:3;}
+
.sub-color .dcli:first-child{ border-radius: 10px 0 0 10px;}
.sub-color .dcli-green{ background:#00c851; z-index:4;}
+
.sub-color .dcli:last-child{border-radius: 0 10px 10px 0;}
.sub-color .dcli-yellow{ background:#ece51c; z-index:5;}
+
.sub-color .dcli-violet{ background:#a22dbf;}
.sub-color .dcli-orange{ background:#ff8800; z-index:6;}
+
.sub-color .dcli-white{ background:#ffffff;}
.sub-color .dcli-red{ background:#cc0000; z-index:7;}
+
.sub-color .dcli-blue{ background:#0d47a1; }
 +
.sub-color .dcli-green{ background:#00c851; }
 +
.sub-color .dcli-yellow{ background:#ece51c; }
 +
.sub-color .dcli-orange{ background:#ff8800; }
 +
.sub-color .dcli-red{ background:#cc0000; }
  
  
 
/*****武器素材-相关*****/
 
/*****武器素材-相关*****/
 +
#arms-material-val{ display:none;}
 
.arms-material{ width:100%; height:auto; padding-top:20px; clear:both;}
 
.arms-material{ width:100%; height:auto; padding-top:20px; clear:both;}
 
.arms-material .m-tit{ width:100%; height:30px; clear:both; font-size:14px; font-weight:bold;}
 
.arms-material .m-tit{ width:100%; height:30px; clear:both; font-size:14px; font-weight:bold;}
第193行: 第211行:
 
.arms-material .m-cot .mli .mli-td{ width:10%; height:auto; padding:5px 0; float:left; flex:1;}
 
.arms-material .m-cot .mli .mli-td{ width:10%; height:auto; padding:5px 0; float:left; flex:1;}
 
.arms-material .m-cot .mli .mli-td a:hover{ color:#71bcff;}
 
.arms-material .m-cot .mli .mli-td a:hover{ color:#71bcff;}
 +
.arms-material .m-cot .mli-cot{ display:none;}
 +
 +
 +
/*****技能列表*****/
 +
#skill_list{
 +
border: 1px solid rgba(242, 242, 242, 1);
 +
font-family: 'Arial Normal', 'Arial';
 +
}
 +
.skill_xuzi .skill_head{
 +
background-color: rgba(242, 242, 242, 1);
 +
display: -webkit-flex;
 +
display: flex;
 +
height: 50px;
 +
align-items: center;
 +
color: #AAAAAA;
 +
font-size: 14px;
 +
}
 +
.skill_xuzi .skill_head .skill_title{
 +
flex: 1;
 +
text-indent: 16px;
 +
}
 +
.skill_xuzi .skill_head .skill_title:nth-child(4){
 +
flex: 2;
 +
}
 +
.skill_xuzi .skill_body{
 +
padding-top: 18px;
 +
}
 +
.skill_xuzi .skill_body .skill_box{
 +
display: -webkit-flex;
 +
display: flex;
 +
align-items: center;
 +
padding: 18px 0;
 +
}
 +
.skill_xuzi .skill_body .skill_box .skill_one{
 +
flex: 1;
 +
text-indent: 16px;
 +
font-size: 16px;
 +
color: #AAAAAA;
 +
}
 +
.skill_xuzi .skill_body .skill_box .skill_one:nth-child(1){
 +
color: #555555;
 +
}
 +
.skill_xuzi .skill_body .skill_box .skill_one:nth-child(4){
 +
flex: 2;
 +
color: #333333;
 +
font-size: 14px;
 +
}
 +
.skill_xuzi .skill_body .skill_box .skill_one:nth-child(4) .skill_desc{
 +
min-height: 26px;
 +
text-indent: 0;
 +
padding-left: 16px;
 +
}
 +
.skill_xuzi .skill_body .skill_box .skill_one:nth-child(4) p{
 +
margin: 0;
 +
height: 0;
 +
}
 +
.skill_xuzi .skill_body .skill_line{
 +
background: url("https://wiki.caimogu.net/mhr/images/e/e3/Skill_line.png");
 +
height: 1px;
 +
width: calc(100% - 32px);
 +
margin-left: 16px;
 +
}
 +
.skill_xuzi .skill_body .skill_line:last-child{
 +
display: none;
 +
}
 +
 +
 +
 +
/*****护石列表start*****/
 +
.guard-stone-attack-mode{
 +
        display: grid;
 +
        grid-gap: 25px 25px;
 +
        grid-auto-flow: column;
 +
        box-sizing: border-box;
 +
        grid-template-columns: repeat(4, 1fr);
 +
        grid-template-rows: repeat(auto-fill, 200px);
 +
      }
 +
      .guard-stone{
 +
        width:189px;
 +
        height:151px;
 +
        box-sizing:border-box;
 +
        border-width:1px;
 +
        border-top:1px solid rgba(0, 0, 0, 0.1);
 +
        border-left:1px solid rgba(0, 0, 0, 0.1);
 +
        font-size:16px;
 +
        box-shadow:3px 3px 5px rgba(153, 153, 153, 0.349019607843137);
 +
    }
 +
    .guard-stone-title{
 +
      margin-top:7px;
 +
      height:27px;
 +
      text-align: center;
 +
      line-height:27px;
 +
      background-color:rgba(0, 0, 0, 0.1);
 +
      border-top:2px solid rgba(0, 0, 0, 0.1);
 +
      border-bottom:2px solid rgba(0, 0, 0, 0.1);
 +
    }
 +
    .guard-stone-skill{
 +
      margin-top: 12px;
 +
        display: flex;
 +
        height:70px;
 +
        flex-wrap:wrap;
 +
        justify-content:space-between;
 +
        align-items:center;
 +
    }
 +
    .guard-stone-skill-level{
 +
      width:100%;
 +
      flex-direction: column;
 +
      text-align: center;
 +
    }
 +
/*****护石列表end*****/
 +
 +
 +
/* New Skin  */
 +
.mw-skin-light {
 +
  vertical-align: middle;
 +
  text-align: center;
 +
  cursor: default;
 +
}
 +
 +
.mw-skin-light tr:nth-child(1) {
 +
  background-color: #f5f5f5;
 +
  text-align: center;
 +
  color: #464646;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
          user-select: none;
 +
}
 +
 +
.mw-skin-light td {
 +
  vertical-align: middle !important;
 +
  padding: 0 !important;
 +
  border: none !important;
 +
}
 +
 +
.mw-skin-light th {
 +
  padding: 15px 3px !important;
 +
  vertical-align: middle !important;
 +
  text-align: center;
 +
}
 +
 +
.mw-skin-light th img {
 +
  margin: auto 5px;
 +
  width: auto;
 +
  height: 1.5rem;
 +
  vertical-align: text-bottom;
 +
}
 +
 +
.arms-material {
 +
  cursor: default;
 +
}
 +
 +
.arms-material .mli {
 +
  display: -webkit-box;
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -webkit-box-align: center;
 +
      -ms-flex-align: center;
 +
          align-items: center;
 +
  -webkit-box-pack: left;
 +
      -ms-flex-pack: left;
 +
          justify-content: left;
 +
}
 +
 +
.arms-material .mli .mli-tit {
 +
  text-align: center;
 +
}
 +
 +
.arms-material .mli .mli-td {
 +
  -webkit-box-flex: 0 !important;
 +
      -ms-flex: 0 1 10% !important;
 +
          flex: 0 1 10% !important;
 +
  text-align: center;
 +
}
 +
 +
.arms-material .mli .mli-td:nth-child(3) {
 +
  -ms-flex-preferred-size: 20% !important;
 +
      flex-basis: 20% !important;
 +
}
 +
 +
.arms-material .mli .mli-td:nth-child(4) {
 +
  -ms-flex-preferred-size: 60% !important;
 +
      flex-basis: 60% !important;
 +
}
 +
 +
.arms-material .m-cot .mli {
 +
  border-bottom: 1px dashed #dddddd !important;
 +
}
 +
 +
.arms-material .mli-cot:hover {
 +
  background-color: #f0f0f0;
 +
  -webkit-transition: background .5s linear;
 +
  transition: background .5s linear;
 +
}
 +
 +
.arms-material .mli-cot:hover .mli-td {
 +
  color: #6abff1;
 +
  -webkit-transition: color .5s linear;
 +
  transition: color .5s linear;
 +
}
 +
/*# sourceMappingURL=mw.css.map */

2021年5月19日 (三) 22:49的最新版本

/* 这里放置的CSS将应用于所有皮肤 */

/*****Public*****/
.mw-parser-output a.external{ background:none; padding:0;}
.wrap{ width:1210px; height:auto; margin:0 0 0 -5px; padding-bottom:10px; clear:both; overflow:hidden; position:relative;}
.wrap .w-left{ width:260px; height:auto; padding-left:10px; float:left;}
.wrap .w-right{ width:900px; height:auto; padding-right:10px; float:right;}
th{ text-align:left; font-weight:normal;}
.mw-headline{border-bottom: 3px solid #1fcbff;padding-bottom: 10px;    font-weight: bold;}
.box{ width:100%; height:auto; margin:0 auto; padding-top:25px; clear:both;}
.box .tit{ width:100%; height:38px; clear:both;}
.box .tit .txt{ width:auto; height:auto; float:left; font-size:22px; color:#333333; font-weight:bold;}
.box .tit .more{ width:auto; height:auto; float:right; text-align:right; font-size:14px; color:#71bcff;}
.box .tit .more a{ color:#71bcff;}
.box .tit .more a:hover{ color:#3495eb;}
.box .tit .tab{ width:auto; height:37px; margin-right:8px; float:left; background:#ffffff; border-top:1px solid #dddddd; border-right:1px solid #dddddd; border-left:1px solid #dddddd; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px;}
.box .tit .tab a{ display:block; width:auto; height:37px; line-height:37px; padding:0 25px; font-size:20px; color:#333333;}
.box .tit .tab a:hover{ color:#71bcff;}
.box .tit .tab-on{ border-top:1px solid #71bcff; border-right:1px solid #71bcff; border-left:1px solid #71bcff; background:#71bcff;}
.box .tit .tab-on a{ color:#ffffff; font-weight:bold;}
.box .tit .tab-on a:hover{ color:#ffffff;}
.box .tit .tab:first-child{ margin-left:30px;}
.box .cot{ width:100%; height:auto; clear:both; background:#ffffff; border:1px solid #f2f2f2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.1); -moz-box-shadow:0 3px 6px rgba(0,0,0,0.1); box-shadow:0 3px 6px rgba(0,0,0,0.1); overflow:hidden;}

/*****Main*****/
.nav{ width:100%; height:auto; clear:both;}
.nav .li{ width:100%; height:40px; clear:both; border-top:1px solid #f1f1f1; font-size:0px; line-height:0px; position:relative;}
.nav .li:first-child{ border-top:0px;}
.nav .li a{ display:block;}
.nav .li .txt{ width:180px; height:40px; line-height:40px; padding-left:30px; float:left; font-size:14px; color:#333333;}
.nav .li .arrow{ width:auto; height:40px; line-height:40px; clear:both; position:absolute; top:0px; right:20px; font-size:14px; color:#e3e3e3;}
.nav .li:hover{ background:#deeefd;}
.nav .li a:hover .txt{ color:#3495eb; font-weight:bold;}
.nav .li a:hover .arrow{ color:#ffffff;}

.update{ width:100%; height:auto; padding:30px 0; clear:both;}
.update .li{ width:200px; height:27px; margin:0 auto 8px auto; clear:both; border:1px solid #3497fd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:0px; line-height:0px; overflow:hidden;}
.update .li a{ }
.update .li .ltit{ width:44px; height:27px; line-height:27px; float:left; border-right:1px solid #3497fd; background:#cce5ff; text-align:center; font-size:12px; color:#3497fd;}
.update .li .lcot{ width:135px; height:27px; line-height:27px; padding:0 10px; float:left; font-size:12px; color:#333333;}
.update .li a:hover .lcot{ color:#3495eb;}

.community{ width:240px; height:auto; margin:0 auto; clear:both;}
.community .li{ width:100%; height:auto; padding:10px 0px; clear:both; border-top:1px solid #f1f1f1;}
.community .li:first-child{ border-top:0px;}
.community .li .luser{ width:100%; height:auto; clear:both; overflow:hidden;}
.community .li .luser .lavatar{ width:20px; height:20px; margin-right:5px; float:left; background:#f3f3f3; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; font-size:0px; line-height:0px; overflow:hidden;}
.community .li .luser .lavatar img{ width:20px; height:auto; min-height:20px;}
.community .li .luser .lname{ width:auto; max-width:170px; height:20px; line-height:20px; float:left; font-size:12px; color:#333333; overflow:hidden;}
.community .li .luser .ltime{ width:auto; height:20px; line-height:20px; padding-left:8px; float:left; font-size:12px; color:#999999;}
.community .li .ltit{ width:100%; height:auto; padding-top:10px; clear:both; font-size:0px; line-height:0;}
.community .li .ltit a{ font-size:14px; color:#333333; line-height:135%; font-weight:bold;}
.community .li .ltit a:hover{ color:#3495eb;}
.community .li .lcot{ width:100%; height:auto; padding-top:5px; clear:both; font-size:12px; color:#888888; line-height:135%;}
.community .li .lpics{ width:100%; height:130px; margin-top:10px; clear:both; overflow:hidden; position:relative;}
.community .li .lpics .lpic{ width:auto; height:auto; clear:both; position:absolute; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:0px; line-height:0px; overflow:hidden;}
.community .li .lpics .lpic1{ width:119px; height:130px; top:0; left:0;}
.community .li .lpics .lpic1 img{ width:119px; height:auto; min-height:130px;}
.community .li .lpics .lpic2{ width:119px; height:64px; top:0; right:0;}
.community .li .lpics .lpic2 img{ width:119px; height:64px; min-height:64px;}
.community .li .lpics .lpic3{ width:119px; height:64px; top:66px; right:0;}
.community .li .lpics .lpic3 img{ width:119px; height:64px; min-height:64px;}

.activity{ width:860px; height:auto; margin:0 auto; padding:30px 0; clear:both; overflow:hidden;}
.activity .li{ width:195px; height:auto; margin:0 10px 10px 10px; float:left; background:#f3f3f3; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;}
.activity .li .lpic{ width:195px; height:110px; clear:both; font-size:0; line-height:0; overflow:hidden;}
.activity .li .lpic img{ width:195px; height:auto; min-height:110px;}
.activity .li .ltxt{ width:180px; height:90px; margin:0 auto; clear:both;}
.activity .li .ltxt .ltit{ width:100%; height:24px; line-height:24px; padding-top:4px; clear:both; font-size:0px; overflow:hidden;}
.activity .li .ltxt .ltit a{ font-size:16px; color:#333333; font-weight:bold;}
.activity .li .ltxt .ltit a:hover{ color:#3495eb;}
.activity .li .ltxt .ltime{ width:100%; height:auto; padding-top:0px; clear:both; font-size:12px; color:#aaaaaa; line-height:130%;}
.activity .li .ltxt .lcot{ width:100%; height:36px; padding-top:3px; clear:both; font-size:12px; color:#999999; line-height:18px; overflow:hidden;}

.assemble{ width:860px; height:auto; margin:0 auto; padding:30px 0; clear:both; overflow:hidden;}
.assemble .li{ width:195px; height:auto; margin:0 10px 10px 10px; float:left; background:#efefef; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;}
.assemble .li .lpic{ width:60px; height:100px; float:left; font-size:0; line-height:0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;}
.assemble .li .lpic img{ width:60px; height:auto; min-height:100px;}
.assemble .li .ltxt{ width:115px; height:auto; margin-left:10px; float:left; position:relative;}
.assemble .li .ltxt .ltit{ width:100%; height:66px; padding-top:5px; clear:both; font-size:0px; line-height:0px; overflow:hidden;}
.assemble .li .ltxt .ltit a{ font-size:16px; color:#333333; line-height:22px; font-weight:bold;}
.assemble .li .ltxt .ltit a:hover{ color:#3495eb;}
.assemble .li .ltxt .ltime{ width:100%; height:auto; clear:both; position:absolute; top:75px; left:0;}
.assemble .li .ltxt .ltime .ltli{ width:auto; height:auto; float:left; font-size:12px; color:#999999;}

.monster{ width:864px; height:auto; margin:0 auto; padding:30px 0; clear:both; overflow:hidden;}
.monster .li{ width:90px; height:auto; margin:0 8px 10px 8px; float:left; background:#efefef; border:1px solid #efefef; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;}
.monster .li .lpic{ width:90px; height:90px; clear:both; font-size:0; line-height:0; overflow:hidden;}
.monster .li .lpic img{ width:90px; height:auto; min-height:90px;}
.monster .li .ltxt{ width:90px; height:30px; clear:both; text-align:center; font-size:0px; line-height:0px; overflow:hidden;}
.monster .li .ltxt a{ display:block; width:90px; height:30px; font-size:14px; color:#333333; line-height:30px;}
.monster .li .ltxt a:hover{ color:#3495eb; font-weight:bold;}

.arms{ width:864px; height:auto; margin:0 auto; padding:30px 0; clear:both; overflow:hidden;}
.arms .li{ width:90px; height:auto; margin:0 8px 8px 8px; float:left; background:#efefef; border:1px solid #efefef; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;}
.arms .li .lpic{ width:25px; height:25px; float:left; font-size:0; line-height:0; overflow:hidden;}
.arms .li .lpic img{ width:25px; height:auto; min-height:25px;}
.arms .li .ltxt{ width:65px; height:25px; float:left; text-align:center; font-size:0px; line-height:0px; overflow:hidden;}
.arms .li .ltxt a{ display:block; width:65px; height:25px; font-size:14px; color:#333333; line-height:25px;}
.arms .li .ltxt a:hover{ color:#3495eb;}




/*****MonsterList*****/
.monster_list{ width:840px; height:auto; margin:0 auto; padding:30px 0; clear:both;}
.monster_list table{ width:100%; height:auto; margin:0; padding:0; background:#dddddd;}
.monster_list table th, .monster_list table td{ width:120px; height:120px; background:#ffffff; text-align:center; font-size:16px; color:#000000;}
.monster_list table th img, .monster_list table td img{ vertical-align:middle;}
.monster_list table th.avatar, .monster_list table td.avatar{ width:120px;}
.monster_list table th.avatar img, .monster_list table td.avatar img{ width:90px; height:90px; padding:15px;}

/*****ProtectiveList*****/
.protective_list{ width:840px; height:auto; margin:0 auto; padding:30px 0; clear:both;}
.protective_list .p-nav{ width:100%; height:auto; padding-bottom:25px; clear:both; overflow:hidden;}
.protective_list .p-nav .li{ width:auto; height:30px; line-height:30px; margin:0px 5px 5px 0px; padding:0px 12px; float:left; background:#eeeeee; text-align:center; font-size:14px; color:#333333; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;}
.protective_list .p-nav .li:hover{ color:#71bcff;}
.protective_list .p-nav .li-on{ background:#71bcff; color:#ffffff;}
.protective_list .p-nav .li-on:hover{ color:#ffffff;}
.protective_list .p-cot{ width:100%; height:auto; clear:both;}
.protective_list .p-cot .li{ width:840px; height:auto; margin-bottom:15px; clear:both; border-top:1px solid #dddddd; border-left:1px solid #dddddd;}
.protective_list .p-cot .li a:hover{ color:#71bcff}
.protective_list .p-cot .li .tr{ width:100%; height:auto; clear:both; background:#f0f0f0; border-bottom:1px solid #dddddd; overflow:hidden;}
.protective_list .p-cot .li .tr.ptit{ background:#ffffff;}
.protective_list .p-cot .li .td{ width:120px; height:auto; min-height:100%; padding:12px 10px; float:left; border-right:1px solid #dddddd; text-align:center; font-size:16px; color:#000000; padding-bottom:1000px; margin-bottom:-983px;}
.protective_list .p-cot .li .td img{ vertical-align:middle;}
.protective_list .p-cot .li .td.name{ width:130px;}
.protective_list .p-cot .li .td.name .txt{ width:auto; height:auto; clear:both;}
.protective_list .p-cot .li .td.name .level{ display:inline-table; width:auto; height:22px; line-height:22px; margin:5px auto 0px auto; padding:0px 10px; background:#71bcff; text-align:center; font-size:14px; color:#ffffff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.protective_list .p-cot .li .td.name .icon{ width:auto; height:auto; margin:5px auto 0px auto; clear:both; font-size:0px; line-height:0px;}
.protective_list .p-cot .li .td.name .icon img{ margin:0 2px;}
.protective_list .p-cot .li .td.param{ width:60px;}
.protective_list .p-cot .li .td.explain{ width:182px;}
.protective_list .p-cot .li p{ display:none;}
.protective_list .p-cot .li .td p{ display:inline-table;}


/*****ArmsList*****/
.arms_list{ width:840px; height:auto; margin:0 auto; padding:20px 0 30px 0; clear:both;}
.arms_list .a-nav{ width:100%; height:auto; padding-bottom:20px; clear:both; overflow:hidden;}
.arms_list .a-nav .li{ width:100%; height:auto; padding:10px 0px 5px 0px; clear:both; border-top:1px solid #eeeeee; overflow:hidden;}
.arms_list .a-nav .li:first-child{ border-top:0px;}
.arms_list .a-nav .li .stxt{ width:60px; height:30px; line-height:30px; float:left; font-size:14px;}
.arms_list .a-nav .li .scot{ width:780px; height:auto; float:left;}
.arms_list .a-nav .li .scot .sli{ width:auto; height:30px; line-height:30px; margin:0 5px 5px 0px; padding:0px 12px; float:left; background:#eeeeee; text-align:center; font-size:14px; color:#333333; font-weight:normal; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; align-items:center; justify-content:center; display:flex;}
.arms_list .a-nav .li .scot .sli a{ color:#333333; font-weight:normal;}
.arms_list .a-nav .li .scot .sli img{ vertical-align:middle;}
.arms_list .a-nav .li .scot .sli:hover{ color:#71bcff;}
.arms_list .a-nav .li .scot .sli:hover a{ color:#71bcff;}
.arms_list .a-nav .li .scot .sli-on{ background:#71bcff; color:#ffffff;}
.arms_list .a-nav .li .scot .sli-on a{ color:#ffffff; font-weight:normal;}
.arms_list .a-nav .li .scot .sli-on:hover{ color:#ffffff;}
.arms_list .a-nav .li .scot .sli-on:hover a{ color:#ffffff;}
.arms_list .a-cot{ width:840px; height:auto; clear:both; border-top:1px solid #dddddd; border-left:1px solid #dddddd; overflow:hidden;}
.arms_list .a-cot .li{ width:100%; height:auto; clear:both; overflow:hidden;}
.arms_list .a-cot .li .sli{ width:120px; height:120px; float:left; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.arms_list .a-cot .li .sli-pic{ width:119px; font-size:0px; line-height:0px;}
.arms_list .a-cot .li .sli-pic img{ width:90px; height:90px; margin:15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.arms_list .a-cot .li .sli-details{ width:329px; padding:0px 20px;}
.arms_list .a-cot .li .sli-details .d-cot{ width:100%; padding-top:30px; clear:both; overflow:hidden;}
.arms_list .a-cot .li .sli-details .d-cot .dtit{ width:auto; height:24px; line-height:24px; float:left; font-size:18px; color:#000000;}
.arms_list .a-cot .li .sli-details .d-cot .dtit a{ color:#000000;}
.arms_list .a-cot .li .sli-details .d-cot .dtit a:hover{ color:#71bcff;}
.arms_list .a-cot .li .sli-details .d-cot .djewels{ width:auto; height:24px; line-height:24px; padding-left:10px; float:left; font-size:0px; line-height:0px;}
.arms_list .a-cot .li .sli-details .d-cot .djewels img{ margin-right:5px;}
.arms_list .a-cot .li .sli-details .d-cot .defense{ width:auto; height:24px; line-height:24px; padding-left:10px; float:left; font-size:14px; color:#666666;}
.arms_list .a-cot .li .sli-details .d-cot .defense img{ vertical-align:middle; margin-top:-4px;}
.arms_list .a-cot .li .sli-details .d-color{ display:flex;width:300px; height:10px; margin-top:10px; border:1px solid #71bcff; border-radius:10px; overflow:hidden; }
.arms_list .a-cot .li .sli-details .d-color p {display:none;}
.arms_list .a-cot .li .sli-details .d-color .dcli{ height:100%; }
.arms_list .a-cot .li .sli-details .d-color .dcli:first-child{border-radius: 10px 0 0 10px;}
.arms_list .a-cot .li .sli-details .d-color .dcli:last-child{border-radius: 0 10px 10px 0; }
.arms_list .a-cot .li .sli-details .d-color .dcli-violet{ background:#a22dbf;}
.arms_list .a-cot .li .sli-details .d-color .dcli-white{ background:#ffffff; }
.arms_list .a-cot .li .sli-details .d-color .dcli-blue{ background:#0d47a1; }
.arms_list .a-cot .li .sli-details .d-color .dcli-green{ background:#00c851; }
.arms_list .a-cot .li .sli-details .d-color .dcli-yellow{ background:#ece51c;}
.arms_list .a-cot .li .sli-details .d-color .dcli-orange{ background:#ff8800; }
.arms_list .a-cot .li .sli-details .d-color .dcli-red{ background:#cc0000; }
.arms_list .a-cot .li .sli-attack{ width:149px; text-align:center; font-size:16px; align-items:center; justify-content:center; display:flex;}
.arms_list .a-cot .li .sli-attack img{ vertical-align:middle; margin-top:-3px;}
.arms_list .a-cot .li .sli-hit{ width:99px; text-align:center; font-size:16px; align-items:center; justify-content:center; display:flex;}
.arms_list .a-cot .li .sli-hit img{ vertical-align:middle; margin-top:-3px;}
.arms_list .a-cot .li .sli-type{ width:99px; text-align:center; font-size:16px; align-items:center; justify-content:center; display:flex;}
.arms_list .a-cot .li .sli-type img{ vertical-align:middle; margin-top:-3px;}
.arms_list .a-cot p{ border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; margin:0 auto; padding:1em 0; text-align:center;}


 
.sub-color{width:300px;height:12px;display:flex;margin:5px 0px; border:1px solid #71bcff; border-radius:10px; box-sizing: border-box;}
.sub-color p{display:none;}
.sub-color .dcli{ height:100%;}
.sub-color .dcli:first-child{ border-radius: 10px 0 0 10px;}
.sub-color .dcli:last-child{border-radius: 0 10px 10px 0;}
.sub-color .dcli-violet{ background:#a22dbf;}
.sub-color .dcli-white{ background:#ffffff;}
.sub-color .dcli-blue{ background:#0d47a1; }
.sub-color .dcli-green{ background:#00c851; }
.sub-color .dcli-yellow{ background:#ece51c; }
.sub-color .dcli-orange{ background:#ff8800; }
.sub-color .dcli-red{ background:#cc0000; }


/*****武器素材-相关*****/
#arms-material-val{ display:none;}
.arms-material{ width:100%; height:auto; padding-top:20px; clear:both;}
.arms-material .m-tit{ width:100%; height:30px; clear:both; font-size:14px; font-weight:bold;}
.arms-material .m-cot{ width:100%; height:auto; clear:both; border-top:1px solid #dddddd;}
.arms-material .m-cot .mli{ width:100%; height:auto; clear:both; border-bottom:1px solid #dddddd; overflow:hidden; display:flex;}
.arms-material .m-cot .mli-tit{ background:#f3f3f3; color:#555555; font-weight:bold;}
.arms-material .m-cot .mli .mli-td{ width:10%; height:auto; padding:5px 0; float:left; flex:1;}
.arms-material .m-cot .mli .mli-td a:hover{ color:#71bcff;}
.arms-material .m-cot .mli-cot{ display:none;}


/*****技能列表*****/
#skill_list{
	border: 1px solid rgba(242, 242, 242, 1);
	font-family: 'Arial Normal', 'Arial';
}
.skill_xuzi .skill_head{
	background-color: rgba(242, 242, 242, 1);
	display: -webkit-flex;
	display: flex;
	height: 50px;
	align-items: center;
	color: #AAAAAA;
	font-size: 14px;
}
.skill_xuzi .skill_head .skill_title{
	flex: 1;
	text-indent: 16px;
}
.skill_xuzi .skill_head .skill_title:nth-child(4){
	flex: 2;
}
.skill_xuzi .skill_body{
	padding-top: 18px;
}
.skill_xuzi .skill_body .skill_box{
	display: -webkit-flex;
	display: flex;
	align-items: center;
	padding: 18px 0;
}
.skill_xuzi .skill_body .skill_box .skill_one{
	flex: 1;
	text-indent: 16px;
	font-size: 16px;
	color: #AAAAAA;
}
.skill_xuzi .skill_body .skill_box .skill_one:nth-child(1){
	color: #555555;
}
.skill_xuzi .skill_body .skill_box .skill_one:nth-child(4){
	flex: 2;
	color: #333333;
	font-size: 14px;
}
.skill_xuzi .skill_body .skill_box .skill_one:nth-child(4) .skill_desc{
	min-height: 26px;
	text-indent: 0;
	padding-left: 16px;
}
.skill_xuzi .skill_body .skill_box .skill_one:nth-child(4) p{
	margin: 0;
	height: 0;
}
.skill_xuzi .skill_body .skill_line{
	background: url("https://wiki.caimogu.net/mhr/images/e/e3/Skill_line.png");
	height: 1px;
	width: calc(100% - 32px);
	margin-left: 16px;
}
.skill_xuzi .skill_body .skill_line:last-child{
	display: none;
}



/*****护石列表start*****/
 .guard-stone-attack-mode{
        display: grid;
        grid-gap: 25px 25px;
        grid-auto-flow: column;
        box-sizing: border-box;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(auto-fill, 200px);
      }
      .guard-stone{
        width:189px;
        height:151px;
        box-sizing:border-box;
        border-width:1px;
        border-top:1px solid rgba(0, 0, 0, 0.1);
        border-left:1px solid rgba(0, 0, 0, 0.1);
        font-size:16px;
        box-shadow:3px 3px 5px rgba(153, 153, 153, 0.349019607843137);
     } 
     .guard-stone-title{
       margin-top:7px;
       height:27px;
       text-align: center;
       line-height:27px;
       background-color:rgba(0, 0, 0, 0.1);
       border-top:2px solid rgba(0, 0, 0, 0.1);
       border-bottom:2px solid rgba(0, 0, 0, 0.1);
     }
     .guard-stone-skill{
       margin-top: 12px;
        display: flex;
        height:70px;
        flex-wrap:wrap;
        justify-content:space-between;
        align-items:center;
     }
     .guard-stone-skill-level{
       width:100%;
       flex-direction: column;
       text-align: center;
     }
/*****护石列表end*****/


/* New Skin  */
.mw-skin-light {
  vertical-align: middle;
  text-align: center;
  cursor: default;
}

.mw-skin-light tr:nth-child(1) {
  background-color: #f5f5f5;
  text-align: center;
  color: #464646;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.mw-skin-light td {
  vertical-align: middle !important;
  padding: 0 !important;
  border: none !important;
}

.mw-skin-light th {
  padding: 15px 3px !important;
  vertical-align: middle !important;
  text-align: center;
}

.mw-skin-light th img {
  margin: auto 5px;
  width: auto;
  height: 1.5rem;
  vertical-align: text-bottom;
}

.arms-material {
  cursor: default;
}

.arms-material .mli {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.arms-material .mli .mli-tit {
  text-align: center;
}

.arms-material .mli .mli-td {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 1 10% !important;
          flex: 0 1 10% !important;
  text-align: center;
}

.arms-material .mli .mli-td:nth-child(3) {
  -ms-flex-preferred-size: 20% !important;
      flex-basis: 20% !important;
}

.arms-material .mli .mli-td:nth-child(4) {
  -ms-flex-preferred-size: 60% !important;
      flex-basis: 60% !important;
}

.arms-material .m-cot .mli {
  border-bottom: 1px dashed #dddddd !important;
}

.arms-material .mli-cot:hover {
  background-color: #f0f0f0;
  -webkit-transition: background .5s linear;
  transition: background .5s linear;
}

.arms-material .mli-cot:hover .mli-td {
  color: #6abff1;
  -webkit-transition: color .5s linear;
  transition: color .5s linear;
}
/*# sourceMappingURL=mw.css.map */