.game-parent {
    text-align: center;
    vertical-align: center;
}
.game-parent .browser, .game-parent .mobile .horizontal, .game-parent .mobile .vertical, .game-parent .ipad .horizontal, .game-parent .ipad .vertical {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}
.game-parent .mobile .horizontal{
   margin-top:100px;
}
.game-parent .browser {
    background: #000;
    border-radius: 10px 10px 3px 3px;
    display: inline-block;
}
.game-parent .browser .close {
    position: absolute;
    background: #aaa;
    border-radius: 10px;
}
.game-parent .browser .min {
    position: absolute;
    background: #aaa;
    border-radius: 10px;
}
.game-parent .browser .max {
    position: absolute;
    background: #aaa;
    border-radius: 10px;
}
.game-parent .mobile .vertical, .game-parent .mobile .horizontal {
    display: inline-block;
    background: #000;
    border-radius: 50px;
}
.game-parent .mobile .vertical .speaker, .game-parent .mobile .horizontal .speaker {
    position: absolute;
    border-radius: 10px;
    background: #aaa;
}
.game-parent .ipad .horizontal, .game-parent .ipad .vertical {
    display: inline-block;
    background: #000;
    border-radius: 30px;
}
.game-parent .ipad .horizontal{
    margin-top:100px;
}
.game-parent .ipad .horizontal .camera, .game-parent .ipad .vertical .camera {
    position: absolute;
    border-radius: 10px;
    background: #aaa;
}
.game-parent .mobile .vertical .homeButton, .game-parent .mobile .horizontal .homeButton, .game-parent .ipad .horizontal .homeButton, .game-parent .ipad .vertical .homeButton {
    position: absolute;
    border-radius: 40px;
    background: #aaa;
}
.screen {
    background: #fff
}
iframe {
    border: none;
    width: 100%;
    height: 100%;
}
.show-recommend-size {
    position: absolute;
    display: inline-block;
    right: 0px;
    width: 50px;
    height: 190px;
    background:url("qiyun/size_Ch.png") 0 0 no-repeat;
    top: 100px;
    z-index: 4;
    cursor:pointer;
}
.recommend-size {
    position: absolute;
    width: 620px;
    height: 700px;
    z-index: 5;
    overflow-y: auto;
}
.preview-game{
   background-color:#fff;
}
.preview-game .select-type{
    background-color:#272a2f;
    border-bottom:1px solid #000;
    overflow:hidden;
}
.preview-game .select-type .label.ui-state-default{
    height: 40px;
    margin-top: -11px;
    width: 150px;
    margin-left:-8px;
    background: #272a2f;
    border-radius: 0;
}
.preview-game .select-type .label.ui-state-default.selected{
   color:#fff;
}
.preview-game .select-type .label.ui-state-default.selected{
   background:#25313b;
   box-shadow:0 0 15px rgba(0, 0, 0, 0.59) inset;
}
.preview-game .select-type .label.ui-state-hover{
   background:#25313b;
}
.preview-game .select-type .label.ui-state-default .ui-button-text{
    padding:0.8em 1em;
}
.preview-game .select-type .label.ui-state-default .ui-icon{
    width:30px;
    height:30px;
    background-image:url("qiyun/template.png");
    margin-top:-15px;
    margin-left:10px;
}
.preview-game .select-type .label.ui-state-default.selected .ui-icon,
.preview-game .select-type .label.ui-state-hover .ui-icon{
    background-image:url("qiyun/template_h.png");
}
.ui-icon-mobile-horizontal{
    background-position:-30px 0;
}
.ui-icon-mobile-vertical{
    background-position:0 0;
}
.ui-icon-ipad-horizontal{
    background-position:-60px 0;
}
.ui-icon-ipad-vertical{
    background-position:-90px 0;
}
.ui-icon-browser{
    background-position:-120px 0;
}
.ui-icon-fullscreen{
    background-position:-150px 0;
}
.select-screen{
    background-color:#25313b !important;
    border-bottom: 1px solid #000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.26);
}
.select-screen .custom-radio{
    top:-10px;
    color:#c8d2da;
}
.horizontal-icon.mobile-icon{
    background:url("qiyun/template_b.png") -30px 0;
    width:30px;
    height:30px;
    display:inline-block;
    margin-top:10px;
}
.vertical-icon.mobile-icon{
    background:url("qiyun/template_b.png") 0 0;
    width:30px;
    height:30px;
    display:inline-block;
    margin-left: 50px;
}
.horizontal-icon.ipad-icon{
    background:url("qiyun/template_b.png") -60px 0;
    width:30px;
    height:30px;
    display:inline-block;
    margin-top:10px;
}
.vertical-icon.ipad-icon{
    background:url("qiyun/template_b.png") -90px 0;
    width:30px;
    height:30px;
    display:inline-block;
    margin-left: 50px;
}
.hide.ui-state-default{
    border-radius: 50px;
    background: #fff;
    border:1px solid rgb(0, 173, 255);
    z-index: 2;
    top: 130px;
    right: 50px;
    position: fixed;
}
.hide .ui-icon-close{
    background-position:-32px 0;
}
.recommend-size img{
   background:url("qiyun/size_tip.png") no-repeat;
   height:2672px;
   width:600px;
   top: 0;
   position: absolute;
   left: 0;
}









