/*
* name: mmenu.css
* version: v1.0.9
* update: pad竖屏菜单不能全部收回bug
* data: 2015-02-25
*/
html.mm-opened, html.mm-opened body { position: relative; overflow: hidden; width: 100%; height: 100%;}
.mm-opened .mm-menu, .mm-opened #mm-blocker, .mm-opened .mm-fixed-top, .mm-opened .mm-fixed-bottom, .mm-opened .mm-menu.mm-horizontal >.mm-panel { -webkit-transition: none 0.4s ease; -moz-transition: none 0.4s ease; -ms-transition: none 0.4s ease; -o-transition: none 0.4s ease; transition: none 0.4s ease; -webkit-transition-property: top, right, bottom, left, border; -moz-transition-property: top, right, bottom, left, border; -ms-transition-property: top, right, bottom, left, border;-o-transition-property: top, right, bottom, left, border; transition-property: top, right, bottom, left, border; }
#mm-blocker { position: absolute; z-index: 999; top: 0; display: none; width: 100%; height: 100%; margin: 0;border: 0; background: url(about:blank); }
.mm-opened #mm-blocker, .mm-blocking #mm-blocker { display: block;}
.mm-opened.mm-opening .mm-menu { left: 0;}
.mm-opened #mm-blocker { left: 50%;}
.mm-menu .mm-hidden { display: none;}
.mm-fixed-top, .mm-fixed-bottom { position: fixed; left: 0;}
.mm-fixed-top { top: 0;}
.mm-fixed-bottom { bottom: 0;}
.mm-opened { position: relative; overflow: hidden; width: 100%; height: 100%;}
.mm-menu.mm-current { display: block;}
.mm-menu { position: fixed; z-index: 99; top: 0; left: -50%; overflow: hidden; width: 50%; height: 100%;padding: 0; }
.mm-menu >.mm-panel { position: absolute; z-index: 0; top: 0; left: 100%; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; width: 100%; height: 100%; padding: 20px; background: inherit; -webkit-overflow-scrolling: touch;}
.mm-menu >.mm-panel.mm-opened { left: 0;}
.mm-menu >.mm-panel.mm-subopened { left: -40%;}
.mm-menu >.mm-panel.mm-highest { z-index: 1;}
.mm-menu >.mm-panel.mm-hidden { display: block; visibility: hidden;}
.mm-menu .mm-list { padding: 20px 0;}
.mm-menu >.mm-list { padding: 20px 0 40px 0;}
.mm-panel >.mm-list { margin-right: -20px; margin-left: -20px;}
.mm-panel >.mm-list:first-child { padding-top: 0;}
.mm-list, .mm-list >li { display: block; margin: 0; padding: 0; list-style: none;}
.mm-list a, .mm-list a:hover { text-decoration: none;}
.mm-list >li { position: relative;}
.mm-list >li >a, .mm-list >li >span { display: block; overflow: hidden; margin: 0; padding: 10px 10px 10px 20px; white-space: nowrap;text-overflow: ellipsis; color: inherit; }
.mm-list >li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; content: ''; border-bottom-width: 1px; border-bottom-style: solid;}
.mm-list >li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after { position: relative; left: auto; width: auto;margin-left: 20px; }
.mm-list a.mm-subopen { position: absolute; z-index: 2; top: 0; right: 0; width: 40px; height: 100%;padding: 0; }
.mm-list a.mm-subopen::before { position: absolute; top: 0; left: 0; display: block; height: 100%; content: ''; border-left-width: 1px; border-left-style: solid;}
.mm-list a.mm-subopen.mm-fullsubopen { width: 100%;}
.mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none;}
.mm-list a.mm-subopen +a, .mm-list a.mm-subopen +span { margin-right: 40px; padding-right: 5px;}
.mm-list >li.mm-selected >a.mm-subopen { background: transparent;}
.mm-list >li.mm-selected >a.mm-fullsubopen +a, .mm-list >li.mm-selected >a.mm-fullsubopen +span { margin-right: 0; padding-right: 45px;}
.mm-list a.mm-subclose { margin-top: -20px; padding-top: 30px; text-indent: 20px;}
.mm-list >li.mm-label {font-size: 10px; line-height: 25px; overflow: hidden; padding-right: 5px; white-space: nowrap; text-indent: 20px; text-transform: uppercase; text-overflow: ellipsis; }
.mm-list >li.mm-spacer { padding-top: 40px;}
.mm-list >li.mm-spacer.mm-label { padding-top: 25px;}
.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { position: absolute; bottom: 50%; display: block; width: 7px; height: 7px; margin-bottom: -5px; content: ''; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg); border: 2px solid transparent; }
.mm-list a.mm-subopen:after { right: 18px; border-top: 0; border-left: none;}
.mm-list a.mm-subclose:before { left: 22px; margin-bottom: -15px; border-right: 0; border-bottom: 0;}
.mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px;}
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent;}
.mm-menu.mm-vertical .mm-list li.mm-opened >.mm-panel { display: block;}
.mm-menu.mm-vertical .mm-list >li.mm-opened >a.mm-subopen { height: 40px;}
.mm-menu.mm-vertical .mm-list >li.mm-opened >a.mm-subopen:after { top: 16px; right: 16px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg); }
.mm-ismenu { background: #333;}
.mm-menu { color: rgba(255, 255, 255, 0.6);}
.mm-menu .mm-list >li:after { border-color: rgba(0, 0, 0, 0.15);}
.mm-menu .mm-list >li >a.mm-subclose {color: rgba(255, 255, 255, 0.3); background: rgba(0, 0, 0, 0.1); }
.mm-menu .mm-list >li >a.mm-subopen:after, .mm-menu .mm-list >li >a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3);}
.mm-menu .mm-list >li >a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15);}
.mm-menu .mm-list >li.mm-selected >a:not(.mm-subopen), .mm-menu .mm-list >li.mm-selected >span { background: rgba(0, 0, 0, 0.1);}
.mm-menu .mm-list >li.mm-label { background: rgba(255, 255, 255, 0.05);}
.mm-menu.mm-vertical .mm-list li.mm-opened >a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened >ul { background: rgba(255, 255, 255, 0.05);}
@media all and (min-width: 880px) { .mm-menu {left: -440px; width: 440px; }
    .mm-opened.mm-opening #mm-blocker, .mm-opened.mm-opening .mm-fixed-top, .mm-opened.mm-opening .mm-fixed-bottom { left: 440px;}}
/*菜单位置*/

.mm-opened.mm-front .mm-fixed-top, .mm-opened.mm-front .mm-fixed-bottom, .mm-opened.mm-opening.mm-front .mm-fixed-top, .mm-opened.mm-opening.mm-front .mm-fixed-bottom { right: auto; left: 0;}
.mm-opened.mm-front .mm-fixed-top, .mm-opened.mm-opening.mm-front .mm-fixed-top { top: 0;}
.mm-opened.mm-front .mm-fixed-bottom, .mm-opened.mm-opening.mm-front .mm-fixed-bottom { bottom: 0;}
.mm-top.mm-menu, .mm-bottom.mm-menu {left: 0;  width: 100%; height: 50%;}
.mm-top.mm-menu { top: -50%; bottom: auto;}
.mm-top.mm-opened.mm-menu { top: 0;}
.mm-top.mm-opened #mm-blocker {top: 50%;bottom: auto;  left: 0; }
.mm-menu.mm-bottom {top: auto; bottom: -50%; }
.mm-bottom.mm-opened .mm-menu { bottom: 0;}
.mm-bottom.mm-opened #mm-blocker {top: auto; bottom: 50%; left: 0; }
.mm-right .mm-menu { right: -50%; left: auto;}
.mm-right.mm-opened.mm-opening .mm-menu {right: 0; left: auto; }
.mm-right.mm-opened.mm-opening #mm-blocker { right: 50%; left: auto;}
@media all and (min-height: 1100px) { .mm-menu.mm-top {top: -880px; height: 880px; }
    .mm-top.mm-opened.mm-opening #mm-blocker { top: 880px;}
    .mm-menu.mm-bottom {bottom: -880px; height: 880px; }
    .mm-bottom.mm-opened.mm-opening #mm-blocker { bottom: 880px;}}
@media all and (min-width: 880px) { .mm-menu.mm-right {right: -440px; width: 440px; }}
.mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: none 0.4s ease; -moz-transition: none 0.4s ease; -ms-transition: none 0.4s ease; -o-transition: none 0.4s ease; transition: none 0.4s ease; -webkit-transition-property: top, right, bottom, left, -webkit-transform; -moz-transition-property: top, right, bottom, left, -moz-transform; -ms-transition-property: top, right, bottom, left, -o-transform;-o-transition-property: top, right, bottom, left, -o-transform; transition-property: top, right, bottom, left, transform; }
.mm-front #mm-blocker { z-index: 0;}
.mm-menu.mm-front { box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);}
.mm-opening .mm-menu.mm-front, .mm-opening .mm-menu.mm-next { left: 0;}
.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { left: 0;}
.mm-opening .mm-menu.mm-top.mm-front, .mm-opening .mm-menu.mm-top.mm-next { top: 0; left: 0;}
.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { left: auto;}
.mm-opening .mm-menu.mm-right.mm-front, .mm-opening .mm-menu.mm-right.mm-next { right: 0; left: auto;}
.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { top: auto; left: 0;}
.mm-opening .mm-menu.mm-bottom.mm-front, .mm-opening .mm-menu.mm-bottom.mm-next { bottom: 0; left: 0;}
.mm-menu.mm-front, .mm-menu.mm-next { left: -60%;}


