.Panel.yzc { position: absolute; top: 110px; bottom: 81px; height: auto; opacity: 0; width: 96%; left: 50%; margin-left: -48%; display: none }
.yzc-left { width: 60%; height: 100%; position: relative; float: left; border: 1px solid rgba(3, 169, 244, 0.5); box-shadow: 0 0 20px 20px rgba(3, 169, 244, 0.25) inset; box-sizing: border-box; z-index: 0; border-radius: 10px }
.yzc-right { width: 38%; height: 100%; position: relative; float: right; border: 1px solid rgba(3, 169, 244, 0.5); box-shadow: 0 0 20px 20px rgba(3, 169, 244, 0.25) inset; padding: 10px; box-sizing: border-box; padding: 10px; border-radius: 10px; overflow: auto }
.yzc-title { width: 100%; height: 60px; position: relative; color: #ffffff; font-size: 30px; line-height: 60px; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid rgba(3, 169, 244, 0.25); background: url(lot-title.png) 10px center no-repeat }
.yzc-title .title-label { margin-left: 12px }
.yzc-title .usercount-label { position: absolute; right: 10px; text-align: right }
.yzc-bottom { position: absolute; bottom: 0; width: 100%; height: 60px; border-top: 1px solid rgba(3, 169, 244, 0.25) }
.yzc-bottom .round-num { font-size: 22px; line-height: 60px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; margin-left: 10px }
.select-panel div { display: inline-block; text-align: center }
.select-button { width: 28px; height: 28px; border: 1px solid #ffffff; line-height: 28px; font-size: 22px; cursor: pointer }
.select-value { width: 40px; height: 28px }
.yzc-bottom .button-happy { position: absolute; right: 10px; height: 40px; top: 50%; margin-top: -20px; line-height: 40px; padding-left: 40px;  font-size: 20px; color: #fff; border: 1px solid #fff; background: url(lot-happy.png) 15px center no-repeat; cursor: pointer; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px }
.yzc-bottom .button-showresult { position: absolute; right: 10px; height: 40px; top: 50%; margin-top: -20px; line-height: 40px;  font-size: 20px; padding: 0 10px; color: #fff; border: 1px solid #fff; cursor: pointer; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px }
.yzc-bottom .button-reload { position: absolute; right: 10px; height: 40px; top: 50%; margin-top: -20px; line-height: 40px; font-size: 18px; padding: 0 10px;  color: #fff; border: 1px solid rgba(255,255,255,.5); cursor: pointer; border-radius: 8px; }
.yzc-run { position: absolute; top: 10px; right: 10px; left: 10px; bottom: 100px; z-index: 1; }
.user {background-image:none !important; }
.user .nick-name { display: none }
.yzc-run .user { text-align: center; }
.yzc-run .user .nick-name { position: absolute; width: 200%; height: 30px; line-height: 20px; left: -50%; bottom: -48px; font-size: 24px; color: #fff; text-align: center; display: block; text-shadow: 0 1px 3px rgba(0,0,0,.45); margin: 0; padding: 0 }
.result-line { position: relative; width: 100%; height: 70px; margin: 3px auto; background: rgba(0,0,0,.1); border-radius: 10px; overflow: hidden; display: none }
.result-line:first-child { margin-top: 0 }
.result-line:last-child { margin-bottom: 0 }
.result-line .result-num, .result-line .user, .result-line .user .nick-name { display: inline-block }
.result-line .result-num { width: 30px; height: 30px; color: #ffffff; position: relative; top: 20px; text-align: center; margin-left: 10px; font-size: 16px; line-height: 30px; background-color: #03A9F4; text-shadow: 0 1px 3px #3F51B5; border-radius: 100%; background: linear-gradient(145deg, #b0e6ff 0%, #2ab8f8 25%, #0680e1 100%); box-shadow: 0 2px 3px 1px rgba(0,0,0,.25); }
.result-line .user { position: absolute; display: inline-block; width: 60px; height: 60px; background-image:none !important;top: 5px; left: 50px; border-radius: 100% }
.result-line .user .nick-name { position: absolute; width: 500%; top: 0; left: 70px; overflow: visible; height: 30px; line-height: 30px; margin: 0; font-size: 24px; text-align: left; display: block; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.45) }
.yzc-run .control { display: none; position: absolute; left: 50%; transform: translate(-50%, 0%); box-sizing: border-box; bottom: 3vh; font-size: 2.4vh; text-align: center; padding: 0.6vh 3vh 1.4vh 3vh; background-color: #fff; border-radius: 8px; cursor: pointer; color: #fff; box-shadow: 0 2px 0 3px rgba(0,0,0,.15), 0 -5px 0 0 #0265b3 inset; background: linear-gradient(145deg, #b0e6ff 0%, #058df8 25%, #30bfff 100%); text-shadow: 0 1px 5px #0263b0; }
.yzc-run .control:active { padding: 1vh 3vh 1vh 3vh; box-shadow: 0 2px 0 3px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.52) inset }
.yzc-left .user .mobile { font-size: 8vw; white-space: nowrap; position: absolute; left: 50%; top: 55%; transform: translate(-50%, -60%); padding: 0; margin: 0; text-shadow: 0 0px 30px #03A9F4, 0 0px 20px #03A9F4; }
.yzc-right .user .mobile { font-size: 2.4vw; line-height: 2.4vw; color: #fff; position: absolute; padding: 0; margin: 0; top: 50%; margin-top: -1.2vw; white-space: nowrap; color: #ffffff;    text-shadow: 0 0 10px #03A9F4, 0 1px 6px #03A9F4;}
.mobile { font-size: 24px; color: #ffffff; }