*{margin:0; padding:0;}
html,body{font-size: small; color:#000; height:100%;}
img{border:0;}
code{display:none;}
a{color:#000; text-decoration:none;}
a:hover{color:#4b4b4b; text-decoration:underline;}
.hidd{display:none;}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;}

.olm .oldot{
    width: 23px; height: 23px; box-sizing: border-box;/* box-shadow: 0 0 3px 0 #a0a0a0;*/
    border: 1px solid #9c968b; display: block;
    background: radial-gradient(100% 100% at 50% 50%,transparent,rgba(189, 183, 170, 0.4));
}
.olm .oldot::before{
    content: '';
    width: 15px; height: 5px; box-sizing: border-box; border: 1px solid #9c968b;
    border-left: 0; border-right: 0; float: left; margin: 4px 0 0 3px;
}
.olm .oldot::after{
    content: '';
    width: 15px; height: 5px; box-sizing: border-box; border: 1px solid #9c968b;
    border-left: 0; border-right: 0; float: left; margin: 3px 0 0 3px;
}
.olm .menu{display: none;}
.olm a{width:100%; height:23px; box-sizing: border-box; cursor: pointer; line-height:23px; font-weight: normal; white-space:nowrap; color:#545351; border-color:#cec8bc; border-width:1px 0; border-style:solid; padding:0 10px; margin-top:-1px; display:block;}
.olm a:hover{border-width:1px; padding: 0 9px; text-decoration:none; background:rgba(250, 253, 221, 0.5);}
.olm:hover .oldot{display: none;}
.olm:hover .menu{
    width: auto; height: auto; display: block; position: absolute; box-shadow: 2px 2px 16px 0 #a0a0a0;
    border: 1px solid #9c968b; background: rgba(255, 251, 229, 0.5);
    padding: 23px 5px 5px 5px; box-sizing: border-box; top: 0; right: 0;
}
.olm:hover .menu::before{
    content: '';
    width: calc(100% - 10px); height: 5px; box-sizing: border-box; border: 1px solid #9c968b;
    border-left: 0; border-right: 0;
    position: absolute; top: 4px;
}
.olm:hover .menu::after{
    content: '';
    width: calc(100% - 10px); height: 5px; box-sizing: border-box; border: 1px solid #9c968b;
    border-left: 0; border-right: 0;
    position: absolute; top: 12px;
}

.buts{width: auto; height: auto; position: absolute; right: 5px; bottom: 5px;}
.buts .obut{
    width:10px; height:10px; box-sizing: border-box; float:left; margin:3px;
    border: 1px solid #abaca2; border-radius: 50%; box-shadow: 0 0 4px 0 #a0a0a0;
    background: linear-gradient(135deg,transparent 45%,#e2e0cf 55%,#a6aa71),
        linear-gradient(transparent 40%,#e2dfcf 50%,#f1efe9 70%),
        linear-gradient(90deg,transparent 40%,#e2dfcf 50%,#f1efe9 70%),
        linear-gradient(135deg,#b9bc8a,#e2e0cf 50%);
}
.buts .cbut{
    width:10px; height:10px; box-sizing: border-box; float:left; margin:3px;
    border: 1px solid #6e9125; border-radius: 50%; box-shadow: 0 0 4px 0 #a0a0a0;
    background: linear-gradient(135deg,transparent 45%,#b3e594 55%,#357a17),
        linear-gradient(transparent 40%,#7ccc4b 50%,#b3e594 70%),
        linear-gradient(90deg,transparent 40%,#7ccc4b 50%,#b3e594 70%),
        linear-gradient(135deg,#4d9629,#7dcc4b 50%);
}
.cxmas{
    width: auto; height: auto; box-sizing: border-box; box-shadow: 0 0 4px 0 #a7a7a7; position: absolute;
    background: linear-gradient(167deg,rgba(255,255,255,0.05),rgba(255,255,255,0.3) 50%,transparent 50%),
            linear-gradient(90deg,#c6c3b9 1px, transparent 1px, transparent calc(100% - 1px),#c6c3b9 calc(100% - 1px)),
            linear-gradient(#c6c3b9 1px, transparent 1px, transparent calc(100% - 1px),#c6c3b9 calc(100% - 1px)),
            linear-gradient(90deg,rgba(198, 195, 185, 0.1) 2px, transparent 2px, transparent calc(100% - 2px),rgba(198, 195, 185, 0.1) calc(100% - 2px)),
            linear-gradient(rgba(198, 195, 185, 0.1) 2px, transparent 2px, transparent calc(100% - 2px),rgba(198, 195, 185, 0.1) calc(100% - 2px)),
            linear-gradient(90deg,rgba(198, 195, 185, 0.075) 3px, transparent 3px, transparent calc(100% - 3px),rgba(198, 195, 185, 0.075) calc(100% - 3px)),
            linear-gradient(rgba(198, 195, 185, 0.075) 3px, transparent 3px, transparent calc(100% - 3px),rgba(198, 195, 185, 0.075) calc(100% - 3px)),
            linear-gradient(90deg,rgba(198, 195, 185, 0.05) 4px, transparent 4px, transparent calc(100% - 4px),rgba(198, 195, 185, 0.05) calc(100% - 4px)),
            linear-gradient(rgba(198, 195, 185, 0.05) 4px, transparent 4px, transparent calc(100% - 4px),rgba(198, 195, 185, 0.05) calc(100% - 4px));
}
.cusads{width: auto; height: auto; position: absolute; overflow: hidden;}
.cusads .cont{width: 100%; height: 100%; position:relative; overflow: hidden;}
.cusads .imgs{
    width: auto; height: 100%;
    display: grid; grid-template-columns: repeat(2,auto); position: absolute;
}
.cusads .img{width: 100%; height: 100%; position: relative; overflow: hidden;}
.cusads .img img{position: absolute;}
.cusads .mas{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

.sbuts a{
    width: 14px; height: 14px; box-sizing: border-box; margin: 1px 0;
    border: 1px solid #c0c0c0; border-radius: 2px; float: left;
    background: linear-gradient(rgba(53, 59, 64, 0.4) 40%,rgba(46, 93, 126, 0.9));
}
.sbuts a:hover{
    box-shadow: 0 0 3px 0 #a0a0a0;
    background: linear-gradient(rgba(46, 93, 126, 0.9) 40%,rgba(53, 59, 64, 0.4));
}
.sbuts a::before{
    content: '';
    width: 0; height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 4px solid #557bae;
    float: left;
    margin: 3px 0 0 4px;
}
.sbuts a::after{
    content: '';
    width: 0; height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 4px solid #c9dce5;
    float: left;
    margin: 2px 0 0 -3px;
}
.sbuts .lbut{transform: rotate(180deg);}
.sbuts .rbut{transform: rotate(0deg);}
.ccl{line-height: 200%;}
.ccl ul li{list-style: inside;}
.ccl img{max-width: 100%;}

.page{height:auto; margin:0 auto; position:relative;}
.topmenu{
    width:100%; height:88px; box-sizing: border-box; box-shadow: 0 0 8px 0 #a0a0a0; padding: 0 10px; position:absolute; top:0; left:0;
    border: 1px solid #c6c3b9; border-top: none; border-radius: 0 0 6px 6px;
    background: linear-gradient(transparent calc(100% - 2px),rgba(213, 211, 189, 0.2) calc(100% - 2px)),
    linear-gradient(90deg,rgba(213, 211, 189, 0.2) 2px,transparent 2px,transparent calc(100% - 2px),rgba(213, 211, 189, 0.2) calc(100% - 2px)),
    linear-gradient(transparent calc(100% - 3px),rgba(213, 211, 189, 0.1) calc(100% - 3px)),
    linear-gradient(90deg,rgba(213, 211, 189, 0.1) 3px,transparent 3px,transparent calc(100% - 3px),rgba(213, 211, 189, 0.1) calc(100% - 3px)),
    linear-gradient(transparent calc(100% - 4px),rgba(213, 211, 189, 0.05) calc(100% - 4px)),
    linear-gradient(90deg,rgba(213, 211, 189, 0.05) 4px,transparent 4px,transparent calc(100% - 4px),rgba(213, 211, 189, 0.05) calc(100% - 4px)),
    linear-gradient(rgba(240, 238, 234, 0.5) 17%,rgba(230, 227, 219, 0.5) 50%,rgba(213, 211, 189, 0.5) 80%);
}
.toplogo{
    /*width:296px; height:67px; overflow:hidden;*/ display:block; float:left; /*margin:8px 0;*/
    width: 30%; max-width: 296px; height: 100%; position: relative;
}
.toplogo img{
    max-width:100%; max-height:100%;
    position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;
}
.toplline{
    width:70%; height:23px; padding-top: 5px; float: right;
}
.toplline .olink{width:auto; height:23px; line-height:23px; white-space:nowrap; float:right; color:#555555;}
.toplline .olink span{padding:0 10px;}
.toplline .olink a{color:#555555;}

.toplline .olm{float: right; position: relative; display: none;}
.toplline .olm .olink{height: auto; white-space: normal;}
.toplline .olm .olink span{display: none;}

.toplline .siteitems{
    width:auto; height:auto; display: block; float:right; position:relative; margin-left: 20px;}
.toplline .siteitems .citem{
    width:auto; height:23px; box-sizing: border-box; padding: 5px; float:left; position:relative; cursor:pointer; z-index: 1;
    background: linear-gradient(#c5c5c3 1px,transparent 1px,transparent calc(100% - 1px),#c5c5c3 calc(100% - 1px)),
            linear-gradient(90deg,#c5c5c3 1px,transparent 1px,transparent calc(100% - 1px),#c5c5c3 calc(100% - 1px)),
            linear-gradient(rgba(224, 221, 212, 0.5),rgba(212, 203, 191, 0.5) 50%,rgba(211, 202, 190, 0.5) 50%,rgba(242, 242, 242, 0.5));
}
.toplline .siteitems .icomas{
    width:18px; height:13px; position:absolute;
    background: linear-gradient(#c5c5c3 1px,transparent 1px,transparent calc(100% - 1px),#c5c5c3 calc(100% - 1px)),
        linear-gradient(90deg,#c5c5c3 1px,transparent 1px,transparent calc(100% - 1px),#c5c5c3 calc(100% - 1px)),
        linear-gradient(transparent,rgba(215, 208, 193, 0.4) 50%,rgba(215, 208, 193, 0.5) 50%,rgba(242, 242, 242, 0.3));
}
.toplline .siteitems .citem img{width:16px; height:11px; display:block; padding:1px; float:left;}
.toplline .siteitems .citem .text{width:auto; height:13px; line-height:13px; color:#555555; white-space:nowrap; display:block; padding-left:5px; float: left;}
.toplline .siteitems .citem .dot{width:15px; height:13px; display:block; float:left;}
.toplline .siteitems .citem .dot::after{
    content: ''; width: 0; height: 0; float: right; margin-top: 2px;
    border-left: 6px solid #ff6c00; border-top: 4px solid transparent; border-bottom: 4px solid transparent;
}
.toplline .siteitems .menu{display: none;}
.toplline .siteitems:hover .citem .dot::after{transform: rotate(90deg);}
.toplline .siteitems:hover .menu{
    width: auto; height: auto; box-sizing: border-box; box-shadow: 4px 4px 8px 0 #a0a0a0; position:absolute; right: -10px; top: -4px; z-index: 1;
    background: linear-gradient(#9c968b 1px,transparent 1px,transparent calc(100% - 1px),#9c968b calc(100% - 1px)),
            linear-gradient(90deg,#9c968b 1px,transparent 1px,transparent calc(100% - 1px),#9c968b calc(100% - 1px)),
            linear-gradient(rgba(255, 255, 255, 0.3) 2px,transparent 2px,transparent calc(100% - 2px),rgba(255, 255, 255, 0.3) calc(100% - 2px)),
            linear-gradient(90deg,rgba(255, 255, 255, 0.3) 2px,transparent 2px,transparent calc(100% - 2px),rgba(255, 255, 255, 0.3) calc(100% - 2px)),
            linear-gradient(rgba(255, 255, 255, 0.2) 3px,transparent 3px,transparent calc(100% - 3px),rgba(255, 255, 255, 0.2) calc(100% - 3px)),
            linear-gradient(90deg,rgba(255, 255, 255, 0.2) 3px,transparent 3px,transparent calc(100% - 3px),rgba(255, 255, 255, 0.2) calc(100% - 3px)),
            linear-gradient(rgba(255, 255, 255, 0.1) 4px,transparent 4px,transparent calc(100% - 4px),rgba(255, 255, 255, 0.1) calc(100% - 4px)),
            linear-gradient(90deg,rgba(255, 255, 255, 0.1) 4px,transparent 4px,transparent calc(100% - 4px),rgba(255, 255, 255, 0.1) calc(100% - 4px)),
            linear-gradient(rgba(255, 255, 255, 0.05) 5px,transparent 5px,transparent calc(100% - 5px),rgba(255, 255, 255, 0.05) calc(100% - 5px)),
            linear-gradient(90deg,rgba(255, 255, 255, 0.05) 5px,transparent 5px,transparent calc(100% - 5px),rgba(255, 255, 255, 0.05) calc(100% - 5px)),
            rgba(221, 220, 208, 0.8);
    padding: 30px 10px 10px 10px; display: block;
}
.toplline .siteitems:hover .menu .item{width:100%; height:21px; box-sizing: border-box; float:left; margin-top:2px; position:relative; padding:4px 5px;}
.toplline .siteitems:hover .menu .item img{width:16px; height:11px; padding:1px; float:left; display:block; position:absolute; left:5px; top:4px;}
.toplline .siteitems:hover .menu .item .icomas{left:5px; top:4px; display:block;}
.toplline .siteitems:hover .menu .item .text{width:100%; height:auto; line-height:13px; padding:0 5px 0 23px; color:#555555; white-space:nowrap; float:left; display:block; box-sizing: border-box;}
.toplline .siteitems:hover .menu .item a{width:100%; height:100%; display:block; position:absolute; left:0; top:0; box-sizing: border-box;}
.toplline .siteitems:hover .menu .item a:hover{border:1px #c2bdb4 solid; background:linear-gradient(rgba(230, 226, 212, 0.502) 5%,transparent 10%,transparent 90%,rgba(253, 253, 253, 0.502) 95%);}

.topmitems{
    width: auto; max-width: 70%; height: 53px; box-sizing: border-box; position: absolute; right: 0; bottom: 2px;
    display: grid; grid-template-columns: auto auto;
}
.topmitems .mitems{
    width: 100%; height: 100%;
}
.topmitems .vline{width:2px; height:53px; margin: 0 1px; float:left;}
.topmitems .vline::before{
    content: '';width: 50%; height: 100%; float: left;
    background: linear-gradient(rgba(208, 208, 208, 0.1) 20%,rgba(211, 211, 211, 0.6) 60%,rgba(210, 210, 210, 0.8));
}
.topmitems .vline::after{
    content: ''; width: 50%; height: 100%; float: left;
    background: linear-gradient(rgba(255, 255, 255, 0.1) 20%,rgba(255, 255, 255, 0.8) 60%,rgba(255, 255, 255, 0.8));
}
.topmitems .mitem{
    width:auto; height:53px; box-sizing: border-box; float:left; display:block;
    padding: 0 15px; line-height:53px; white-space:nowrap; color:#676767; font-weight:bold;
}
.topmitems .mitem .menu{display: none;}
.topmitems .mitem .brid{display: none;}
.topmitems .mitem:hover{
    height: 47px; margin: 4px 0 2px 0; text-decoration:none; cursor:pointer; position: relative;
    line-height: 42px;
    border: 1px solid #cec8bc; border-radius: 2px; padding: 0 14px;
    background: linear-gradient(rgba(255, 236, 191, 0.1),rgba(255, 236, 191, 0.3) 50%,rgba(255, 236, 191, 0.1));
}
.topmitems .more{width: 30px; height: auto; margin: auto;}
.topmitems .more a{
    width: 24px; height: 24px; box-sizing: border-box; float: left; margin: 3px 0 0 3px;
    border: 1px solid #b6a25b; border-radius: 50%;
    background: radial-gradient(100% 100% at 50% 50%,transparent,rgba(192, 177, 147, 0.9));
}
.topmitems .more a:hover{
    box-shadow: 0 0 3px 0 #a0a0a0;
    background: radial-gradient(100% 100% at 50% 50%,transparent,rgba(216, 206, 187, 0.9));
}
.topmitems .more a::before{
    content: ''; width: 8px; height: 4px; box-sizing: border-box;
    border: 1px solid #a99468; border-right: 0; float: left;
    transform: rotate(45deg) skew(-45deg);
    margin-top: 6px; margin-left: 8px;
}
.topmitems .more a::after{
    content: ''; width: 8px; height: 4px; box-sizing: border-box;
    border: 1px solid #a99468; border-right: 0; float: left;
    transform: rotate(315deg) skew(45deg);
    margin-top: 1px; margin-left: 8px;
}
.topmitems .more .ldot{transform: rotate(180deg);}
.topmitems .more .rdot{transform: rotate(0deg);}
.topmitems .mitem:hover .menu{
    width: auto; min-width: calc(100% + 16px); height: auto; box-sizing: border-box; box-shadow: 4px 4px 8px 0 #a0a0a0; position:absolute; left: -8px;
    border: 1px solid #cec8bc; border-radius: 8px;
    background: linear-gradient(#fffece,transparent 12px,transparent,transparent calc(100% - 8px),#fffece),
            linear-gradient(90deg,#fffece,transparent 5px,transparent,transparent calc(100% - 5px),#fffece),
            rgba(221, 217, 184, 0.6);
    padding: 18px 10px 16px 10px; display: block;
}
.topmitems .mitem:hover .menu span{display:block;}
.topmitems .mitem:hover .menu a{width:100%; height:23px; box-sizing: border-box; line-height:23px; font-weight: normal; white-space:nowrap; color:#545351; border-color:#cec8bc; border-width:1px 0; border-style:solid; padding:0 10px; margin-top:-1px; display:block;}
.topmitems .mitem:hover .menu a:hover{border-width:1px; padding: 0 9px; text-decoration:none; background:rgba(250, 253, 221, 0.5);}
.topmitems .mitem:hover .brid{
    width:100%; height:15px; position:absolute; left: 0; bottom: 1px; display: block;
    background: linear-gradient(rgba(255, 236, 191, 0.05),#fffece calc(100% - 3px));
}


.topads{width:100%; height:auto; min-height:90px; position:relative; margin-bottom:15px; float:left; margin-top:-4px;}
.topads .cont{width: 100%; height: 100%; position:relative; overflow: hidden;}
.topads .imgs{height: 100%; position: absolute; left: 0; top: 0; display: grid; grid-template-columns: repeat(2,auto);}
.topads .img{position: relative;}
.topads img{position:absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.topads .mas{
    width:100%; height:100%; display:block; position:absolute; top:0; left:0;
    box-shadow: 0 0 8px 0 #a0a0a0;
}
.topads .mas::before{
    content: '';
    width: 100%; height: 100%; display: block; box-shadow: inset 0 0 50px #ffffff;
    background-color: rgba(0, 0, 0, 0.01);
}
.topads .buts .obut{
    width:18px; height:18px; box-shadow: 1px 1px 4px 0 #a0a0a0;
}
.topads .buts .cbut{
    width:18px; height:18px; box-shadow: 1px 1px 4px 0 #a0a0a0;
}

.labbar,.msortbar{
    width:auto; height:auto;
    background: linear-gradient(90deg,#d6d6d6 1px,transparent 1px,transparent calc(100% - 1px),#d6d6d6 calc(100% - 1px)),
            linear-gradient(#d6d6d6 1px,transparent 1px,transparent calc(100% - 1px),#d6d6d6 calc(100% - 1px)),
            linear-gradient(90deg,#ffffff 2px,transparent 2px,transparent calc(100% - 2px),#ffffff calc(100% - 2px)),
            linear-gradient(#ffffff 2px,transparent 2px,transparent calc(100% - 2px),#ffffff calc(100% - 2px)),
            linear-gradient(90deg,#565e67 3px,transparent 3px,transparent calc(100% - 3px),#565e67 calc(100% - 3px)),
            linear-gradient(#565e67 3px,transparent 3px,transparent calc(100% - 32px),#565e67 calc(100% - 3px)),
            linear-gradient(#465058,#30373d,#1a1f23,#1a1f23,#343a3f,#444b51);
}
.clab{width:auto; height:auto; padding-right:8px; float:right; position:relative; margin-right:-8px; cursor:pointer; overflow:hidden;}
.clab a{
    width: auto; min-width: 41px; height: 100%; box-sizing: border-box; border-radius: 3px 3px 0 0; box-shadow: 4px 4px 8px 0 #000000; display:block;
    background: linear-gradient(90deg,transparent calc(100% - 1px),rgba(207, 207, 207, 0.5) calc(100% - 1px)),
        linear-gradient(#abd7fe 1px,#79abd8 2px,#346ea4 3px,#ffffff 3px,#ffffff calc(100% - 6px),#fefefe calc(100% - 6px),#eeecea);
    text-align:center; padding:0 10px; font-weight: bold; color:#4e87d3; white-space:nowrap;
}
.olab{width:auto; height:auto; padding-right: 8px; float:right; margin-right:-8px; cursor:pointer; overflow:hidden;}
.olab a{
    width:auto; min-width:50px; height: 100%; box-sizing: border-box; border-radius: 7px 7px 0 0; box-shadow: 4px 4px 8px 0 #000000;
    display:block; text-align:center; font-weight: bold; color:#e0e0e0; white-space:nowrap;
    background: linear-gradient(transparent calc(100% - 1px),#586168 calc(100% - 1px)),
        linear-gradient(90deg,#40494f 1px,transparent 1px, transparent calc(100% - 2px),#40494f calc(100% - 2px),#282d31 calc(100% - 1px)),
        radial-gradient(80% 40% at 40% 20%,rgba(77, 88, 99, 0.2),transparent),
        linear-gradient(#586168,#21282e 45%,#2a333b 65%,#2a333b 85%,#252e34 calc(100% - 4px),#252e34 calc(100% - 4px),#2e373f);
    padding: 0 10px;
}

.hbank{
    width: 100%; height: auto; box-sizing: border-box; position:relative;
    margin: -5px 0 11px 0; float: left; padding: 8px;
    border: 1px solid #c6c3b9; border-radius: 4px; box-shadow:0 0 4px 0 #877d5e;
    background: linear-gradient(#eae7e4,#fefefe 87px,#fefefe);
}

.hbank .more{
    width: 41px; height: 11px; box-sizing: border-box;
    border: 1px solid #c1c1c1; border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.5);
}
.hbank .more:hover{text-decoration: none;}
.hbank .more::before{
    content: 'MORE'; display: block;
    font-size: 12px; line-height: 10px; color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    transform: scale(0.7);
    margin-left: -2px;
}
.hbank .more::after{
    content: '';
    width: 0; height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #ff5494;
    float: right;
    margin: -8px 4px 0 0;
}

.hbank .imgnews{
    width:100%; height:100%; overflow:hidden; float:left;
    display: grid; grid-template-columns: auto auto;
}
.hbank .imgnews .text{
    box-sizing: border-box; padding:16px 10px 10px 10px; overflow:hidden;
    display: grid; grid-template-rows: min-content;
}
.hbank .imgnews .text .atitle{font-size:16px; line-height:20px; clear:both; color:#679800;}
.hbank .imgnews .text .altext{line-height:20px; color:#646464; overflow: hidden;}
.hbank .imgnews .img{overflow: hidden; position: relative;}
.hbank .imgnews .img img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.hbank .cusnews{
    width:100%; height:100%; box-sizing: border-box; padding:14px 10px 10px 10px; float:left; overflow:hidden;
}
.hbank .cusnews .cont{width: 100%;display: grid; grid-template-rows: min-content;}
.hbank .cusnews .title{
    height:20px; font-size:16px; font-weight: bold; line-height:20px; color:#3686ab;
    overflow:hidden; white-space:nowrap; text-overflow: ellipsis;
}
.hbank .cusnews .nitem{
    height:25px; display:grid; grid-template-columns: auto 50px; overflow: hidden;
}

.hbank .cusnews .nitem a{
    color:#616161; text-indent: 5px; line-height:25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.hbank .cusnews .nitem a::before{
    content: '';
    width: 2px; height: 2px; background-color: #616161; float: left; margin-top: 11px;
}.hbank .cusnews .date{height:25px; line-height:25px; text-align:right; color:#a8a8a8;}
.hbank .isonews{
    width:100%; height:100%; box-sizing: border-box; padding: 14px 10px; float:left; overflow:hidden;
    display: grid; grid-template-rows: 20px calc(100% - 20px);
}
.hbank .isonews .title{width: 100%; height: 100%; display: grid; grid-template-columns: auto minmax(0,45px);}
.hbank .isonews .title .more{margin-left: 4px;}
.hbank .isonews .title h1{
    width:auto; height:20px; overflow:hidden; white-space:nowrap;
    font-size:16px; line-height:20px; color:#3686ab; text-overflow: ellipsis;
}
.hbank .isonews .cont{width: 100%; height: auto; display: grid; grid-template-columns: 1fr 2fr;}
.hbank .isonews .img{padding: 8px 10px 0 0;}
.hbank .isonews .img span{
    width: 100%; height: 100%; display: block; position: relative; overflow: hidden;
    box-sizing: border-box; border:2px #c9c7c7 solid;
}
.hbank .isonews .img span img{display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.hbank .isonews .nitem{width:auto; height:auto; overflow:hidden; float:left;}
.hbank .isonews .nitem a{
    color:#616161; line-height:25px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; display:block;
}
.hbank .isonews .nitem a::before{
    content: '';
    width: 2px; height: 2px; background-color: #666666; margin: 12px 5px 0 0; float: left;
}
.hbank .cuscont{
    width: 100%; height: 100%;
    padding:10px; box-sizing: border-box; float:left; position:relative; overflow:hidden;
    display: grid; grid-template-rows: min-content auto;
}
.hbank .cuscont p{line-height:200%;}
.hbank .cuscont .atitle{width:auto; height:auto; font-size:16px; line-height:24px; clear:both; color:#3686ab; display:block; float:left;}
.hbank .cuscont .title{
    width: 100%; height: 100%;
    display: grid; grid-template-columns: auto auto;
}
.hbank .cuscont .title h1{
    width:auto; height:auto; font-size:16px; line-height:24px;
    white-space:nowrap; text-overflow: ellipsis; overflow:hidden; color:#3686ab; display:block;
}
.hbank .cuscont .title .more{margin-left: 4px;}
.hbank .cuscont .hr{padding:0; margin:0; clear:both; height:1px; overflow:hidden;}
.hbank .cuscont .subcont{position: relative; float:left; clear: left; overflow:hidden; border:1px #dbdbda solid; background:#000;}
.hbank .cuscont .subcont video{width: 100%; height: 100%;}
.hbank .cuscont .subcont .olm{position: absolute; top: 0; right: 0;}
.hbank .cuscont .subcont .olm:hover .menu{background: rgba(0, 0, 0, 0.502); box-shadow: none;}
.hbank .cuscont .subcont .olm a{color:#ffffff; border-color:#bbbbbb;}
.hbank .cuscont .subcont .olm a:hover{border-width:1px; background:rgba(46, 46, 46, 0.502);}
.hbank .cuscont .ccl{overflow-x: hidden; overflow-y: auto;}

.hbank .itemx{
    width: auto; height: auto; box-sizing: border-box; box-shadow: 0 0 4px 0 #a7a7a7; position: absolute;
    background: linear-gradient(#ffffff 1px,#ededed 1px,#ffffff 53px,#ffffff);
}
.hbank .prosort{
    width:100%; height:100%; float:left; overflow:hidden;
    display: grid; grid-template-rows: 34px auto;
}
.hbank .prosort .labbar{
    width:100%; height:34px; float:left; display: grid; overflow: hidden;
    grid-template-columns: auto auto min-content;
}
.hbank .prosort .title{
    width:auto; height:33px; padding: 0 10px; display:block; float:left;
    overflow: hidden; white-space:nowrap; text-overflow: ellipsis;
    line-height:33px; color:#e0e0e0; font-size:16px;
}
.hbank .prosort .labs{
    width:auto; height:26px; padding-right:8px; margin-top: 6px;}
.hbank .prosort .clab{height:25px; line-height: 25px; margin-top: 3px;}
.hbank .prosort .olab{height:26px; line-height: 26px;}
.hbank .prosort .sbuts{
    width: 16px; height:auto; margin: auto 2px auto 4px;
}
.hbank .prosort .psbank{
    width: 100%; height: calc(100% + 2px); box-sizing: border-box; padding:18px 10px 10px 10px; overflow:hidden; margin-top:-2px; float:left; display: none;
    background: linear-gradient(90deg,#d7d7d7 1px, transparent 1px, transparent calc(100% - 1px),#d7d7d7 calc(100% - 1px)),
            linear-gradient(#d7d7d7 1px, transparent 1px, transparent calc(100% - 1px),#d7d7d7 calc(100% - 1px)),
            linear-gradient(90deg,transparent 1px,#ffffff 1px,#ffffff 2px,transparent 2px,transparent calc(100% - 2px),#ffffff calc(100% - 2px),#ffffff calc(100% - 1px),transparent calc(100% - 1px)), 
            linear-gradient(#ffffff 2px,#eceae8 2px,#eceae8,#ffffff 20%,#ffffff);
}
.hbank .prosort .psbank .item{
    width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto;
}
.hbank .prosort .psbank .imgs{
    display: grid; row-gap: 10px; column-gap: 10px; justify-content: space-evenly;
}
.hbank .prosort .psbank .imgs img{
    box-sizing: border-box; border: 1px solid #eceae8; box-shadow: 0 0 16px 4px #ffffff;
}

.mbank{width:100%; height:auto; float:left; margin-bottom: 15px; margin-top:-5px;}
.mbank .items{width: calc(20% - 8px); height:auto;}
.mbank .items .cusads{
    width: 100%; position: relative; float: left; margin-bottom: 8px;
    box-shadow: 0 0 4px 0 #a0a0a0;
}
.mbank .mains{
    width: calc(80% - 8px); height:auto; box-sizing: border-box; box-shadow: 0 0 4px 0 #a0a0a0;
    border: 1px solid #ddd6cd; padding: 2px 2px 15px 2px;
    background: linear-gradient(#990001 1px,#c51938 1px,#c51938 2px,#fefefa 2px,#fefefa 3px,transparent 3px) content-box,
        linear-gradient(#eee9e5,transparent 20px,transparent 38px,#edebe5 38px,#edebe5 39px,transparent 39px),
        linear-gradient(90deg,#f0efe8,transparent 20%,transparent 70%,#f1f0ea);
}
.mbank .mains .cusads{
    width: calc(100% - 24px); position: relative; float: left; margin: -1px 12px;
}
.mbank .toleft{float: left;}
.mbank .toright{float: right;}
.mbank .iitem{
    width:100%; height:auto; float:left; margin-bottom:8px;
    background: linear-gradient(#ddd6cd 1px,transparent 1px,transparent calc(100% - 1px),#ddd6cd calc(100% - 1px)),
    linear-gradient(90deg,#ddd6cd 1px,transparent 1px,transparent calc(100% - 1px),#ddd6cd calc(100% - 1px)), rgba(246, 243, 236, 0.302);
    box-shadow: 0 0 4px 0 #a0a0a0; position: relative;
}
.mbank .iitem::before{
    content: ''; width: calc(100% - 2px); height: calc(100% - 2px); box-shadow: inset 0 0 50px #f0efe8; 
    position: absolute; left: 1px; top: 1px;
}
.mbank .iitem .t{
    width:100%; height:37px; box-sizing: border-box; padding:0 16px; float:left; position:relative;
    display: grid; grid-template-columns: auto min-content;
}
.mbank .iitem .t::after{
    content: ''; width: 90%; height: 1px; background: linear-gradient(90deg,rgba(249, 249, 245, 0.4) 20%,rgba(230, 226, 218, 0.4) 50%,rgba(249, 249, 245, 0.4) 80%);
    box-shadow: 0 1px 3px rgba(220, 203, 176, 0.451); position: absolute; top: 36px; left: 5%;
}
.mbank .iitem .t .title{
    width:100%; height:37px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;
    font-size:16px; line-height:40px; color:#268f0a;
}
.mbank .iitem .t .more{
    width:auto; height:37px; line-height:40px; padding-right:15px; color:#ec3d06; white-space:nowrap;
}
.mbank .iitem .t .more::before{
    content: ''; width: 13px; height: 11px; box-sizing: border-box; border: 1px solid #d2d2d2; border-radius: 1px; float: right;
    margin: 13px -15px 0 0;
}
.mbank .iitem .t .more::after{
    content: ''; width: 0; height: 0; float: right; margin: 16px -10px 0 0;
    border-left: 3px solid #ed4712; border-top: 2px solid transparent; border-bottom: 2px solid transparent;
}
.mbank .iitem .pl{
    width:calc(100% - 32px); margin: 0 16px; position: relative; float: left; line-height:28px; overflow:hidden;
}
.mbank .iitem .tl{
    width:calc(100% - 32px); height:28px; border-bottom:1px #b9ae9f dotted; box-sizing: border-box; margin: 0 16px; position: relative; float: left;
    text-indent: 16px; line-height:28px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; cursor: pointer;
}
.mbank .iitem .tl::before{
    content: ''; width: 6px; height: 6px; box-sizing: border-box; border: 1px solid #304053; border-width: 1px 1px 0 0;
    transform: rotate(45deg); position: absolute; left: 0; top: 10px;
}
.mbank .iitem .tl::after{
    content: ''; width: 6px; height: 6px; box-sizing: border-box; border: 1px solid #304053; border-width: 1px 1px 0 0;
    transform: rotate(45deg); position: absolute; left: 3px; top: 10px;
}
.mbank .iitem .il{
    width:calc(100% - 32px); height:auto; margin: 0 16px; position: relative; float: left;
    border-bottom:1px #b9ae9f dotted;
}
.mbank .iitem .il img{max-width:100%; box-sizing: border-box; display: block; margin:10px auto 0 auto; border:1px #b9ae9f dotted;}
.mbank .iitem .il strong{
    width:100%; height:28px; float:left; overflow:hidden;
    text-align:center; line-height:28px; white-space:nowrap; text-overflow: ellipsis;
}
.mbank .iitem .nsico{
    width:calc(100% - 32px); height:auto; margin: 0 16px; position: relative; float: left;
}
.mbank .iitem .nsico img{
    max-width:100%; box-sizing: border-box; display: block; margin:10px auto 0 auto; border:1px #b9ae9f dotted;
}
.mbank .iitem .video{
    width: calc(100% - 32px); height: auto; margin: 0 16px; position: relative; float: left;
}
.mbank .iitem .video video{max-width: 100%;}
.mbank .iitem .ccl{
    width: calc(100% - 32px); height: auto; margin: 0 16px; position: relative; float: left;
}
.mbank .iitem .ccl video{
    width: 100%; margin: auto; position: static;
}
.mbank .iitem .b{width: 100%; height: 16px; float: left;}

.mbank .locbar{
    width:100%; height:40px; box-sizing: border-box; padding:0 20px; float:left; margin-bottom: 15px;
    line-height:40px; white-space:nowrap; overflow:hidden; color:#095512; text-indent:10px;
    position: relative; text-overflow: ellipsis;
}
.mbank .locbar::before{
    content: ''; width: 10px; height: 10px; background: #bfad99; border-radius: 3px;
    position: absolute; top: 15px; left: 15px;
}
.mbank .locbar::after{
    content: ''; width: 3px; height: 3px; border: 1px solid #ffffff; border-width: 1px 1px 0 0;
    transform: rotate(45deg); position: absolute; top: 18px; left: 17px;
}
.mbank .locbar a{color:#095512;}
.mbank .mcont{width:100%; height:auto; padding: 0 12px; box-sizing: border-box;}
.mbank .searchbar{
    width: 100%; height: auto; box-sizing: border-box; padding: 0 12px; margin-bottom: 15px; float: left;
    display: grid; grid-template-columns: 40% 60%; column-gap: 10px;
}
.mbank .searbank{
    width:100%; height:33px; box-sizing: border-box; border-radius: 4px; position: relative;
    padding:5px 6px 6px 5px; display: grid; grid-template-columns: calc(100% - 22px) 22px;
    background: linear-gradient(#cac9c7 5px,transparent 5px,transparent calc(100% - 5px),#dcdcda calc(100% - 5px),#dedddc),
        linear-gradient(transparent calc(100% - 6px),rgba(220, 219, 218, 0.5) calc(100% - 6px)),
        linear-gradient(90deg,transparent calc(100% - 6px),rgba(220, 219, 218, 0.5) calc(100% - 6px));
}
.mbank .searbank::before{
    content: '';
    width: 5px; height: 100%; border-radius: 4px 0 0 4px; top: 0; left: 0; position: absolute;
    background: linear-gradient(#cac9c7 calc(50% - 1px),#cfcecc calc(50% - 1px),#cfcecc 50%,#d5d4d3 50%,#dedddc);
}
.mbank .searbank::after{
    content: '';
    width: 5px; height: 100%; border-radius: 0 4px 4px 0; top: 0; right: 0; position: absolute;
    background: linear-gradient(#cac9c7 calc(50% - 1px),#cfcecc calc(50% - 1px),#cfcecc 50%,#d5d4d3 50%,#dedddc);
}
.mbank .searbank .but{width:22px; height:22px; position: relative; border: 0; background: none;}
.mbank .searbank .but::before{
    content: ''; width: 12px; height: 12px; box-sizing: border-box; border: 2px solid #8f8282; border-radius: 50%;
    float: left; margin: 4px;
}
.mbank .searbank .but::after{
    content: ''; width: 7px; height: 2px; background: #8f8282; transform: rotate(45deg);
    float: left; margin: -5px 0 0 13px;
}
.mbank .searbank input[type=search]{
    height:22px; padding:0 5px; line-height:22px; font-family:Arial; font-weight:bold; font-size:16px; background:none; border:0;
}
.mbank .searhotkey{width:100%; height:33px; line-height:16px; overflow:hidden;}
.mbank .searhotkey label{white-space:nowrap; color:#FD8802; padding-right:5px; display:block; float:left;}
.mbank .searhotkey a{white-space:nowrap; color:#888; text-decoration:underline; padding-right:8px; display:block; float:left;}
.mbank .msortbar{
    width:calc(100% - 24px); height:52px; float:left; margin: -1px 12px;
    display: grid; grid-template-columns: auto min-content;
}
.mbank .msortbar .labs{width:auto; height:26px; margin-top: 26px; padding:0 6px 0 10px; float:left;}
.mbank .msortbar .clab{height:25px; line-height: 25px; margin-top: 3px; float: left;}
.mbank .msortbar .olab{height:26px; line-height: 26px; float: left;}
.mbank .msortbar .sbuts{
    width:20px; height:auto; margin: auto 2px auto 4px; display: grid; row-gap: 5px;
}
.mbank .mccont{
    width: calc(100% - 24px); height: auto; float: left; box-sizing: border-box;
    padding: 8px 16px; margin: 0 12px;
    background: linear-gradient(90deg,#d5d5d5 1px,transparent 1px,transparent calc(100% - 1px),#d5d5d5 calc(100% - 1px)),
    linear-gradient(#d5d5d5 1px,transparent 1px,transparent calc(100% - 1px),#d5d5d5 calc(100% - 1px)),
    linear-gradient(90deg,#ffffff 2px,transparent 2px,transparent calc(100% - 2px),#ffffff calc(100% - 2px)),
    linear-gradient(#ffffff 2px,transparent 2px,transparent calc(100% - 2px),#ffffff calc(100% - 2px)),
    linear-gradient(#eae9e7 2px,#eae9e7 23px,#f4f3f1);
}
.mbank .mccont .cont{
    width: 100%; height: auto; box-sizing: border-box; padding: 20px; line-height: 200%; box-shadow: 0 0 4px #d6d6d5;
    margin: 8px 0; float: left;
    background: linear-gradient(90deg,#d0d1d2 1px,transparent 1px,transparent calc(100% - 1px),#d0d1d2 calc(100% - 1px)),
    linear-gradient(#d0d1d2 1px,transparent 1px,transparent calc(100% - 1px),#d0d1d2 calc(100% - 1px)),#fffdfe;
}
.mbank .mccont .cont .ni-title{
    line-height: 24px; font-size: 20px; color: #21a701; padding: 5px;
}
.mbank .mccont .cont .note{
    width: auto; height: 20px; line-height: 20px; white-space: nowrap; color: #aaa; clear: both; padding-bottom: 10px;
}
.mbank .mccont .cont .mc-video{max-width: 100%;}
.mbank .mccont .cont .b-line{margin-top: 10px;}
.mbank .mccont .cont ._link{
    width: 100%; height: 24px; box-sizing: border-box; line-height: 24px; padding-left: 24px; color: #666; float: left; clear: both; position: relative;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.mbank .mccont .cont ._link::before{
    content: ''; width: 16px; height: 16px; box-sizing: border-box; position: absolute; left: 0; top: 4px;
    border: 1px solid #c6c6c6; border-radius: 1px;
    background: linear-gradient(90deg,#fdfdfd 1px,transparent 1px,transparent calc(100% - 1px),#fdfdfd calc(100% - 1px)),
    linear-gradient(#fdfdfd 1px,#eaeaea 1px,#fdfdfd calc(100% - 1px),#fdfdfd calc(100% - 1px));
}
.mbank .mccont .cont ._link::after{
    content: ''; width: 6px; height: 6px; box-sizing: border-box; position: absolute; left: 5px;
    border: 1px solid #707070; border-width: 1px 1px 0 0;
}
.mbank .mccont .cont .pre::after{transform: rotate(-45deg); top: 10px;}
.mbank .mccont .cont .next::before{transform: rotate(180deg);}
.mbank .mccont .cont .next::after{transform: rotate(135deg); top: 8px;}
.mbank .mccont .videos{display: grid; row-gap: 20px;}
.mbank .mccont .videos .title{display: grid; grid-template-columns: auto min-content;}
.mbank .mccont .videos video{
    width: auto; max-width: 100%; margin: auto;
}
.mbank .mccont .videos .clips{
    display: grid; grid-template-columns: repeat(auto-fill,100px); column-gap: 10px; row-gap: 10px;
    justify-content: space-evenly;
}
.mbank .mccont .videos .clips a{cursor: pointer;}
.mbank .mccont .videos .clips span{
    width: 100px; height: 57px; float: left; position: relative; overflow: hidden;
}
.mbank .mccont .videos .clips img{width: 100%; position: absolute; top: 0; bottom: 0; margin: auto;}
.mbank .mccont .videos .clips label{
    width: 100px; line-height: 20px; overflow: hidden; float: left;
    white-space: nowrap; text-overflow: ellipsis; text-align: center;
}
.mbank .mccont .photos{
    width: 100%; display: grid; column-gap: 10px; row-gap: 10px; justify-content: center;
    margin: 20px 0; float: left; grid-auto-flow: column;
}
.mbank .mccont .photos .mimg{
    position: relative; box-sizing: border-box; border:2px #9c6703 solid; overflow: hidden;
}
.mbank .mccont .photos .mimg::before{
    content: ''; width: 30%; height: 30%; border: 2px solid #9c5503; border-radius: 50%;
    border-width: 0 2px 2px 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;
    animation: rotation 3s linear infinite;
}
.mbank .mccont .photos .mimg::after{
    content: ''; width: 20%; height: 20%; border: 2px solid #9c8d03; border-radius: 50%;
    border-width: 0 2px 2px 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;
    animation: derotation 3s linear infinite;
}
.mbank .mccont .photos .mimg img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 1;}
.mbank .mccont .photos .simg{
    position: relative; box-sizing: border-box; border:2px #b9af0c solid; cursor: pointer;
    overflow: hidden;
}
.mbank .mccont .photos .simg img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.mbank .mccont .photos .simg span{display: none;}
.mbank .mccont .photos .cimg span{
    width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.357);
    position: absolute; left: 0; top: 0; cursor: default;
}
.mbank .mccont .photos .preview{
    width: 100%; height: 100%; background: rgba(0, 0, 0, 0.502); position: fixed; left: 0; top: 0;
    display: none; z-index: 3;
}
.mbank .mccont .photos .preview img{
    width: auto; max-width: 99%; height: auto; max-height: 99%; position: absolute;
    top: 0; right: 0; bottom: 0; left: 0; margin: auto;
}
.mbank .feedback .title{color:#9c2001;}
.mbank .swaplink .title{color:#019c2f;}
.mbank form .title{
    line-height:51px; padding-left:24px; letter-spacing:2px;
}
.mbank form{width: 100%; height: auto;}
.mbank form .irf{color: #7c7c7c;}
.mbank form input{
    width: 400px; max-width: 100%; height: 30px; border: 2px solid #b9b9b9; border-radius: 5px;
    box-sizing: border-box; font-size: 14px; padding: 0 5px;
}
.mbank form textarea{
    width: 400px; max-width: 100%; height: 100px; border: 2px solid #b9b9b9; border-radius: 5px;
    box-sizing: border-box; font-size: 14px; padding: 5px;
}
.mbank form input[type=file]{border: 0;}
.mbank form button{
    width: 400px; max-width: 100%; height: 40px; border: 0; background: #089201; color: #ffffff;
    float: left; clear: left;
}
.mbank form .e-irf{
    border-color: #ff4f15; background-color: #fff4f4;
}
.mbank form .validate{
    padding-left: 80px; background-position: 0 50%; background-size: contain; background-repeat: no-repeat;
}
.mbank form .uva{color: #9b0055; text-decoration: underline; cursor: pointer;}
.mbank form .e-alt{
    width: auto; max-width: 100%; height: auto; box-sizing: border-box; padding: 5px; position: relative; display: none;
    border: 1px solid #d83600; border-radius: 5px; background-color: #fff4f4; color: #d83600; line-height: 20px;
}
.mbank form .e-alt::before{
    content: '!'; color: #d83600; width: 20px; height: 20px; float: left; line-height: 20px; text-align: center;
}
.mbank form .e-alt::after{
    content: ''; width: 14px; height: 14px; float: left; border: 1px solid #d83600; border-radius: 50%;
    position: absolute; left: 7px; top: 7px; background: rgba(255, 0, 0, 0.078);
}
.mbank form .attachs{
    width: 400px; max-width: 100%; display: grid; row-gap: 5px;
}
.mbank form .attachs .item{
    width: 100%; height: 40px; background: rgba(238, 238, 238, 0.8); display: grid; grid-template-columns: 40px auto min-content; column-gap: 5px;
    
}
.mbank form .attachs .e-item{background: rgba(223, 10, 134, 0.753); animation: error-alt 3s infinite;}
.mbank form .attachs .inf{
    line-height: 150%; overflow: hidden; color: #505050; font-size: smaller; white-space: nowrap; text-overflow: ellipsis;
}
.mbank form .attachs .remove{
    width: 20px; height: 40px; cursor: pointer; position: relative;
}
.mbank form .attachs .remove::before{
    content: ''; width: 18px; height: 2px; background: #b1b1b1; transform: rotate(45deg);
    position: absolute; top: 18px;
}
.mbank form .attachs .remove::after{
    content: ''; width: 18px; height: 2px; background: #b1b1b1; transform: rotate(-45deg);
    position: absolute; top: 18px;
}
.mbank form .attachs .template{display: none;}

.mbank .mccont .cont .pcount{width:auto; height: auto; min-height:16px; padding:10px 12px; float:right; display:block;}
.mbank .mccont .cont .pcount .inf{width:auto; height:auto; min-height: 16px; line-height:16px; color:#898989; margin-right:10px; display:contents; float:left;}
.mbank .mccont .cont .pcount .cp{width:auto; height:16px; line-height:16px; font-weight:bold; color:#5e4242; margin-left:5px; display:contents; float:left;}
.mbank .mccont .cont .pcount .op{width:auto; height:16px; line-height:16px; color:#898989; margin-left:5px; display:contents; float:left;}
.mbank .mccont .cont .pcount .op:hover{text-decoration:underline;}
.mbank .mccont .cont .pcount_buts{
    float: right; clear: both; display: grid; grid-template-columns: min-content min-content;
}
.mbank .mccont .cont .pcount_buts ._but{width: 16px; height: 16px; margin-left: 15px; display: block; position: relative;}
.mbank .mccont .cont .pcount_buts ._but::before{
    content: ''; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #9f9f9f; border-radius: 1px;
    position: absolute; left: 0; top: 0;
    background: linear-gradient(#f8f8f8 1px,transparent 1px,transparent calc(100% - 1px),#f8f8f8 calc(100% - 1px)),
    linear-gradient(90deg,#f8f8f8 1px,#d6d6d6 1px,#f8f8f8 calc(100% - 1px),#f8f8f8 calc(100% - 1px));
}
.mbank .mccont .cont .pcount_buts ._but::after{
    content: ''; width: 6px; height: 6px; box-sizing: border-box; position: absolute; top: 5px;
    border: 1px solid #4d4d4d; border-width: 1px 1px 0 0;
}
.mbank .mccont .cont .pcount_buts ._but .label{display: none;}
.mbank .mccont .cont .pcount_buts .pre::after{transform: rotate(-135deg); left: 6px;}
.mbank .mccont .cont .pcount_buts .pre:hover::before{
    border-color: #98c181; background: linear-gradient(#f8f8f8 1px,transparent 1px,transparent calc(100% - 1px),#f8f8f8 calc(100% - 1px)),
    linear-gradient(90deg,#f8f8f8 1px,#aad891 1px,#f8f8f8 calc(100% - 1px),#f8f8f8 calc(100% - 1px));
}
.mbank .mccont .cont .pcount_buts .pre:hover::after{border-color: #487d20;}
.mbank .mccont .cont .pcount_buts .nex::before{transform: rotate(180deg);}
.mbank .mccont .cont .pcount_buts .nex::after{transform: rotate(45deg); left: 4px;}
.mbank .mccont .cont .pcount_buts .nex:hover::before{
    border-color: #caba61; background: linear-gradient(#f8f8f8 1px,transparent 1px,transparent calc(100% - 1px),#f8f8f8 calc(100% - 1px)),
    linear-gradient(90deg,#f8f8f8 1px,#d8cd98 1px,#f8f8f8 calc(100% - 1px),#f8f8f8 calc(100% - 1px));
}
.mbank .mccont .cont .pcount_buts .nex:hover::after{border-color: #a75207;}

.mbank .infitems{width:100%; height:auto; float:left; list-style:none;}
.mbank .infitems li{
    width:100%; height:auto; border-bottom:1px #CCC solid; margin-bottom:10px; float:left;
    padding-bottom: 2px;
}
.mbank .infitems li .title{width:100%; height:auto;color:#F27900; float:left; line-height:30px; font-weight:bold; font-size:13px;}
.mbank .infitems li .valt{
    width: 100%; height: 80px; float: left;
    display: grid; grid-template-columns: min-content auto; column-gap: 20px;
}
.mbank .infitems li .valt .vpi{
    width: 140px; height: 100%; overflow: hidden; position: relative;
}
.mbank .infitems li .valt .vpi img{
    width: 100%; position: absolute; top: 0; bottom: 0; margin: auto;
}
.mbank .infitems li .valt .vpi span{
    position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.502); color: #ffffff; padding: 0 5px;
}
.mbank .infitems li .valt .alt{position: relative;}
.mbank .infitems li .valt .alt .vi{
    position: absolute; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); color: #ffffff; padding: 0 5px;
    border-radius: 3px;
}
.mbank .infitems li .alt{width:100%; height:80px; overflow:hidden; float:left; line-height:20px; color:#666;}
.mbank .infitems li .date{color:#AFAFAF; line-height:24px;}
.mbank .imgitems{
    width:100%; height:auto; float:left; display: grid; justify-content: space-evenly;
    grid-template-columns: repeat(auto-fill, 200px); column-gap: 20px; row-gap: 20px;
}
.mbank .imgitems a{width:200px; height:auto;}
.mbank .imgitems a span{
    width: 200px; height: 200px; display:block; overflow: hidden; position: relative;
    border: 1px solid #ddd; box-sizing: border-box; border-radius: 1%;
}
.mbank .imgitems a span img{width: 200px; position: absolute; top: 0; bottom: 0; margin: auto;}
.mbank .imgitems a label{
    width: 100%; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    display: block; text-align: center;
}
.ep-image{position: relative;}
.ep-image img{position: absolute; left: 0; right: 0; margin: auto;}
.ep-table{width: 100%; border-collapse: collapse;}
.ep-qrcode{position: relative;}
.ep-qrcode .qrbg{width: 50%; height: 50%; position: absolute; left: 0; right: 0; margin: auto;}
.ep-video{position: relative;}
.ep-video video{max-width: 100%; position: absolute; left: 0; right: 0; margin: auto;}
.ep-blank{height: 20px;}
.ep-hr{margin: 10px 0;}

.copy{
    width:100%; height:auto; min-height: 31px; box-sizing: border-box; padding:0 4px; margin-top:-5px; margin-bottom: 4px; overflow:hidden; float:left; line-height:31px;
    border: 1px solid #c6c3ba; border-radius: 4px;
    background: linear-gradient(#ebebea,#e8e8e8 50%,#e3e3e3 50%,#f6f6f5);
}
.bot{width:100%; height:auto; box-sizing: border-box; padding:10px 14px; float:left; color:#474747;}
.cuslink{width:auto; height:auto; line-height:24px; float:left;}
.cuslink span{padding:0 10px;}
.cuslink a{color:#474747;}
.ssite{width:auto; height:11px; padding:6px 0; float:left;}
.ssite a{width:16px; height:11px; display:block; float:left; margin-right:10px;}
.ssite a img{width:16px; height:11px;}
.custtex{width:100%; height:auto; float:left; line-height:24px;}
.custtex span{width:auto; height:auto; line-height:24px; float:left; margin-right:20px;}
.swaplink{width:100%; height:auto; float:left; overflow:hidden; line-height:24px;}
.swaplink a{white-space:nowrap; margin-right:20px; display:block; float:left; color:#474747;}

.loadpage{
    width: 100%; height: 100%; background: #fff; position: fixed; z-index: 100;
}
.loadpage .run{
    width: 100px; height: 100px; border: 2px solid #ff290c; border-radius: 50%;
    border-left-width: 0; border-top-width: 0;
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;
    transform: rotate(360deg); animation: rotation 3s linear infinite;
}
.busy{
    width: 100%; height: 100%; background: rgba(255, 255, 255, 0.502); position: fixed; z-index: 100;
}
.busy .run{
    width: 100px; height: 100px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;
}
.busy .run::before{
    content: ''; width: 20%; height: 20%; border-radius: 50%; background: #f00;
    position: absolute; left: 30%; top: 40%;
    animation: busyleft 3s linear infinite;
}
.busy .run::after{
    content: ''; width: 20%; height: 20%; border-radius: 50%; background: #00f;
    position: absolute; left: 50%; top: 40%;
    animation: busyright 3s linear infinite;
}

@media(max-width:1200px){
    .mbank .items{width: calc(30% - 8px);}
    .mbank .mains{width: calc(70% - 8px);}
}
@media(min-width:800px){/*pc screen >=800px*/
    html,body{background:#ece9e4 url(/images/bg.jpg) no-repeat 50% 0; margin: 0 4px;}
}
@media(max-width:800px){/*cell phone screen <800px*/
    .page{width: 100%;}
    .copy{border: none; background: #222; padding: 4px; margin: -10px 0 0 0; color: #ccc; border-radius: 0;}
    .bot{background: #222; color: #aaa;}
    .bot a,.cuslink a,.swaplink a{color: #aaa;}    
    .topmenu{
        background: none; border-radius: 0; border-width: 0; position: fixed; padding: 0;
        display: grid; grid-template-columns: min-content auto; z-index: 2;
    }
    .toplline{width: auto; height: 55px; padding: 5px 5px 0 0; box-sizing: border-box; background: rgba(230, 230, 223, 0.902);}
    .toplline .siteitems{margin-left: 10px; z-index: 1;}
    .toplline .siteitems .citem{
        background: linear-gradient(#c6c3b9 1px,transparent 1px,transparent calc(100% - 1px),#c6c3b9 calc(100% - 1px)),
                    linear-gradient(90deg,#c6c3b9 1px,transparent 1px,transparent calc(100% - 1px),#c6c3b9 calc(100% - 1px));
    }
    .toplline .siteitems .citem .text{display: none;}
    .toplline .siteitems .citem .dot{display: none;}
    .toplline .siteitems:hover .menu{
        box-shadow: none; right: -5px; top: -5px; z-index: 1;
        background: linear-gradient(#c6c3b9 1px,transparent 1px,transparent calc(100% - 1px),#c6c3b9 calc(100% - 1px)),
                    linear-gradient(90deg,#c6c3b9 1px,transparent 1px,transparent calc(100% - 1px),#c6c3b9 calc(100% - 1px)),
                    rgba(255, 255, 255, 0.906);
    }
    .toplogo{
        width: auto; height: 55px; max-width: none; position: static; padding: 5px; box-sizing: border-box;
        background: rgba(230, 230, 223, 0.902);
    }
    .toplogo img{position: static; max-width: none;}
    .topmitems{
        width: 100%; max-width: none; height: 33px; grid-template-columns: auto min-content;
        background: rgba(255, 255, 255, 0.902); border: 1px solid #c6c3b9; border-width: 1px 0;
        position: static; grid-column-start: span 2;
    }
    .topmitems .mitem{height: 33px; line-height: 33px;}
    .topmitems .mitem:hover{
        height: 33px; line-height: 33px; margin: 0; padding: 0 15px;
        background: linear-gradient(rgba(230, 230, 223, 0.902),transparent 6px);
        border: 0; border-radius: 0;
    }
    .topmitems .mitem:hover .brid{display: none;}
    .topmitems .mitem:hover .menu{left: 0; top: 31px; padding: 10px; box-shadow: none; border-radius: 0; background: rgba(255, 255, 255, 0.902);}
    .topmitems .mitem:hover .menu a:hover{background: rgba(230, 230, 223, 0.902);}
    .topmitems .vline{display: none;}
    .topmitems .more{width: 24px; height: 24px; margin: 5px 0 0 0;}
    .topmitems .more a{border: 0; background: none; margin: auto;}
    .topmitems .more a:hover{box-shadow: none; background: none;}
    .topmitems .more .ldot{transform: rotate(0deg);}
    .topmitems .more .rdot{transform: rotate(90deg);}
    .olm .oldot{background: none;}
    .olm:hover .menu{box-shadow: none; background: rgba(255, 255, 255, 0.902);}
    .clab a{border-radius: 0; box-shadow: none; text-overflow: ellipsis; overflow: hidden;}
    .olab a{background: linear-gradient(rgba(230, 230, 223, 0.902),transparent 6px); color: #909090; border-radius: 0; box-shadow: none; text-overflow: ellipsis; overflow: hidden;}
    .hbank{background: none; border: 0; border-radius: 0; box-shadow: none; display: grid; row-gap: 16px; padding: 8px 16px; position: static;}
    .hbank .itemx{
        width: 100%; position: static; box-shadow: 0 0 4px #d6d6d5;
        background: linear-gradient(90deg,#d0d1d2 1px,transparent 1px,transparent calc(100% - 1px),#d0d1d2 calc(100% - 1px)),
        linear-gradient(#d0d1d2 1px,transparent 1px,transparent calc(100% - 1px),#d0d1d2 calc(100% - 1px)),#fffdfe;
    }
    .hbank .imgnews{padding: 1px; box-sizing: border-box;}
    .hbank .cxmas{width: 100%; position: static; box-shadow: 0 0 4px #d6d6d5;}
    .hbank .cusads{width: 100%; position: relative;}
    .hbank .cusads .cxmas{position: absolute;}
    .hbank .prosort{display: block;}
    .hbank .prosort .labbar{display: none;}
    .hbank .prosort .title{color: #485057;}
    .hbank .prosort .psbank{background: none;}
    .hbank .prosort .clab{width: 100%; height: 40px; line-height: 40px; margin: 0; padding: 0; float: left;}
    .hbank .prosort .olab{width: 100%; height: 40px; line-height: 40px; margin: 0; padding: 0; float: left;}
    .mbank .toright{float: left; clear: left;}
    .mbank .mains{width: 100%; box-shadow: none; border: none; background: none; padding: 0;}
    .mbank .searchbar{grid-template-columns: 60% 40%;}
    .mbank .mccont{background: none; padding: 8px 0;}
    .mbank .items{width: 100%;}
    .mbank .items .cusads{width: calc(100% - 24px); margin: 0 12px 16px 12px; box-shadow: none;}
    .mbank .iitem{width: calc(100% - 24px); margin: 0 12px 16px 12px; box-shadow: none; background: none;}
    .mbank .iitem::before{display: none;}
    .mbank .iitem .t::after{background: none;}
    .mbank .iitem .il{border: none;}
    .mbank .iitem .tl{border: none;}
    .mbank .msortbar{
        height: auto; display: block; background: none;
    }
    .mbank .msortbar .labs{height: auto; padding: 0; margin: 0;}
    .mbank .msortbar .clab{height: 30px; line-height: 30px; margin: 0;}
    .mbank .msortbar .clab a{background: none;}
    .mbank .msortbar .olab{height: 30px; line-height: 30px; margin: 0;}
    .mbank .msortbar .olab a{background: none; color: #676767;}
    .mbank .msortbar .sbuts{width: 0; display: block;}
    .mbank .msortbar .sbuts a{width: 0; height: 0; margin: auto; border: 0;}
    .mbank .msortbar .sbuts a::before{content: none;}
    .mbank .msortbar .sbuts a::after{content: none;}
    .mbank .mccont .cont .pcount_buts ._but{width: auto; height: 30px; border: 1px solid #888;}
    .mbank .mccont .cont .pcount_buts ._but::before{content: none;}
    .mbank .mccont .cont .pcount_buts ._but::after{width: 8px; height: 8px; top: 11px;}
    .mbank .mccont .cont .pcount_buts ._but .label{display: block; line-height: 30px; font-weight: bold;}
    .mbank .mccont .cont .pcount_buts .pre{padding-left: 22px; padding-right: 11px; border-color: #487d20; background: rgba(178, 251, 122, 0.333);}
    .mbank .mccont .cont .pcount_buts .pre::after{border-color: #487d20; left: 11px;}
    .mbank .mccont .cont .pcount_buts .pre .label{color: #487d20;}
    .mbank .mccont .cont .pcount_buts .nex{padding-left: 11px; padding-right: 22px; border-color: #a75207; background: rgba(247, 186, 133, 0.333);}
    .mbank .mccont .cont .pcount_buts .nex::after{border-color: #a75207; left: auto; right: 11px;}
    .mbank .mccont .cont .pcount_buts .nex .label{color: #a75207;}
}
@keyframes rotation{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@keyframes derotation{
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}
@keyframes busyleft{
    0% {left: 10%; z-index: 2;}
    10% {left: 30%;}
    25% {left: 25%;}
    50% {left: 70%; z-index: 3;}
    60% {left: 50%;}
    75% {left: 55%;}
    100% {left: 10%;}
}
@keyframes busyright{
    0% {left: 70%; z-index: 3;}
    10% {left: 50%;}
    25% {left: 55%;}
    50% {left: 10%; z-index: 2;}
    60% {left: 30%;}
    75% {left: 25%;}
    100% {left: 70%;}
}
@keyframes error-alt {
    0% {background: rgba(223, 10, 134, 0.753);}
    50% {background: rgba(223, 10, 134, 0.247);}
    100% {background: rgba(223, 10, 134, 0.753);}
}