/*主题*/
.mm-ismenu.mm-light { background: #f3f3f3;}
.mm-menu.mm-light { color: rgba(0, 0, 0, 0.6);}
.mm-menu.mm-light .mm-list >li:after { border-color: rgba(0, 0, 0, 0.1);}
.mm-menu.mm-light .mm-list >li >a.mm-subclose {color: rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-light .mm-list >li >a.mm-subopen:after, .mm-menu.mm-light .mm-list >li >a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3);}
.mm-menu.mm-light .mm-list >li >a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1);}
.mm-menu.mm-light .mm-list >li.mm-selected >a:not(.mm-subopen), .mm-menu.mm-light .mm-list >li.mm-selected >span { background: rgba(255, 255, 255, 0.6);}
.mm-menu.mm-light .mm-list >li.mm-label { background: rgba(0, 0, 0, 0.03);}
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened >a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened >ul { background: rgba(0, 0, 0, 0.03);}
.mm-menu.mm-light .mm-search input {color: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-light li.mm-noresults { color: rgba(0, 0, 0, 0.3);}
.mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3);}
.mm-menu.mm-light .mm-list li.mm-label >div >div { background: rgba(0, 0, 0, 0.03);}
.mm-menu.mm-light .mm-header {color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-light .mm-header a:before { border-color: rgba(0, 0, 0, 0.3);}
.mm-ismenu.mm-white { background: white;}
.mm-menu.mm-white { color: rgba(0, 0, 0, 0.6);}
.mm-menu.mm-white .mm-list >li:after { border-color: rgba(0, 0, 0, 0.1);}
.mm-menu.mm-white .mm-list >li >a.mm-subclose {color: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.08); }
.mm-menu.mm-white .mm-list >li >a.mm-subopen:after, .mm-menu.mm-white .mm-list >li >a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3);}
.mm-menu.mm-white .mm-list >li >a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1);}
.mm-menu.mm-white .mm-list >li.mm-selected >a:not(.mm-subopen), .mm-menu.mm-white .mm-list >li.mm-selected >span { background: rgba(0, 0, 0, 0.08);}
.mm-menu.mm-white .mm-list >li.mm-label { background: rgba(0, 0, 0, 0.03);}
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened >a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened >ul { background: rgba(0, 0, 0, 0.03);}
.mm-menu.mm-white .mm-search input {color: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-white li.mm-noresults { color: rgba(0, 0, 0, 0.3);}
.mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3);}
.mm-menu.mm-white .mm-list li.mm-label >div >div { background: rgba(0, 0, 0, 0.03);}
.mm-menu.mm-white .mm-header {color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-white .mm-header a:before { border-color: rgba(0, 0, 0, 0.3);}
.mm-ismenu.mm-black { background: black;}
.mm-menu.mm-black { color: rgba(255, 255, 255, 0.6);}
.mm-menu.mm-black .mm-list >li:after { border-color: rgba(255, 255, 255, 0.2);}
.mm-menu.mm-black .mm-list >li >a.mm-subclose {color: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.25); }
.mm-menu.mm-black .mm-list >li >a.mm-subopen:after, .mm-menu.mm-black .mm-list >li >a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3);}
.mm-menu.mm-black .mm-list >li >a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2);}
.mm-menu.mm-black .mm-list >li.mm-selected >a:not(.mm-subopen), .mm-menu.mm-black .mm-list >li.mm-selected >span { background: rgba(255, 255, 255, 0.25);}
.mm-menu.mm-black .mm-list >li.mm-label { background: rgba(255, 255, 255, 0.15);}
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened >a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened >ul { background: rgba(255, 255, 255, 0.15);}
.mm-menu.mm-black .mm-search input {color: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black li.mm-noresults { color: rgba(255, 255, 255, 0.3);}
.mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3);}
.mm-menu.mm-black .mm-list li.mm-label >div >div { background: rgba(255, 255, 255, 0.15);}
.mm-menu.mm-black .mm-header {color: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-black .mm-header a:before { border-color: rgba(255, 255, 255, 0.3);}