@CHARSET "UTF-8";
.location{
    width:100%;
    background-color: #FFFFFF;
    border-bottom: 1px solid #ddd;
}
.breadcrumb > ol {display: block;list-style-type: decimal;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 40px;}
.breadcrumb > li + li:before {color: #666;content: "\00bb";}
.breadcrumb > li > span,.breadcrumb > li > a{font-size: 12px;color: #666;}
.breadcrumb .breadcrumb-end {display: none;}
.breadcrumb>.active {color: #777;}
.bread{margin:auto;padding:3px 0px 3px 0px;border-radius:3px 3px 0 0;}

.panel{border:0px; overflow:hidden; box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);margin-bottom:15px;}
.panel-title{margin-left:0px;}
.app-summary{padding:0px;width: 100%;}
/*.jpgame-app-img{padding: 10px;width: 25%;}
.jpgame-app-inf{height:100%;width: 75%;}*/
.jpgame-app-inf .app-name,
.jpgame-app-inf .app-nickname,
.jpgame-app-inf .app-developer{
    display:block;
    margin-top:0px;
    margin-bottom:0px;
    padding:3px;
    -webkit-box-flex: 1;
    flex: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*word-wrap:break-word;*/
}
.jpgame-app-inf .app-developer{font-weight:normal;font-size: 13px;color:#5bc0de;}
.jpgame-app-inf .app-nickname{color: grey;}

.app-title{border-bottom:1px solid #ddd;}
.app-title ul{border:none;}
.app-title ul li{font-size: 14px; font-weight: 700;}
.app-title ul li a{padding:10px 10px 10px 0px;}
.app-title ul li a i{background-color: transparent;width:13px;}
.app-detail{padding:15px;background-color: #ffffff; position: relative;}
.app-detail ul{
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.app-detail ul li{
    display: inline-block;
    position: relative;
    height: 100%;
    padding-right: 10px;
    vertical-align: middle;
}
.app-detail ul li img{height: 100%;}
.panel-detail{margin:10px 10px 10px 0px;border-left: 3px solid #2D98F0;display: block;height:20px;line-height:20px;padding-left:10px;font-weight: 700;}
.app-title .active i{border-left: 3px solid #2D98F0;}

.carousel-caption{background-color: rgba(0,0,0,.6);opacity: .90;font-weight:bold;}
.carousel-inner, .carousel-inner .item, .carousel-inner .item center{height:100%;}
.recommend {height:300px;}

.recommend, .part{background-color: #FFFFFF;overflow: hidden;box-shadow: 0 2px 3px 0 rgba(0,0,0,.25);}
.sidebar{float:right;}
.type .inf{padding:10px;}
.type li{display:inline-block; margin-top:10px; overflow: hidden;box-shadow: 0 2px 3px 0 rgba(0,0,0,.25);padding:5px;}
.type li a{color:white;}
/*.sidebar .app img{width:25%;float:left;margin-right:8px;}
.rank{width:100%;float:left;}
.rank .app{display:block;float:left; width: 100%;}
.rank .app img{float: left;}
.rank a{color:#333;padding:15px;box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);}
.rank a:hover{color:#fff;background-color: #72BAF5;}*/
.rank{float:left;width: 100%;}
.rank a{color:#333;padding:10px 10px;box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);width:100%;}
.rank a:hover{color:#fff;background-color: #72BAF5; width:100%;}
.rank .app{display:block;float:left;height: 84px;}
.rank .app img{
    width:64px;
    float:left;
    margin-right:8px;
}
.rank .app .gmname, .rank .app .gmnickname{-webkit-box-flex: 1;flex: auto;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.rank .app .gmname{font-size: 10px;color: grey;margin-top:5px;}
.rank .app .gmnickname{font-size: 13px; font-weight: 600;}

.part{margin-bottom:15px;}
.part .title{padding-left:10px; font: 14px bolid; color:#FFFFFF; background-image: url("./../images/part.png");background-repeat: no-repeat;height:30px;line-height:30px;}
.part .more{font: 10px bolid;line-height: 30px;}
.type .inf{padding:10px;}
.type li{display:inline-block; margin-top:5px; overflow: hidden;box-shadow: 0 2px 3px 0 rgba(0,0,0,.25);padding:5px;}
.qrocde{height: 100px;padding: 10px; float: left;}
.qrocde canvas{height: 100%; float: left;}
.qrcode_welcome {margin-top: 10px; float: left; color: #1A94E6;}
.qrcode_explain {float: left;color: grey;}


.mui-ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.innerCtn{
	line-height: 1.5rem;
	font-size: 1rem;
    width: 60px;
}

.cover {
    width:100%;
    height:100%;
    background-color:#000;
    position:fixed;
    top:0;
    left:0;
    z-index:2;
    opacity:0.7;
    /*兼容IE8及以下版本浏览器*/
    filter: alpha(opacity=70);
    display:none;
    overflow-y: auto;
}
.cover_img{
    /*background-image : url("../img/loading.gif");*/
/*background-color:#FF0;*/
    margin: auto;
    /*height: auto;*/
    position: fixed;
    z-index:3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display:none;
    padding: 7px;
    background-color: #FFFFFF;
}
.move-control{
    position: absolute;
    bottom: 15px;
    z-index: 2;
    width: 5%;
    font-size: 60px;
    color: #fff;
    /*display: block;*/
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: pointer;
}
.lg-move-control{
    position: absolute;
    top: 0;
    z-index: 3;
    width: 7%;
    height: 100%;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: pointer;
}
.left{
    left: 14px;
}
.right{
    right:14px;
}
.lg-left{left:0;background: url('./../images/prev.png') left 48% no-repeat;}
.lg-right{right:0;background: url('./../images/next.png') right 48% no-repeat;}
.lg-move-control:hover, .move-control:hover{
    background-color: #000000;
    cursor: pointer;
    color: #ffffff;
}
.app-introduce-btn{text-align: center;}
.app-detail ul, .move-control{height: 260px;}
.move-control{line-height: 260px;}
@MEDIA SCREEN AND (min-width:240px) {
    .qc{display:none;}
    .app-summary{text-align: center;}
    .jpgame-app-inf{width:100%; text-align: center;}
    .jpgame-app-img{width: 170px; margin: 0 auto;padding: 10px;}
    .jpgame-app-btn{margin-bottom: 10px;width: 100%;}
    .jpgame-app-inf .app-name{font-size: 14px; font-weight: 600;}
    .jpgame-app-inf .app-nickname, .jpgame-app-inf .app-developer{
        font-size: 12px;
    }
}
@MEDIA SCREEN AND (min-width:768px) {
    .qc{display:block;}
    .app-summary{height: 200px;}
    .jpgame-app-img, .jpgame-app-inf{padding: 10px;float: left;height: 200px;}
    .jpgame-app-img{width: 200px;}
    .jpgame-app-btn{position: absolute; bottom: 0px;}
    .jpgame-app-inf{padding: 10px 10px 10px 0px;text-align: left;width: 290px; position: relative;}
    .jpgame-app-inf .app-name{font-size: 16px; font-weight: 600;}
    .jpgame-app-inf .app-nickname, .jpgame-app-inf .app-developer{
        font-size: 14px;
    }
    .qrcode_welcome {font-size: 16px; font-weight: 600;}
    .qrcode_explain {font-size: 12px; }
}
@MEDIA SCREEN AND (min-width:992px) {
    .jpgame-app-inf{width: 462px;}
    .jpgame-app-inf .app-nickname{font-weight:normal;font-size: 14px;color:grey;}
    .qrcode_welcome {font-size: 20px; font-weight: 800;}
    .qrcode_explain {font-size: 14px; }
}
@MEDIA SCREEN AND (min-width:1200px) {
    .jpgame-app-inf{width: 600px;}
}