/*--------reset---------*/
*{margin: 0;padding: 0;}
ol,ul{list-style: none;}
a{text-decoration: none;}
a, button, input,div {-webkit-tap-highlight-color: rgba(255,0,0,0);}
ul a{display: block;overflow: hidden;color: #44362d;}
html,body{height: 100%;}
body img{max-width: 100%;}
body{font-family:"HelveticaNeue-Light", "Helvetica Neue Light","Clockopia";-webkit-user-select:none;-webkit-touch-callout:none;}

/*----------公用类------------*/

/*------字体过多则省略------*/
.word-wrap {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}

/*------主背景颜色----*/
body{background: #fff;color: #595959;font-size: 14px;}

/*------标题、正文文字----*/
.title-text-color{color:#65b2ff; }

/*------副标题----*/
.subtitle-color{color: #c3c3c3;font-size: 13px;}

/*------模块与模块间分隔线、描边-----*/
.border-bottom {border-bottom: 1px solid #e5e5e5;}
.border-top{border-top: 1px solid #e5e5e5; }
.border-right{border-right: 1px solid #e5e5e5;}

/*--------导航----------*/
.main-nav li{display: -webkit-flex;-webkit-box-flex:1;text-align: center;position: relative;overflow: hidden;}
.main-nav li p{font-size: 10px;}
.main-nav li a{display: block;width:100%;height:100%;line-height: 18px;}
/*------导航颜色-----*/
.main-nav ul{background: -webkit-linear-gradient(top, #ff991b 0%,#ff8a16 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff991b 0%,#ff8a16 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.main-nav .nav-icon{display: block;margin: 0 auto; }
.main-nav-align{-webkit-transform: translate(-50%,-50%);top: 50%;left: 50%;position: absolute;width: 100%;text-align: center;}
.main-nav .nav-icon{width: 50px;height: 28px;}
.main-nav .nav-icon1{background-position: 5px 0;}
.main-nav .nav-icon2{background-position: -246px 0px;}
.main-nav .nav-icon3{background-position: -95px 0px;}
.main-nav .nav-icon4{background-position: -149px 0;}
/*------导航选中底色-----*/
.main-nav .current{background: #b95c00;}
/*------导航未选中文字-----*/
.main-nav li a{color: #fff;}
/*--------二级导航----------*/
.fixed-nav{position: fixed;top: 0;right: 0;z-index: 49;}
.second-menu .second-menu-ul{width: 100%;display: block;overflow: hidden;border-bottom: 1px solid #6f3312;
    background-image:url("//game.gtimg.cn/images/ddt/ingame/bg-second-menu.jpg");background-size:auto 100%;height: 51px;}
.second-menu .second-menu-ul li{width: 25%;float: left;text-align: center;position: relative;}
.second-menu .second-menu-ul li:after{content: "";position: absolute;width: 1px;height: 100%;border-right: 1px solid #6f3312;right: 0;top: 0;}
.second-menu .second-menu-ul li:last-child:after{border-right: 0;}
.second-menu .second-menu-ul li {height: 52px;line-height: 52px;font-size: 16px;}
.second-menu .second-menu-ul li a{height: 52px;}
.second-menu .second-menu-ul li.current{background-image:url("//game.gtimg.cn/images/ddt/ingame/bg-second-menu-on.png");background-size:auto 100%;}
/*--------视频----------*/
.tvp { position:fixed; width:100%; height:100%; left:0; top:0; background:#000; z-index:9999; display:none;}
.tvp .close { position:absolute; left:0; top:0; font-size:20px;width: 40px;height: 40px;text-align: center; line-height:40px;z-index:9999; color:#FFF;}
.tvp div { width:100%; height:100%;}

/*-------common-------*/
.sp{background-image:url("//game.gtimg.cn/images/ddt/ingame/sp.png");background-size:200px auto;}
.sp-comment{background-image:url("//game.gtimg.cn/images/ddt/ingame/sp_comment.png");background-size: 380px auto;}
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center;}
.block-ab{position: absolute;display: block;}
.background-blue{background-color: #1a90f4;}
.background-red{background-color: #e63b3c;}
.background-white{background-color: #fff;}
.background-green{background-color: #21cdc5;}
.background-purple{background-color: #7d50f5;}
.font-red{color: #e63b3c;}
.font-blue{color: #1a90f4;}
.bor-radius{border-radius: 4px;overflow: hidden;}
.bor-radius-img img{border-radius: 4px;}
.btn-more{text-align: center;right: 0px;top: 8px;width: 80px;height: 24px;line-height: 24px;color: #65b2ff;border: 1px solid #65b2ff;border-radius: 20px;font-size: 13px;}
.btn-more a{color: #AAEFF7;margin-right: 10px;font-size:12px;line-height: 20px;}
.block-title {padding:10px 0; height: 22px;line-height: 22px;font-size: 17px;position: relative;overflow: hidden;}
.border-boldleft:before {background: #7c7c7c;content: "";display: inline-block;vertical-align: top;width: 3px;height:22px;margin-right: 4px;}
.link-item a{display: block;}
.load-text{padding: 10px 0;text-align: center;font-size: 12px;color:#D5683F;}

/*flexbox*/
.ig-flex{display: -webkit-box;display: box;display: -webkit-flexbox;display: flexbox;display: -webkit-flex;display:flex;}
/*flexbox align  */
.ig-flex-fls{-webkit-box-pack: justify;box-pack: justify;-webkit-flex-pack: justify;flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
/*flex item*/
.ig-flex-item{-webkit-box-flex:1;box-flex:1;-webkit-flex:1;flex:1;}


/*弹出层*/
.ig-pop{z-index:60;display: none;}
.ig-pop-con{width:255px;border-radius:5px; overflow: hidden; position: relative;background: #FFF;}
.ig-pop-close{width:28px; height:24px;line-height: 24px;text-align: center; position: absolute;top:0; right:0;font-size: 22px;z-index: 999;
    display: block;color: #ff9219;font-weight: bold;}
.ig-pop-title{text-align: center; height:40px;line-height:25px; font-size: 18px;font-weight: normal;padding-top:10px;}
.ig-pop-ctn{ padding:20px; overflow-y: auto;max-height: 180px;-webkit-overflow-scrolling : touch;}
.ig-pop-ctn p{font-size: 12px;margin-top: 10px;}
.ig-pop-title{text-align: center;height: 40px;line-height: 25px;font-size: 18px;font-weight: normal;padding-top: 10px;}
.ig-pop-actions a {display: block;text-align: center;line-height: 40px;height: 40px;width: 100%;font-size: 13px;background: #ff9219;color: #fff;}

@media screen and (orientation: landscape) {
	.mocha-ingame{ padding-left: 50px; height: 100%;}
    .main-nav { width: 50px; min-width: 50px; max-width: 50px; height: 100%; position: fixed; z-index: 50; top: 0; left: 0;}
    .main-nav ul { height: 100%; width: 50px;  display: -webkit-box; -webkit-box-orient: vertical; }
    .main-nav li{height:25%;width:100%;}
    .main-nav .nav-icon{margin-bottom: 4px;}
    .second-menu{left: 50px;}

}
@media screen and (orientation: portrait) {
	.mocha-ingame{padding-bottom: 50px;}
	.main-nav{width: 100%;height: 50px;position: fixed;left: 0; bottom: 0; z-index:40;}
    .main-nav ul{width: 100%;height: 50px;display: -webkit-box;  -webkit-box-orient: horizontal;}
    .main-nav li{width:25%;height:100%;}
    .main-nav li p{margin-top: 0}
    .second-menu{left: 0px;}

}

.load-page{
    display: block;

    height: 20px;
    margin: 0 auto;
    color: #808080;

    text-align: center;
    margin: 20px 0 20px 0;
}