/* BASIC css start */
#top { position: fixed; background-color: #fff; border: 1px solid #bbb; z-index: 10; right: 10px; bottom: 10px; width: 35px; height: 35px; border-radius: 5px; text-align: center; opacity: 0.9; display: none; }
#top i { font-size: 24px; color: #111; line-height: 35px; }
#asideClose { position: fixed; top: -40px; left: 280px; z-index: 999; padding: 8px; -webkit-transform: translateY(); -moz-transform: translateY(); -ms-transform: translateY(); -o-transform: translateY(); transform: translateY(); -webkit-transition: .5s -webkit-transform ease-in-out; -moz-transition: .5s -webkit-transform ease-in-out; -ms-transition: .5s -webkit-transform ease-in-out; -o-transition: .5s -webkit-transform ease-in-out; transition: .5s -webkit-transform ease-in-out; }
#asideClose.gbzp { -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
#asideClose i { color: #fff; font-size: 20px; }
#aside { position: fixed; width: 300px; height: 100%; background-color: #fff; z-index: 1000; top: 0; overflow: auto; left: -300px; -webkit-overflow-scrolling: touch; -webkit-transform: translateX(); -moz-transform: translateX(); -ms-transform: translateX(); -o-transform: translateX(); transform: translateX(); -webkit-transition: .3s -webkit-transform ease-in-out; -moz-transition: .3s -webkit-transform ease-in-out; -ms-transition: .3s -webkit-transform ease-in-out; -o-transition: .3s -webkit-transform ease-in-out; transition: .3s -webkit-transform ease-in-out; }
#aside.gbzp { -webkit-transform: translateX(300px); -moz-transform: translateX(300px); -ms-transform: translateX(300px); -o-transform: translateX(300px); transform: translateX(300px); }
#aside .welcome { color: #121212; height: 30px; line-height: 30px; padding-left: 10px; }
#aside .welcome .group { color: #d6000f }
#aside .welcome a { display: block; width: 57px; height: 20px; font-size: 11px; line-height: 20px; color: #fff; background-color: #d6000f; text-align: center; float: right; margin-right: 10px; margin-top: 5px; }
#aside .myBtn { height: 55px; background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#aside .myBtn li { width: 25%; float: left; position: relative; }
#aside .myBtn li::after { content: ""; display: block; height: 37px; position: absolute; right: 0; top: 9px; border-left: 1px solid #ddd; }
#aside .myBtn li:last-child:after { display: none }
#aside .myBtn li a { display: block; text-align: center; font-size: 12px; padding-top: 4px; height: 50px; line-height: 15px; }
#aside .myBtn li span { display: block; width: 30px; height: 30px; background-color: #fff; border-radius: 15px; text-align: center; margin: 0 auto 2px; }
#aside .myBtn li span i { color: #f94d58; font-size: 21px; line-height: 31px; }
#aside .loginInfo { height: 36px; line-height: 36px; border-bottom: 1px solid #ddd; }
#aside .loginInfo dt { float: left; width: 40px; }
#aside .loginInfo dt a { color: #d6000f; }
#aside .loginInfo dt:first-child { width: 40px; padding-left: 10px; }
#aside .loginInfo dd { float: left; width: 80px; }
#aside .loginInfo dd a { color: #333333;  }
#aside .menuArea { position: relative; border-bottom: 1px solid #eeeeee; padding-bottom: 5px; }

#aside .more2 {text-align:center;clear: both;margin-top: -1px;margin-bottom: 0;}
#aside .btn_moreGray2 { display: block; border-bottom: 1px solid #eee; color: #1c1c1c; padding: 10px 0; font-size: 14px;}
#aside .btn_moreGray2 i {color: #d6000f;vertical-align: middle;font-size: 16px; }

#aside .menuArea .menuIcon { position: absolute; width: 68px; top: 14px; left: 0; text-align: center; color: #999999; }
#aside .menuArea .menuIcon span { background: url('/design/ezbaking/m/image/menu_icon.png') no-repeat 0 0; background-size: 25px 150px; width: 26px; height: 26px; display: block; margin: 0 auto; }
#aside .menuArea .menuIcon .baking { background-position: 1px 1px }
#aside .menuArea .menuIcon .trend { background-position: 1px -20px }
#aside .menuArea .menuIcon .living { background-position: 1px -61px }
#aside .menuArea .menuIcon .bundling { background-position: 1px -94px }
#aside .menuArea .menuIcon .community { background-position: 1px -124px }
#aside .menuArea .mainMenu { margin-left: 70px; padding-top: 10px; padding-bottom: 5px; }
#aside .menuArea .mainMenu > li { min-height: 25px; line-height: 25px; }
#aside .menuArea .mainMenu > li > a,
#aside .menuArea .mainMenu > li > span { color: #121212; font-weight: 600; display: inline-block; width: 150px; height: 25px; padding-left: 10px; }
#aside .menuArea .mainMenu > li .smore { display: block; height: 25px; text-align: left; width: auto; }
#aside .menuArea .mainMenu > li .smore i { float: right; color: #aaaaaa; line-height: 25px; width: 40px; height: 25px; text-align: center; }
#aside .menuArea .mainMenu > li.active .smore,
#aside .menuArea .mainMenu > li.active .smore i { color: #d6000f }
#aside .menuArea .mainMenu .subMenu { display: none; background-color: #f8f8f8; padding: 5px 0; }
#aside .menuArea .mainMenu .subMenu li { padding-left: 15px }
#aside .menuArea .mainMenu .subMenu li a { color: #555555; display: block; }
#aside .levelBanner img { width:100%; }
.mask { position: fixed; width: 100%; height: 100%; top: 0; left: 100%; z-index: 998; background-color: #000; opacity: 0.75; -webkit-transform: translateX(); -moz-transform: translateX(); -ms-transform: translateX(); -o-transform: translateX(); transform: translateX(); -webkit-transition: .2s -webkit-transform ease-in-out; -moz-transition: .2s -webkit-transform ease-in-out; -ms-transition: .2s -webkit-transform ease-in-out; -o-transition: .2s -webkit-transform ease-in-out; transition: .2s -webkit-transform ease-in-out; }
.mask.gbzp { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }

#aside .menuArea .mainMenu .subMenu2 { display: none; background-color: #f8f8f8; padding: 5px 0; }
#aside .menuArea .mainMenu .subMenu2 li { padding-left: 15px }
#aside .menuArea .mainMenu .subMenu2 li a { color: #555555; display: block; }
#aside .menuArea .mainMenu .subMenu li { position:relative; }
#aside .menuArea .mainMenu .subMenu li span { position:absolute;right:15px;top:0; }

/* BASIC css end */