@charset "UTF-8";
@-webkit-keyframes txt_hover { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  20% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  40% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
  60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0); transform: rotate(0); } }
@keyframes txt_hover { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  20% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  40% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
  60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0); transform: rotate(0); } }

/* html, body{height: 100%; overflow-y: hidden; overflow-x: auto;}
#wrap{overflow:auto; @include H_lineH(100%, 1); background-color: #fff; z-index: 0; box-sizing: border-box; font-size: 0; min-width: 1600px;} */
#wrap { position: relative; background-color: #fff; z-index: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; min-width: 1600px; }

.clear { clear: both; }

.ui-loader { display: none; }

.ui-page { height: 100%; }

html.h100 { height: 100%; }

html.h100 body, html.h100 #wrap { height: 100%; }

a { -webkit-tap-highlight-color: transparent; }

a.onTouch { -webkit-transform: scale(0.9); transform: scale(0.9); }

.no_click { position: relative; background-color: #c4c1cd !important; pointer-events: none !important; -ms-touch-action: none !important; touch-action: none !important; -webkit-animation: none !important; animation: none !important; }

.no_click2 { -webkit-transform: none !important; transform: none !important; }

.vertical_wrap { display: table; width: 100%; }

.vertical_wrap .vertical_box { position: relative; display: table-cell; vertical-align: middle; line-height: 1; }

@font-face { font-family: 'yg-jalnan'; font-style: normal; font-weight: 300; src: url("/contents/fonts/yg-jalnan.eot"); src: local(※), url("/contents/fonts/yg-jalnan.eot?#iefix") format("embedded-opentype"), url("/contents/fonts/yg-jalnan.woff") format("woff"), url("/contents/fonts/yg-jalnan.ttf") format("truetype"); }

.font01 { font-family: 'GyeonggiBatang'; }

.font02 { font-family: 'Binggrae-Bold'; }

.font03 { font-family: 'yg-jalnan'; }

.fl { float: left; }

.fr { float: right; }

/* 차트 tooltips custom */
.chart_tooltips_custom { background-color: #636363 !important; border-radius: 50px; padding: 9px 16px; color: #fff; font-family: "GmarketSans"; font-size: 14px; font-weight: 300; -webkit-transform: translate(-50%, -52px); transform: translate(-50%, -52px); }

.chart_tooltips_custom:before { content: ''; position: absolute; top: 100%; left: 50%; border-style: solid; border-width: 5px 7.5px 0 7.5px; border-color: #636363 transparent; margin-left: -7.5px; }

.ui-datepicker { background-color: #fff; border: 1px solid #d4d5d7; border-radius: 8px; padding: 20px; display: none; }

.ui-datepicker .ui-datepicker-header { position: relative; padding: 0 32px; }

.ui-datepicker .ui-datepicker-header > a[data-event=click] { position: absolute; top: 0; width: 32px; height: 32px; border-radius: 15px; background-color: #74819f; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); cursor: pointer; -webkit-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; }

.ui-datepicker .ui-datepicker-header > a[data-event=click] span.ui-icon { position: absolute; top: 50%; left: 50%; width: 6px; height: 12px; margin-top: -6px; margin-left: -3px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -194px -49px; text-indent: -99999px; }

.ui-datepicker .ui-datepicker-header > a[data-event=click][data-handler=prev] { left: 0; }

.ui-datepicker .ui-datepicker-header > a[data-event=click][data-handler=prev] span.ui-icon { background-position: -194px -49px; }

.ui-datepicker .ui-datepicker-header > a[data-event=click][data-handler=next] { right: 0; }

.ui-datepicker .ui-datepicker-header > a[data-event=click][data-handler=next] span.ui-icon { background-position: -220px -49px; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-title { text-align: center; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .selectric-wrapper { display: inline-block; vertical-align: middle; margin-left: 16px; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .selectric-wrapper .selectric { position: relative; padding-right: 16px; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .selectric-wrapper .selectric .selectric-label { font-size: 15px; color: #6f6f6f; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .selectric-wrapper .selectric .selectric-button { position: absolute; top: 50%; right: 0; width: 8px; height: 5px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -124px -137px; text-indent: -99999px; border: 0; padding: 0; margin: -2.5px 0 0 0; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .selectric-wrapper .selectric-items { width: auto !important; left: 50%; -webkit-transform: translate(-50%, 7px); transform: translate(-50%, 7px); }

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .selectric-wrapper .selectric-items li { display: inline-block; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .selectric-wrapper .selectric-items li.highlighted, .ui-datepicker .ui-datepicker-header .ui-datepicker-title .selectric-wrapper .selectric-items li:hover { background-color: #eeeff5; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .selectric-wrapper .selectric-items li a { display: block; min-width: 30px; }

.ui-datepicker .ui-datepicker-calendar { table-layout: fixed; width: 256px; margin-top: 12px; }

.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { text-align: center; padding: 2px 0 3px; font-size: 14px; }

.ui-datepicker .ui-datepicker-calendar th { font-weight: 300; color: #4c4b4b; }

.ui-datepicker .ui-datepicker-calendar th.ui-datepicker-week-end { color: #e4759c; }

.ui-datepicker .ui-datepicker-calendar td, .ui-datepicker .ui-datepicker-calendar td a { position: relative; color: #6f6f6f; }

.ui-datepicker .ui-datepicker-calendar td span { position: relative; display: block; z-index: 0; }

.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled a, .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span { display: none; }

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end, .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end a { color: #e4759c; }

.ui-datepicker .ui-datepicker-calendar td a.ui-state-active, .ui-datepicker .ui-datepicker-calendar td a.ui-state-hover { color: #fff; }

.ui-datepicker .ui-datepicker-calendar td a.ui-state-active:before, .ui-datepicker .ui-datepicker-calendar td a.ui-state-hover:before { content: ''; position: absolute; top: 50%; left: 50%; width: 28px; height: 28px; margin-top: -14px; margin-left: -14px; background-color: #45c0b9; border-radius: 50%; z-index: -1; }

.login_wrapper { width: 100%; height: 100%; background-color: #ebcbe1; text-align: center; font-size: 23px; min-height: 700px; color: #231f20; }

.login_wrapper > .inner, .login_wrapper .vertical_wrap { height: 100%; }

.login_wrapper .login_wrap { margin: 71px auto 52px; padding: 60px 0 48px; border: solid rgba(205, 205, 205, 0.25); border-width: 1px 0; max-width: 704px; }

.login_wrapper .login_wrap form > div { position: relative; }

.login_wrapper .login_wrap .login_box { padding-right: 190px; margin-bottom: 45px; }

.login_wrapper .login_wrap .login_box .input_box { position: relative; padding-left: 111px; }

.login_wrapper .login_wrap .login_box .input_box:first-child { margin-bottom: 20px; }

.login_wrapper .login_wrap .login_box .input_box label { position: absolute; top: 0; left: 0; width: 90px; text-align: right; height: 65px; line-height: 65px; }

.login_wrapper .login_wrap .login_box .input_box input { width: 100%; height: 65px; background-color: #fff; border: 0; border-radius: 9px; margin: 0; padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 300; font-size: 24px; }

.login_wrapper .login_wrap .login_box .input_box input:hover, .login_wrapper .login_wrap .login_box .input_box input :focus { -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }

.login_wrapper .login_wrap .login_box #login_submit { position: absolute; top: 0; right: 0; width: 163px; height: 150px; line-height: 150px; background-color: #968864; -webkit-box-shadow: inset 4px 4px 5px 0 rgba(255, 255, 255, 0.28), inset -4px -4px 5px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 4px 4px 5px 0 rgba(255, 255, 255, 0.28), inset -4px -4px 5px 0 rgba(44, 38, 39, 0.33); border-radius: 9px; border: 0; margin: 0; padding: 0; text-align: center; font-weight: 300; cursor: pointer; -webkit-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; color: #231f20; }

.login_wrapper .login_wrap .login_box #login_submit:hover { background-color: #e1cc96; }

@font-face { .login_wrapper .login_wrap { font-family: 'pass'; font-style: normal; font-weight: 400; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA8AAAAAB2QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcg9+z70dERUYAAAF0AAAAHAAAAB4AJwANT1MvMgAAAZAAAAA/AAAAYH7AkBhjbWFwAAAB0AAAAFkAAAFqZowMx2N2dCAAAAIsAAAABAAAAAQAIgKIZ2FzcAAAAjAAAAAIAAAACAAAABBnbHlmAAACOAAAALkAAAE0MwNYJ2hlYWQAAAL0AAAAMAAAADYPA2KgaGhlYQAAAyQAAAAeAAAAJAU+ATJobXR4AAADRAAAABwAAAAcCPoA6mxvY2EAAANgAAAAEAAAABAA5gFMbWF4cAAAA3AAAAAaAAAAIAAKAE9uYW1lAAADjAAAARYAAAIgB4hZ03Bvc3QAAASkAAAAPgAAAE5Ojr8ld2ViZgAABOQAAAAGAAAABuK7WtIAAAABAAAAANXulPUAAAAA1viLwQAAAADW+JM4eNpjYGRgYOABYjEgZmJgBEI2IGYB8xgAA+AANXjaY2BifMg4gYGVgYVBAwOeYEAFjMgcp8yiFAYHBl7VP8wx/94wpDDHMIoo2DP8B8kx2TLHACkFBkYA8/IL3QB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTABmTxMigoKKmeV/3z/z9YJTKf8f/X/4/vP7pldosLag4SYATqhgkyMgEJJnQFECcMOGChndEAfOwRuAAAAAAiAogAAQAB//8AD3jaY2BiUGJgYDRiWsXAzMDOoLeRkUHfZhM7C8Nbo41srHdsNjEzAZkMG5lBwqwg4U3sbIx/bDYxgsSNBRUF1Y0FlZUYBd6dOcO06m+YElMa0DiGJIZUxjuM9xjkGRhU2djZlJXU1UDQ1MTcDASNjcTFQFBUBGjYEkkVMJCU4gcCKRTeHCk+fn4+KSllsJiUJEhMUgrMUQbZk8bgz/iA8SRR9qzAY087FjEYD2QPDDAzMFgyAwC39TCRAAAAeNpjYGRgYADid/fqneL5bb4yyLMwgMC1H90HIfRkCxDN+IBpFZDiYGAC8QBbSwuceNpjYGRgYI7594aBgcmOAQgYHzAwMqACdgBbWQN0AAABdgAiAAAAAAAAAAABFAAAAj4AYgI+AGYB9AAAAAAAKgAqACoAKgBeAJIAmnjaY2BkYGBgZ1BgYGIAAUYGBNADEQAFQQBaAAB42o2PwUrDQBCGvzVV9GAQDx485exBY1CU3PQgVgIFI9prlVqDwcZNC/oSPoKP4HNUfQLfxYN/NytCe5GwO9/88+/MBAh5I8C0VoAtnYYNa8oaXpAn9RxIP/XcIqLreZENnjwvyfPieVVdXj2H7DHxPJH/2/M7sVn3/MGyOfb8SWjOGv4K2DRdctpkmtqhos+D6ISh4kiUUXDj1Fr3Bc/Oc0vPqec6A8aUyu1cdTaPZvyXyqz6Fm5axC7bxHOv/r/dnbSRXCk7+mpVrOqVtFqdp3NKxaHUgeod9cm40rtrzfrt2OyQa8fppCO9tk7d1x0rpiQcuDuRkjjtkHt16ctbuf/radZY52/PnEcphXpZOcofiEZNcQAAeNpjYGIAg///GBgZsAF2BgZGJkZmBmaGdkYWRla29JzKggxD9tK8TAMDAxc2D0MLU2NjENfI1M0ZACUXCrsAAAABWtLiugAA) format("woff"); } }

.login_wrapper .login_wrap input[type=password] { font-family: 'pass', 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; }

.login_wrapper .login_wrap input[type=password]::-webkit-input-placeholder { -webkit-transform: scale(0.77); transform: scale(0.77); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; }

.login_wrapper .login_wrap input[type=password]::-moz-placeholder { font-size: 14px; opacity: 1; }

.login_wrapper .login_wrap input[type=password]:-ms-input-placeholder { font-size: 14px; font-family: 'Roboto', Helvetica, Arial, sans-serif; }

.login_wrapper .login_wrap .check_box label { cursor: pointer; }

.login_wrapper .login_wrap .check_box label span.icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-right: 7px; }

.login_wrapper .login_wrap .check_box label span.icon { background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -80px 0; text-indent: -99999px; }

.login_wrapper .login_wrap .check_box label:hover { text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.5); }

.login_wrapper .login_wrap .check_box input:checked + label span.icon { background-position: -120px 0; }

.login_wrapper .footer_text { line-height: 36px; }

.q2_wrapper { position: relative; padding: 77px 0 0 0; font-size: 0; }

.q2_wrapper #header { position: absolute; top: 0; left: 0; right: 0; height: 77px; background-color: #4d696a; color: #fff; padding: 0 217px 0 157px; font-size: 17px; }

.q2_wrapper #header .logo { position: absolute; top: 0; left: 0; width: 157px; height: 77px; }

.q2_wrapper #header .logo:before { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.14); }

.q2_wrapper #header .logo a { display: block; height: 77px; line-height: 77px; text-align: center; }

.q2_wrapper #header .logo a img { vertical-align: middle; }

.q2_wrapper #header .user_box { float: left; margin-left: 30px; height: 77px; line-height: 77px; }

.q2_wrapper #header .user_box span.icon { display: inline-block; width: 24px; height: 24px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat 0 -49px; text-indent: -99999px; margin-right: 9px; vertical-align: middle; }

.q2_wrapper #header .notice_box { position: relative; float: right; padding: 0 219px 0 154px; height: 77px; line-height: 77px; overflow: hidden; }

.q2_wrapper #header .notice_box strong { position: absolute; top: 0; left: 0; }

.q2_wrapper #header .notice_box strong span.icon { display: inline-block; width: 35px; height: 23px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -41px -49px; text-indent: -99999px; vertical-align: middle; margin: 3px 10px 0 0; }

.q2_wrapper #header .notice_box .swiper_notice { max-width: 290px; height: 100%; }

.q2_wrapper #header .notice_box .swiper_notice .swiper-slide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.q2_wrapper #header .notice_box .control_box { position: absolute; top: 0; right: 40px; bottom: 0; font-size: 0; }

.q2_wrapper #header .notice_box .control_box a { position: relative; display: inline-block; width: 44px; height: 44px; vertical-align: middle; border-radius: 18px; background-color: #bca2b4; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); margin-left: 7px; -webkit-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; }

.q2_wrapper #header .notice_box .control_box a:first-child { margin-left: 0; }

.q2_wrapper #header .notice_box .control_box a:before { content: ''; }

.q2_wrapper #header .notice_box .control_box a.prev:before { position: absolute; top: 50%; left: 50%; width: 12px; height: 6px; margin-top: -3px; margin-left: -6px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -96px -49px; text-indent: -99999px; }

.q2_wrapper #header .notice_box .control_box a.next:before { position: absolute; top: 50%; left: 50%; width: 12px; height: 6px; margin-top: -3px; margin-left: -6px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -128px -49px; text-indent: -99999px; }

.q2_wrapper #header .notice_box .control_box a.more:before { position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; margin-top: -7px; margin-left: -7px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -160px -49px; text-indent: -99999px; }

.q2_wrapper #header .notice_box .control_box a:hover { background-color: #968864; }

.q2_wrapper #header .shop_select_wrapper { position: absolute; top: 0; right: 0; width: 217px; height: 77px; }

.q2_wrapper #header .shop_select_wrapper .btn_shop_select { display: block; height: 77px; line-height: 77px; color: #fff; background-color: #bca2b4; padding: 0 0 0 40px; }

.q2_wrapper #header .shop_select_wrapper .btn_shop_select strong { position: relative; display: inline-block; max-width: 100px; padding-right: 58px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.q2_wrapper #header .shop_select_wrapper .btn_shop_select strong span.icon { position: relative; display: inline-block; width: 44px; height: 44px; vertical-align: middle; border-radius: 18px; background-color: #968864; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); position: absolute; top: 50%; right: 0; margin-top: -22px; -webkit-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; }

.q2_wrapper #header .shop_select_wrapper .btn_shop_select strong span.icon:before { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 6px; margin-top: -3px; margin-left: -6px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -96px -49px; text-indent: -99999px; }

.q2_wrapper #header .shop_select_wrapper .btn_shop_select:hover strong span.icon { background-color: #647296; }

.q2_wrapper #header .shop_select_wrapper .shop_select_box { position: absolute; top: 100%; left: 0; right: 0; z-index: 1; background-color: #bca2b4; display: none; }

.q2_wrapper #header .shop_select_wrapper .shop_select_box .scroll_box { max-height: 430px; overflow: auto; }

.q2_wrapper #header .shop_select_wrapper .shop_select_box .scroll_box ul { overflow: hidden; }

.q2_wrapper #header .shop_select_wrapper .shop_select_box .scroll_box ul li { border-bottom: 1px solid #e5d1df; }

.q2_wrapper #header .shop_select_wrapper .shop_select_box .scroll_box ul li a { display: block; background-color: #bca2b4; color: #fff; font-size: 17px; padding: 10px 40px; min-height: 38px; line-height: 20px; -webkit-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; }

.q2_wrapper #header .shop_select_wrapper .shop_select_box .scroll_box ul li a:hover { background-color: #968864; }

.q2_wrapper #header .shop_select_wrapper .shop_select_box .scroll_box ul li a .vertical_wrap { height: 100%; min-height: 38px; }

.q2_wrapper #header .shop_select_wrapper .shop_select_box .scroll_box ul li.on a { background-color: #968864; }

.q2_wrapper #header .shop_select_wrapper .shop_select_box.type02 { left: -100%; }

.q2_wrapper #header .shop_select_wrapper .shop_select_box.type02 li { float: left; width: 50%; }

.q2_wrapper #header .shop_select_wrapper .shop_select_box.type03 { left: -200%; }

.q2_wrapper #header .shop_select_wrapper .shop_select_box.type03 li { float: left; width: 33.3333%; }

.q2_wrapper #header .shop_select_wrapper .shop_select_box.type03 li:nth-child(3n-2) { width: 33.3334%; }

.q2_wrapper .main_wrapper { position: relative; width: 100%; min-height: 100%; padding-left: 157px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 17px; z-index: 0; overflow: hidden; }

.q2_wrapper .main_wrapper:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 157px; background-color: #d4d7e4; z-index: -1; }

.q2_wrapper .main_wrapper:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 157px; background-color: #f3f3f5; z-index: -1; }

.q2_wrapper .main_wrapper #aside { float: left; width: 157px; padding: 50px 0; text-align: center; margin-left: -157px; }

.q2_wrapper .main_wrapper #aside > ul > li { position: relative; padding: 0 47px; margin-top: 15px; }

.q2_wrapper .main_wrapper #aside > ul > li:first-child { margin-top: 0; }

.q2_wrapper .main_wrapper #aside > ul > li.setting { margin-top: 100px; }

.q2_wrapper .main_wrapper #aside > ul > li a { position: relative; display: block; }

.q2_wrapper .main_wrapper #aside > ul > li a span.icon { position: relative; display: inline-block; width: 62px; height: 62px; vertical-align: middle; border-radius: 18px; background-color: #7683a1; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); -webkit-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; }

.q2_wrapper .main_wrapper #aside > ul > li a span.icon:before { content: ''; }

.q2_wrapper .main_wrapper #aside > ul > li a span.txt { display: block; margin-top: 12px; font-size: 17px; color: #494949; letter-spacing: -1px; white-space: nowrap; }

.q2_wrapper .main_wrapper #aside > ul > li a span.num { position: absolute; top: -7px; right: -7px; width: 26px; height: 26px; line-height: 26px; font-size: 14px; background-color: #968864; color: #fff; text-align: center; border-radius: 50%; -webkit-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; }

.q2_wrapper .main_wrapper #aside > ul > li.home span.icon:before { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat 0 -93px; text-indent: -99999px; }

.q2_wrapper .main_wrapper #aside > ul > li.sales_status span.icon:before { position: absolute; top: 50%; left: 50%; width: 28px; height: 22px; margin-top: -11px; margin-left: -14px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -53px -93px; text-indent: -99999px; }

.q2_wrapper .main_wrapper #aside > ul > li.sales_management span.icon:before { position: absolute; top: 50%; left: 50%; width: 26px; height: 30px; margin-top: -15px; margin-left: -13px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -109px -93px; text-indent: -99999px; }

.q2_wrapper .main_wrapper #aside > ul > li.device_management span.icon:before { position: absolute; top: 50%; left: 50%; width: 26px; height: 30px; margin-top: -15px; margin-left: -13px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -164px -93px; text-indent: -99999px; }

.q2_wrapper .main_wrapper #aside > ul > li.shop_management span.icon:before { position: absolute; top: 50%; left: 50%; width: 30px; height: 25px; margin-top: -12.5px; margin-left: -15px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -262px -93px; text-indent: -99999px; }

.q2_wrapper .main_wrapper #aside > ul > li.member_management span.icon:before { position: absolute; top: 50%; left: 50%; width: 36px; height: 32px; margin-top: -16px; margin-left: -18px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -312px -93px; text-indent: -99999px; }

.q2_wrapper .main_wrapper #aside > ul > li.setting span.icon:before { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -218px -93px; text-indent: -99999px; }

.q2_wrapper .main_wrapper #aside > ul > li.member_management + .setting { margin-top: 100px; }

.q2_wrapper .main_wrapper #aside > ul > li.on span.icon, .q2_wrapper .main_wrapper #aside > ul > li a:hover span.icon { background-color: #968864; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(44, 38, 39, 0.33), inset -1px -2px 2px 0 rgba(255, 255, 255, 0.28); box-shadow: inset 1px 2px 2px 0 rgba(44, 38, 39, 0.33), inset -1px -2px 2px 0 rgba(255, 255, 255, 0.28); }

.q2_wrapper .main_wrapper #aside > ul > li.on span.num, .q2_wrapper .main_wrapper #aside > ul > li a:hover span.num { background-color: #7683a1; }

.q2_wrapper .main_wrapper #aside > ul > li .setting_layor { position: absolute; top: 0; left: 133px; width: 157px; border-radius: 20px; background-color: #0c1926; padding: 11px 20px; text-align: left; z-index: 1; display: none; }

.q2_wrapper .main_wrapper #aside > ul > li .setting_layor:before { content: ''; position: absolute; top: 22px; right: 100%; border-style: solid; border-width: 9.5px 9px 9.5px 0; border-color: transparent #0c1926; }

.q2_wrapper .main_wrapper #aside > ul > li .setting_layor li { border-top: 1px solid #0d1c2a; }

.q2_wrapper .main_wrapper #aside > ul > li .setting_layor li:first-child { border-top: 0; }

.q2_wrapper .main_wrapper #aside > ul > li .setting_layor li a { display: inline-block; color: #fff; font-size: 16px; line-height: 18px; padding: 18px 24px; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.q2_wrapper .main_wrapper #aside > ul > li .setting_layor li a:hover { -webkit-animation: txt_hover ease-in-out 0.4s; animation: txt_hover ease-in-out 0.4s; }

.q2_wrapper .main_wrapper #aside > ul > li.coupon span.icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 20px;
  transform: translate(-50%, -50%);
  background: url("/images/q2center_manager/manager_sp_new.png?v1.0.0.0.2") no-repeat -163px -58px;
  text-indent: -99999px;
}

.q2_wrapper .main_wrapper #aside > ul > li.gallery span.icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 28px;
  background: url("/images/q2center_manager/manager_sp_new.png?v1.0.0.0.2") no-repeat -261px -56px;
  text-indent: -99999px;
}

.q2_wrapper .main_wrapper #aside > ul > li.cs span.icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 27px;
  height: 27px;
  transform: translate(-50%, -50%);
  background: url("/images/q2center_manager/manager_sp_new.png?v1.0.0.0.2") no-repeat -313px -56px;
  text-indent: -99999px;
}

.q2_wrapper .main_wrapper #container { float: left; min-height: 100%; width: 100%; padding-bottom: 78px; overflow: hidden; }

.q2_wrapper .main_wrapper #container .sort_option { position: relative; display: inline-block; width: 100%; margin-bottom: 42px; }

.q2_wrapper .main_wrapper #container .sort_option > div { position: relative; font-size: 0; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box { position: relative; display: inline-block; background-color: #fff; border-radius: 8px; padding: 8px 11px; font-size: 16px; color: #6f6f6f; height: 32px; line-height: 32px; margin-left: 10px; vertical-align: top; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box:first-child { margin-left: 0; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box .selectric-wrapper { position: static; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box .selectric-wrapper .selectric { padding-right: 68px; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box .selectric-wrapper .selectric .selectric-label { height: 32px; line-height: 32px; color: #6f6f6f; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box .selectric-wrapper .selectric .selectric-button { position: relative; display: inline-block; width: 41px; height: 32px; vertical-align: middle; border-radius: 5px; background-color: #6676a3; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); border: 0; padding: 0; margin: 0; text-indent: -99999px; position: absolute; top: 0; right: 0; cursor: pointer; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box .selectric-wrapper .selectric .selectric-button:before { content: ''; position: absolute; top: 50%; left: 50%; width: 11px; height: 7px; margin-top: -3.5px; margin-left: -5.5px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat 0 -137px; text-indent: -99999px; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box .selectric-wrapper .selectric-items { -webkit-box-shadow: none; box-shadow: none; font-size: 15px; color: #484848; border: 1px solid #d4d5d7; background-color: #fff; border-radius: 8px; overflow: hidden; width: 100% !important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateY(5px); transform: translateY(5px); }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box .selectric-wrapper .selectric-items li { font-size: 15px; color: #484848; padding: 0 26px; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box .selectric-wrapper .selectric-items li.selected, .q2_wrapper .main_wrapper #container .sort_option > div .option_box .selectric-wrapper .selectric-items li.highlighted, .q2_wrapper .main_wrapper #container .sort_option > div .option_box .selectric-wrapper .selectric-items li:hover { background-color: #eeeff5; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box .selectric-wrapper.selectric-open .selectric-items { z-index: 1; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box.input_box { padding-right: 67px; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box.input_box label { position: absolute; top: 8px; left: 11px; padding: 0 11px; cursor: text; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box.input_box input { padding: 0 11px; border: 0; background: none; margin: 0; width: 110px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 300; color: #6f6f6f; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box.input_box button { position: relative; display: inline-block; width: 41px; height: 32px; vertical-align: middle; border-radius: 5px; background-color: #6676a3; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); border: 0; padding: 0; margin: 0; text-indent: -99999px; position: absolute; top: 8px; right: 11px; cursor: pointer; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box.input_box button span.icon { position: absolute; top: 50%; left: 50%; width: 18px; height: 17px; margin-top: -8.5px; margin-left: -9px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -96px -137px; text-indent: -99999px; text-indent: -99999px; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box.schedule_box { font-size: 0; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box.schedule_box .datepicker_box { position: relative; display: inline-block; font-size: 16px; width: 152px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 56px; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box.schedule_box .datepicker_box input { border: 0; font-weight: 300; padding: 0; margin: 0; background: none; color: #6f6f6f; width: 100%; letter-spacing: -0.5px; cursor: pointer; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box.schedule_box .datepicker_box span.icon { position: relative; display: inline-block; width: 41px; height: 32px; vertical-align: middle; border-radius: 5px; background-color: #6676a3; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); border: 0; padding: 0; margin: 0; text-indent: -99999px; position: absolute; top: 0; right: 0; cursor: pointer; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box.schedule_box .datepicker_box span.icon:before { content: ''; position: absolute; top: 50%; left: 50%; width: 17px; height: 16px; margin-top: -8px; margin-left: -8.5px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -69px -137px; text-indent: -99999px; }

.q2_wrapper .main_wrapper #container .sort_option > div .option_box.schedule_box > span { display: inline-block; font-size: 16px; margin: 0 15px; }

.q2_wrapper .main_wrapper #container .sort_option > div a.btn_excel { position: relative; display: inline-block; background-color: #6fac28; border-radius: 8px; padding: 8px 13px; font-size: 16px; color: #fff; height: 32px; line-height: 32px; margin-left: 12px; vertical-align: top; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); }

.q2_wrapper .main_wrapper #container .sales_status_info { font-size: 18px; background-color: #fff; border-radius: 8px; color: #5b5b5b; margin-bottom: 35px; }

.q2_wrapper .main_wrapper #container .sales_status_info .inner { padding: 28px 0; }

.q2_wrapper .main_wrapper #container .sales_status_info ul { overflow: hidden; }

.q2_wrapper .main_wrapper #container .sales_status_info ul li { position: relative; float: left; width: 20%; padding: 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.q2_wrapper .main_wrapper #container .sales_status_info ul li:before { content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 84px; margin-top: -42px; background-color: #e4e4e4; }

.q2_wrapper .main_wrapper #container .sales_status_info ul li:first-child:before { content: none; }

.q2_wrapper .main_wrapper #container .sales_status_info ul li strong { position: relative; display: block; padding-left: 31px; height: 24px; line-height: 24px; }

.q2_wrapper .main_wrapper #container .sales_status_info ul li strong span.icon { position: absolute; top: 50%; left: 0; width: 24px; height: 24px; margin-top: -12px; }

.q2_wrapper .main_wrapper #container .sales_status_info ul li strong span.icon:before { content: ''; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; border-radius: 50%; }

.q2_wrapper .main_wrapper #container .sales_status_info ul li strong span.icon:after { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin-top: -6px; margin-left: -6px; border-radius: 50%; background-color: #fff; }

.q2_wrapper .main_wrapper #container .sales_status_info ul li p { margin-top: 20px; font-size: 20px; color: #1b1b1b; font-weight: 600; text-align: right; word-break: break-all; }

.q2_wrapper .main_wrapper #container .sales_status_info ul li.period { width: 23%; padding-right: 10px; }

.q2_wrapper .main_wrapper #container .sales_status_info ul li.period + .device_name ~ li { width: 19%; }

.q2_wrapper .main_wrapper #container .sales_status_info ul li.period span.icon:before { background-color: #7366bd; }

.q2_wrapper .main_wrapper #container .sales_status_info ul li.period p { text-align: left; }

.q2_wrapper .main_wrapper #container .sales_status_info ul li.device_name span.icon:before { background-color: #de6f99; }

.q2_wrapper .main_wrapper #container .sales_status_info ul li.pay_card span.icon:before { background-color: #5787c4; }

.q2_wrapper .main_wrapper #container .sales_status_info ul li.pay_cash span.icon:before { background-color: #be75d9; }

.q2_wrapper .main_wrapper #container .sales_status_info ul li.total_sales span.icon:before { background-color: #d3625d; }

.q2_wrapper .main_wrapper #container .sales_status_info ul li[data-type=price] p:before { content: '￦'; margin-right: 9px; }

.q2_wrapper .main_wrapper #container .main_cont_table .table_wrap { overflow: hidden; border-radius: 18px; border-bottom: 3px solid #4d696a; }

.q2_wrapper .main_wrapper #container .main_cont_table .table_wrap table { table-layout: fixed; width: 100%; border-radius: 18px; font-size: 17px; text-align: center; }

.q2_wrapper .main_wrapper #container .main_cont_table .table_wrap table tr { overflow: hidden; }

.q2_wrapper .main_wrapper #container .main_cont_table .table_wrap table tr th { border-left: 1px solid #3e5455; font-weight: 300; color: #fff; padding: 25px 10px; }

.q2_wrapper .main_wrapper #container .main_cont_table .table_wrap table tr th:first-child { border-left: 0; }

.q2_wrapper .main_wrapper #container .main_cont_table .table_wrap table tr th[data-type=date] { width: 226px; }

.q2_wrapper .main_wrapper #container .main_cont_table .table_wrap table tr td { border-left: 1px solid #ededed; font-weight: 300; color: #323232; padding: 25px 10px; word-break: break-all; vertical-align: middle; }

.q2_wrapper .main_wrapper #container .main_cont_table .table_wrap table tr td:first-child { border-left: 0; }

.q2_wrapper .main_wrapper #container .main_cont_table .table_wrap table thead tr { background-color: #4d696a; }

.q2_wrapper .main_wrapper #container .main_cont_table .table_wrap table tbody tr { border-top: 1px solid #ededed; }

.q2_wrapper .main_wrapper #container .main_cont_table .table_wrap table tbody tr:first-child { border-top: 0; }

.q2_wrapper .main_wrapper #container .main_cont_table .table_wrap table tbody tr:nth-child(odd) { background-color: #fff; }

.q2_wrapper .main_wrapper #container .main_cont_table .table_wrap table tbody tr:nth-child(even) { background-color: #fafafa; }

.q2_wrapper .main_wrapper #container .main_cont_table .table_wrap table tbody tr.device_load { background-color: #e3e3e3; }

.q2_wrapper .main_wrapper #container .main_cont_table .pager_wrap { font-size: 0; text-align: center; margin-top: 62px; }

.q2_wrapper .main_wrapper #container .main_cont_table .pager_wrap .pager_box { display: inline-block; font-size: 16px; }

.q2_wrapper .main_wrapper #container .main_cont_table .pager_wrap .pager_box .pager { float: left; }

.q2_wrapper .main_wrapper #container .main_cont_table .pager_wrap .pager_box .pager a { float: left; position: relative; display: inline-block; height: 39px; line-height: 39px; vertical-align: middle; border-radius: 18px; background-color: #74819f; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); border: 0; padding: 0; margin: 0; color: #fff; margin-left: 8px; -webkit-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; }

.q2_wrapper .main_wrapper #container .main_cont_table .pager_wrap .pager_box .pager a:first-child { margin-left: 0; }

.q2_wrapper .main_wrapper #container .main_cont_table .pager_wrap .pager_box .pager a.type_btn { padding: 0 19px; }

.q2_wrapper .main_wrapper #container .main_cont_table .pager_wrap .pager_box .pager a.num { min-width: 39px; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.q2_wrapper .main_wrapper #container .main_cont_table .pager_wrap .pager_box .pager a.on, .q2_wrapper .main_wrapper #container .main_cont_table .pager_wrap .pager_box .pager a:hover { background-color: #968864; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(44, 38, 39, 0.33), inset -1px -2px 2px 0 rgba(255, 255, 255, 0.28); box-shadow: inset 1px 2px 2px 0 rgba(44, 38, 39, 0.33), inset -1px -2px 2px 0 rgba(255, 255, 255, 0.28); }

.q2_wrapper .main_wrapper #container .main_cont_table .pager_wrap .pager_box .page_move { float: left; margin-left: 22px; }

.q2_wrapper .main_wrapper #container .main_cont_table .pager_wrap .pager_box .page_move p { display: inline-block; font-size: 16px; color: #323232; height: 39px; line-height: 39px; }

.q2_wrapper .main_wrapper #container .main_cont_table .pager_wrap .pager_box .page_move input { display: inline-block; width: 39px; height: 39px; line-height: 39px; vertical-align: middle; border-radius: 18px; border: 2px solid #6676a3; padding: 0 8px; margin: 0 0 0 14px; color: #fff; background: none; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; color: #6676a3; font-weight: 300; }

.q2_wrapper .main_wrapper #container .main_cont_table .pager_wrap .pager_box .page_move button { position: relative; display: inline-block; height: 39px; line-height: 39px; vertical-align: middle; border-radius: 18px; background-color: #74819f; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); border: 0; padding: 0; margin: 0; color: #fff; margin-left: 6px; -webkit-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; padding: 0 21px; font-weight: 300; }

.q2_wrapper .main_wrapper #container .main_cont_table .pager_wrap .pager_box .page_move button:hover { background-color: #968864; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(44, 38, 39, 0.33), inset -1px -2px 2px 0 rgba(255, 255, 255, 0.28); box-shadow: inset 1px 2px 2px 0 rgba(44, 38, 39, 0.33), inset -1px -2px 2px 0 rgba(255, 255, 255, 0.28); }

.q2_wrapper .main_wrapper #container.home_container .page_home { font-size: 0; line-height: 0; padding: 64px 66px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > div { display: inline-block; width: 100%; font-size: 16px; line-height: 1.5em; margin-top: 47px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > div:first-child { margin-top: 0; }

.q2_wrapper .main_wrapper #container.home_container .page_home > div > .itembox { position: relative; float: left; margin-left: 2.57%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d3d3d3; background-color: #fff; }

.q2_wrapper .main_wrapper #container.home_container .page_home > div > .itembox:first-child { margin-left: 0; }

.q2_wrapper .main_wrapper #container.home_container .page_home > div > .itembox .title_box { position: relative; background: #fff url("/images/q2center_manager/title_pattern.jpg?v1.0.0.0.2") repeat; height: 53px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > div > .itembox .title_box h1 { position: absolute; top: 16px; left: -12px; background-color: #4d696a; color: #fff; font-size: 18px; padding: 0 45px; height: 60px; line-height: 60px; border-radius: 0 10px 10px 0; }

.q2_wrapper .main_wrapper #container.home_container .page_home > div > .itembox .title_box h1:before { content: ''; position: absolute; top: 100%; left: 0; border-style: solid; border-width: 11px 0 0 11px; border-color: #ebcbe1 transparent; }

.q2_wrapper .main_wrapper #container.home_container .page_home > div > .itembox .more { position: absolute; top: 31px; right: 22px; width: 44px; height: 44px; border-radius: 20px; background-color: #6676a3; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); text-indent: -99999px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > div > .itembox .more:before, .q2_wrapper .main_wrapper #container.home_container .page_home > div > .itembox .more:after { content: ''; background-color: #fff; }

.q2_wrapper .main_wrapper #container.home_container .page_home > div > .itembox .more:before { position: absolute; top: 50%; left: 50%; width: 2px; height: 14px; margin-top: -7px; margin-left: -1px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > div > .itembox .more:after { position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin-top: -1px; margin-left: -7px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box { font-size: 17px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox { width: 31.62%; height: 521px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big { padding: 64px 53px 40px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big .calculate_box span.date { display: block; color: #484848; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big .calculate_box span.date > span { display: inline-block; height: 31px; line-height: 31px; padding: 0 12px; border-radius: 50px; color: #fff; font-size: 15px; margin-right: 8px; vertical-align: middle; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big .calculate_box span.date > span.today { background-color: #e4759c; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big .calculate_box span.date > span.total { background-color: #8c82c6; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big .calculate_box strong { position: relative; display: block; color: #1b1b1b; font-weight: 600; font-size: 40px; text-align: right; margin-top: 40px; padding: 0 25px 34px 0; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big .calculate_box strong:before { content: '￦'; display: inline-block; font-size: 24px; vertical-align: top; margin-right: 13px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big .calculate_box strong:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: #cdcdcd; }

@media screen and (max-width: 1749px) { .q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big .calculate_box strong { padding-right: 0; } }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big .calculate_box .calculate_item { color: #6f6f6f; text-align: right; margin-top: 15px; font-size: 0; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big .calculate_box .calculate_item > div { display: inline-block; margin-left: 15px; font-size: 16px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big .calculate_box .calculate_item > div:first-child { margin-left: 0; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big .calculate_box .calculate_item > div em { margin-left: 11px; font-size: 15px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big .calculate_box .calculate_item > div em span { display: inline-block; width: 9px; height: 7px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -21px -137px; text-indent: -99999px; margin-right: 7px; vertical-align: middle; text-align: left; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big .calculate_box .calculate_item > div[data-state=up] em { color: #e4759c; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big .calculate_box .calculate_item > div[data-state=up] em span { background-position: -21px -137px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big .calculate_box .calculate_item > div[data-state=down] em { color: #768de2; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big .calculate_box .calculate_item > div[data-state=down] em span { background-position: -40px -137px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_small { background-color: #8c82c6; padding: 50px 80px 51px 70px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_small ul li { position: relative; color: #fff; line-height: 28px; margin-top: 28px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_small ul li:first-child { margin-top: 0; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_small ul li strong { position: absolute; top: 3px; left: 0; font-size: 20px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_small ul li span { display: block; font-size: 28px; font-weight: 600; text-align: right; letter-spacing: 1px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_small ul li span:after { content: '￦'; display: inline-block; vertical-align: middle; margin-left: 13px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox.itembox01 .sales_small { background-color: #e1cc96; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox.itembox02 .sales_small { background-color: #657fb0; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper { position: relative; padding: 50px 72px 90px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .item { margin-top: 25px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .item:first-child { margin-top: 0; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .item .top_info { overflow: hidden; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .item .top_info strong { float: left; font-size: 16px; line-height: 16px; color: #484848; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .item .top_info p { float: right; font-size: 14px; line-height: 19px; color: #878c92; font-weight: 100; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .item .top_info p span.now { color: #363e50; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .item .progress_wrapper { position: relative; margin-top: 12px; -webkit-box-shadow: inset 2px 2px 0 rgba(10, 10, 10, 0.13); box-shadow: inset 2px 2px 0 rgba(10, 10, 10, 0.13); border-radius: 50px; background-color: #f1f5fb; height: 14px; overflow: hidden; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .item .progress_wrapper .progress { border-radius: 50px; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); width: 0; height: 100%; -webkit-transition: ease-in-out 0.6s; transition: ease-in-out 0.6s; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .item .progress_wrapper .progress.bar_r { background-color: #e4759c; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .item .progress_wrapper .progress.bar_y { background-color: #feb800; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .item .progress_wrapper .progress.bar_b { background-color: #768de2; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .control_box { position: absolute; bottom: 30px; left: 50%; height: 32px; line-height: 32px; padding: 0 45px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .control_box a { position: absolute; top: 0; width: 32px; height: 32px; background-color: #6676a3; border-radius: 15px; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); text-indent: -99999px; -webkit-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .control_box a:before { content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 12px; margin-top: -6px; margin-left: -3px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -194px -49px; text-indent: -99999px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .control_box a.prev { left: 0; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .control_box a.prev:before { background-position: -194px -49px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .control_box a.next { right: 0; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .control_box a.next:before { background-position: -220px -49px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .control_box a:hover { background-color: #968864; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .print_paper .control_box .pager_wrap { font-size: 16px; color: #484848; min-width: 40px; }

@media screen and (max-width: 1749px) { .q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_big { padding: 64px 40px 40px; }
  .q2_wrapper .main_wrapper #container.home_container .page_home > .top_box .itembox .sales_small { padding: 50px 40px 51px; } }

.q2_wrapper .main_wrapper #container.home_container .page_home > .mid_box > .itembox { height: 341px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .mid_box .itembox04 { width: 48.77%; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .mid_box .itembox04 .itemcont { padding: 64px 54px 40px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .mid_box .itembox05 { width: 48.66%; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .mid_box .itembox05 .itemcont { padding: 64px 54px 40px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box > .itembox { height: 414px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox06 { width: 27.9%; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox06 .itemcont { padding: 78px 0; text-align: center; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox06 .itemcont ul { display: inline-block; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox06 .itemcont ul li { position: relative; float: left; width: 135px; height: 84px; line-height: 84px; margin: 35px 0 0 47px; text-align: center; font-size: 26px; font-weight: 600; color: #1b1b1b; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat 0 -174px; text-indent: 0; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox06 .itemcont ul li:nth-child(2n-1) { margin-left: 0; clear: both; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox06 .itemcont ul li:nth-child(n):nth-child(-n+2) { margin-top: 0; }

@media screen and (max-width: 1749px) { .q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox06 .itemcont ul li { margin: 35px 0 0 30px; } }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox06 .itemcont ul li span { position: absolute; top: 7px; left: -17px; border-radius: 24px; width: 54px; height: 53px; line-height: 53px; color: #fff; font-size: 14px; font-weight: 300; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox06 .itemcont ul li p { padding: 7px 10px 0 0; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox06 .itemcont ul li.on { background-position: 0 -174px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox06 .itemcont ul li.on span { background-color: #e4759c; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox06 .itemcont ul li.ok { background-position: -155px -174px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox06 .itemcont ul li.ok span { background-color: #45c0b9; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox06 .itemcont ul li.off, .q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox06 .itemcont ul li.error { background-position: -311px -174px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox06 .itemcont ul li.off span, .q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox06 .itemcont ul li.error span { background-color: #b2b3b6; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 { width: 69.53%; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state { padding: 49px 48px 104px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .item { float: left; width: 49.33%; margin: 1.34% 0 0 1.34%; background-color: #eeeff5; border-radius: 9px; padding: 10px 21px 10px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .item:nth-child(2n-1) { margin-left: 0; clear: both; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .item:nth-child(n):nth-child(-n+2) { margin-top: 0; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .item strong { float: left; height: 39px; line-height: 39px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .item .state_box { float: right; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .item .state_box ul { overflow: hidden; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .item .state_box ul li { float: left; min-width: 67px; height: 39px; line-height: 39px; border-radius: 20px; color: #fff; font-size: 15px; margin-left: 6px; text-align: center; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .item .state_box ul li:first-child { margin-left: 0; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .item .state_box ul li.on { background-color: #e4759c; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .item .state_box ul li.ok { background-color: #45c0b9; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .item .state_box ul li.off { background-color: #b2b3b6; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .item .state_box ul li.error { background-color: #74819f; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .control_box { position: absolute; bottom: 36px; left: 50%; height: 32px; line-height: 32px; padding: 0 45px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .control_box a { position: absolute; top: 0; width: 32px; height: 32px; background-color: #6676a3; border-radius: 15px; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); text-indent: -99999px; -webkit-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .control_box a:before { content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 12px; margin-top: -6px; margin-left: -3px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -194px -49px; text-indent: -99999px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .control_box a.prev { left: 0; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .control_box a.prev:before { background-position: -194px -49px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .control_box a.next { right: 0; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .control_box a.next:before { background-position: -220px -49px; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .control_box a:hover { background-color: #968864; }

.q2_wrapper .main_wrapper #container.home_container .page_home > .bottom_box .itembox07 .device_state .control_box .pager_wrap { font-size: 16px; color: #484848; min-width: 40px; }

.q2_wrapper .main_wrapper #container.sales_container > div > div { font-size: 0; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box { display: inline-block; background-color: #fff; border-bottom: 1px solid #e2e2e2; padding: 50px 70px 44px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 17px; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner > div { float: left; margin-left: 66px; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner > div:first-child { margin-left: 0; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner .left_box > div { float: left; margin-left: 66px; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner .left_box > div:first-child { margin-left: 0; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner h2 { font-size: 20px; color: #1b1b1b; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner .calculate_box { margin-top: 46px; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner .calculate_box span.date { display: block; color: #7e7e7e; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner .calculate_box span.date span.today { display: inline-block; height: 31px; line-height: 31px; padding: 0 12px; border-radius: 50px; background-color: #e4759c; color: #fff; font-size: 13px; margin-right: 9px; vertical-align: middle; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner .calculate_box strong { position: relative; display: block; color: #1b1b1b; font-weight: 600; font-size: 40px; padding: 0 25px 34px 0; text-align: right; margin-top: 40px; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner .calculate_box strong:before { content: '￦'; display: inline-block; font-size: 24px; vertical-align: top; margin-right: 13px; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner .calculate_box strong:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: #cdcdcd; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner .calculate_box .calculate_item { color: #6f6f6f; text-align: right; margin-top: 15px; font-size: 0; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner .calculate_box .calculate_item > div { display: inline-block; margin-left: 15px; font-size: 16px; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner .calculate_box .calculate_item > div:first-child { margin-left: 0; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner .calculate_box .calculate_item > div em { margin-left: 11px; font-size: 15px; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner .calculate_box .calculate_item > div em span { display: inline-block; width: 9px; height: 7px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -21px -137px; text-indent: -99999px; margin-right: 7px; vertical-align: middle; text-align: left; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner .calculate_box .calculate_item > div[data-state=up] em { color: #e4759c; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner .calculate_box .calculate_item > div[data-state=up] em span { background-position: -21px -137px; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner .calculate_box .calculate_item > div[data-state=down] em { color: #768de2; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.top_box .inner .calculate_box .calculate_item > div[data-state=down] em span { background-position: -40px -137px; }

.q2_wrapper .main_wrapper #container.sales_container > div > div.bottom_box { padding: 66px 60px 0; }

.q2_wrapper .main_wrapper #container.sales_container .sales_status .top_box .inner { position: relative; padding: 0 450px 0 445px; }

.q2_wrapper .main_wrapper #container.sales_container .sales_status .top_box .inner .left_box { margin-left: -445px; width: 445px; }

.q2_wrapper .main_wrapper #container.sales_container .sales_status .top_box .inner .mid_box { width: 100%; }

.q2_wrapper .main_wrapper #container.sales_container .sales_status .top_box .inner .right_box { float: right; margin: 0 -450px 0 0; width: 374px; }

.q2_wrapper .main_wrapper #container.sales_container .sales_status .top_box .inner .graph_box { margin-top: 17px; }

.q2_wrapper .main_wrapper #container.sales_container .sales_management .top_box .inner { padding-left: 850px; }

.q2_wrapper .main_wrapper #container.sales_container .sales_management .top_box .inner .left_box { margin-left: -850px; }

.q2_wrapper .main_wrapper #container.sales_container .sales_management .top_box .inner .left_box > div { width: 350px; }

.q2_wrapper .main_wrapper #container.sales_container .sales_management .top_box .inner .left_box .calculate_item { padding-right: 25px; }

.q2_wrapper .main_wrapper #container.sales_container .sales_management .top_box .inner .right_box { width: 100%; }

.q2_wrapper .main_wrapper #container.sales_container .sales_management .top_box .inner .right_box .graph_box { margin-top: 10px; }

.q2_wrapper .main_wrapper #container.device_container .device_management { font-size: 0; line-height: 0; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div { display: inline-block; width: 100%; padding: 70px 90px; font-size: 17px; line-height: 1.5em; -webkit-box-sizing: border-box; box-sizing: border-box; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box { background-color: #fff; border-bottom: 1px solid #e2e2e2; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div { float: left; margin-left: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div:first-child { margin-left: 0; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div h2 { font-size: 20px; color: #1b1b1b; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div h2 + div { margin-top: 40px; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_device { width: 50%; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_device .state_wrapper { position: relative; font-size: 0; text-align: center; background-color: #f3f3f5; border: 1px solid #e2e2e2; border-radius: 8px; padding: 40px 3.5%; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_device .state_wrapper ul { display: inline-block; width: 100%; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_device .state_wrapper ul li { float: left; width: 25%; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_device .state_wrapper ul li .bg_wrap { position: relative; width: 136px; height: 84px; line-height: 84px; margin: 0 auto; background: url("/images/q2center_manager/device_state_bg.png?v1.0.0.0.2") no-repeat 0 0; text-indent: 0; background-size: contain; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_device .state_wrapper ul li .bg_wrap span.state { position: absolute; top: 7px; left: -17px; font-size: 14px; color: #fff; width: 54px; height: 53px; line-height: 53px; border-radius: 23px; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_device .state_wrapper ul li .bg_wrap p { font-size: 26px; font-weight: 600; color: #1b1b1b; padding-top: 6px; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_device .state_wrapper ul li[data-state=on] span.state { background-color: #e4759c; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_device .state_wrapper ul li[data-state=ok] span.state { background-color: #45c0b9; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_device .state_wrapper ul li[data-state=off] span.state, .q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_device .state_wrapper ul li[data-state=error] span.state { background-color: #b2b3b6; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_device .state_wrapper a.btn_more { position: absolute; bottom: -15px; right: 19px; border-radius: 50px; background-color: #74819f; color: #fff; font-size: 14px; height: 32px; line-height: 32px; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(44, 38, 39, 0.33), inset -1px -2px 2px 0 rgba(255, 255, 255, 0.28); box-shadow: inset 1px 2px 2px 0 rgba(44, 38, 39, 0.33), inset -1px -2px 2px 0 rgba(255, 255, 255, 0.28); padding: 0 24px; font-weight: 100; -webkit-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper { width: 45%; margin-left: 5%; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper { position: relative; /* @media screen and (min-width:1750px){ .item{ width: 46.4%; margin: 7.2% 0 0 7.2%; @include nth_margin(2); } } @media screen and (max-width:1749px){ .item{ width: 100%; margin-top: 7.2%; } } */ }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .item { float: left; width: 46.4%; margin: 7.2% 0 0 7.2%; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .item:nth-child(2n-1) { margin-left: 0; clear: both; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .item:nth-child(n):nth-child(-n+2) { margin-top: 0; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .item .top_info strong { font-size: 16px; line-height: 16px; color: #484848; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .item .top_info p { float: right; font-size: 14px; line-height: 19px; color: #878c92; font-weight: 100; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .item .top_info p span.now { color: #363e50; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .item .progress_wrapper { position: relative; margin-top: 12px; -webkit-box-shadow: inset 2px 2px 0 rgba(10, 10, 10, 0.13); box-shadow: inset 2px 2px 0 rgba(10, 10, 10, 0.13); border-radius: 50px; background-color: #f1f5fb; height: 14px; overflow: hidden; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .item .progress_wrapper .progress { border-radius: 50px; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); width: 0; height: 100%; -webkit-transition: ease-in-out 0.6s; transition: ease-in-out 0.6s; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .item .progress_wrapper .progress.bar_r { background-color: #e4759c; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .item .progress_wrapper .progress.bar_y { background-color: #feb800; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .item .progress_wrapper .progress.bar_b { background-color: #768de2; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .control_box { position: absolute; top: -62px; right: 0; height: 32px; line-height: 32px; padding: 0 45px; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .control_box a { position: absolute; top: 0; width: 32px; height: 32px; background-color: #6676a3; border-radius: 15px; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); text-indent: -99999px; -webkit-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .control_box a:before { content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 12px; margin-top: -6px; margin-left: -3px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -194px -49px; text-indent: -99999px; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .control_box a.prev { left: 0; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .control_box a.prev:before { background-position: -194px -49px; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .control_box a.next { right: 0; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .control_box a.next:before { background-position: -220px -49px; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .control_box a:hover { background-color: #968864; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.top_box > div.item_print_paper .print_paper_wrapper .control_box .pager_wrap { font-size: 16px; color: #484848; min-width: 40px; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont { position: relative; font-size: 0; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list { display: inline-block; width: 100%; font-size: 17px; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item { position: relative; float: left; border: 1px solid #d5d7dd; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 2.6% 0 0 2.6%; border-radius: 10px 10px 0 0; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box { position: relative; padding: 0 160px 0 31px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #4d696a; margin: 0 -1px; height: 61px; line-height: 61px; border-radius: 8px 8px 0 0; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box h2 { color: #fff; font-size: 18px; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box { position: absolute; top: 12px; right: 20px; height: 37px; line-height: 37px; font-size: 13px; text-align: center; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box span, .q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box a { float: left; padding: 0 10px; min-width: 58px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50px; margin-left: 6px; color: #fff; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box span:first-child, .q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box a:first-child { margin-left: 0; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box span.on, .q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box a.on { background-color: #e4759c; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box span.ok, .q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box a.ok { background-color: #3bada7; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box span.off, .q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box a.off { background-color: #a2a4a9; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box span.error, .q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box a.error { background-color: #74819f; padding: 0 21px; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box span.error em.icon, .q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box a.error em.icon { display: inline-block; width: 8px; height: 13px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -246px -49px; text-indent: -99999px; vertical-align: middle; margin-left: 7px; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box .error_info { position: absolute; top: 100%; right: -50px; background-color: #fff; padding: 20px 25px; border: 2px solid #e4759c; border-radius: 19px; font-size: 15px; line-height: 24px; color: #484848; width: 210px; margin-top: 9px; z-index: 1; text-align: left; display: none; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box .error_info:before, .q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box .error_info:after { content: ''; position: absolute; bottom: 100%; left: 50%; border-style: solid; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box .error_info:before { border-width: 0 11.5px 9px 11.5px; border-color: #e4759c transparent; margin-left: 30px; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .title_box .state_box .error_info:after { border-width: 0 9.5px 7px 9.5px; border-color: #fff transparent; margin-left: 32px; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .info_wrapper { position: relative; padding-bottom: 53px; background-color: #fff; border-radius: 0 0 8px 8px; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .info_wrapper .info_item { padding: 20px 46px; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .info_wrapper .info_item.device_info { background-color: #fff; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .info_wrapper .info_item.payment_info { background-color: #eeeff5; padding-bottom: 30px; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .info_wrapper dl { padding-left: 130px; font-size: 16px; color: #4a4949; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .info_wrapper dl dt { clear: both; float: left; margin-left: -130px; padding: 7px 0; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .info_wrapper dl dd { width: 74%; margin-left: 26%; padding: 7px 0; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .info_wrapper .btn_wrap { position: absolute; bottom: 34px; right: 24px; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .info_wrapper .btn_wrap li { float: left; margin-left: 10px; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .info_wrapper .btn_wrap li:first-child { margin-left: 0; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .info_wrapper .btn_wrap li a { display: block; color: #fff; border-radius: 18px; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); font-size: 15px; height: 39px; line-height: 39px; background-color: #e1cc96; min-width: 117px; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; -webkit-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .info_wrapper .btn_wrap li a.btn_point { background-color: #657fb0; }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item .info_wrapper .btn_wrap li a:hover { background-color: #647296; }

@media screen and (min-width: 1750px) { .q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item { width: 31.6%; }
  .q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item:nth-child(3n-2) { margin-left: 0; clear: both; }
  .q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item:nth-child(n):nth-child(-n+3) { margin-top: 0; } }

@media screen and (max-width: 1749px) { .q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item { width: 48.7%; }
  .q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item:nth-child(2n-1) { margin-left: 0; clear: both; }
  .q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .device_list .item:nth-child(n):nth-child(-n+2) { margin-top: 0; } }

.q2_wrapper .main_wrapper #container.device_container .device_management > div.bottom_box .main_device_cont .add_device { position: absolute; top: -88px; right: 0; border-radius: 50px; background-color: #968864; color: #fff; height: 37px; line-height: 37px; padding: 0 25px; font-size: 14px; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); -webkit-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; }

.q2_wrapper .main_wrapper #container.shop_container .shop_manager .top_box { padding: 70px 90px; background-color: #fff; }

.q2_wrapper .main_wrapper #container.shop_container .shop_manager .top_box h2 { font-size: 20px; color: #1b1b1b; }

.q2_wrapper .main_wrapper #container.shop_container .shop_manager .main_cont_table { margin-top: 40px; }

.q2_wrapper .main_wrapper #container.shop_container .shop_manager .main_cont_table .input_box { position: relative; }

.q2_wrapper .main_wrapper #container.shop_container .shop_manager .main_cont_table .input_box .radio_box { position: relative; display: inline-block; width: 88px; height: 43px; vertical-align: middle; }

.q2_wrapper .main_wrapper #container.shop_container .shop_manager .main_cont_table .input_box .radio_box label { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 17px; background-color: #fff; cursor: pointer; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(44, 38, 39, 0.33), inset -1px -2px 2px 0 rgba(255, 255, 255, 0.28); box-shadow: inset 1px 2px 2px 0 rgba(44, 38, 39, 0.33), inset -1px -2px 2px 0 rgba(255, 255, 255, 0.28); }

.q2_wrapper .main_wrapper #container.shop_container .shop_manager .main_cont_table .input_box .radio_box label:hover { -webkit-animation: txt_hover ease-in-out 0.4s; animation: txt_hover ease-in-out 0.4s; }

.q2_wrapper .main_wrapper #container.shop_container .shop_manager .main_cont_table .input_box .radio_box label span { position: absolute; top: 5px; left: 5px; width: 33px; height: 33px; border-radius: 13px; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); -webkit-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; text-indent: -99999px; background-color: #fff; }

.q2_wrapper .main_wrapper #container.shop_container .shop_manager .main_cont_table .input_box .radio_box input[type=radio][value=n]:checked ~ label { background-color: #9ca4b7; }

.q2_wrapper .main_wrapper #container.shop_container .shop_manager .main_cont_table .input_box .radio_box input[type=radio][value=n]:checked ~ label.radio_label_n { z-index: -1; }

.q2_wrapper .main_wrapper #container.shop_container .shop_manager .main_cont_table .input_box .radio_box input[type=radio][value=n]:checked ~ label.radio_label_y { z-index: 1; }

.q2_wrapper .main_wrapper #container.shop_container .shop_manager .main_cont_table .input_box .radio_box input[type=radio][value=n]:checked ~ label span { left: 5px; }

.q2_wrapper .main_wrapper #container.shop_container .shop_manager .main_cont_table .input_box .radio_box input[type=radio][value=y]:checked ~ label { background-color: #968864; }

.q2_wrapper .main_wrapper #container.shop_container .shop_manager .main_cont_table .input_box .radio_box input[type=radio][value=y]:checked ~ label.radio_label_n { z-index: 1; }

.q2_wrapper .main_wrapper #container.shop_container .shop_manager .main_cont_table .input_box .radio_box input[type=radio][value=y]:checked ~ label.radio_label_y { z-index: -1; }

.q2_wrapper .main_wrapper #container.shop_container .shop_manager .main_cont_table .input_box .radio_box input[type=radio][value=y]:checked ~ label span { left: 49px; }

.q2_wrapper .main_wrapper #container.shop_container .shop_manager .main_cont_table .input_box a.btn_reset { display: inline-block; background-color: #74819f; color: #fff; font-size: 15px; border-radius: 17px; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); height: 43px; line-height: 43px; margin-right: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; min-width: 90px; text-align: center; vertical-align: middle; margin-left: 15px; -webkit-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; }

.q2_wrapper .main_wrapper #container.shop_container .shop_manager .main_cont_table .input_box a.btn_reset:hover { background-color: #968864; -webkit-animation: txt_hover ease-in-out 0.4s; animation: txt_hover ease-in-out 0.4s; }

.q2_wrapper .alert_wrapper { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 5; background-color: rgba(0, 0, 0, 0.8); font-size: 18px; }

.q2_wrapper .alert_wrapper .vertical_wrap { height: 100%; }

.q2_wrapper .alert_wrapper .alert_inner { position: relative; background-color: #fff; max-width: 530px; margin: 0 auto; z-index: 0; }

.q2_wrapper .alert_wrapper .alert_inner > .title_box { background-color: #ebcbe1; color: #fff; height: 71px; line-height: 71px; padding: 0 100px 0 35px; }

.q2_wrapper .alert_wrapper .alert_inner .alert_contbox { position: relative; padding: 50px 0 75px; }

.q2_wrapper .alert_wrapper .alert_inner .alert_contbox:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 75px; background-color: #d4d7e4; z-index: -1; }

.q2_wrapper .alert_wrapper .alert_inner .alert_contbox .alert_cont { text-align: center; }

.q2_wrapper .alert_wrapper .alert_inner .alert_contbox .alert_cont > div { display: inline-block; text-align: left; }

.q2_wrapper .alert_wrapper .alert_inner .alert_contbox .btn_box { margin: 63px auto -24px; font-size: 0; text-align: center; }

.q2_wrapper .alert_wrapper .alert_inner .alert_contbox .btn_box ul { display: inline-block; font-size: 17px; }

.q2_wrapper .alert_wrapper .alert_inner .alert_contbox .btn_box ul li { float: left; margin-left: 10px; }

.q2_wrapper .alert_wrapper .alert_inner .alert_contbox .btn_box ul li:first-child { margin-left: 0; }

.q2_wrapper .alert_wrapper .alert_inner .alert_contbox .btn_box ul li a { display: block; color: #fff; padding: 0 20px; min-width: 130px; height: 45px; line-height: 45px; border-radius: 50px; background-color: #a4a5a7; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.q2_wrapper .alert_wrapper .alert_inner .alert_contbox .btn_box ul li a.btn_cancel { background-color: #a4a5a7; }

.q2_wrapper .alert_wrapper .alert_inner .alert_contbox .btn_box ul li a.btn_confirm { background-color: #968864; }

.q2_wrapper .alert_wrapper .alert_inner .alert_contbox .btn_box ul li a:hover { -webkit-animation: txt_hover ease-in-out 0.4s; animation: txt_hover ease-in-out 0.4s; background-color: #647296; }

.q2_wrapper .alert_wrapper .alert_inner .btn_close { position: absolute; top: 0; right: 0; height: 71px; line-height: 71px; color: #fff; padding: 0 29px; }

.q2_wrapper .alert_wrapper .alert_inner .btn_close:before { content: ''; display: inline-block; width: 15px; height: 15px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat 0 -278px; text-indent: -99999px; vertical-align: middle; margin-right: 6px; }

.q2_wrapper .alert_wrapper .alert_inner .btn_close:hover { -webkit-animation: txt_hover ease-in-out 0.4s; animation: txt_hover ease-in-out 0.4s; }

.q2_wrapper .alert_wrapper .alert_inner .pwdchange_box .input_box { position: relative; padding-left: 131px; margin-top: 16px; }

.q2_wrapper .alert_wrapper .alert_inner .pwdchange_box .input_box:first-child { margin-top: 0; }

.q2_wrapper .alert_wrapper .alert_inner .pwdchange_box .input_box label { position: absolute; top: 0; left: 0; height: 53px; line-height: 53px; }

.q2_wrapper .alert_wrapper .alert_inner .pwdchange_box .input_box input { width: 250px; height: 53px; border: 2px solid #d2d2d2; border-radius: 4px; background: none; padding: 0 10px; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 300; }

.q2_wrapper .alert_wrapper[data-class=alert_point] .alert_contbox .alert_cont { padding: 0 60px; text-align: left; }

.q2_wrapper .alert_wrapper[data-class=alert_point] .alert_contbox .alert_cont .point_select_box { width: 100%; margin-top: 30px; }

.q2_wrapper .alert_wrapper[data-class=alert_point] .alert_contbox .alert_cont .point_select_box .point_box { position: relative; border: 2px solid #d2d2d2; border-radius: 8px; padding: 22px 133px; text-align: center; }

.q2_wrapper .alert_wrapper[data-class=alert_point] .alert_contbox .alert_cont .point_select_box .point_box a { position: absolute; top: 5px; width: 52px; height: 52px; border-radius: 8px; background-color: #6676a3; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); text-indent: -99999px; }

.q2_wrapper .alert_wrapper[data-class=alert_point] .alert_contbox .alert_cont .point_select_box .point_box a:before { content: ''; position: absolute; top: 50%; left: 50%; width: 19px; height: 3px; margin-top: -1.5px; margin-left: -9.5px; background-color: #fff; border-radius: 50px; }

.q2_wrapper .alert_wrapper[data-class=alert_point] .alert_contbox .alert_cont .point_select_box .point_box a.btn_minus { left: 5px; }

.q2_wrapper .alert_wrapper[data-class=alert_point] .alert_contbox .alert_cont .point_select_box .point_box a.btn_plus { right: 5px; }

.q2_wrapper .alert_wrapper[data-class=alert_point] .alert_contbox .alert_cont .point_select_box .point_box a.btn_plus:after { content: ''; position: absolute; top: 50%; left: 50%; width: 3px; height: 19px; margin-top: -9.5px; margin-left: -1.5px; background-color: #fff; border-radius: 50px; }

.q2_wrapper .alert_wrapper[data-class=alert_point] .selectric-wrapper .selectric { padding: 7px 51px 7px 29px; border: 2px solid #d2d2d2; border-radius: 4px; }

.q2_wrapper .alert_wrapper[data-class=alert_point] .selectric-wrapper .selectric .selectric-label { height: 35px; line-height: 35px; color: #484848; }

.q2_wrapper .alert_wrapper[data-class=alert_point] .selectric-wrapper .selectric .selectric-button { position: relative; display: inline-block; width: 41px; height: 32px; vertical-align: middle; border-radius: 5px; background-color: #6676a3; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); border: 0; padding: 0; margin: 0; text-indent: -99999px; width: 37px; height: 35px; position: absolute; top: 7px; right: 7px; cursor: pointer; -webkit-box-shadow: inset -1px 1px 2px 0 rgba(255, 255, 255, 0.45), inset 1px -2px 2px 0 rgba(44, 38, 39, 0.6); box-shadow: inset -1px 1px 2px 0 rgba(255, 255, 255, 0.45), inset 1px -2px 2px 0 rgba(44, 38, 39, 0.6); }

.q2_wrapper .alert_wrapper[data-class=alert_point] .selectric-wrapper .selectric .selectric-button:before { content: ''; position: absolute; top: 50%; left: 50%; width: 7px; height: 5px; margin-top: -2.5px; margin-left: -3.5px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -142px -137px; text-indent: -99999px; }

.q2_wrapper .alert_wrapper[data-class=alert_point] .selectric-wrapper .selectric-items { -webkit-box-shadow: none; box-shadow: none; font-size: 15px; color: #484848; border: 2px solid #d2d2d2; border-radius: 4px; background-color: #fff; overflow: hidden; width: 100% !important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateY(5px); transform: translateY(5px); }

.q2_wrapper .alert_wrapper[data-class=alert_point] .selectric-wrapper .selectric-items .selectric-scroll { max-height: 140px; }

.q2_wrapper .alert_wrapper[data-class=alert_point] .selectric-wrapper .selectric-items li { font-size: 15px; color: #484848; padding: 8px 26px; }

.q2_wrapper .alert_wrapper[data-class=alert_point] .selectric-wrapper .selectric-items li.selected, .q2_wrapper .alert_wrapper[data-class=alert_point] .selectric-wrapper .selectric-items li.highlighted, .q2_wrapper .alert_wrapper[data-class=alert_point] .selectric-wrapper .selectric-items li:hover { background-color: #eeeff5; }

.q2_wrapper .alert_wrapper[data-class=alert_point] .selectric-wrapper.selectric-open .selectric-items { z-index: 1; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner { max-width: 805px; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox { padding: 50px 0 48px; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox:before { content: none; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .btn_box { text-align: right; margin: 18px 60px 0; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .btn_box a { background-color: #e4759c; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); border-radius: 20px; font-size: 15px; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap { display: block; padding: 0 60px; font-size: 15px; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item { position: relative; padding-left: 168px; border-bottom: 1px solid #e9ecef; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item:first-child { border-top: 1px solid #e9ecef; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .title_box { position: absolute; top: 0; left: 0; bottom: 0; width: 168px; background-color: #f3f3f5; padding: 22px 33px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .title_box .title { display: block; font-size: 16px; color: #292929; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap { min-height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 10px 28px; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap input[type=text] { border: 1px solid #d2d2d2; border-radius: 4px; background-color: #fff; margin: 0; padding: 0 10px; width: 100%; height: 43px; line-height: 43px; max-width: 370px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 300; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap > p { padding: 12px 0 13px; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box { position: relative; display: inline-block; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .radio_label { display: inline-block; background-color: #eee; color: #4a4949; font-size: 15px; border-radius: 4px; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); height: 43px; line-height: 43px; margin-right: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; min-width: 90px; text-align: center; cursor: pointer; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box input[type=radio]:checked + .radio_label { -webkit-box-shadow: inset 1px 2px 2px 0 rgba(44, 38, 39, 0.33), inset -1px -2px 2px 0 rgba(255, 255, 255, 0.28); box-shadow: inset 1px 2px 2px 0 rgba(44, 38, 39, 0.33), inset -1px -2px 2px 0 rgba(255, 255, 255, 0.28); color: #fff; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box input[type=radio]:checked + .radio_label[data-type=off] { background-color: #74819f; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box input[type=radio]:checked + .radio_label[data-type=on] { background-color: #968864; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box > a { display: inline-block; color: #fff; border-radius: 20px; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); font-size: 15px; height: 43px; line-height: 43px; background-color: #434f98; min-width: 90px; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 7px; text-align: center; -webkit-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box > a.btn_stop { background-color: #333; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box > a.btn_reset { background-color: #606060; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box > a:hover { background-color: #647296; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .select_wrapper, .q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .selectric-wrapper { position: relative; display: inline-block; vertical-align: middle; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .select_wrapper .selectric, .q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .selectric-wrapper .selectric { padding: 9px 49px 9px 14px; border: 1px solid #d2d2d2; border-radius: 4px; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .select_wrapper .selectric .selectric-label, .q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .selectric-wrapper .selectric .selectric-label { height: 23px; line-height: 23px; color: #4a4949; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .select_wrapper .selectric .selectric-button, .q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .selectric-wrapper .selectric .selectric-button { position: relative; display: inline-block; width: 41px; height: 32px; vertical-align: middle; border-radius: 5px; background-color: #6676a3; -webkit-box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); box-shadow: inset 1px 2px 2px 0 rgba(255, 255, 255, 0.28), inset -1px -2px 2px 0 rgba(44, 38, 39, 0.33); border: 0; padding: 0; margin: 0; text-indent: -99999px; width: 27px; height: 23px; position: absolute; top: 9px; right: 9px; cursor: pointer; -webkit-box-shadow: inset -1px 1px 2px 0 rgba(255, 255, 255, 0.45), inset 1px -2px 2px 0 rgba(44, 38, 39, 0.6); box-shadow: inset -1px 1px 2px 0 rgba(255, 255, 255, 0.45), inset 1px -2px 2px 0 rgba(44, 38, 39, 0.6); }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .select_wrapper .selectric .selectric-button:before, .q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .selectric-wrapper .selectric .selectric-button:before { content: ''; position: absolute; top: 50%; left: 50%; width: 7px; height: 5px; margin-top: -2.5px; margin-left: -3.5px; background: url("/images/q2center_manager/manager_sp.png?v1.0.0.0.2") no-repeat -142px -137px; text-indent: -99999px; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .select_wrapper .selectric-items, .q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .selectric-wrapper .selectric-items { -webkit-box-shadow: none; box-shadow: none; font-size: 15px; color: #4a4949; border: 1px solid #d2d2d2; border-radius: 4px; background-color: #fff; overflow: hidden; width: 100% !important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateY(5px); transform: translateY(5px); }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .select_wrapper .selectric-items .selectric-scroll, .q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .selectric-wrapper .selectric-items .selectric-scroll { max-height: 140px; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .select_wrapper .selectric-items li, .q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .selectric-wrapper .selectric-items li { font-size: 15px; color: #4a4949; padding: 8px 26px; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .select_wrapper .selectric-items li.selected, .q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .select_wrapper .selectric-items li.highlighted, .q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .select_wrapper .selectric-items li:hover, .q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .selectric-wrapper .selectric-items li.selected, .q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .selectric-wrapper .selectric-items li.highlighted, .q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .selectric-wrapper .selectric-items li:hover { background-color: #eeeff5; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .select_wrapper.selectric-open .selectric-items, .q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .selectric-wrapper.selectric-open .selectric-items { z-index: 1; }

.q2_wrapper .alert_wrapper[data-class=alert_device_management] .alert_inner .alert_contbox .alert_cont > .device_management_wrap .item .input_wrap .input_box .select_txt { display: inline-block; margin: 0 10px 0 5px; }

.q2_wrapper .alert_wrapper[data-base=base] .alert_inner .alert_contbox .alert_cont { line-height: 24px; }

.q2_wrapper .alert_wrapper[data-base=base] .alert_inner .alert_contbox .btn_box { margin-top: 40px; }

.loading_wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.85); z-index: 10; display: none; }

.loading_wrapper .vertical_wrap { height: 100%; }

.loading_wrapper .loading_inner { text-align: center; }

.loading_wrapper .loading_inner .loading_icon { position: relative; display: inline-block; margin: 0 22%; max-width: 360px; }

.loading_wrapper .loading_inner .loading_icon .item { float: left; width: 28%; height: auto; margin: 7% 0 0 8%; }

.loading_wrapper .loading_inner .loading_icon .item:nth-child(3n-2) { margin-left: 0; clear: both; }

.loading_wrapper .loading_inner .loading_icon .item:nth-child(n):nth-child(-n+3) { margin-top: 0; }

.loading_wrapper .loading_inner .loading_icon .item.item:nth-child(3n-2) { clear: both; }

.loading_wrapper .loading_inner .loading_icon .item img { width: 100%; }

.loading_wrapper .loading_inner .loading_icon .item.item1 { -webkit-animation: loading_icon ease-in-out 2s 0.1s infinite; animation: loading_icon ease-in-out 2s 0.1s infinite; }

.loading_wrapper .loading_inner .loading_icon .item.item2 { -webkit-animation: loading_icon ease-in-out 2s 0.2s infinite; animation: loading_icon ease-in-out 2s 0.2s infinite; }

.loading_wrapper .loading_inner .loading_icon .item.item3 { -webkit-animation: loading_icon ease-in-out 2s 0.3s infinite; animation: loading_icon ease-in-out 2s 0.3s infinite; }

.loading_wrapper .loading_inner .loading_icon .item.item4 { -webkit-animation: loading_icon ease-in-out 2s 0.4s infinite; animation: loading_icon ease-in-out 2s 0.4s infinite; }

.loading_wrapper .loading_inner .loading_icon .item.item5 { -webkit-animation: loading_icon ease-in-out 2s 0.5s infinite; animation: loading_icon ease-in-out 2s 0.5s infinite; }

.loading_wrapper .loading_inner .loading_icon .item.item6 { -webkit-animation: loading_icon ease-in-out 2s 0.6s infinite; animation: loading_icon ease-in-out 2s 0.6s infinite; }

@-webkit-keyframes loading_icon { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  10% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  20% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes loading_icon { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  10% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  20% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }