/*!
* Hongtu Mobile-Default Style (金色皮肤)
* Author: Steven
* Update by 2017-04-10
*/

/* themes-bg */
body.games-page,body.download-page{background:url("../../images/beijing.png") repeat;}
body.index-page{background:url("../../images/beijing.png") repeat;}
ul,ol{list-style: none;}
/* menu */
.menu>li>a{color:#0da6e5;border:1px solid #04658d;opacity: 0.8;background:url(../../images/an_bg.png)}
.menu>li>a:hover,.menu>li.active>a{color:#0da6e5;border-color:#0da6e5;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOArV5bRgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=);}
.menu>li>a>small:after{background-image:url(../../images/hen_icon.png);}
.menu>li>a:hover>small:after,.menu>li.active>a>small:after{background-image:url(../../images/san_icon.png);}

/* navbar */
.navbar>ul>li>a{color:#e1b450;}
.navbar>ul>li>a:hover,.navbar>ul>.active>a{color:#f0d26e;background-image:url(images/navbar-hover.png);}
.navbar:before{background-image:url(images/navbar-side.png);}

/* itemIcon */
.itemIcon{background-image:url(images/itemIcon.png);}

/* download-page */
.download-page .navbar>ul>li>a{background-image:url(images/navbar-hover2.png);}
.download-page .section .content>.url-text{color:#e1b352;}

.dis-no{display: none!important;}

/*弹窗遮罩层*/
.cpm {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 100;
    background: url("../../images/tanchuangbeijing.png") repeat;
}

.Ewm_dow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 740px;
    height: 420px;
    background: url(../../images/bgc2.png) no-repeat 0 0/100%;
    background-size: cover;
}

.carousel-indicators {
    bottom: 0;
    left: 0;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
}

.carousel-indicators li {
    text-indent: 0;
}

.glyphicon {
    top: 160px;
}

.Ewm_nav {
    width: 90%;
    margin: 30px auto;
    border: 1px solid #525a65;
    overflow: hidden;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.Ewm_nav > li {
    min-height: 42px;
    line-height: 1;
	padding: 5px;
    border-right: 1px solid #525a65;
    font-size: 16px;
    flex: auto;
    color: #fff;
    text-align: center;
    cursor:pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Ewm_nav > li {
    line-height: 1;
}
.Ewm_nav > li:last-child {
    border: none;
}

.Ewm_nav > li:hover {
    background-color: #273041;

}

.Ewm_nav > li.active {
    background-color: #273041;
}

.Ewm_con {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.Ewm_con > li {
    flex: 1;
    padding: 0 10px;
}

.Ewm_con span {
    width: 62px;
    margin-left: 20px;
    color: #008ac3;
    font-size: 12px;
    border-bottom: 1px solid #525151;
}

.Ewm_con small {
    padding-left: 10px;
    color: #008ac3;
    font-size: 28px;
}

.Ewm_con p {
    height: 43px;
    line-height: 1;
    margin: 0 0 0 10px;
    color: #fff;
    font-size: 12px;
    padding: 3px 0 2px 10px;
}

.Ewm_con img {
    width: 100%;
    padding: 0 10px;
}

.Ewm_btn {
    display: block;
    min-width: 126px;
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 20px;
    right: 38px;
    border: 1px solid #525151;
    border-radius: 5px;
    text-align: center;
    padding: 7px;
}

.Ewm_btn:hover {
    text-decoration: none;
    background-color: #343434;
    color: #fff;
}

.Ewm_icon_btn {
    color: #fff;
    background-color: #008cff;
    padding: 0 8px;
    line-height: 35px;
    font-size: 31px;
    position: absolute;
    top: -35px;
    right: 0;
}

.Ewm_icon_btn:hover {
    text-decoration: none;
    background-color: #eee;
    color: #008cff;
}

.item {
    width: 100%;
    height: 100%;
}

.item ul {
    display: flex;
    justify-content: space-around;
}

.item li {
    display: inline-block;
}

.item li > img {
    width: 100%;
}

.item2 li > img {
    width: 190px;
}

.item1 li > img {
    width: 180px;
}

.item p {
    font-size: 16px;
    margin: 1rem 0 0 0;
    text-align: center;
}

.carousel-control.left, .carousel-control.right {
    background: none;
}

.install_dow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 740px;
    height: 580px;
    background: url(../../images/bgc3.png) no-repeat 0 0/100%;
    background-size: cover;

}
.install_nav {
    width: 666px;    background: #192228;
    margin: 18px 37px;
    border: 1px solid #525a65;
    border-radius: 5px;
    display: flex;
    overflow: hidden;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0;position: relative;
}

.install_nav > li {
    min-height: 42px;
    line-height: 1;
    padding: 5px;
    font-size: 16px;
    flex: auto;
    color: #fff;
    text-align: center;
    border-right: 1px solid #525a65;
    cursor:pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.install_nav > li > span {
    line-height: 1;
}

.install_nav > li:last-child {
    border: none;
}

.install_nav > li:hover {
    background-color: #273041;
}

.install_nav > li.active {
    background-color: #273041;
}

.install_con {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0;

}
#install_Ms{overflow-y: scroll;height: 480px;}
/*#install_Ms::-webkit-scrollbar { width: 0 !important }*/
#install_Ms { -ms-overflow-style:none;  overflow:-moz-scrollbars-none;scrollbar-width: none;}
#install_Ms::-webkit-scrollbar { width: 5px;  height: 5px;  background-color: #273041;/*//背景色*/  }
#install_Ms::-webkit-scrollbar-thumb { background-color: #3a465e;  border-radius: 10px;  }

.nav-bg{width:  666px;margin: 0 37px;background:url("../../images/nav-bg.png") top ;height: 76px;position: fixed;z-index: 0;}
.install_con > li {
    width: 33.3%;
    padding: 0 10px;
}

.install_con span {
    width: 62px;
    margin-left: 20px;
    color: #008ac3;
    font-size: 12px;
    border-bottom: 1px solid #525151;
}

.install_con small {
    padding-left: 10px;
    color: #008ac3;
    font-size: 28px;
}

.install_con p {
    height: 43px;
    line-height: 1;
    margin: 0 0 0 10px;
    color: #fff;
    font-size: 12px;
    padding: 3px 0 2px 10px;
}

.install_con img {
    width: 100%;
    margin-bottom: 15px;
    padding: 0 10px;
}

.browser_dow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 740px;
    height: 360px;
    background: url(../../images/bgc4.png) no-repeat 0 0/100%;
    background-size: cover;
}

.browser_nav {
    width: 30%;
    margin: 25px auto;
    border: 1px solid #525a65;
    border-radius: 5px;
    display: flex;
    overflow: hidden;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.browser_nav > li {
    min-height: 40px;
    padding: 5px;
    font-size: 16px;
    flex: auto;
    color: #fff;
    text-align: center;
    cursor:pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.browser_nav > li > span {
    line-height: 1;
}

.browser_nav > li:hover {
    background-color:#273041;
}

.browser_nav > li.active {
    background-color: #273041;
}

.browser_con {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.browser_con > li {
    width: 33.3%;
    padding: 0 1rem;
}

.browser_con span {
    width: 62px;
    margin-left: 20px;
    color: #008ac3;
    font-size: 12px;
    border-bottom: 1px solid #525151;
}

.browser_con small {
    padding-left: 10px;
    color: #008ac3;
    font-size: 28px;
}

.browser_con p {
    height: 43px;
    line-height: 1;
    margin: 0 0 0 10px;
    color: #fff;
    font-size: 12px;
    padding: 0 0 5px 10px;
}

.browser_con img {
    width: 100%;
    margin-bottom: 15px;
    padding: 0 10px;
}
.unlogin .qcode img:nth-child(1){display: block;}
.unlogin .qcode img:nth-child(2){display: none;}
.login .qcode img:nth-child(1){display: none;}
.login .qcode img:nth-child(2){display: block;}

.unlogin .qcode-wrap>span>img{display: none;}
.unlogin .qcode-blur{display: block;}
.login  .qcode-blur{display: none;}
.login .txt2{visibility: hidden;}

.img-icon1.mac-icon1{top: 0px}
.img-icon2.mac-icon2{top: 350px}
.img-icon3.mac-icon3{top: 60px;}
.img-icon5.mac-icon5{top: 95px;}