

.gc-select[disabled] {
    cursor: default;
    border-color: #ddd;
    color: #bbb;
}



.gc-select-100{
    border: 1px solid #ddd;
   
    background-color: #FFF;
    color: #000;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    padding: 0 24px 0 10px;
    vertical-align: middle;
    box-sizing: border-box;
    min-width: 100px;
    font-size: 12px;
    border-radius: 0;
}


.gc-input[readonly] {
    background-color: #f2f2f2;
    color: #444;
}




.btn_disabled{
    border-color: #ddd;
    background-color: #fff;
    color: #bbb;
    cursor: not-allowed;
}

.gc-btn {
    height: 30px;
    min-width: 24px;
    padding: 0 20px;
    background-color: #006eff;
    color: #fff;
    border: 1px solid #006eff;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 12px;
}

.gc-progress {
    height: 6px;
    margin-bottom: 23px;
    min-width: 100px;
    background-color: #e5e5e5;
    border-radius: 0;
    position: relative;
    border: none;
}

.gc-progress .gc-progress-value {
    height: 6px;
    background: #006eff;
    content: "";
    display: block;
    border-radius: 0;
    position: initial;
}


.gc-ico-success{
    display: inline-block;
    background-image: url(/web/dist/images/910d71bbee02d2f5d943eedf7b1caf1d.svg);
    background-position: 99.51% 9.790000000000001%;
    background-size: 1375% 1312.5%;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 10px;

}


.gc-ico-load {
    height: 16px;
    width: 16px;
    background-image: url(/web/dist/images/910d71bbee02d2f5d943eedf7b1caf1d.svg);
    -moz-animation: spin .6s infinite linear;
    -webkit-animation: spin .6s infinite linear;
    animation: spin .6s infinite linear;
    background-position: 73.04% 19.07%;
    background-size: 1375% 1312.5%;
    background-repeat: no-repeat;
}
    

/* 新版本样式开始 */ 


/* 新版本样式结束 */

/* 基于mrystyle.css dot动画给按钮添加...加载中效果 by cqz */
.loading-btn:after{
	content: ' ';
	display: inline-block;
    min-width: 2px;
    min-height: 2px;
	margin-right: 10px;
    box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor;
    -webkit-animation: dot 2s infinite step-start both;
    animation: dot 2s infinite step-start both;
}
/* 顶部通知样式 */
.top_notice_msg{
    padding: 5px;
    background-color: rgb(247, 240, 124);
    text-align: center;
    color: #6d6d6d;
    display:none;
}
/* 开发票按钮样式(启动更新-首页-0.1.8)开始 */
.btn-kfp{}
.btn-kfp a{
    border: 1px solid #24bbd4;
    color: #24bbd4;
    padding: 9px 14px;
}
.btn-kfp a:hover{
	background: #2a3245;
}
/* 开发票按钮样式结束 */

/* components/Common/nprogress.js  样式开始 */
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #24bbd4;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #24bbd4, 0 0 5px #24bbd4;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #24bbd4;
  border-left-color: #24bbd4;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* nprogress.js  样式结束 */
.margin_50_top_fee{
    margin-top:50px;
}

html,body{height:auto;}
.hide{display:none!important}
.gameIcon{
    display: flex;
    justify-content: center;
    align-items: center;
}

.updown .filesp{
    text-decoration: underline;
    text-shadow: none;
    /* left:40%; */
    color: #fff!important;
    width: 80px!important;
    height: 30px!important;
    line-height: 30px!important;
    border: 0;
    color: #2199ed;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #2199ed), color-stop(1, #2199ed) );
    background-color: #fff;
}
.sureBtn div{
    width:220px;
    height:40px;
    margin:0 auto;
    margin-top:30px;
    margin-bottom: 10px;
    border:none;
    border-radius: 4px;
    color:#fff;
    background:#2199ed;
    cursor:pointer;
    font-size:16px;
    line-height:40px;
}
.memberList{
    margin:0 0 10px;
    overflow-y: scroll;
}
.memberList::-webkit-scrollbar{
    width:0px;
    height:0px;
}
.memberList li .sp3{
    color:#ccc;
}
.memberLoading{
    display: flex;
    justify-content: center;
}
.searchWraps .memberList{
    display:block;
}

/*翻页样式*/
.bsn_box .pages_btn a{
    background: #fff;
    color:#000;
    border:0;
}
.bsn_box .pages_btn a.checked{
    background: #fff;
    color:#2199ed
}
.rolePage .pages_btn a{
    background: #fff;
    color:#000;
    border:0;
    
}
.rolePage .pages_btn a.checked{
    background: #fff;
    color:#2199ed
}
.newhome{position:relative}
.newhome .content{
    margin-top: 0;
}
.sureBtn a{
    background:#2199ed
}
.csloNav{
    /* width:400px;
    max-width:22%; */
    color:#b3b6be;
}

.hasGameLists{
    display:block;
}
.hasGameLists li a{
    color:#303030;
    font-size:14px;
    font-family: Microsoft YaHei;
    font-weight: normal;

}
.hasGameLists li:hover a{
    color:#2199ed;
}
.model{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    min-width: 1280px;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom:0;
    right:0;
    z-index: 99999;
    display:flex;
    align-items: center;
    justify-content: center;
}



.csloNav .secondNav .fstNavlist li.active a,
.csloNav .secondNav .fstNavlist li:hover a{
    color:#2199ed;
}
.midasAplcn-ul li{
    display:inline-block;
    width:140px;
    border-bottom:3px solid transparent;
    padding:0 0 12px;
    position:relative;
    cursor:pointer;
    font-size:14px;
    text-align: center;
}
.midasAplcn-ul li a{
    color:rgba(0,0,0,.65);
}
.midasAplcn-ul li:hover,
.midasAplcn-ul li.active{
    border-color:#2199ed;
    color:#2199ed;
}
.midasAplcn-ul li:hover a,
.midasAplcn-ul li.active a{    
    color:#2199ed;
}
.crashTable ul{
    background:#f4f4f8;
}
.pic-nav .nav span{
    font-size:24px;
}
.leftsubmenu .fstNavlist li a{color:#b3b6be;}
.leftsubmenu .fstNavlist li.avtive  li:hover a{color:#1890ff;;}
text.highcharts-credits{
	display: none;
}
.p3{margin-bottom:0}
.platform:hover{
    color:#fff!important
}
.timeSelect-hover-cursor{
    cursor: pointer
}
.timeSelect-display-inline-block{
    display: inline-block;
}
/* 修改日历样式 */
.timeSelect .DialogBox{
	display: inline-block;
    padding: 0 16px;
}
.DialogDateRange{
	display: inline-block;
	position: relative;
}
.timeSelect .DialogBox >p{
	/* width:230px; */
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 8px;
    background: #fff;
    border: 1px solid #e7e7e7;
    line-height:30px;
}
.timeSelect .DialogBox >p i{
    float: right;
    display:inline-block;
    width: 12px;
    height: 6px;
    /* margin: 11px 0 0 3px; */
    background: url('/web/public/images/cslo_03.png') no-repeat center center;
}	
.timeSelect .DialogDateRange .Dialog{
    position: absolute;
    z-index: 10;
    right: 0;
    top: 33px;
    border: 1px solid #cececf;
    border-top: 1px solid #cececf;
    background: #fff;
    margin-right:20px;
    margin-bottom:30px;
}
.timeSelect .DialogDateRange .DialogLeft{
    position: absolute;
    z-index: 10;
    left:10px;
    top: 33px;
    border: 1px solid #cececf;
    border-top: 1px solid #cececf;
    background: #fff;
    margin-right:20px;
    margin-bottom:30px;
}
.timeSelect .DialogDateRange .DialogRight{
    position: absolute;
    z-index: 10;
    right:-10px;
    top: 33px;
    border: 1px solid #cececf;
    border-top: 1px solid #cececf;
    background: #fff;
    margin-right:20px;
    margin-bottom:30px;
}
.timeSelect .DialogDateRange span:nth-child(5){
    margin:0
}
.minute .DialogDateRange span:nth-child(4){
    margin:0
}
.timeSelect .DialogDateRange .determinebtn{
    cursor: pointer;
    padding: 4px 20px;
    float: right;
    background-color: #2E6CFF;
    color: #fff;
    border-radius: 5px;
    margin-right:20px;
    margin-bottom:30px;
    border:1px solid #2E6CFF;
}
.timeSelect .DialogDateRange .cancelbtn{
    cursor: pointer;
    padding: 4px 20px;
    margin-right:20px;
    margin-bottom:20px;
    float: right;
    background-color: #fff;
    color: #000;
    border-radius: 5px;
    border:1px solid #ccc;
}
.timeSelect .rdr-DateRange{
    width:800px!important
}
.timeSelect .rdr-Calendar{
    width:390px!important
}
.timeSelect .rdr-WeekDays{
    background-color: #f4f4f4;;
}
.timeSelect .rdr-Day.is-selected {
    background: #2E6CFF!important
}
.timeSelect .rdr-Day.is-inRange {
    background: #e8f5fd!important
}
.versionBox .Select-arrow-zone{
    background: url('/web/public/images/cslo_03.png') no-repeat center center;
}
.versionBox .Select-arrow-zone .Select-arrow{
    display:none!important
}
.versionBox .Select-control{
    border-radius:0!important
}
.versionBox .Select-control .Select-input{
    border:0;
    outline: 0
}
.GameTitleBox.nowwrap {
    display:flex
}
.GameTitleBox.nowwrap span{
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block; 
}
.tablePage .pages_btn a{
    width: 34px;
    height: 24px;
    line-height: 24px;
    margin: 0 4px;
    font-size: 14px;
    background: #f4f4f8;
    border:0
}
.tablePage .pages_btn a{
    width: 34px;
    height: 24px;
    line-height: 24px;
    margin: 0 4px;
    font-size: 14px;
    background: #f4f4f8;
    border:0
}
.tablePage .pages_btn .pre i,.tablePage .pages_btn .next i{
    margin-top:7px
}

.tablePage .pages_btn a.checked,.tablePage .pages_btn a:hover{
    background: #2E6CFF;
}

.members-list li{
    display: flex;
    align-items: center;
}

.guidebtn{
    width: 140px;
    height: 40px;
    line-height: 40px;
    color: #2199ed;
    border:1px solid #2199ed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin-right: 20px;
    font-size:16px;
    background: #fff;
}
.guidebtn img{
    margin: -4px 5px 0 0;
    display: inline-block;
    vertical-align: middle;
}
.addGameBtn{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-size:16px;
}
.addGameBtn i{font-size:20px}

.model .new-game .box-con .sumbit a{border:1px solid #2199ed}
.model .new-game .box-con .errsubmit{text-align: center;padding-top: 30px;padding-bottom: 20px;}
.model .new-game .box-con .errsubmit a{font-size: 16px;background-color: #ccc;border-radius: 4px;color: #fff;padding: 10px 62px;border:1px solid #ccc}
.model .new-game .box-con .errsubmit a:hover{background-color: #ccc;}

.model .modal-dialog {
    width: 730px;
    margin-bottom: 200px;
}
.model .new-game .box-con .search-members .members-list ul li{
    width: 300px;
}
.bubbleBox{
    position: absolute;
    top: 52px;
    border: 1px solid #898889;
    width: 150px;
    height: 30px;
    line-height: 30px;
    background-color: #898889;
    color: #fff;
    border-radius: 5px;
}
.bubbleBox p{
    color:#FFF;
    font-size:12px;
    text-align: center
}
.bubbleBox span {
    width:0; 
    height:0; 
    font-size:0; 
    overflow:hidden; 
    position:absolute;
}
.bubbleBox span.bot{
    border-width: 9px;
    border-style: solid dashed dashed;
    border-color: transparent transparent #898889 transparent;
    left: 3px;
    top: -15px;
    }


.imgbubbleBox{
    border: 1px solid #898889;
    width: 320px;
    height: 30px;
    line-height: 30px;
    background-color: #898889;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    right: 26px;
    top: 159px;
    display:none
}
.imgbubbleBox p{
    color:#FFF;
    font-size:12px;
    text-align: center
}

.imgbubbleBox span.bot{
    width:0; 
    height:0; 
    font-size:0; 
    overflow:hidden; 
    position:absolute;
    border-width: 9px;
    border-style: solid dashed dashed;
    border-color: transparent transparent #898889 transparent;
    left:277px;
    top: -13px;
    }

.model .new-game .box-con .head-portrait:hover + div.imgbubbleBox{display: block;}
.model .new-game .box-con .project-name .nameSymbol{
    position: absolute;
    color: red;
    width: 20px;
    height: 46px;
    background-color: #edf3f7;
    top: 137px;
    line-height: 50px;
    padding-left: 7px;
    margin-left: 1px;
    font-size: 20px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.model .new-game .box-con .form-group .form-control2{
    text-indent: 18px;
    background: url('/web/public/images/123.png') no-repeat 0 0;
}

.searchDiv {
    padding: 5px 0;
}

.console-games-list .set-icon{cursor: pointer;}
.topOperating{
    padding: 0 10px;
}




.modal-dialog .new-game .box-top .close{display: inline-block; vertical-align: top; width: 14px; height: 14px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M53.122 48.88L36.243 32l16.878-16.878a3 3 0 0 0-4.242-4.242L32 27.758l-16.878-16.88a3 3 0 0 0-4.243 4.243l16.878 16.88-16.88 16.88a3 3 0 0 0 4.243 4.241L32 36.243l16.878 16.88a3 3 0 0 0 4.244-4.243z' fill='%23202020'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat;}
.modal-dialog .new-game .box-top .close:hover{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M53.122 48.88L36.243 32l16.878-16.878a3 3 0 0 0-4.242-4.242L32 27.758l-16.878-16.88a3 3 0 0 0-4.243 4.243l16.878 16.88-16.88 16.88a3 3 0 0 0 4.243 4.241L32 36.243l16.878 16.88a3 3 0 0 0 4.244-4.243z' fill='%232186ED'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat;}

.model .new-game .box-con .sumbit .cancel{
    margin-left:20px;
    background:#fff;
    color:#2199ed;
    border:1px solid #2199ed;

}
.model .new-game .box-con .sumbit .cancel:hover{
    color:#2186ed;
    background:#fff;
    border:1px solid #2186ed;
}
.model .new-game .box-con .errsubmit .cancel{
    margin-left:20px;
    background:#fff;
    color:#2199ed;
    border:1px solid #2199ed;

}
.model .new-game .box-con .errsubmit .cancel:hover{
    color:#2186ed;
    background:#fff;
    border:1px solid #2186ed;
}
.newhome .housekeeper li a{height:17px}

.gcloud-project-item .project-name{
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    margin-top: 18px;
    width: 200px;
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 26px;
    line-height: 20px;
}
.dateRangePicker {
    width: 562px;
  }

.vn-navlist .page_li{
    overflow: hidden;
}
 .sl_itn >p a span{
     width:184px
 }

 .sl_itn >div .rdr-DateRange{
     width:562px!important;
 }
/* Loading组件样式 */
.loading {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .loading .text {
    text-align: center;
    font-size: 12px;
    margin-top: 20px;
    color: #666;
    line-height: normal;
  }
  
  .loader {
    width: 40px;
    height: 40px;
    margin: 0 auto;
  }
  
  .loader .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #3cc3cf;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  }
  .loader .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
  .loader .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
  .loader .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s; }
  .loader .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
  .loader .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
  .loader .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
  .loader .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
  .loader .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
  .loader .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
  
  @-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
      -webkit-transform: scale3D(1, 1, 1);
      transform: scale3D(1, 1, 1);
    } 35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
      }
  }
  
  @keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
      -webkit-transform: scale3D(1, 1, 1);
      transform: scale3D(1, 1, 1);
    } 35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
      }
  }

  .hasGameLists .list .gamepic img{
      vertical-align: middle
  }

  .leftSide{
      width:250px
  }

  .csloNav2{height:100%}
  .csloNav2 .mainNav{height:100%}
  .csloNav2 .secondNav{height:100%}
  .top-warp-5 .platform img{
      padding: 0;
      vertical-align: middle;
  }
  .csloNav2 .fstNavlist li span{
    color: #b3b6be;
  }
  
  .subcnlDiv .sbcnlNe {
    width: 100px!important
}


.mainNavactive{
    width:50px!important;
}
.csloNav2 .mainNav.mainNavactive .fstNavTit2, .csloNav2 .mainNav.mainNavactive .box li{
    padding-left: 17px;
    padding-right: 17px;
}
.csloNav2 .mainNav.mainNavactive .GameTitleBox{
    padding-left: 9px;
}

/* 数据监控 */
.leftBarWip{
    padding-left: 250px!important
}

/* 游戏语音-服务配置 */
.hasFeatures .div1 {
    height: 20px;
    line-height: 20px;
}

.hasGameLists li a{
    display: block;
}
.csloNav2 .GameTitleBox{
    font-size:16px
}

/* 左侧二级菜单 */
.csloNav2 .secondNav .GameTitleBox .icon{
    margin-right: 3px;
}
/*增外链接图标*/
.csloNav2 .secondNav .fstNavlist a li span{
    color:#777;
}
.csloNav2 .secondNav .fstNavlist a li:hover span{
    color:#2199ed;
}
/*增外链接图标*/

/* officialhome图标更改 */
.pro_box li .icon {
    margin-left: 20px;
    width: 21px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    background: url(/web/dist/images/40e5cdef79a6554fcd50ae90f671af4a.png) no-repeat 0 0;
}
.pro_box li .icon4{background-position:-44px -3px;}
.pro_box li .icon5{background-position:-88px -5px;}
.pro_box li .icon6{background-position:-1px -4px;}
.pro_box li .icon7{background-position:-132px -5px;}
.pro_box li .icon8{background-position:-219px -5px;}
.pro_box li .icon9{background-position:-177px -5px;}
.pro_box li .icon10{background-position:-264px -6px;}
.pro_box li .icon11{background-position:-307px -6px;}
.pro_box li .icon12{background-position:-351px -7px;}
.pro_box li .icon13{background-position:-394px -8px;}
.pro_box li .icon14{background-position:-438px -8px;}
.pro_box li .icon15{background-position:-482px -7px}
.pro_box li .icon16{background-position:-526px -8px;}
.pro_box li .icon17{background-position:-570px -10px;}
.pro_box li .icon18{background:url(/web/dist/images/2e2f04d46b5e36977a27c9ac92f9dae3.png) no-repeat -44px -1px;}/*puffer*/
.pro_box li .icon25{background:url(/web/dist/images/adf902ebca84ec03ccea64c789dbb04b.png) no-repeat -44px -1px;}/*dawn*/

.crashTrendSelct{height: 56px}

.box .fstNavlist .icon-link{
    width:12px;
    height:12px;
    vertical-align: middle;
    margin:-1px 0 0 7px;
    /* background:url("../../images/oalink3.png") no-repeat 0 0; */
}

@charset "UTF-8";
*{
	padding:0;
	margin:0;
}
li {
    font-size: 14px;
    word-break: break-word;
}
i{
	font-style:normal;
}
body {
	font-family:PingFangSC-Light,'helvetica neue','hiragino sans gb',arial,'microsoft yahei ui','microsoft yahei',simsun,sans-serif !important;
	letter-spacing: 0.4px;
	background-size: 100%;
	background: #fff;
	color: #474747;
}
a{
	text-decoration:none;
	-webkit-transition: all .15s ease-in;
	-moz-transition: all .15s ease-in;
	transition: all .15s ease-in;
}
a img{
	border:none;
}
a:focus {  
	outline:none;   
	-moz-outline:none;
}
li{
	list-style:none;
}
.clear {
  clear: both;
}
pre {
    background: #fee9cc;
    border: 1px dashed #ccc;
    line-height: 22px;
}

code {
    padding: 0;
    border: none;
}

p code {
    background: none;
    color: hsl(0, 0%, 50%);
    margin: 0 1px;
    padding: 1px 4px;
    border-radius: 1px;
}
p {
	font-size:14px; 
	font-size:.875rem;
}
div pre.prettyprint {
    font-size: 14px;
    border-radius: 0px;
    padding: 0 15px;
    border: none;
    margin: 20px -10px;
    border-width: 1px 0px;
    background: #f7f7f7;
}
form {
    margin-bottom: 0;
}
textarea {
    margin-bottom: 0;
}
input, textarea {
    background: hsla(0, 0%, 0%, 0);
    outline:none;
    font-family:PingFangSC-Light,'helvetica neue','hiragino sans gb',arial,'microsoft yahei ui','microsoft yahei',simsun,sans-serif !important;
}
table {
    border-collapse: collapse;
    border: none;
}
::-webkit-scrollbar {
	width: 6px;
	height:6px;
}
::-webkit-scrollbar-track-piece{
	background-color:#c9d1d6;
}
::-webkit-scrollbar-thumb{
	background:#24bbd4;
	min-height: 150px;
	min-width: 150px;
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:vertical:hover{
	background: #4fd2e9;
}
::-webkit-scrollbar-thumb:horizontal:hover{
	background: #4fd2e9;
}
@media print {
  *:before,
  *:after {
   content:"";
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
  vertical-align: middle;
}
a:hover{
  color: #23527c;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
}

ul,
ol {
}
ul ul,
ol ul,
ul ol,
ol ol {
}
dl {
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@charset "UTF-8";
/* Top顶部区域 开始！ */
.top-warp{
    background: #0a1829;
    width: 100%;
    padding-left: 200px;
    position: relative;
    border-bottom: 1px solid #adbed3;
}
.logo-area{
    position: absolute;
    left: 0;
    width: 200px;
    text-align: center;
    border-right: 1px solid #1c293d;
}
.logo-area a{
    display: inline-block;
    height: 60px;
    line-height: 60px;
}
.logo-area a img{
}
.top-con-area{}
.top-main-box{
    float: left;
    padding: 14px 20px 0 20px;
    height: 60px;
}
.logosl-box{
    font-size: 16px;
    padding: 0 14px;
    /*background: url(../images/logoslg-bg.jpg);*/
    border-radius: 30px;
    height: 28px;
    line-height: 28px;
    color: #0a1829;
}
.top-nav-box{
    float:right;
    height: 60px;
    line-height: 60px;
}
.topnav-ul{
}
.topnav-ul li{
    display: inline-block;
    float: left;
}
.topnav-ul li a{
    font-size: 13px;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    float: left;
    padding: 0 12px;
    border-left: 1px solid #1c293d;
    color: #b6babf;
}
.topnav-ul li a:hover,.topnav-ul .check a{
    background:#0f233a;
    color:#24bbd4;
}
.topnav-ul li a .iconfont{
    vertical-align: middle;
    font-size: 18px;
}
.topnav-ul li a span{
    vertical-align: middle;
}
.topnav-ul .user-box{}
.topnav-ul .user-box a{}
.user-li{
	position:relative;
}
.topnav-ul .userimg{
    display: inline-block;
    padding-right: 6px;
}
.topnav-ul .userimg img{}
.topnav-ul .username{}
.topnav-ul .username:after{
	content:"";
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #f1b136;
	margin-left: 10px;
	vertical-align: middle;
	transition:all .3s;
}
.user-li:hover .username:after{
	transition:all .3s;
	transform:rotate(180deg);
}
.user-sndbox{
	position:absolute;
	left: 50px;
	right: 0;
	background: #0a1829;
	top: 60px;
	display: none;
}
.topnav-ul .user-sndbox a{
    border: none;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    font-size: 16px;
    border: 1px solid #1c293d;
    border-top: 1px solid #010509;
}
.user-li:hover .user-sndbox{
	display:inline-block;
}
/* Top顶部区域 结束！ */
/* 左侧栏 开始！ */
.con-warp{}
.side-warp{
    width: 200px;
    border-right: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;
    position: absolute;
    top: 61px;
    bottom: 0;
    background: #f1f8fc;
}
.side-top{}
.side-top a{
    height: 59px;
    display: inline-block;
    line-height: 59px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 9;
}
.g-img{
    display: inline-block;
    position: absolute;
    left: 14px;
}
.g-img img{
    border-radius: 7px;
}
.side-top .g-name{
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 24px 0 59px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #d4d4d4;
    float: left;
    font-size: 18px;
    color: #000;
}
.side-top .iconbx-info{
    position: absolute;
    display: inline-block;
    width: 9px;
    height: 1px;
    background: #fff;
    border-top: 10px solid #738bb2;
    border-bottom: 10px solid #738bb2;
    border-left: 5px solid #738bb2;
    border-right: 4px solid #738bb2;
    right: 0;
    box-sizing: initial;
    border-radius: 4px 0 0 4px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.side-top .iconbx-info:before,.side-top .iconbx-info:after{
	content:"";
	width: 9px;
	height: 1px;
	display: inline-block;
	position: absolute;
	top: -4px;
	left: 0;
	background: #fff;
}
.side-top .iconbx-info:after{
    top: auto;
    bottom: -4px;
}
.side-con{}
.side-con ul{}
.side-con li{}
.side-con li a{
    display: inline-block;
    width: 100%;
    background: red;
}
.sidenav-fir{
    height: 34px;
    line-height: 34px;
}
.sidenav-fir .iconfont{
    vertical-align: middle;
    position: absolute;
    left: 24px;
}
.sidenav-fir span{
    display: inline-block;
    width: 100%;
    padding: 0 30px 0 56px;
}
.sidenav-snd{}
.sidenav-snd a{
    padding: 0 30px 0 56px;
    height: 30px;
    line-height: 30px;
}
.sidenav-snd:before{
	content:"";
	display: inline-block;
	width: 0;
	height: 0;
}
.sidenav-snd:after{
	content:"";
}
/* 左侧栏 结束！ */


@charset "UTF-8";
/*@import url('../font/iconfont/iconfont.css');*/
/* ------------------ UPTABLE BEGIN! ------------------ */
/* -- leftSide BEGIN! -- */
.content{
	min-width: 1280px;
	background-color: #fff;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	border-top: 1px solid #dcdcdc;
}
.nav_lelk_list{
    width: 226px;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 1px solid #DBDAD8;
    z-index: -1;
    transition: all 0.3s;
    background: #fff;
}
.lelk_list{
    position: absolute;
    left: 0;
    top: 0;
}
.lelk_list li{border-bottom: 1px solid #DBDAD8;}
.leftSide{
	width: 226px;
	background-color: #1e1e28;
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
	z-index: 999;
	border-right: 1px solid #dcdcdc;
}
.nav_list li{
	width:100%;
	min-width: 213px;
	display: inline-block;
	float: left;
	background: #1E1E28;
}
.nav_list .ne_ge{
	display:inline-block;
	float: left;
	width: 125px;
	height: 50px;
	font-size: 20px;
	padding-top: 16px;
	overflow: hidden;
	line-height: 50px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.nav_list .ne_small{
	font-size: 16px;
	line-height: 50px;
}
 .nav_list .ne_mid{
	font-size: 16px;
}
.nav_list a{
	display: inline-block;
	width:100%;
	font-size: 16px;
	color: #767b78;
}
.nav_list .snd_menu a{
	background: #202635;
	border-left: 4px solid #12a69d;
	/* color: #9A9A9A; */
}
.nav_list a:hover{
	background: #202635;
	border-left: 4px solid #12a69d;
	color: #fff;
}
.nav_list .snd_menu a:hover{
	/* color: #12A69D; */
	}
.nav_list .checking,.nav_list .checking:hover{
	 background: #12a69d;
}
.nav_list .checking a,.nav_list .checking a:hover{
	 background: #12a69d;
}
.nav_list .checking a:active{
	background:#157c76;
}
.nav_list .checking a,.nav_list .checking a:hover{
 color:#fff;
 border-left: 3px solid #12a69d;
}
.nav_list i{
    height: 20px;
    display: inline-block;
    margin: 0 7px 0 21px;
    vertical-align: middle;
}
.nav_list .hv > a{
	color:#fff;
	background: #202635;
	border-color: #12a69d;
}
.nav_list .snd_menu a{
	font-size:14px
;
}
.nav_list .snd_menu a:hover{
	background: #2E3648;
}
.nav_list li a{
	padding: 16px 0;
	position: relative;
	width: 222px;
	background-color: #1e1e28;
	border-left: 4px solid #1e1e28;
}
.nav_list li a > i{
	filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
	-moz-opacity:0.5; /*Firefox私有，透明度50%*/
	opacity:0.5;/*其他，透明度50%*/
}
.nav_list li.hv a > i{
	filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
	-moz-opacity:1; /*Firefox私有，透明度50%*/
	opacity:1;/*其他，透明度50%*/
}
.nav_list li a:hover > i{
	filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
	-moz-opacity:1; /*Firefox私有，透明度50%*/
	opacity:1;/*其他，透明度50%*/
}

.snd_menu s{
    width: 6px;
    height: 6px;
    display: inline-block;
    background-color: #767b78;
    border-radius: 50%;
    margin: 0 12px 0 47px;
    vertical-align: middle;
}
.nav_list li a:hover > s{
    background-color: #fff;
}
.snd_menu .nhv a,.snd_menu .nhv a:hover{
	color: #FFFFFF;
	background: #12A69D;
}
.snd_menu .nhv s{
	
}
.snd_menu .nhv s{
	background: #fff;
}
.le_lk0 i,.le_lk11 i{
    width: 50px;
    height: 50px;
    vertical-align: middle;
    margin: 16px 13px 16px 21px;
    font-size: 20px;
}
.le_lk0 a{
	font-weight:bold;
	background-color: #2d2d38;
	color:#fff
}
.le_lk0 a,.le_lk11 a{
	position: relative;
}
.nav_list .le_hd_link{
	font-size:20px;
}
.nav_list .le_hd_link .ic_test{
	float:left;
	margin-top:26px;
}
.le_lk0 .ic_drop{
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -8px;
	/*background: url(../images/publicicon.png) no-repeat -107px 0px;*/
	border-color: #fff;
}
.nav_list li .ic_drop{
	border:none;
	/*background: url(../images/publicicon.png) no-repeat -107px 0px;*/
	position: absolute;
	right: 11px;
	top: 20px;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.nav_list li.hv .ic_drop{
	/*background: url(../images/publicicon.png) no-repeat -74px -119px;*/
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.le_lk0 i{
	/*background: url(../images/utb_game01.png) no-repeat center center;*/
	border-radius: 7px;
	}
.le_lk01 i{
	/*background: url(../images/publicicon.png) no-repeat -79px -29px;*/
    width: 20px;}
.le_lk02 i{
    /*background: url(../images/publicicon.png) no-repeat -61px -58px;*/
    width: 20px;
}
 .le_lk03 i{
    /*background: url(../images/publicicon.png) no-repeat -91px -59px;*/
    width: 20px;
}
.le_lk04 i{
    /*background: url(../images/publicicon.png) no-repeat -4px -90px;*/
    width: 20px;
}
.le_lk05 i{
    /*background: url(../images/publicicon.png) no-repeat -51px -115px;*/
    width: 20px;
}
.le_lk06 i{
    /*background: url(../images/publicicon.png) no-repeat -65px -89px;*/
    width: 20px;
}
.le_lk07 i{
    /*background: url(../images/publicicon.png) no-repeat -95px -89px;*/
    width: 20px;
}
.le_lk08 i{
    /*background: url(../images/publicicon.png) no-repeat -135px -5px;*/
    width: 20px;
}
.le_lk09 i{
    /*background: url(../images/publicicon.png) no-repeat -135px -35px;*/
    width: 20px;
}
.le_lk10 i{
    /*background: url(../images/publicicon.png) no-repeat -125px -65px;*/
    width: 20px;
}
.le_lk11 i{
    /*background: url(../images/publicicon.png) no-repeat 0px -396px;*/
    width: 30px;
    height: 22px;
    background-position: 0px -396px;
    margin: 0 10px 0 20px;
}
.le_lk11 a{
    width: 20px;
    color: #fff;
}
.le_lk11 a:hover{
    /*background: #20797a url(../images/utb_bg_01.png) center center;*/
}
.le_lk11 a:active{
    /*background:#2d2d2d url(../images/utb_bg_01.png) center center;*/
}
.le_lk0 a, .le_lk11 a, .le_lk0 > a:hover{
    border:none;
    width:100%;
    height: 80px;
    line-height: 80px;
}
.game_hd{
    height: 80px;
}
.nav_list .game_hd .le_hd_link,.nav_list .game_hd .le_hd_link:hover{
    background: none;
}
.game_img img{
	margin: 14px 10px;
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 8px;
	border: 1px solid #efefee;
}
.nav_list .le_lk11 a,.nav_list .le_lk11 a:hover{
	border-radius: 6px;
	width:165px;
	height:56px;
	line-height:56px;
	font-size: 16px;
	margin: 22px 0 0 30px;
	padding: 0;
	border: none;
	/*background: #000 url(../images/utb_bg_01.png) center center;*/
}
.nav_list .le_lk11 a:hover{
	/*background:#2c706f url(../images/utb_bg_01.png) center center;*/
}
	/* 下拉菜单 开始！ */
.lelk_list li{
    float: left;
}
.lelk_list li a,.lelk_list .lt_btn{
	height:34px;
	line-height:34px;
	padding:0;
	font-size:14px;
	text-indent: 16px;
	background:#fff;
	border: none;
	border-right: 1px solid #dbdad8;
	width: 225px;
	position:relative;
	color: #767b78;
	font-weight: normal;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	float: left;
}

.lelk_list .lt_btn,.lelk_list .lt_btn:hover{
	background:#7D7D7D;
}
.lelk_list .lt_btn a{
	background:none;
	color: #D6D6D6;
	float: left;
}
.lelk_list li a:after{
	content:"";
	/* width: 230px; */
	height:1px;
	background:#dbdad8;
	display:inline-block;
	position:absolute;
	bottom:0;
	right:0;
}
.lelk_list li.lt_btn a:after{
	display:none;
}
.lelk_list li a:hover,.lt_btn:hover{
	background:#f1f1f1;
	color:#2d2d38
}
.nav_list .lt_btn{
	border-color:#7D7D7D;
}
.nav_list .lt_btn,.nav_list .lt_btn:hover,.nav_list .lt_btn a{
    text-indent:0;
    background: #7D7D7D;
    color: #D6D6D6;
}
li.lt_btn.nav_btn_arrow{
	/* border-left: 4px solid #F2F2F2 !important; */
	/* border-right: 1px solid #DBDAD8 !important; */
}
.lt_btn span a{
    /* display: inline; */
    font-size: 12px;
    padding: 0 10px;
    background: none;
    color: #767b78;
    font-weight: normal;
    line-height: 34px;
    border: none;
    background: #fff;
    width: auto;
}
.lt_btn span{
	display:inline-block;
	float: left;
}
.lt_btn span a:hover{
	color: #FFFFFF;
	background:none;
	border:none;
}
.rt_link{
	float:right
}
.lelk_nex{
    float: left;
}
.lt_btn .lelk_pre, .lt_btn .lelk_nex{
    width: 50%;
    display: inline-block;
    position: relative;
    float: left;
    height: 34px;
}
.lt_btn .lelk_pre a, .lt_btn .lelk_nex a{
    display: inline-block;
    padding: 0;
    width: 100%;
    background: #F2F2F2;
}
.lt_btn .lelk_pre a span, .lt_btn .lelk_nex a span{
	position:absolute;
	left: 45px;
	top: 12px;
}
.lt_btn .lelk_pre a:hover,.lt_btn .lelk_nex a:hover{
	background: #EBECEC;
}
.lt_btn .lelk_pre a:hover > span{
    border-bottom: 10px solid #666;
}
.lt_btn .lelk_nex a:hover > span{
    border-top: 10px solid #666;
}
	/* 下拉菜单 结束！ */
/* -- leftSide END! -- */
/* -- MAIN_CONTENT BEGIN! -- */
.leftSide{
	float: left;
}
.nav_list{
	position:relative;
	background: #1E1E28;
	height: 100%;
}
.main_content{
    padding: 26px 28px;
    position: relative;
    border-bottom: 1px solid #dcdcdc;
}
.bread{
    font-size: 20px;
    padding: 0px 0 24px;
}
.bread .btn a{
	float:right;
	padding: 4px 14px;
	font-size: 13px;
}
.bread span{
    font-size: 25px;
    font-weight: bold;
    padding: 0 5px;
    font-family: "\5B8B\4F53","sans-serif","Microsoft YaHei";
}
.bread .btn_white_ck{
	border-radius: 4px;
	border: 1px solid #d3d3d3;
	display: inline-block;
	float: right;
	padding: 0 16px 0 0;
	background: #fff;
	position: relative;
	width: 100px;
}
.bread .btn_white_ck a.sub_ty{
	display:none;
}
.bread .btn_white_ck:hover > .sub_ty{
	display:inline-block;
}
.bread .btn_white_ck a,.bread .btn_white_ck a:hover{
	font-size: 13px;
	font-family: Microsoft YaHei;
	font-weight: normal;
	padding: 3px 7px;
	border: none;
	background: none;
	border-radius:4px;
	display: inline;
	float: left;
	width: 100%;
}

.bread .btn_white_ck a:hover{
	border:none;
	background:#f7f7f7;}
.bread .triangle_dn03{
	position: absolute;
    right: 6px;
    top: 9px;
}
.page_li{
    background-color: #fff;
    display: inline-block;
    border-left: 1px solid #dfdfdf;
    float: left;
    width: 100%;
    position:relative;
}
.page_li:after{
	background: #DFDFDF;
	width:100%;
	height:1px;
	display:inline-block;
	content:"";
	position:absolute;
	bottom:0;
	left: 0;
}
.page_li li{
    float: left;
    width: 12.48%;
    min-width: 116px;
}
.page_li li a{
    font-size: 16px;
    display: inline-block;
    border-right: 1px solid #dfdfdf;
    /* border-top: 1px solid #dfdfdf; */
    border-bottom: 1px solid #dfdfdf;
    min-width: 117px;
    text-align: center;
    height: 41px;
    line-height: 41px;
    float: left;
    width: 100%;
    border-radius: 2px 2px 0 0;
    position: relative;
}
.page_li li a:before{
	content:"";
	width: 100%;
	height: 1px;
	background: #DFDFDF;
	display: inline-block;
	position: absolute;
	top: -1px;
	left: 0;
}
.page_li li a:active{
	background:#f4f4f4;
}
.page_li li a > span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 92%;
    display: inline-block;
}

.page_li .addli a{
	font-size: 29px;
	padding: 0 8px;
	width: 30px;
	min-width: auto;
	line-height: 39px;
}
.page_li .checking a,.page_li .checking a:hover{
    background-color: #2d2d38;
    color: #fff;
}
.coninfr{
    background-color: #f2f2f2;
    float: left;
    width: 100%;
    min-width: 877px;
    color: #777777;
    display: table;
}
.coninfr p{
    float: left;
    padding: 15px 0 15px 19px;
}
.ifbn{
	max-width:45%;
}
.ifbn em{
	display:inline-block;
}
.ifbn span{
    font-size: 13px;
    padding-right: 9px;
}
.ifbn a{
	padding: 1px 7px;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
}
.fl_pst{
    float: right;
    padding: 0 20px 0 0;
}
.coninfr .inbtn{
	padding-right: 6px;
}
.inbtn a,.inty a{
    background-color: #fff;
    padding: 6px 9px;
    border: 1px solid #d3d3d3;
    margin-right: 5px;
    border-radius: 2px;
}
.inbtn a:active,.inty a:active{
	background:#f4f4f4
}
.inbtn span a{
    margin: 0;
    padding: 4px 12px;
    margin-left: 5px;
    color: #777777;
    display: inline-block;
}
.inbtn .checking a{
	background:#12a69d;
	color:#fff;
	border: 1px solid #12a69d;
}
.inbtn .checking a:active{
	background:#157c76;
}
.coninfr .inty{
    padding-right: 0px;
}
.inty a{
	border:1px solid #12a69d ;
}
.inty span{
    display: inline-block;
    float: left;
    padding: 0;
}
.inty i{
	width:14px;
	height:14px;
	display:inline-block;
	vertical-align: middle;
	margin-right: 4px;
}
.inty{
	padding-bottom:18px;
	display: inline-block;
}
.inty a{
	margin:0;
	padding: 6px 8px;
	display: inline-block;
}
.inty .btn_im{
	border-radius: 2px 0 0 2px;
}
.inty .btn_tb{
	border-radius: 0 2px 2px 0;
}
.btn_im i{
    /*background: url(../images/publicicon.png) no-repeat -61px -5px;*/
}
.co .btn_im i{
	/*background: url(../images/publicicon.png) no-repeat -5px -119px;*/
}
.btn_tb i{
	/*background: url(../images/publicicon.png) no-repeat -29px -119px;*/
}
.co .btn_tb i{
    /*background: url(../images/publicicon.png) no-repeat -85px -5px;*/
}
.inty .co a{
    background-color: #12a69d;
    color: #fff;
}
.sl_cnt{
    padding: 0 0 19px 18px;
    font-size: 13px;
}
.s_cn{
    float: left;
    padding-right: 18px;
    display: inline-block;
    margin-right: 10px;
}
.s_cn label{
    float: left;
    height: 32px;
    line-height: 32px;
}
.sl_itn{
    float: left;
    padding-left: 2px;
    position: relative;
}
.sl_itn p{
    letter-spacing: -0.1px;
    padding: 0;
    float: none;
}
.po_co .sl_itn ul{
	top: 33px;
}
/* 可搜索下拉框 开始！ */
.sl_sh_box{
	float:left;
	position: relative;
}
.sl_sh_itm{
    float: left;
    background: #FBFBFB;
    border: 1px solid gainsboro;
    width: 203px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.sl_sh_itm:hover{
	z-index:99;
	background: #F7F7F7;
}
.sl_sh_itm .triangle_dn03,.sl_sh_itm .triangle_up03{
    position: absolute;
    top: 13px;
    right: 12px;
}
.sl_coed{
    padding: 0 9px;
    display: block;
    width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
}
.tr_slip_inside,.tr_slip_inside:hover{
	background: #ECECEC !important;
	/* border-top: 2px solid #E2E2E2; */
}
.tab_slip_inside{
	padding: 20px 16px 0 16px;
}
.tab_slip_inside tr{
	cursor: default !important;
}
.tab_slip_inside table,.tab_slip_inside table tr:hover{
	background:#fff
}
.sl_search_input{
    position: relative;
}
.s_cn .sl_search_input input{
    border-radius: 3px;
    width: 152px;
    padding-right: 26px;
    margin-top: 2px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}
.s_cn .sl_search_input .ic_search_02{
    position: absolute;
    top: 3px;
    right: 0px;
}
.sl_itm_content{
    padding: 0 9px;
    display: none;
}
.sl_con_in{
    height: 150px;
    width: 99.9% !important;
    margin: 6px 0;
}
.sl_con_in li{
    padding: 2px 6px;
    color: #4C4C4C;
    font-size: 12px;
    letter-spacing: 0.8px;
    background: #F3F3F3;
}
.sl_con_in a,.sl_con_in li span{
    display: block;
    padding: 4px 0;
    font-size: 13px;
    color: #5f5e5d;
}
.sl_con_in a:hover,.sl_con_in li:hover{
	background: #E2E2E2;
	cursor:pointer
}
.sl_con_in li:hover span{
	color:#000
}
.sh_list{
    display: inline-block;
    width: 284px;
    height: 34px;
    margin-right: 6px;
}
/* 可搜索下拉框 结束！ */
.sl_itn p a{
	/*background: #c5c5d3 url(../images/publicicon.png) no-repeat 83px -16px;*/
	display: inline-block;
	width: 218px;
	border: 1px solid #dbdad8;
	font-size:13px;
	height: 34px;
}
.sl_itn p a:hover{
    /*background: #86869c url(../images/publicicon.png) no-repeat 83px -16px;*/
}
.sl_itn p a span{
    padding: 0 9px;
    height: 34px;
    line-height: 34px;
    width: 166px;
    background-color: #fff;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}
.sl_itn ul{
    border: 1px solid #cececf;
    border-top: 1px solid #cececf;
    position: absolute;
    width: 218px;
    top: 32px;
    z-index: 10;
}

.ssml ul{
	width: 190px;
	overflow: auto;
	border: 1px solid #E8E8E8;
}
.sl_itn ul a{
    display: block;
    height: 33px;
    line-height: 33px;
    padding: 0 11px;
    background-color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sl_itn ul a:hover{
	background:#f2f2f2;
}
.la{
    padding: 5px 0;
    background-color: #f2f2f2;
}
.sl_itn ul .la a{
    display: inline-block;
    padding: 0 9px 0px 9px;
    background: #fff;
    height: 20px;
    line-height: 21px;
    border: 1px solid #12a69d;
    border-radius: 3px;
    color: #12a69d;
}
.sl_itn ul .la a:hover{
	background:#c8fdf9
}
.sl_itn ul .la span a{
	margin:0 3px 0 11px;
	background:#12a69d;
	color:#fff
}
.sl_itn ul .la span a:hover{
	background: #88d2ce;
	border-color: #88d2ce;
}
.ssml p a{
	width: 190px;
	display: flex;
}
.ssml p a span{
	width: 137px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ssml p a{
	/*background: #c5c5d3 url(../images/publicicon.png) no-repeat 55px -16px;*/
}
.ssml p a:hover{
	/*background: #86869c url(../images/publicicon.png) no-repeat 55px -16px;*/
}

.lacn{
	padding:0
}
.itable{
    padding: 20px 0;
    color: #777777;
}
.tle_box_tab{
	padding-top:0
}
.fm .tm_tr:hover{
	background:none;
}
.itable .pages_btn{
	padding-bottom: 24px;
	text-align: right;
}
.itable .pages_btn a{
	border:none;
	text-align: center;
}
.itable .sml_pabtn{
    padding: 10px 0;
    background: #f2f2f2;
}
.itable .sml_pabtn a{
	background: #e7e7e7;
}
.pages_btn a {
    width: 21px;
    height: 21px;
    display: inline-block;
    background-color: #ededed;
    vertical-align: middle;
    color: #777777;
    line-height: 21px;
    margin: 0 3px;
}

.itable table{
	width: 100%;
	text-align: center;
	font-size: 13px;
	border: 1px solid #c4d1da;
	margin-bottom: 20px;
}
.itable .itable tr{
    background-color: #FFF;
}
.itable table th{
    font-weight: normal;
    font-size: 13px;
    height: 36px;
    line-height: 36px;
    background-color: #e5e5f4;
    color: #555555;
    border: 1px solid #c4d1da;
}
.itable table th.xsmlbox{
	width:36px;
}
.itable table td{
    border: 1px solid #c4d1da;
    height: 54px;
    padding: 10px 6px;
}
.itable table td input{
	text-align:center;
	border: none;
	height: 18px;
	line-height: 18px;
	width: 98%;
	word-break: break-all;
	/* text-align: left; */
}
.itable .insd_tb td{
	padding:0
}
.itable table td em{
	display:block;
}
.itable td p{
	padding: 0 6px;
	font-size: 13px;
}
.itable td p span{
    width: 90%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.t_01,.t_02{
	width:110px;
}
.t_03{
    width: 97px;
}
.t_04{
    width: 89px;
}
.t_05{
    width: 143px;
}
.t_06{
    width: 71px;
}
.t_07{
    width: 80px;
}
.t_08{
    width: 77px;
}
.t_09{
    width: 116px;
}
.hvflt{
    position: relative;
}
.coflt{
    position: absolute;
    width: 266px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    top: 26px;
    border-radius: 4px;
    box-shadow: #DCDCDC 0 1px 2px;
    left: -100px;
    right: -106px;
    margin: 0 auto;
}
.coflt i{
    width: 14px;
    height: 7px;
    /*background: url(../images/utb_bg_02.png) no-repeat;*/
    display: inline-block;
    position: absolute;
    top: -7px;
    left: 46%;
}
.coflt ul{
    font-size: 15px;
}
.coflt li{
    height: 44px;
    line-height: 44px;
    border-bottom: 1px dashed #dcdcdc;
    width: 90%;
    margin: 0 auto;
}
.coflt label{
    margin-left: 7px;
}
.coflt input{
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 4px;
    position: absolute;
}
.coflt .fltbn{
    background-color: #f2f2f2;
    height: 39px;
    line-height: 38px;
    width: 100%;
    border: none;
}
.coflt a{
    font-size: 12px;
    padding: 3px 9px;
    border: 1px solid #12a69d;
    color: #12a69d;
    border-radius: 3px;
}
.coflt span a{
    margin: 0 6px 0 123px;
    background-color: #12a69d;
    color: #fff;
}
.coflt li.fdashed{
	border: none;
}
.inr{
    position: relative;
}
.setble{
	padding:20px 0;
}
.insd_tb{
	background:#f2f2f2;
}
.itable .setble table{
    width: 96%;
    min-width: 841px;
    margin: 0 auto;
}
.itable .setble td{
	background:#fff;
	height:39px;
}
.stb_01{
    width: 44px;
}
.stb_02{
    width: 138px;
}
.stb_03{
    width: 99px;
}
.stb_04{
    width: 144px;
}
.stb_05,.stb_06{
    width: 99px;
}
.stb_07{
    width: 109px;
}
.stb_08{
    width: 99px;
}
/* -- MAIN_CONTENT END! -- */

/* ------------------ UPTABLE END! ------------------ */
/* ------------------ IOS BEGIN! ------------------ */
.tempty,.itable table td.empty_tb{
	padding: 90px 0;
}
.itable .tempty p, .tempty{
	text-align:center;
	font-size: 16px;
	color:#777
}
.tempty a{
	margin: 0 3px;
	color:#12a69d;
	border-bottom: 1px solid #12a69d;
}
.ios .coninfr p{
}
.ios .ifbn span{
    line-height: 18px;
}
.brpt{
    padding-top: 12px;
}
/* ------------------ IOS END! ------------------ */
/* ------------------ UNNAME BEGIN! ------------------ */
.type_01 .coninfr{
    margin-bottom: 20px;
}
.type_01 .tempty{
   background-color: #f2f2f2;
   padding: 18px 0;
}
input.radioclass{
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    filter: alpha(opacity=0);/*IE滤镜，透明度50%*/
    -moz-opacity: 0;/*Firefox私有，透明度50%*/
    opacity: 0;/*其他，透明度50%*/
    display: none;
}
.un_slt .radio_type_checked,.unco{
	/*background:#f2f2f2;*/
}
.cheox,.box_co .cheox{
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: -2px;
    border-radius: 2px;
    margin-right: 6px;
    border: 1px solid #d6d6d6;
}
.radio_type_checked .cheox,.ly_co .radio_type_checked .cheox{
	/*background: #f16f23 url(../images/publicicon.png) no-repeat -3px -62px;*/
	border-color: #f16f23;
}
.un_slt{
    padding-top: 20px;
}
.un_slt p{
	padding-bottom: 20px;
	}
.un_slt p input{
    width: 598px;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    border: 1px solid #dbdad8;
    font-size: 13px;
}
.untbl{
	width: 619px;}
.un_slt i{
	float:left;
	padding-top: 10px;
	width: 167px;
	text-align: right;
	letter-spacing: 1px;
	color: #777777;
}
.untbl td{
    padding: 13px 7px;
    border: 1px solid #c4d1da;
    color: #777777;
    max-width: 103px;
    position: relative;
    cursor: pointer;
}
.delCategory{
    position: absolute;
    right: 15px;
    top: 15px;
}
.untbl td label{
    cursor: pointer;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 86px;
    display: inline-block;
    vertical-align: middle;
}
.un_slt .untbl td label{
    width: 86px;
}
.type_01 .un_slt .untbl td label{
    width: 100px;
}
.add_tb{
	display: inline-block;
	font-size: 16px;
	margin: 30px 0 0 32px;
}
.untbl td:hover{
	background:#f2f2f2;
}
.add_tb a{
	width: 100px;
	height: 36px;
	display: inline-block;
	text-align: center;
	line-height: 36px;
	color: #fff;
	border-radius: 3px;
}
.unco .cheox{
    background-color: #f1b08a;
    border-color: #f1b08a;
}
.error_note{
    display: block;
    color: red;
    padding: 5px 0 0 167px;
    /* display: none; */
}
/* ------------------ UNNAME END! ------------------ */
/* ------------------ 常用安全渠道 开始! ------------------ */
.p_cent{
    padding-top: 30px;
    width: 500px;
    margin:0 auto;
    text-align: center;
}
.p_cent p{
    font-size: 16px;
    color: #777;
}
.p_cent p span{
    color: #f16e25;
    padding-left: 20px;
}
.p_cent .add_tb{
	margin: 10px 0 0 0;
}
.un_slt .del{
	margin-left: 20px;
}
/* ------------------ 常用安全渠道 结束! ------------------ */
/* Box01 Begin! */
.mask_area{
    background-color: rgba(0, 0, 0, 0.4);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.tx_tips{
	display: inline-block;
	float: left;
}
.mask_area .ic_warning,.mask_area .ic_asking{
	float: left;
    margin: 12px 16px 0 0;
}
.box_score{
    width: 455px;
    background: #fff;
    margin: 0 auto;
    padding: 14px 20px;
    border-radius: 3px;
    position: absolute;
    border: 1px solid #dcdcdc;
    left: 0;
    right: 0;
    top: 35%;
}
.box_score h5{
    font-size: 16px;
    color: #2d2d38;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
}
.box_score h5 img{
	vertical-align: middle;
	padding-right: 15px;
	width: 44px;
	height: 44px;
}
.btn_sm,.btn_sm1{
	text-align: center;
	padding-bottom: 61px;
}
.btn_sm a,.btn_sm1 a{
    background-color: rgba(95, 28, 57, 0.53);
    width: 98px;
    display: inline-block;
    margin-top: 14px;
    font-size: 16px;
    text-align: center;
    height: 38px;
    line-height: 38px;
    color: #fff;
    border-radius: 3px;
}
.box_score .sub{
    color: #7e7e7e;
    font-size: 16px;
    line-height: 35px;
    letter-spacing: -0.5px;
    width: 418px;
    padding: 54px 0 20px;
    display: table;
    margin: 0 auto;
}
.btn_sm span{
    padding: 0 9px;
}
/* Box01 End! */

/* ------------------TACTICS BEGIN! ------------------ */
.tac_area{}
.tc_ae{
font-size: 16px;}
.box_cl{
    padding: 26px 0px 13px;
    font-size: 16px;
}
.tabox{
    width: 427px;
    border: 1px solid #dedcdc;
    background-color: #fff;
    margin: 0 24px 24px 0;
    float: left;
    color: #777;
    position: relative;
}
.tabox:hover{
	box-shadow: #eaeaea 0 1px 1px;
}
.tc_bx01{
	color:#777;
	padding-bottom: 6px;
}
.tc_bx01 .box_cl{}
.tabox em{
    padding: 18px 0 15px 19px;
    display: block;
    float: left;
    width: 280px;
}
.tabox em span{
    padding-right: 13px;
}
.tabox ol{
    padding: 0 0 14px 19px;
    float: left;
    width: 280px;
}
.tabox ol li{
    font-size: 13px;
    padding-bottom: 7px;
    display: inline-block;
    width: 100%;
}
.tabox ol li span{
 word-wrap:break-word;
 float: left;
 width: 60%;
 }
.tabox ol li .vm_name{
	width: 66px;
	text-align: right;
}
.ta_b{
    height: 46px;
    background-color: #f2f2f2;
    line-height: 46px;
    float: left;
    width: 100%;
}
.ta_b i{
    padding-left: 16px;
    font-size: 13px;
    color: #848884;
    float: left;
}
.ta_b span a{
    float: right;
    margin: 6px 22px 0 0;
    width: 90px;
    height: 32px;
    display: inline-block;
    background-color: #fff;
    text-align: center;
    line-height: 32px;
    border: 1px solid #12a69d;
    border-radius: 3px;
    color: #12a69d;
}
.ta_b span a:hover{
	background:#b9ece9;
}
.vnum{
    width: 80px;
    height: 80px;
    display: inline-block;
    float: left;
    margin: 21px 0 10px 19px;
    text-align: center;
    line-height: 109px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 9px;
}
.off_line .ta_b span a{
	background-color: #dedede;
	border: 1px solid #dedede;
	color: #777777;
}
.icon_off_line{
    /*background: url(../images/ta_icon_01.png) no-repeat center center;*/
    width:75px;
    height:75px;
    display:inline-block;
    position: absolute;
    right: 27px;
    top: 29px;
}
.tactics  .sl_cnt{
	padding-left:0;
}
.tactics .t_01{
    width: 59px;
}
.tactics .t_02,.tactics .t_03,.tactics .t_04{
    width: 139px;
}
.tactics .t_05,.tactics .t_06{
	width:169px;
}
.tactics .t_07{
	width:59px;
}
.tactics .itable table td{
	height: auto;
}
.itable .rod_nub{
	font-size: 14px;
}
/* ------------------TACTICS END! ------------------ */

/* TACTICS LAYBOX Begin! */
.pop_01 .box_score{
    padding: 0;
    width: 498px;
    min-height: 298px;
    max-height: 450px;
    overflow: auto;
    padding-bottom: 80px;
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    margin: auto;
    top: 25%;
}
.pop_01 h5{
	padding: 12px 18px 12px 18px;
	margin-bottom: 8px;
}
.box_infor{
	padding: 10px;
	max-height: 298px;
	overflow: auto;
}
.box_infor  label{
    padding-right: 11px;
    float: left;
    padding: 6px 15px 0 0;
}
.box_infor  .page_li{
    float: none;
    border-left: none;
    width: 380px;
    border-left: 1px solid #dfdfdf;
}
.box_infor  .page_li .box_co a{
    font-size: 14px;
    padding: 5px 9px;
    display: block;
    width: auto;
}
.box_infor .page_li li a{
	padding: 0;
	width: 94px;
	height:28px;
	line-height:28px;
	min-width: auto;
	font-size: 14px;
}
.box_co{
    border: 1px solid #dfdfdf;
    border-left: none;
    max-height: 250px;
    overflow: auto;
    min-height: 150px;
}
.box_co a{}
.box_co span i{
	vertical-align:2px;
	padding-right: 3px;
}
.pop_01 .btn_sm{
    padding: 0;
    text-align: left;
    padding: 9px 0;
    margin-top: 6px;
    border-top: 1px solid #e0e0e0;
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #fff;
}
.pop_01 span{
    padding: 0;
    display: inline-block;
}
.save_draft .cos_time{
	font-size:13px;
	padding:3px 0 0 0;
	
}
.msg_up:hover > .st_down{
	display:block
}
.pop_01 .ched{
	padding: 0 18px;
	vertical-align: middle;
	line-height: 24px;
	color: #848884;
	font-size: 13px;
	float: left;
}
.pop_01 span a{
	margin: 0;
	width: 92px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
}
.pop_01 .btn_right{
	float:right;
	padding: 4px 18px 4px 0;
}
.pop_01 .bg_green{
    margin-right: 6px;
}
.close_btn {
    width: 14px;
    height: 14px;
    /*background: url(../images/tp_icon_08.png) no-repeat center center;*/
    display: inline-block;
    position: absolute;
    right: 18px;
    top: 16px;
    transition: all 0.3s;
}
.close_btn:hover{
    transition: all 0.15s;
    -webkit-transform: rotate(1.6rad);
    -ms-transform: rotate(1.6rad);
    transform: rotate(1.6rad);
    }
.pop_01 .unco {
	background:none
}
.p_box02 h5{
    padding: 15px 18px 10px 20px;
    margin-bottom: 4px;
}
.p_box02 h5 i{
	padding:0 3px;
}
.rdoco .cheox{
    border-radius: 50%;
    border: 1px solid #b1b1b1;
    background: #fff;
    vertical-align: middle;
    position: relative;
}
.rdoco .radio_type_checked .cheox{
    /*background: #fff url(../images/publicicon.png) no-repeat -91px -120px;*/
    /*width: 14px;*/
    /*height: 14px;*/
}
.unavailable .cheox{
	background: #E2E2E2 !important;
}
.unavailable input{
	background: #F1F1F1 !important;
}
.p_box02 .radioclass{
}
.insd{
    width: 380px;
    float: left;
}
.pb02_tb{
    width: 100%;
    margin-top: 10px;
    text-align: center;
}
.pb02_tb td,.pb02_tb th{
    border: 1px solid #dfdfdf;
}
.p_link{
	padding-top:8px;
}
.pb02_tb th{
	height:32px;
	font-weight: normal;
}
.pb02_tb td{
	height:27px;
	padding: 4px 0;
}
.pb02_tb td p{
	width: 92%;
	margin: 0 auto;
	display: inline-block;
	border: 1px solid #dfdfdf;
	position: relative;
}
.pb02_tb .border_box{
    width: 77%;
    height: 22px;
    line-height: 21px;
    display: inline-block;
    padding-right: 21px;
    color: #848884;
}
.pb02_tb td i a{
    width: 22px;
    height: 22px;
    display: inline-block;
    /*background: #86869c url(../images/publicicon.png) no-repeat -107px -115px;*/
    position: absolute;
    right: 0;
    top: 0;
}
.pb02_tb td i a:hover{
    /*background: #c5c5d3 url(../images/publicicon.png) no-repeat -107px -115px;*/
}
.pth01{
    width: 129px;
}
.pth02{
    width: 183px;
}
.p_link i a{
	float:right;
}
.p_box02 .box_infor{
    display: inline-block;
    padding-bottom: 4px;
}
.scr_input input{
    width: 98.2%;
    height: 24px;
    line-height: 1;
    padding: 3px;
    border: 1px solid #dfdfdf;
}
.scr_input textarea{
    width: 98%;
    max-width: 98%;
	max-height:200px;
}
.pop_01 .p_box02 .btn_sm{
	position: absolute;
	bottom: 0;
	left: 0;
}
.pdty03{
	width: 370px;
}
.btn_ad a{
	background: #b9ece9;
	width: 91px;
	height: 34px;
	display: inline-block;
	text-align: center;
	line-height: 34px;
	border: 1px solid #12a69d;
	border-radius: 3px;
	color: #12a69d;
	float: left;
}
.msg_up{
    line-height: 34px;
    float: left;
    padding-left: 10px;
}
.pb_txt_name{
    display: inline;
    line-height: 31px;
}
.pdty03 .bg_yellow{
	font-size:13px;
	color:#fff;
	padding: 3px 10px;
	border-radius: 3px;
	letter-spacing: 0;
	margin-left: 7px;
}
.ly_co td{
	font-size: 13px;
	color:#848884;
	padding: 0px 7px;
	letter-spacing: -0.1px;
}
.ly_co label{
	padding: 3px 8px 3px 0;
}
.ly_co .pth01{
    width: 103px;
}
.ly_co .cheox{
    margin-right: 3px;
    border-color: #dfdfdf;
}
.box_infor .page_li li{
    width: auto;
    min-width: auto;
}
/* TACTICS LAYBOX End! */
/* UPDATE BEGIN! */
.update{
	padding-top: 30px;
	display: inline-block;
	width: 100%;
}
.ud_part{
    padding: 10px 0 30px 10px;
}
.ud_part li em{
float: left;}
.ud_part li,.spacing{
    float: left;
    text-align: center;
}
.ud_part li span,.ud_part li i{
    width: 100px;
    height: 100px;
    display: inline-block;
    border-radius: 50%;
}
.ud_part li span{
	background:#eaeaea;
}
.ud_part li .checked{
	background:#ffe891;
}
.udbg_01 i{
    /*background:url(../images/update_icon.png) no-repeat -5px -6px;*/
    background-size: 226%;
}
.udbg_02 i{
    /*background: url(../images/update_icon.png) no-repeat -117px -6px;*/
    background-size: 226%;
}
.udbg_03 i{
    /*background: url(../images/update_icon.png) no-repeat -7px -117px;*/
    background-size: 226%;
}
.udbg_04 i{
    /*background: url(../images/update_icon.png) no-repeat -116px -121px;*/
    background-size: 226%;
}
.ud_part li p{
    color: #6D6D6D;
    font-size: 16px;
    padding-top: 10px;
}
.update .ud_part li .nub{
	font-size: 22px;
	/* font-weight: bold; */
	color: #333;
}
.spacing{
    width: 50px;
    height: 5px;
    /*background: url(../images/publicicon.png) no-repeat -5px -142px;*/
    margin: 54px 35px 0 35px;
}
.post_infor{
    color: #777;
}
.dtl_co{
    padding-bottom: 12px;
}
.dtl_co label,.po_co{
	/* float:left; */
	display: table-cell;
}
.dtl_co label{
    /* width: 18%; */
    min-width: 138px;
    text-align: right;
    padding-top: 7px;
    vertical-align: top;
}
.po_co{
    /* width: 75%; */
}
.dtl_co .coflt label{
	width:auto;
	float: none;
	display: inline;
}
.btn_kind{
    line-height: 34px;
}
.btn_kind span a{
    font-size: 16px;
    padding: 2px 9px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 3px;
    border: 1px solid #12a69d;
    color: #12a69d;
    border-radius: 3px;
}
.btn_kind span a:active{
	background:#b9ece9;
}
.po_co .sl_itn p a{
    /*background: #c5c5d3 url(../images/publicicon.png) no-repeat 83px -13px;*/
}
.po_co .sl_itn p a:hover{
    /*background: #86869c url(../images/publicicon.png) no-repeat 83px -13px;*/
}
.po_co .sl_itn p a span{
    /* height: 38px; */
    /* line-height: 38px; */
}
.btn_past .wbtn a{
    margin-right: 15px;
}
.btn_past .wbtn a:active{
	background:#ddd;
}
.btn_past .wbtn .chack{
    background-color: #12a69d;
    color: #fff;
    border: 1px solid #12a69d;
}
.btn_past .wbtn .chack:active{
	background-color: #157c76;
}
.note{
    display: inline-block;
    padding: 8px 0;
    width: 100%;
}
.choice .sl_itn p a{
    /*background: #c5c5d3 url(../images/publicicon.png) no-repeat 114px -160px;*/
}
.choice .sl_itn p a:hover{
    /*background: #86869c url(../images/publicicon.png) no-repeat 114px -160px;*/
}
.btn_kind .btn_upload a,.btn_kind .btn_upload object{
    background: #B9ECE9;
    width: 80px;
    text-align: center;
    font-size: 13px;
    width: 100px;
    line-height: 30px;
    height: 30px;
    border-radius: 2px;
}
.btn_kind .btn_upload object{
    padding: 2px 9px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 3px;
    border: 1px solid #12a69d;
    color: #12a69d;
    border-radius: 3px;
}
.btn_kind .note{
    display: inline;
}
.po_co textarea, .po_co .ud_input input{
    padding: 3px;
    width: 427px;
    height: 90px;
    color: #777;
    line-height: 24px;
    border: 1px solid #dbdad8;
}
.po_co .ud_input input{
    height: 28px;
    line-height: 28px;
    border: 1px solid #dbdad8;
}
.po_co .coflt{
    position: static;
    float: left;
    box-shadow: none;
}
.po_co .inr ul{
    background-color: #f2f2f2;
}
.dtl_co .tabox:hover{
	box-shadow:none
}
.dtl_co .ta_b span a{
    border: none;
    background: none;
    font-size: 12px;
}
.dtl_co .empty{
	text-align: center;
	height: 178px;
	line-height: 178px;
	font-size: 14px;
}
.dtl_co .empty a{
	color: #12a69d;
	border-bottom: 1px solid;
	padding-bottom: 2px;
}
.po_co .upd  a{
    border: none;
    background-color: #aa6eff;
    color: #fff;
    padding: 2px 7px;
    font-size: 12px;
    font-weight: bold;
    /* line-height: 16px; */
    height: 24px;
    line-height: 24px;
}
.fd_txt{
    padding-top: 7px;
}
/* UPDATE END! */
/* IOSAPP BEGIN! */
.main_iosapp{
    color: #767b78;
}
.flt_pt{
padding-top: 1px;position: absolute;width: 100%;z-index: 9999;top: 0;}
.icon_hd{
	float:right;
	padding: 2px 0;
}
.inside_tm .icon_hd{
	margin-right:7px;
}
.icon_hd a{
    width: 40px;
    height: 20px;
    border: 1px solid #12a69d;
    /*background: #d0edeb url(../images/publicicon.png) no-repeat -65px -136px;*/
    display: inline-block;
}
.icon_hd a:hover{
    /*background: #e2faf8 url(../images/publicicon.png) no-repeat -65px -136px;*/
}
.hd_infor{
    /*background: url(../images/up_bg_flt.png);*/
    width: 93%;
    display: inline-block;
    font-size: 13px;
    padding: 8px 16px;
    position: relative;
    color: #333;
}
.hd_infor strong{
font-size: 14px;padding-right: 18px;color: #2d2d38;}
.hd_infor .post_rg{
    position: absolute;
    right: 10px;
}
.hd_infor span a{
    color: #12a69d;
    padding-left: 14px;
}
.hd_infor span a:hover{
	text-decoration:underline
}
.hd_infor i{
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #fff4cb;
    display: inline-block;
    position: absolute;
    right: -8px;
    top: 29%;
}
.main_scrl{
    position: relative;
    width: 100%;
    padding-top: 28px;
}
.main_scrl .spacing{
    margin: 42px 10px 0 10px;
    /*background: url(../images/publicicon.png) no-repeat -5px -150px;*/
}
.main_scrl .ud_part{
    padding: 0;
    width: 100%;
    margin: 0 auto;
    height: 150px;
    overflow: hidden;
}
.main_scrl .ud_part li{
    height: 150px;
    position: relative;
    text-align: center;
    width: 180px;
}
.main_scrl .ud_part li.checking{
	background:#d9f1f0;
	border:1px solid #bbd3d2;
	border-bottom:none;
}
.main_scrl .ud_part li div{
	position:relative;
	height:138px;
	margin: 0 auto;
	padding-top: 14px;
	cursor: pointer;
}
.main_scrl .ud_part a{
    display: inline-block;
    position: relative;
}
.main_scrl .ud_part .vnum{
    padding: 0;
    margin: 0;
    width: 69px;
    height: 69px;
    line-height: 88px;
    /*background: url(../images/bigger_icon02.png) no-repeat left bottom;*/
}
.main_scrl .ud_part .checking .vnum{
    /*background: url(../images/bigger_icon02.png) no-repeat right bottom;*/
}
.main_scrl .ud_part .red_dot{
	display:none;
}
.main_scrl .ud_part .checking .red_dot{
	display:inline-block;
}
.main_scrl .ud_part em{
    display: block;
    font-size: 12px;
    padding-top: 2px;
    width: 100%;
}
.scl_left a,.scl_right a{
	width: 26px;
	height:50px;
	display:inline-block;
	position: absolute;
	top: 54px;
	filter: alpha(opacity=50);/*IE滤镜，透明度50%*/
	-moz-opacity:0.5;/*Firefox私有，透明度50%*/
	opacity: 0.5;/*其他，透明度50%*/
	border:1px solid #fff;
}
.scl_left a:hover,.scl_right a:hover{
	filter: alpha(opacity=100);/*IE滤镜，透明度50%*/
	-moz-opacity:1;/*Firefox私有，透明度50%*/
	opacity: 1;/*其他，透明度50%*/
	border:1px solid #dcdcdc;
}
.scl_left a{
    left: -28px;
}
.scl_left i,.scl_right i{
    width: 12px;
    height: 20px;
    display: inline-block;
    /*background: url(../images/publicicon.png) no-repeat -132px -116px;*/
    margin: auto;
    position: absolute;
    left: 6px;
    top: 15px;
}
.scl_right a{
    right: -28px;
}
.scl_right i{
    /*background: url(../images/publicicon.png) no-repeat -147px -116px;*/
    left: auto;
    right: 8px;
}
.main_scrl .ud_part li s{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0px;
}
.main_scrl .ud_part .checking s{
	background: #d9f1f0;
	z-index: 999;
	width: 100%;
	height: 2px;
	bottom: 0;
}
.detail_box{
	border: 1px solid #dcdcdc;
	border-top: none;
	border-bottom: none;
	position: relative;
	width: 100%;
}
.ck_tn{
    background-color: #d9f1f0;
    font-size: 13px;
    padding: 0 0 21px 0;
    width: 100%;
    position: relative;
}
.btn_icon_pst{
	position:absolute;
	right:10px;
	bottom: 28px;
}
.btn_icon_pst a{
	float:left;
}
.border_btm{
    position: absolute;
    height: 1px;
    width: 100.15%;
    background-color: #b4d1cf;
    bottom: 0;
}
.detail_box .vnum{
	margin: 0;
	color: #2d2d38;
}
.itm_hd{
    display: inline-block;
    float: left;
    padding-right: 19px;
    padding-top: 6px;
    width: 219px;
}
.itm_hd dt{
    font-size: 16px;
    color: #2d2d38;
    padding-bottom: 4px;
    font-weight: bold;
}
.isp_checking .itm_hd dt{
	padding-bottom: 14px;
	color: #12a69d;
}
.isp_checking .itm_hd dd{
	display:inline-block;
}
.itm_hd dd{
	padding-bottom: 4px;
	width: 100%;
}
.itm_dc{
    float: left;
    padding-top: 10px;
    max-width: 70%;
    border-left: 1px dashed #777777;
    padding-left: 20px;
}
.tc_co{
	padding-bottom:6px;
	color:#333
}
.itm_dc .radio_type {
    display: inline-block;
}
.tylable{
	float: left;padding-right: 3px;
}
.itm_co{
	display:inline-block;
}
.itm_co span{
	float:left;
	font-size: 13px;
}
.itm_dc li{
    padding-bottom: 8px;
}
.itm_dc li a{
	color:#12a69d;
	margin: 7px 0 30px;
	display: inline-block;
}
.itm_btn{
    float: right;
}
.itm_btn .flt_ctr{
	padding: 38px 21px 0 0;
}
.itm_btn .flt_ctr p{
    float: left;
}
.tck .flt_ctr{
	width: 160px;
}
.itm_btn .flt_ctr p span{
    color: #12a69d;
}
.itm_btn .coflt{
	left: auto;
	right: -15px;
	z-index: 10;
	top: 30px;
}
.itm_btn .coflt i{
	left: auto;
	right: 25px;
}
.ctrl_btn{
    display: inline-block;
    font-size: 12px;
    padding-top: 20px;
}
.ctrl_btn span a{
    padding: 3px 9px;
    background-color: #fff;
    color: #12a69d;
    border: 1px solid #12a69d;
    margin-left: 2px;
    border-radius: 3px;
    display: inline-block;
}
.ctrl_btn .check a,.ctrl_btn span a:hover{
	background:#12a69d;
	color:#fff
}
.inside_tm .vnum{
    background: none;
    border: 2px solid #12a69d;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    line-height: 65px;
    color: #12a69d;
    font-size: 14px;
    font-weight: bold;
    background-color: #fff;
    z-index: 9;
}
.icon_mak{
	float:left;
	margin: 6px 20px 0 0;
}
.cr_bx{
	display:inline-block;
	float: left;
	padding: 0 14px 0 18px;
	width: 82%;
}
.inside_tm .itm_hd dt{
	float: left;
	display: inline-block;
	width: 100%;
}
.inside_tm .itm_hd dt p{
	font-size: 14px;
	color:#767676;
	padding-top: 3px;
	font-weight: normal;
}
.inside_tm .itm_btn{
    float: left;
    padding-left: 10px;
}
.inside_tm .itm_btn .flt_ctr{
    padding-top: 0;
}
.inside_tm .ctrl_btn{
    padding: 0;
    display: inline;
}
.box_cktn{
	position:relative;
	filter:alpha(opacity=91);/*IE滤镜，透明度50%*/
	-moz-opacity:0.91;/*Firefox私有，透明度50%*/
	opacity:0.91;/*其他，透明度50%*/
}
.detail_box .box_cktn{
}
.box_cktn:hover{
	filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
	-moz-opacity:1; /*Firefox私有，透明度50%*/
	opacity:1;/*其他，透明度50%*/
}
.inside_tm  .ck_tn{
    background: none;
    padding: 0px  4px 10px 4px;
    /* min-height: 145px; */
    position: relative;
    margin-left: 50px;
    width: 94%;
    padding-top: 22px;
}
.new_ud em{
    color: #12a69d;
}
.itm_hd .new_icon{
    display: none;
}
.new_ud .new_icon{
    display: inline-block;
}
.fm_v{
    display: inline-block;
    float: left;
    position: relative;
    width: 20px;
    height: 36px;
}
.fm_v .btn_icon{
	position:absolute;
	z-index:333;
	top: 8px;
}
.sp_line,.inside_tm .vnum,.sp_line i,.tck .vnum{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    margin:auto;
}
.sp_line{
    width: 5px;
    height: 100%;
    background-color: #fff;
    display: inline-block;
}
.sp_line i{
    width: 5px;
    height: 5px;
    display: inline-block;
    background-color: #767b78;
    border-radius: 50%;
    top: 0;
    bottom: auto;
}
.sp_line span i{
    top: auto;
    bottom: 0;
}
.inside_tm{
	background-color: #fff;
	border: 1px solid #dcdcdc;
	border-top: navajowhite;
	width: 100%;
}
.lg_line{
    position: absolute;
    width: 1px;
    background-color: #767b78;
    height: 100%;
    top: 0;
    left: 14px;
    display: inline-block;
}
.fir_gl .lg_line{
	top:24px;
}
.ud .lg_line{
	top:auto;
	bottom:30px;
}
.tck .fm_v{
    text-align: center;
    width: 143px;
    height: 124px;
    padding-top: 18px;
}
.tck .fm_v i{
    display: none;
}
.tck .fm_v span i{
	display:inline-block
}
.tck .vnum{
    float: none;
    z-index: 9;
}
.tck .cr_bx{
    width: 63%;
    min-width: 505px;
    padding: 26px 0 0 50px;
}
.tck .sp_line{
	background:#d0edeb;
}
.inside_tm .ud{
    min-height: auto;
}
.ud .vnum{
    line-height: 16px;
    background-color: #12a69d;
    border: navajowhite;
}
.ud .vnum:hover{
	background:#88d2ce;
}
.ud .vnum span{
	padding-top: 16px;
	display: inline-block;
	color: #fff;
	font-weight: normal;
}
.fm_v .ic_arrow_more{
    margin-left: 2px;
}
.ud .fm_v span i{
    display: none;
}
.inside_dt{
    position: relative;
}
.ud_part li .red_dot{
	width:16px;
	height:16px;
	display:inline-block;
	position: absolute;
	right: 5px;
	top: 5px;
	/*background: url(../images/publicicon.png) no-repeat -45px -160px;*/
}
.inside_tm .coflt{
	left: 0;
	right: 34px;
	top: 34px;
}
.inside_tm .coflt i{
    left: 0;
    right: 0;
    margin: auto;
}
.main_scrl .ud_part .release{
    font-weight: bold;
    color: #2d2d38;
    font-size: 14px;
    width: 90%;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.vr_hd, .itm_dc, .btn_icon_pst{
	display:none;
}
.isp_checking .vr_hd,.isp_checking .itm_dc,.isp_checking .btn_icon_pst{
	display:block;
}
.icon_mak{
	width: 44px;
	height: 30px;
	display: inline-block;
	/*background: url(../images/bigger_icon03.png) no-repeat -44px 0;*/
}
.isp_checking .icon_mak{
    /*background: url(../images/bigger_icon03.png) no-repeat 0 0;*/
}
.frt_hd .itm_hd dt{
    color: #2d2d38;
}
/* IOSAPP END! */
.cr_orange a{
	display:inline-block;
}
.cr_orange a:hover{
	text-decoration:underline
}
.addli{
	width:50px;
	min-width:50px;
}


/* ------------------MEDIA! ------------------ */
@media screen and (max-width:1145px){
.ifbn{
	max-width: 400px;
}
}
@media screen and (max-width:1750px){
.hd_infor{
	width:92%;
}
.itm_dc{
	max-width:60%;
}
}
@media screen and (max-width:1680px){

.hd_infor{
	width:92%;
}
}
@media screen and (max-width:1450px){
.hd_infor{
	width:90%;
}
}
@media screen and (max-width: 1280px){
.itm_dc{
	max-width:50%;
}
}




.select_app_ul {
  z-index: 9999;
  max-height: 150px;
  overflow: auto;
}
.select-div{position: relative; width: 180px; display: inline-block; border: 1px solid #cececf;overflow:hidden;}
.select-div select{width: 100%; height: 34px; opacity: 0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; z-index: 5; position: absolute;top:0;left:0;}
.select-div label{padding: 0px 40px 0 9px; height: 32px; line-height: 32px; width: 100%; margin:0;  background-color: #fff; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; box-sizing: border-box; font-weight:normal;}
.select-div i{width: 36px;   position: absolute; top: 0; right: 0; padding: 0;display: block; height: 32px;}
.select-div:hover i{background-color: #86869c}

/*新增样式*/
.inside_tm .ctrl_btn a.ic_drop { width: 30px; height:19px;margin-left: 120px;}
.itable .cr_orange .ic_drop{background:none; width:30px; border:none;vertical-align: baseline;margin:0; cursor:pointer;}
.ctrl_btn a.ic_drop { width: 25px; vertical-align: baseline;padding-bottom: 5px;}
.inside_tm .tck .fm_v {width: 134px;background-color: #fff;height: auto;padding: 0;margin-top: 25px;display: block;}
.inside_tm .tck .cr_bx{padding-top: 15px; width:auto;}
.detail_box_end.tck .fm_v{float: none; background: #fff; margin-top: 50px; padding: 0;}
.tck .fm_v .fm_v_point {width: 5px; height: 5px; display: block; background-color: #767b78; border-radius: 50%; margin: 0 auto 0;}
.detail_box_end .fm_v  div{height: 40px; width: 40px; background-color: #eee;border-radius: 14px; font-size: 14px; line-height: 21px; padding: 15px; margin: 20px auto;}
.newlyCategory{text-align:center;}
.newlyCategory_a{font-size:29px;}
/* Box01 Begin! */
.Category{
    background-color: rgba(0, 0, 0, 0.4);
    /* position: fixed; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	position:relative;
	display:none;
}
.Category_d{
    width: 455px;
    background: #fff;
    margin: 0 auto;
    margin-top: 1%;
    padding: 18px 22px;
    border-radius: 3px;
    position: relative;
    border: 1px solid #dcdcdc;
    /* background: url(../../images/images/tactics_pop.jpg) no-repeat -1270px -931px; */
	position:fixed; top:50%;left:50%; margin-top:-225px; margin-left:-225px;
	z-index:999;
}
.Category_d h5{
    font-size: 16px;
    color: #2d2d38;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
}
.Category_d h5 img{
	vertical-align: middle;
	padding-right: 15px;
	width: 44px;
	height: 44px;
}
.btn_sm{
	text-align: center;
	padding-bottom: 61px;
}
.btn_sm a{
    /*background-color: rgba(95, 28, 57, 0.53);*/
	background:#fff;
    width: 98px;
    display: inline-block;
    margin-top: 14px;
    font-size: 16px;
    text-align: center;
    height: 38px;
    line-height: 38px;
    color: #fff;
    border-radius: 3px;
}
.Category_d .sub{
    color: #7e7e7e;
    font-size: 16px;
    line-height: 35px;
    letter-spacing: -0.5px;
    width: 359px;
    margin: 0 auto;
    padding: 56px 0 46px;
	text-align:center;
}
.Category_d .sub input{width:230px;height:30px;line-height:30px;}
.btn_sm span{
    padding: 0 9px;
}

/* Box01 End! */
.detail_box_end .fm_v  div{height: 40px; width: 40px; background-color: #eee;border-radius: 14px; font-size: 14px; line-height: 21px; padding: 15px; margin: 20px auto;}

/*灰度策略管理页面拓展css start*/
.ifbn strong{padding:0 4px;}
.tactics .t_07{width:80px;}
.mask_area{/* display: none; */ position:fixed;z-index:1000;}
.worldlist_box{margin-bottom:40px;}
.worldlist_box input{border: 1px solid #dfdfdf;}
.pb02_tb td p{border:none;}
.pb02_tb td i a {width: 22px; height: 24px;}
.userlist_box{display:none;}
.box_no{padding:14px 0 30px;}
.error_note{display: none; padding: 5px 0 5px 0;}
.insd.pdty03{position:relative;}
.msg_up{position: absolute;	float: none;left: 100px;top:0;}
.s_cn input{padding: 0 6px; height: 32px; line-height: 32px; width: 166px; background-color: #fff; display: inline-block;border:1px solid #cececf;}
.right_btn{float:right;}
.find_box{ padding: 7px 0 0 30px;}
.find_box .find_href{padding:8px 20px; background:none;}
.find_box .find_href:hover{background:#12a69d;}
.GameName{width:95px; display:block; float:left; margin-top:25px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.inr .le_lk0_ul{width:200px;}
.inr .le_lk0_ul li{background:#FFF;width:100%;text-align:center;}
.inr .le_lk0_ul li:hover{background:#F2F2F2}
.gamesIP{width:90%; padding:0px 0px 5px 18px; margin-top:-15px; float:left;}
/*灰度策略管理页面拓展css end*/
/*新增渠道 start*/
/*新增渠道 end*/
/* 版本信息滑动CSS start*/

/*版本信息滑动CSS end*/
/*游戏滑动*/
.GamePage_ul_game{position:absolute;top:0px;left:0px}
.itable table tfoot td:empty {
  display: none;
}

/***hl_txx****/
.h_btn01 a{
  background: #B9ECE9;
  width: 80px;
  text-align: center;
  font-size: 13px !important;
  width: 82px;
  line-height: 30px !important;
  height: 30px !important;
  border-radius: 4px !important;
}


/*20181228 start*/
.bread span {
	font-size: 16px;
}
/*20181228 end*/
/*20190118 start*/
.inbtn .checking a {
	background: #2199ed;
	 border: 1px solid #2199ed;
}
.inbtn .checking a:hover{	border-color:#2199ed;}
.inbtn .checking a:hover{
	border-color:#2186ed;
	background: #2186ed;
}
.itable table td a{	color:#2199ed;}
.itable table td a:hover{	color:#303030;}

/*20190118 end*/
/* public begin!*/
*{
	padding:0;
	margin:0;
}

body, p, input, textarea {
    font-size: 14px;
    word-break: break-word;
}
body {
	font-family:  "Microsoft YaHei","anivers, helvetica, Arial, Helvetica, sans-serif ", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti !important;
	letter-spacing: 0.3px;
}
a{
	text-decoration:none;
}
li{
	list-style:none;
}
.clear {
  clear: both;
}
textarea, input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background: hsla(0, 0%, 0%, 0)
}

pre {
    background: #fee9cc;
    border: 1px dashed #ccc;
    line-height: 22px;
}

code {
    padding: 0;
    border: none;
}

p code {
    background: none;
    color: hsl(0, 0%, 50%);
    margin: 0 1px;
    padding: 1px 4px;
    border-radius: 1px;
}

div pre.prettyprint {
    font-size: 14px;
    border-radius: 0px;
    padding: 0 15px;
    border: none;
    margin: 20px -10px;
    border-width: 1px 0px;
    background: #f7f7f7;
}

form {
    margin-bottom: 0;
}

textarea {
    margin-bottom: 0;
}

input, textarea {
    background: hsla(0, 0%, 0%, 0);
}

/* public end!*/

/* ------------------ PUBLIC NAV BEGIN! ------------------ */
/* mi_nav */
.mi_nav{
	width:100%;
	background: #000010;
	display:block;
	min-width: 1280px;
}
.nbar_iner{
    width: 100%;
    min-width: 1280px;
    margin: 0 auto;
    background-color: #000010;
    height: 34px;
}
.nbar_brand img{
    float: left;
}
.nbar_tlogo{
	display:inline-block;
	padding: 7px 0 0 16px;
}
.nbar_tlogo a{
	color: #B3B3BF;
	font-size: 13px;
	letter-spacing: 0.7px;
}
.nbar_tlogo a:hover{
	color: #019D96;
}
.nav .checked{
	width:auto;
}
.cs_pour{
    float: right;
    padding-right: 2%;
}
.cs_pour li{
    float: left;
}
.cs_pour li:after{
	clear:both
}
.cs_pour li a{
    display: inline-block;
    line-height: 18px;
    height: 20px;
    padding: 0px 8px;
    color: rgb(179, 179, 191);
    font-size: 12px;
}
.mi_ne li a{
    border-left: 1px solid #474753;
    padding: 0 18px;
    margin: 7px 0;
}
.mi_ne li a:hover{
	color:#00a199;
}
.mi_ne .br_no a{
	border-left:none;
}
.cs_pour li .man-conso{
	padding-left: 27px;
	position: relative;
}
.cs_pour li .man-service{
    padding-right: 16px;
    position:relative;
}
.cs_pour li .man-service i{
	height: 0;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-top: 5px solid #B4B5AF;
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 8px;
}
.cs_pour li .man-service:hover i{
    border-top: 5px solid #00a199;
}
.mi_nav .mini > li .man-conso .fa {
	width: 12px;
	height: 14px;
	/*background: url(../images/publicicon.png) no-repeat -125px -95px;*/
	display: inline-block;
	position: absolute;
	left: 8px;
	top: 2px;
}
.mi_nav .mini > li .man-conso:hover .fa{
	/*background: url(../images/publicicon.png) no-repeat -24px -65px;*/
}
.mini {
	font-size: 12px;
}
.navbar-right{
	float: right;
}
/* navbar */
.mainside_nav{
    width: 100%;
    min-width: 1280px;
    height: 70px;
    position: relative;
    /*background: url(../images/footer_bg.jpg) center bottom;*/
}
.drop_toggle{
	position:relative;
}
.drop_toggle i{
	height: 0;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-top: 5px solid #B4B5AF;
	display: inline-block;
	position: absolute;
	right: 31px;
	top: 39px;
}
.nbar_iner p img{
    margin: 12px 0 0 16px;
    display: inline-block;
    float: left;
}
.nbar_iner span a{
	color: #12a69d;
}

.nav_mail{
    position: absolute;
    right: 31px;
    top: 25px;
}
/* ------------------ PUBLIC NAV END! ------------------ */


/* navbar */
.navbar{
    /*background: url(../images/footer_bg.jpg) center bottom;*/
}
.mainside_nav{
    /* width: 1206px; */
}
.header_logo{
    padding: 12px 0 0 16px;
    display: inline-block;
    float: left;
}
.drop_toggle{
	position:relative;
}
.drop_toggle i{
	height: 0;    
	border-right: 5px solid transparent;    
	border-left: 5px solid transparent;    border-top: 5px solid #B4B5AF;    display: inline-block;    position: absolute;    
	right: 31px;    
	top: 39px;
}
.nav li a{
    font-size: 16px;
    color: #787d82;
    /* background-color: rgba(30, 30, 40, 1); */
    display: inline-block;
    width: 116px;
    text-align: center;
    border-left: 1px solid rgb(41, 45, 54);
    height: 70px;
    line-height: 70px;
}
.nav .checked a, .nav > li a:hover{
	color:#f7f7f7;
	background-color: #1A2029;
	border-left: 1px solid #00a09e;
	-webkit-transition:background-color 0.2s linear;
	-moz-transition:background-color 0.2s linear;
	-o-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear;
}

.nav > li a:active{
    background-color: #25252d;
    border-left: 1px solid #00807e;
}
.dropdown{
    position: relative;
}
.dropdown_menu{
    position: absolute;
    width: 100%;
    z-index: 10;
}
.dropdown_menu li a{
    border: none;
    background-color: #fff;
    color: rgb(98, 98, 96);
    height: 52px;
    line-height: 52px;
    font-size: 15px;
}
.dropdown .dropdown_menu li a:hover{
	border-left:none;
	background:#fff;
	filter:alpha(opacity=91);/*IE*/
	-moz-opacity:0.91;/*Firefox*/
	opacity:0.91;/*其他*/
	color: rgb(98, 98, 96);
}
.dropdown_menu li.cge_clo a,.dropdown_menu li.cge_clo a:hover{
    background-color: #e7e7e7;
}
.flt_left{
	float:left;
}
/* ------------------ PUBLIC NAV END! ------------------ */

/* 顶部导航下拉 开始！*/
.nav_slip{
    position: relative;
}
.nav_slip:hover > .top_nav_slip{
	display:inline-block
}
.top_nav_slip{
    position: absolute;
    z-index: 99;
    background: #31313C;
    left: 4px;
    display: none;
    top: 34px;
}
.top_nav_slip li{}
.top_nav_slip li a{
    border: none;
    width: 55px;
    margin: 0;
    padding: 6px 18px;
    border-bottom: 1px solid #202129;
    height: auto;
}
.top_nav_slip li a:hover{
	background: #292931;
}

/* 顶部导航下拉 结束！*/


	/* Footer Begin! */
.footer_area{
    /*background: url(../images/footer_bg.jpg) center top;*/
    min-width: 1280px;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
.footer{
    width: 1280px;
    margin: 0 auto;
    text-align: center;
    min-width: 1280px;
}
.footer ul{
    float: left;
    width: 189px;
    border-left: 1px solid #44474e;
    margin-top: 62px;
    height: 150px;
    text-align: left;
}
.footer ul li{
    font-size: 14px;
    padding-bottom: 11px;
    text-indent: 56px;
}
.footer ul li span{
    font-size: 18px;
    padding-bottom: 11px;
    display: block;
    color: #00a199;
}
.footer ul li a{
    color: #92959b;
}
.footer ul li a:hover{
	color:#ddd
}
.footer .ft_fir{
	border-left:none;
	text-indent: 47px;
}

.footer ul.ft_last{
	text-align:center;
	font-size:16px;
	padding-top:3px;
	color: #fff;
}
.footer ul.ft_last img{
	width:125px
}
.footer ul.ft_last li{
	text-indent: 0;
	font-size: 16px;
}
.footer p{
    padding-bottom: 16px;
    color: #4d525a;
    font-size: 12px;
    letter-spacing: -0.3px;
}
.footer .slp_ft{
	padding: 42px 0;
	min-height: 110px;
}
.footer a{
    color: #4d525a;
}
.footer a:hover{
	color:#a3a6a6;
}
	/* Footer End! */

.official_web_lg .nbar_iner{
    width: 1400px;
    margin: 0 auto;
}
.official_web .nbar_iner{
    width: 1280px;
    margin: 0 auto;
}
.official_web_lg{
	min-width:1400px;
}
.official_web{
	min-width: 1280px;
}
.nav_list .game_hd .le_hd_link, .nav_list .game_hd .le_hd_link:hover{
	/*background: url(../images/busn_hd_bg.jpg);*/
}
.nav_list .lelk_list a:hover{
	border-left:none;
}
.nav_list .game_hd .le_hd_link, .nav_list .game_hd .le_hd_link:hover{
    /*background: url(../images/busn_hd_bg.jpg);*/
}
/* -------------------------------- 响应式 开始！-------------------------------- */

@media screen and (max-width: 1400px){
/* 头部 开始！ */
.top_responsive{
    min-width: auto;
}
.top_responsive .nbar_iner{
    width: 100%;
    min-width: auto;
}
.hd_responsive{
	width: 100%;
	min-width: auto;
}
.hd_responsive .nbar_iner{
    width: 100%;
    min-width: auto;
}
/* 头部 结束！ */
/* 尾部 开始！ */
.ft_responsive{
    min-width: auto;
}
.ft_responsive .footer{
    width: 100%;
    min-width: auto;
}
.ft_responsive .footer ul{
}
/* 尾部 结束！ */
}
@media screen and (max-width: 1024px){
/* 头部 开始！ */
.hd_responsive .nbar_iner{
    height: 60px;
    line-height: 60px;
}
.hd_responsive .nav li a{
	height:60px;
	line-height:60px
}
.hd_responsive .header_logo{
	line-height:1;
}
.hd_responsive .header_logo img{
	width: 160px;
}
/* 头部 结束！ */
/* 尾部 开始！ */
/* 尾部 结束！ */
}
@media screen and (max-width: 768px){
/* 头部 开始！ */
.top_responsive .cs_pour{
    width: 84px;
    position: absolute;
    left: 0;
    top: 34px;
    background: #000010;
    padding-right: 0;
    z-index: 3;
}
.top_responsive .mi_ne li{
	width: 100%;
}
.top_responsive .mi_ne li a{
	display: inline-block;
	padding: 0 10px;
	width: 63px;
}
.top_responsive .fa{
	display:none !important;
}
.top_responsive .cs_pour li .man-service i{
	height: 0;
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-left: 5px solid #B4B5AF;
	display: inline-block;
	position: absolute;
	right: 8px;
	top: 6px;
}
.top_responsive .cs_pour li .man-service:hover > i{
	border-left: 5px solid #00A199;
}
.top_responsive .top_nav_slip{
	left: 84px;
	top: auto;
	bottom: 0;
}
.top_responsive .top_nav_slip a{
	height: 26px;
	line-height: 26px;
}
.top_responsive .nav_cnt{
	display:none;
}
.top_responsive .nbar_slip:hover > .nav_cnt{
	display:inline-block;
}
.top_responsive .cs_pour li{
	display:inline-block;
}
.top_responsive .nbar_slip{
	display: inline-block;
	height: 34px;
}
.top_responsive .nbar_sp_nut a{
    width: 84px;
    height: 34px;
    /* background: #1A1A21; */
    display:inline-block;
    position: relative;
}
.top_responsive .nbar_sp_nut a .ic_fa{
    width: 12px;
    height: 14px;
    /*background: url(../images/publicicon.png) no-repeat -125px -95px;*/
    display: inline-block;
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.hd_responsive .header_logo{
	padding: 14px 10px;
}
.hd_responsive .header_logo img{
	width: 140px;
}
.hd_responsive  .cs_pour{
    width: 80px;
    background: #282C35;
    padding: 0;
    position: absolute;
    right: 0;
    top: 60px;
    display: none;
}
.hd_responsive .nav li a{
    width: 100%;
    font-size: 13px;
    padding: 0;
    height: 44px;
    line-height: 44px;
}
.hd_responsive .nav_cnt{
    position: relative;
}

.hd_responsive .cs_pour li{
	float: none;
	height: 44px;
	line-height: 44px;
}
.hd_responsive .cs_pour_slip{
	width:80px;
	float: right;
}
.hd_responsive .cs_pour_slip:hover > .cs_pour{
	display:inline-block
}
.hd_responsive .pour_sp_nut{
	width: 80px;
	height: 60px;
	/* background: #1D212B; */
	float: right;
}
/* 头部 结束！ */
/* 尾部 开始！ */
.ft_rev_br{
	display:block;
}
/* 尾部 结束！ */
}

/* 按钮公共样式 开始！ */
.btnNew a{
	display:inline-block;
	text-align:center;
	border-radius: 2px;
}
/* 按钮公共样式 结束！ */
/* 确定按钮 开始！ */
.btnSure a{
	width:72px;
	height:34px;
	line-height:34px;
	background:#00aca4;
	color:#fff;
	border:1px solid #00aca4;
}
.btnSure a:hover{
	background:#008d87;
	border-color:#008d87;
}
.btnSure a:active{
	background:#00746f;
}
/* 确定按钮 结束 */
/* 取消按钮 开始！ */
.btnCancel a{
	width:72px;
	height:34px;
	line-height:34px;
	background:#fff;
	color:#777777;
	border:1px solid #d3d3d3;
}
.btnCancel a:hover{
	background:#f2f2f2;
	border-color:#d3d3d3;
}
.btnCancel a:active{
	background:#eaeaea;
}
/* 取消按钮 开始！ */
/* 百分百长按钮 开始！ */
.btnLong a{
	width:100%;
	height:34px;
	line-height:34px;
	background:#00aca4;
	color:#fff;
}
.btnLong a:hover{
	background:#008d87;
	border-color:#008d87;
}
.btnLong a:active{
	background:#00746f;
}
/* 百分百长按钮 开始！ */
/* 上传文件按钮 开始！ */
.btnUpload a{
    height: 36px;
    line-height: 36px;
    display: inline-block;
    background: #00a95b;
    padding: 0 9px;
    color: #fff;
    border-radius: 2px;
    border: 1px solid #00a95b;
    text-align: center;
}
/* 上传文件按钮 结束！ */
/* 修改按钮 开始！ */
.btnModify a{
	width:72px;
	height: 24px;
	line-height: 24px;
	background:#fff;
	color:#777777;
	border:1px solid #d3d3d3;
}
.btnModify a:hover{
	background:#f2f2f2;
	border-color:#d3d3d3;
}
.btnModify a:active{
	background:#eaeaea;
}
/* 修改按钮 结束！ */
/* 数据上报按钮 开始！ */
.btnUpData a{
	width: 80px;
	height: 28px;
	line-height: 28px;
	background:#fff;
	border: 1px solid #12a69d;
	color: #12a69d;
}
.btnUpData a:hover{
    background: #e7f3f2;
}
.btnUpData a:active{
    background: #b9ece9;
}
/* 数据上报按钮 结束！ */
/* 刷新按钮 开始！ */
.btnRefresh a{
	font-size: 13px;
	border: 1px solid #12A69D;
	padding: 4px 12px;
	color: #12A69D;
	border-radius: 4px;
}
.btnRefresh a:hover{
	background:#CAE8E7
}
/* 刷新按钮 结束！ */
/* 游戏存储详情 开始！ */
.gmdBtn a{
    color: #12A69D;
    border: 1px solid #12A69D;
    padding: 6px;
    border-radius: 3px;
}
.gmdBtn a:hover{
	background:#CAE8E7
}
/* 游戏存储详情 结束！ */
/* 改 数据上报按钮20190118 开始！ */
.btnUpData a{
	border: 1px solid #2199ed;
	color: #2199ed;
}
.btnUpData a:hover{
	background: #2186ed;
	color:#fff;
}
.btnUpData a:active{
	background: #2186ed;
}
/* 数据上报按钮20190118 结束！ */
/*20190118 start*/
.btnSure a {
	background: #2199ed;
	color: #fff;
	border: 1px solid #2199ed;
}
.btnSure a:hover {
	color:#fff;
	background: #2186ed;
	border: 1px solid #2186ed;
}
/*20190118 end*/
/* 基础框架 开始！ */
.mask_area{
    z-index: 1100;
}
.lyBox{
    width: 540px;
    background: #fff;
    border-radius: 7px;
    border: 1px solid #E0E0E0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 120px;
}
.lyBoxMid{
	width:700px;
}
.boxHd{
    padding: 2.5%;
    border-bottom: 1px solid  #e0e0e0;
    position: relative;
}
.closeBtn{
	color:#999
}
.closeBtn:hover{
	color:#333;
}
.boxHd h5{
    font-size: 16px;
    color: #333;
}
.boxHd .iconfont{
    position: absolute;
    cursor: pointer;
    width: 16px;
    height: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 2.5%;
}
/* 设定最小内容高度 开始！ */
.boxConentArea{
    min-height: 200px;
    max-height: 300px;
    overflow: auto;
    width: 95%;
    padding: 2.5%;
}
.boxConent{
    display: table;
    width: 100%;
    min-height: 200px;
    max-height: 400px;
}
/* 设定最小内容高度 结束！ */
/* 不设定最小内容高度 开始！ */
.boxConent_01_Area{
    max-height: 400px;
    overflow: auto;
    width: 95%;
    padding: 2.5%;
}
.boxConent_01{
    display: table;
    width: 100%;
    max-height: 400px;
}
/* 不设定最小内容高度 结束！ */
/* 基础框架 结束！ */
/* 带标志图+纯文本内容居中 开始！ */
.boxMainCon_01{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.boxMainCon_01 .txtTips{
    font-size: 16px;
}
.iconfont60{
    font-size: 60px;
}
/* 带标志图+纯文本内容居中 结束！ */
/* 带标志图+纯文本内容居左 开始！ */
.boxMainCon_02{
    display: table-cell;
    vertical-align: middle;
}
/* 带标志图+纯文本内容居左 结束！ */
.boxBtn{
    padding: 2.5%;
    border-top: 1px solid  #e0e0e0;
    text-align:right;
}
/* 底部按钮居右 开始！ */
.boxConentArea .tips {
	text-align:left;
}
.boxBtn .btnNew{
	margin-right:10px;
}
.boxBtn .btnNew:last-child{
	margin-right:0
}
.conTips{
    display: table-footer-group;
}
.conTips .tips {
    padding: 7px 0 0 0;
}
/* 底部按钮居右 结束！ */
/* 带输入操作提示内容 开始！ */
.lyBox .co_name{
	vertical-align: top;
	line-height: 30px;
	color: #484848;
}
.lyBox .co_ed {
    height: 30px;
    line-height: 30px;
}
.lyBox .co_add_btn {
    height: 30px;
    width: 30px;
    vertical-align: middle;
}
.lyBox .co_es {
    top: 31px;
    width: 99.5%;
}
.lyBox .btnUpload a{
	height:30px;
	line-height:30px;
}
.lyBox .co_item {
	line-height:30px;
}
.lyBox .par_tab_item {
    padding-top: 10px;
    display: inline-block;
}
.lyBox .par_add_area{
	height:30px;
}
.lyBox .itable table td {
    padding:6px;
}
.lyBox .itable table{
	margin-bottom:0;
}
.lyBox .itable table th {
    background-color: #f2edff;
}
.lyBox .co_txt{
	display: table-cell;
	width: 150px;
	vertical-align: middle;
	text-align: right;
}
.lyBox .co_txt a:hover{
	text-decoration:underline;
}
.lyBox .radio_type{
	margin-right:10px;
}
/* 带输入操作提示内容 结束！ */
/* 浮动+下拉+输入框 行 开始！ */
.input_item {
    display: table-cell;
    width: 30px;
    vertical-align: middle;
}
.input_item input{
	width: 30px;
	border: 1px solid gainsboro;
	height: 28px !important;
	line-height: 28px;
}
.marR10{
	margin-right:10px;
}
.fltGroup{
	display: inline-block;
	width: 100%;
}
.fltGroup .co_name{
	display: inline-block;
	float: left;
}
.fltGroup .co_item{
	float: left;
	display: inline-block;
}
.wid_150{
	width:150px;
}
.wid_40,.wid_40 input{
	width: 41px;
}
/* 浮动+下拉+输入框 行 结束！ */
/* 新版本样式开始 */
/*@import url(../font/iconfont.css); */ 

/* 新版本样式结束 */

/* 基于mrystyle.css dot动画给按钮添加...加载中效果 by cqz */
.loading-btn:after{
	content: ' ';
	display: inline-block;
    min-width: 2px;
    min-height: 2px;
	margin-right: 10px;
    box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor;
    -webkit-animation: dot 2s infinite step-start both;
    animation: dot 2s infinite step-start both;
}
/* 顶部通知样式 */
.top_notice_msg{
    padding: 5px;
    background-color: rgb(247, 240, 124);
    text-align: center;
    color: #6d6d6d;
    display:none;
}
/* 开发票按钮样式(启动更新-首页-0.1.8)开始 */
.btn-kfp{}
.btn-kfp a{
    border: 1px solid #12a69d;
    color: #12a69d;
    padding: 9px 14px;
}
.btn-kfp a:hover{
	background: #2a3245;
}
/* 开发票按钮样式结束 */

/* components/Common/nprogress.js  样式开始 */
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #12A69D;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #12A69D, 0 0 5px #12A69D;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #12A69D;
  border-left-color: #12A69D;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* nprogress.js  样式结束 */
@charset "UTF-8";
@charset "UTF-8";
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height:1;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing:inherit;
	box-sizing: inherit;
}
*{
	padding:0;
	margin:0;
}
body,html{
	margin:0px;
	height:100%;
}
li {
    word-break: break-word;
}
i{
	font-style:normal;
}
body,p,input,textarea,select{
	font-family:  "Microsoft YaHei","anivers, helvetica, Arial, Helvetica, sans-serif ", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti !important;
	font-size:14px;
	letter-spacing: 0;
	color:#333;
}
a,a:hover,a:active{
	color:#333;
	text-decoration:none;
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}
a img{
	border:none;
	vertical-align:bottom;
}
a img:hover{
	filter:alpha(opacity=91);
	-moz-opacity:0.91; 
	opacity:0.91;
}
a:focus {  
	outline:none;   
	-moz-outline:none;
}
input,select{
    outline: medium none;
}
li{
	list-style:none;
}
.clear{
  clear: both;
}
.clearfix:after{     
     content:".";   
     display:block;        
     height:0;        
     clear:both;        
     visibility:hidden;        
}
pre{
    background: #fee9cc;
    border: 1px dashed #ccc;
    line-height: 22px;
}

code{
    padding: 0;
    border: none;
}
p code{
    background: none;
    color: hsl(0, 0%, 50%);
    margin: 0 1px;
    padding: 1px 4px;
    border-radius: 1px;
}
p{
	font-size: 14px;
}
div pre.prettyprint {
    font-size: 14px;
    border-radius: 0px;
    padding: 0 15px;
    border: none;
    margin: 20px -10px;
    border-width: 1px 0px;
    background: #f7f7f7;
}
form {
    margin-bottom: 0;
}
textarea {
    margin-bottom: 0;
}
input, textarea {
    background: hsla(0, 0%, 0%, 0);
    outline:none;
    color: #7c7f87;
}
input:focus, textarea:focus{
	color:#333;
}
table{
	border-collapse:collapse;
	border:none;
}


/* 选中文案背景色 开始！ */
::selection{
	background:#04b8d6;
	color:#FFF;
}
::-moz-selection{
	background:#04b8d6;
	color:#FFF;
}
/* 选中文案背景色 结束！ */
/* 滚动条 开始！ */
::-webkit-scrollbar {
	width: 6px;
	height:6px;
}
::-webkit-scrollbar-track-piece{
	background:#e2e2e2
}
::-webkit-scrollbar-thumb{
	background:#a2b0c0;
	min-height: 50px;
	min-width: 150px;
	border-radius: 30px;
}
::-webkit-scrollbar-thumb:vertical:hover{
	background: #4f5b66;
}
/* 滚动条 结束！ */
/* 背景色系 开始！ */
.bg-blue{
	background:#24bbd4;
}
a.bg-blue{
	color:#fff;
}
a.bg-blue:hover{
	background:#3ad2ea;
}
a.bg-blue:active{
	background:#34c9e0;
}
/* 背景色系 结束！ */
/* 按钮色系 开始！ */
.btn-border-blue{
    border: 1px solid #3dbde1;
    background: #fff;
    color: #3dbde1;
}
.btn-border-blue:hover{
	background:#3dbde1;
	color:#fff;
}
.btn-border-blue:active{
	background:#34aed0;
	color:#fff;
}
.btn-border-grey5e{
    border: 1px solid #5e5e5e;
    background: #fff;
    color: #5e5e5e;
}
.btn-border-grey5e:hover{
    background: #5f5f5f;
    color: #fff;
}
.btn-border-grey5e:active{
    background: #444444;
    color: #fff;
}
.btn-border-greyd4{
    border: 1px solid #d4d4d4;
    background: #fff;
    color: #9e9e9e;
}
.btn-border-greyd4:hover{
    background: #f3f3f3;
    border-color: #dadada;
    color: #828282;
}
.btn-border-greyd4:active{
    background: #e6e6e6;
    border-color: #dadada;
    color: #828282;
}
.btn-border-red{
    border: 1px solid #ff4f58;
    background: #fff;
    color: #ff4f58;
}
.btn-border-red:hover{
    background: #ff4f58;
    color: #fff;
}
.btn-border-red:active{
    background: #e63942;
    color: #fff;
}
.btn-bg-blue{
	background:#3dbde1;
	color:#fff;
}
.btn-bg-blue:hover{
	background: #4dc8ea;
	color:#fff;
	}
.btn-bg-blue:active{
	background:#2faed2;
	color:#fff;}
/* 按钮色系 结束！ */
/* 字体色系 开始！ */
.cr-blue{
	color:#24bbd4;
}
.cr-orange{
	color:#f1b136;
}
.cr-red{
	color:red;
}
a.cr-blue:hover{
	color:#31cae3;
}
/* 字体色系 结束！ */
/* 背景色系 开始！ */
.bg-f7f7f7{
	background:#f7f7f7;
}
/* 背景色系 结束！ */
/* 左右结构框架 开始！ */
.con-main-warp{
    display: table;
    width: 100%;
    min-height: 100%;
    padding-top: 60px;
}
.con-leftSide-contain{
    display: table-cell;
    vertical-align: top;
    width: 220px;
}
.con-rightSide-contain{
    display: table-cell;
    vertical-align: top;
}
/* 左右结构框架 结束！ */
/* 多选框 开始！ */
.label-checkBox{
    position: relative;
}
.label-checkBox .checkBox{
	margin-right:10px;
}
.label-checkBox .bg-checkBox{
    display: inline-block;
    width: 16px;
    height: 16px;
    /*background: url(../../images/img_2/bg_checkBox.png) no-repeat 0 0;*/
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.label-checkBox:hover .bg-checkBox{
    /*background: url(../../images/img_2/bg_checkBox.png) no-repeat 0 -16px;*/
}
.label-checkBox input[type='checkbox']:checked + .bg-checkBox{
    /*background: url(../../images/img_2/bg_checkBox.png) no-repeat 0 -32px;*/
}
/* 多选框 结束！ */
/* 下拉框 开始！ */
.selectBox .selectName{
	display:inline-block;
	vertical-align:top;
	line-height: 30px;
	padding-right: 10px;
}
.selectBox .selectCon{
	display:inline-block;
	position:relative;
	vertical-align: middle;
}
.selectBox .selected{
	height:30px;
	border:1px solid #d4d4d4;
	line-height:28px;
}
.selectBox .selected-a{
	color:#bababa;
	display:block;
	padding: 0 40px 0 10px;
	position: relative;
	background: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.selectBox .selected-a:before{
	content:"";
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	right: 30px;
	background: #d4d4d4;
}
.selectBox .selected-a:after{
	content: "";
	display: inline-block;
	position: absolute;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #d4d4d4;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.selectBox .selecting{
	position:absolute;
	width: 100%;
	background: #fff;
	left: 0;
	top: 30px;
	border: 1px solid #d4d4d4;
	border-top: none;
	display:none;
	z-index: 10;
}
.selectBox .selecting-a{
	color:#bababa;
	display: block;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.selectBox .selected-a:hover{
	color:#a2a2a2;
}
.selectBox .selecting-a:hover{
	background:#f7f7f7;
	color:#a2a2a2;
}
.selectBox .selectCon:hover .selecting{
	display:block;
}
/* 下拉框 结束！ */

/*20181220 start*/
/* 选中文案背景色 开始！ */
::selection{
	background: #2199ed;
	color:#FFF;
}
::-moz-selection{
	background:#2199ed;
	color:#FFF;
}
/* 选中文案背景色 结束！ */
/*20181220 end*/
/*不允许选择*/
.noSelect{
    user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -webkit-user-select:none;
}

@charset "UTF-8";
.pop-ups-area{
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.15);
    z-index: 99;
    display: table;
    width: 100%;
    height: 100%;
}
.pop-ups-area .pop-ups-box{
    display: table-cell;
    vertical-align: middle;
}
.pop-ups-area .pop-ups-con{
    width: 570px;
    margin: 0 auto;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 20px;
}
.pop-ups-area .hdDiv{
    padding: 0 50px 0 20px;
    position: relative;
    border-bottom: 1px solid #d4d4d4;
}
.pop-ups-area .hdDiv .popName{
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #474747;
}
.pop-ups-area .hdDiv .btnClose{
    display: inline-block;
    position: absolute;
    right: 18px;
    top: 16px;
}
.pop-ups-area .hdDiv .iconfont{
    color: #a7a7a7;
}
.pop-ups-area .hdDiv .iconfont:hover{
    color: #777777;
}
.pop-ups-area .content-area{
    max-height:300px;
    overflow: auto;
}
.pop-ups-area .contentDiv{
    height: 240px;
    display: table;
    width: 100%;
    padding: 20px 0;
}
.pop-ups-area .contentBox{
    display: table-cell;
    vertical-align: middle;
}
.pop-ups-area .contentBox .text-style-01{
    text-align: center;
    color: #474747;
}
.pop-ups-area .popBtnDiv{
    border-top: 1px solid #d4d4d4;
}
.pop-ups-area .a-box{
    text-align: right;
    padding: 16px 17px 17px 0;
}
.pop-ups-area .btnSure,
.pop-ups-area .btnCancel{
    display: inline-block;
    width: 80px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    border-radius: 3px;
}
.pop-ups-area .btnSure{
    margin-right: 12px;
}
.pop-ups-area .group .labelName{
    display: inline-block;
    width: 206px;
    text-align: right;
}
.pop-ups-area .group .labelCon{
    display: inline-block;
}
.pop-ups-area .group .labelCon .input{
    width: 240px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    padding: 0 10px;
    color:#bababa;
}
.pop-ups-area .group .labelCon .input:focus{
    color: #656565;
}
.pop-ups-area .tips-style-01{
    text-align: center;
    padding-bottom: 28px;
}
.pop-ups-area .groupPdbtm{
	padding-bottom: 16px;
}
.pop-ups-area .mainTips{
    padding: 0 20px;
    padding-top: 16px;
}
@charset "UTF-8";
@charset "UTF-8";
.top-warp-2{
    background: #091729;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    min-width: 1240px;
}
.top-warp-2 .twp-leftSidt{
    float: left;
    padding-left: 14px;
}
.top-warp-2 .logo{
    vertical-align: middle;
    display: inline-block;
    margin: 15px 22px 0 0;
}
.top-warp-2 .platform{
    display: inline-block;
    padding: 0 20px;
    height: 26px;
    line-height: 25px;
    max-width: 450px;
    color: #091729;
    background: #24bbd4;
    text-align: center;
    font-size: 17px;
    vertical-align: middle;
    margin: 16px 0 0 32px;
    border-radius: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.top-warp-2 .platform-snd{
    color: #24bbd4;
    display: inline-block;
    height: 26px;
    line-height: 25px;
    font-size: 14px;
    vertical-align: middle;
    margin: 16px 0 0 20px;
}
.top-warp-2 .twp-rightSide{
    float: right;
    padding-right: 14px;
}
.top-warp-2 .link-box{
    padding-top: 18px;
    position: relative;
}
.top-warp-2 .link-box *{
    font-size: 13px;
    color: #fff;
    display: inline-block;
}
/* 新增语言切换 start*/
.top-warp-2 .link-box .drop-list-box{
    width:110px;
    position: absolute;
    top: 97%;
    left: 27px;
    right: 0;
    z-index: 20;
    background-color: #262b38;
    padding-bottom: 2px;
    display: none;
}
.top-warp-2 .link-box .drop-list-box ul{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.top-warp-2 .link-box .drop-list-box ul li{
    color: #fff;
    padding: 16px 20px;
    border-bottom: 1px solid #424856;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}
.top-warp-2 .link-box .drop-list-box ul li:hover{
    color:#2199ed;
}
.top-warp-2 .link-box .drop-list-box ul li:nth-last-child(1){
    border: none;
}
.top-warp-2 .link-box .link-a{
    padding-right: 30px;
    box-sizing: border-box;
} 
.top-warp-2 .link-box .link-a a{
    color: #fff;
}
.top-warp-2 .link-box .link-a:hover .drop-list-box{
    display: block;
}
/* .top-warp-2 .link-box a:after{
	content:"";
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
} */
/* 新增语言切换 end*/
.top-warp-2 .link-box .ispan{
	padding-left:12px;
}
.top-warp-2 .link-box a{
	margin-left: 12px;
}
.top-warp-2 .link-box a:hover{
	color:#24bbd4;
}
.top-warp-2 .drop-box{
    position: relative;
}
.top-warp-2 .db-con{
	display: inline-block;
	padding-right: 36px;
	position: relative;
}
.top-warp-2 .db-con:after{
	content:"";
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}
/* .top-warp-2 .db-con:hover:after{
	border-top: 5px solid #24bbd4;
} */
.top-warp-2 .drop-con{
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    display: none;
}
.drop-box:hover .drop-con{
	display:inline-block;
	z-index: 14;
}

.top-warp-2 .db-con:before{
	content:"";
	display:inline-block;
	position: absolute;
	left: 0;
	right: 0;
	height: 20px;
	top: 12px;
}
.top-warp-2 .drop-con a{
    display: inline-block;
    width: 100%;
    line-height: 36px;
    text-align: center;
    margin-left: 0;
    font-size: 12px;
    background: #1b2738;
}
.top-warp-2 .drop-con a:hover{
    background: #2b394c;
}
/*-----------------------------------------游戏云-游戏个人空间-0.0.0 开始-----------------------------------------*/
/*改 头部 开始*/
.gameGcloud-top-warp .platform{
    margin-left:0;
}
/*改 头部 结束*/
/*-----------------------------------------游戏云-游戏个人空间-0.0.0 开始-----------------------------------------*/

/*---------------------------------改 首页-控制台 20180904 start---------------------------------*/
/* ------------------ footer 开始! ------------------ */
.footer-warp{background:#f4f4f4;}
.footer-area {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0 50px;
}
.sv-link {
    color: #0f0c22;
    font-size: 12px;
}

.sv-link a {
    color: #0f0c22;
    margin: 0 8px;
}
.sv-link p {
    font-size: 12px;
    padding-top: 8px;
}
/* ------------------ footer 结束! ------------------ */
/*---------------------------------改 首页-控制台 20180904 end---------------------------------*/
@charset "UTF-8";
.game-prefecture-area{
    padding-bottom: 30px;
}
.game-prefecture-area .gp-warn-box{
    display: table;
    width: 100%;
    height: 50px;
    background: #ffd4d6;
    border-bottom: 1px solid #ffa0a5;
    text-align: center;
}
.game-prefecture-area .gp-warn-box-text{
    display: table-cell;
    vertical-align: middle;
    color: #ff4f59;
}
.game-prefecture-area .icon-tishi{
    font-size: 18px;
    vertical-align: middle;
    color: #ff4f59;
}
.game-prefecture-area .gp-warn-box-text .span a{
    font-weight: bold;
    text-decoration: underline;
}
.game-prefecture-area .gp-userInfo-box{
    display: table;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}
.game-prefecture-area .gp-userInfo-box:before{
	content:"";
	display: inline-block;
	position: absolute;
	left: 14px;
	right: 14px;
	height: 1px;
	background: #d4d4d4;
	bottom: 0;
}
.game-prefecture-area .gp-userImg{
    width: 124px;
    padding: 24px 0 20px 34px;
    display: table-cell;
}
.game-prefecture-area .gp-userImg img{
    width: 90px;
    height: 90px;
    border: 3px solid #fff;
    border-radius: 10px;
    background: #fff;
}
.game-prefecture-area .gp-userTinfo{
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
}
.game-prefecture-area .gp-userTinfo h4{
    font-size: 24px;
    color: #303030;
    padding-bottom: 20px;
    font-weight: normal;
}
.game-prefecture-area .gp-userTinfo h4 .span{
    vertical-align: middle;
    margin-right: 10px;
}
.game-prefecture-area .gp-userTinfo h4 .tips{
    display: inline-block;
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    background: #24bbd4;
    padding: 0 10px;
    border-radius: 4px;
    vertical-align: middle;
}
.game-prefecture-area .gp-btnSet-area{
    display: table-cell;
    width: 154px;
    vertical-align: bottom;
}
.game-prefecture-area .gp-btnSet-area a{
    display: inline-block;
    width: 110px;
    height: 36px;
    line-height: 36px;
    background: #24bbd4;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 20px;
}
.game-prefecture-area .gp-btnSet-area a:hover{
	background: #33c6de;
}
.gp-userInfo-box .gp-userSet-area{
    display: table-cell;
    width: 183px;
    text-align: center;
    vertical-align: top;
}
.gp-userInfo-box .gp-userSet-area .userSet{
    padding-top: 24px;
}
.gp-userInfo-box .gp-userSet-area .userSet .userImg{
    display: block;
    padding-bottom: 10px;
}
.gp-userInfo-box .gp-userSet-area .userSet .userImg img{
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #dadada;
}
.gp-userInfo-box .gp-userSet-area .userSet .userSet-i{
    color: #303030;
}
.gp-userInfo-box .gp-userSet-area .userSet .userSet-i .smaller{
    display: block;
    font-size: 12px;
    padding-top: 4px;
}
.game-prefecture-area .gp-idCon{
    color: #303030;
}
.game-prefecture-area .gp-idCon .span{
    padding-right: 50px;
}
.gpi-product-box{
    padding: 15px 14px 0 14px;
}
.gpi-product-box .hd{
    padding: 0 20px;
    position: relative;
}
.gpi-product-box .hd:after{
	content:"";
	display: inline-block;
	width: 6px;
	height: 20px;
	background: #24bbd4;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.gpi-product-box .hd p{
    font-size: 18px;
    color: #303030;
}
.gpi-product-box .card-box{
    padding-top: 20px;
}
.gpi-product-box .card{
    width: 25%;
    padding: 0 15px 15px 0;
    float: left;
}
.gpi-product-box .card-ins{
    display: table;
    width: 100%;
    height: 100px;
    background: #cacdcf;
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px;
}
.gpi-product-box .card-link:hover .card-ins{
    box-shadow: rgba(0, 0, 0, 0.35) 0 0 10px;
}
.gpi-product-box .card:nth-child(4n){
    padding-right: 0;
}
.gpi-product-box .card-text{
    font-size: 18px;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    padding-left: 40px;
    line-height: 26px;
}
.gpi-product-box .card-text .smaller{
    font-size: 14px;
    display: block;
}
.gpi-product-box .cardDolphin .card-ins{
    /*background: #f1b136 url(../../images/img_2/bg_gpi_01.jpg) no-repeat right center;*/
    background-size: contain;
}
.gpi-product-box .cardMaple .card-ins{
    /*background: #ff4f59 url(../../images/img_2/bg_gpi_02.jpg) no-repeat right center;*/
    background-size: contain;
}
.gpi-product-box .cardTcaplus .card-ins{
    /*background: #0cc697 url(../../images/img_2/bg_gpi_03.jpg) no-repeat right center;*/
    background-size: contain;
}
.gpi-product-box .cardGVoice .card-ins{
    /*background: #8c74fe url(../../images/img_2/bg_gpi_04.jpg) no-repeat right center;*/
    background-size: contain;
}
.gpi-product-box .cardGVoice .card-ins{
    /*background: #8c74fe url(../../images/img_2/bg_gpi_04.jpg) no-repeat right center;*/
    background-size: contain;
}
.gpi-product-box .cardLeap .card-ins{
    /*background: #c9cdd0 url(../../images/img_2/bg_gpi_05.jpg) no-repeat right center;*/
    background-size: contain;
}
.gpi-product-box .disableCard .card-ins{
    position: relative;
    box-shadow: none;
}
.gpi-product-box .disableCard .card-ins:hover{
	cursor: pointer;
}
.gpi-product-box .btnOpen{
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}
.gpi-product-box .btnOpen .spanBox{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
}
.gpi-product-box .btnOpen .spanBox a{
    display: inline-block;
    width: 110px;
    height: 36px;
    line-height: 36px;
    background: #24bbd4;
    color: #fff;
    border-radius: 3px;
    margin: 0 6px;
}
.gpi-product-box .btnOpen .spanBox a:hover{
    background: #33c6de;
}
.gpi-product-box .disableCard .card-ins:hover .btnOpen{
    display: table;
}
@media screen and (max-width: 1350px) {
.gpi-product-box .btnOpen .spanBox a{
	width:90px;
}
}

/*---------------------------------改 首页-控制台 20180904 start---------------------------------*/
html,body{height:auto;margin:0 auto;background:#fff;}
.borderBox *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bg-fff{background:#fff;}
.contents{width:1200px;margin:0 auto;}
.clears{content:"";display:table;clear:both;}
.floatlft{float:left;}
.floatrgt{float:right;}
.inlineblock>div,.selfblock{display:inline-block;}
.hand{cursor:pointer;}
.alignlft{text-align:left;}
.alignrgt{text-align:right;}
.alignmid{text-align:center;}
.verticalmid{vertical-align: middle;}
.verticaltop{vertical-align: top;}
.position-fixed{  position:fixed;  }
.position-wrap{  position:relative;  }
.position-child{  position:absolute;  }
.position-origin{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;}
.transformmy{   -webkit-transition: all .4s;    -moz-transition: all .4s;    -o-transition: all .4s;    transition: all .4s;}
input{margin:0;padding:0;border:1px solid #ccc;}
.hide{display:none;}
.circle{
    -weikit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
img{max-width:100%;}
/*改 顶部 start*/
.top-warp-3{
    position:static;
}
.top-warp-3 .platform{
    margin-left:0;
    border-left:1px solid #3d3d4c;
    border-radius: 0;
    background:none;
    color:#fff;
    font-size:18px;
}
.top-warp-3 .link-box a{
    margin:0 0 0 60px;
    color:#b2b2b2;
}
.top-warp-3 .drop-box a{
    margin:0;
}
.top-warp-3 .link-box .ispan{
    height:34px;
    width:0;
    padding:0;
    margin:0 10px 0 16px;
    border:1px solid #3d3d4c;
}
/*改 顶部 end*/

/*创建游戏/已建游戏列表 start*/
.topOperating{
    margin:0 0 40px;
}
.consoleBox{
    padding:40px 60px 60px;
}
.consoleBox input{
    padding:0;
    margin:0;
    height:30px;
}
/*搜索/创建 start*/
.searchDiv{
    padding:5px 0;
}
.searchDiv input[type="text"]{
    width:400px;
    padding:0 0 0 5px;
    border:1px solid #d4d4d4;
}
.searchDiv .spBtn{
    margin:0 0 0 -40px;
}
.searchDiv .spBtn .icon{
    padding:0 5px;
    color:#777;
}
.addGameBtn{
    width:180px;
    height:40px;
    line-height:40px;
    color:#fff;
    background:#2199ed;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.addGameBtn .icon{
    margin: -4px 5px 0 0;
    display: inline-block;
}
.addGameBtn:hover{
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
/*搜索/创建 end*/
/*已建游戏列表 start*/
.finshGame{
    width:240px;
    height:280px;
    margin:0 34px 40px 0;
    padding:40px 0 0;
    border:1px solid #e3e3e3;
    position:relative;
    text-align: center;
    overflow-y: hidden;
    box-shadow: 0 0 16px 0 #e3e3e3;
}
.finshGame:nth-child(4n+4){
    margin-right:0;
}
.intoConsole{
    height:0;
    width: 100%;
    bottom:0;
    z-index: 1;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
.intoConsole a{
    display: inline-block;
    width: 100%;
    padding:20px 0;
    font-size:16px;
    color:#fff;
    background:rgba(33,153,237,.9);
}
.intoConsole a .icon{
    font-size:20px;
    margin:0 5px 0 0;
}
.intoConsole a .icon,
.intoConsole a span{
    vertical-align: middle;
}
.gameIcon{
    width:114px;
    height:114px;
    line-height:114px;
    margin:0 auto 20px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
    border-radius: 22px;
}
.finshGame .gameName{
    margin:0 0 40px;
    font-size:16px;
    color:#303030;
}
.gameId{
    width: 100%;
    color:#777;
    padding:10px 10px;
    border-top:1px solid #e3e3e3;
}
.gameId .seconddiv{
    margin:-3px 0 0 ;
}
.gameId .spid{
    display: inline-block;
    width:20px;
    height:20px;
    line-height:18px;
    border:1px solid #353535;
    -weikit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color:#353535;
    font-size:10px;
    text-align: center;
    -weikit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.gameId .icon{
    color:#353535;
    font-size:18px;
}
.finshGame .icon-shezhi2{
    top:0;
    right:8px;
    z-index: 9;
    color:#2199ed;
    font-size:20px;
}
.finshGame:hover .intoConsole{
    opacityfilter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    height:60px;
}
/*已建游戏列表 end*/

/*创建项目/项目设置 start*/
.createProject{
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index: 999;
    background:rgba(0,0,0,.6);
}
.projectBox{
    width:540px;
    margin:0 auto;
    position:fixed;
    left:0;
    right:0;
    top:50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.projectNav{
    border-bottom:1px solid #dfdfdf;
}
.projectNav,
.projectSet{padding:0 30px;margin:0 0 20px 0;}
.projectNav .pronav{
    width:49%;
    height:60px;
    line-height:60px;
    margin:0 0 -2px 0;
    border-bottom:2px solid transparent;
    font-size:20px;
    color:#303030;
    cursor:pointer;
}
.projectNav .pronav:hover,
.projectNav .pronav.active{
    border-color:#2199ed;
    color:#2199ed;
    font-weight:bold;
}
.projectNav .pronav .icon{
    color:#f00;
}
.proName label{
    color:#303030;
}
.proName .copyBtn{
    padding:1px 4px;
    border:1px solid #2199ed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.proName .copyBtn:hover{
    color:#0772ED;
    border-color:#0772ED;
}
.proName .idnum{
    margin:4px 5px 0 0;
    color:#777;
}
.proName .red{
    color:#ff4f58;
}
.txtcolor{
    color:#2199ed;
}
.proCol.active{
    display:block;
}
.proCol input[type="text"]{
    width:100%;
    height:48px;
    margin:20px 0;
    text-indent: 10px;
    font-size:16px;
}
.proCol2 input[type="text"]{
    margin:10px 0 20px;
}

.proCol input[type="text"]:focus{
    border-color:#2199ed;
}
.proCol p label{
    font-size:16px;
    color:#303030;
    font-weight:bold;
}
.proIcon{
    margin:10px auto 20px;
    padding:30px 0;
    border:1px solid #ddd;
}
.proIcon .img{
    width:70px;
    height:70px;
    margin: 0 auto;
}
.proIcon p{
    margin:20px 0 25px;
    color:#777;
}
.updown input[type="file"]{
    width:30%;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    z-index: 4;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    cursor: pointer;
}
.updown .filesp{
    border-bottom:1px solid #2199ed;
}
.membertip .sp1{
    font-size:16px;
}
.membertip .sp2{
    color:#ff8932;
}
.sureBtn input{
    width:220px;
    height:40px;
    margin:30px 0 10px;
    border:none;
    border-radius: 4px;
    color:#fff;
    background:#2199ed;
    cursor:pointer;
    font-size:16px;
}
.sureBtn input:hover{
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
.projectBox .icon-chahao13{
    top:5px;
    right:10px;
    z-index: 9999;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}
.projectBox .icon-chahao13:hover{
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.smlPage .icon,
.smlPage .sp4{
    margin:0 2px;
    cursor:pointer;
}
.smlPage .icon:hover,
.smlPage .sp4:hover,.smlPage .sp4.active{
    color:#2199ed;
}
.memberPage{
    width:100%;
}
.memberPage .prevError{color:#f00;}
.proCol .listt .p1{
    margin:0 0 10px;
}
.memberList{
    margin:0 0 10px;
}
.memberList li{
    padding:10px;
    cursor:pointer;
    position: relative;
}
.memberList li .sp1{
    display: inline-block;
    width:26px;
    height:26px;
    background:#e6f5ff;
    vertical-align: middle;
}
.memberList li .icon-zhijiao-triangle2{
    color:#ffa837;
    position:absolute;
    left:0;
    top:0;
    z-index: 3;
    display: none;
}
.memberList li .icon-lajitong1{
    margin:-3px 3px 0 0;
}
.memberList li:nth-child(odd){
    background:#f7f8f9;
}
.memberList li:hover{
    background:#f0f9ff;
    color:#2199ed;
}
.memberList li:hover .sp1{
    background:#fff;
}
.memberList li:hover .icon-zhijiao-triangle2,
.memberList li:hover .icon-lajitong1{
    display:inline-block;
}
.searchWraps .memberList{
    display: none;
    width: 100%;
    top:100%;
    left:0;
    z-index: 8;
    box-shadow:0 0 6px 0 #eeeeef;
}
.searchWraps .memberList li:nth-child(n+1){
    background:#fff;
}
.searchWraps .memberList li:hover{
    background:#f0f9ff;
}
/*创建项目/项目设置 end*/

/*创建游戏/已建游戏列表 end*/



/*---------------------------------改 首页-控制台 20180904 end---------------------------------*/

/*------------------------------------------------改-控制台(游戏语音)-20180925 start------------------------------------------------*/
.borderBox,
.borderBoxAll *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.handPointer{cursor:pointer;}
.hover:hover,.hover.active{
    background:#2199ed!important;
    color:#fff!important;
    cursor: pointer;
}
.width100{
    width:100%;
}
/*改 顶部 start*/
.top-warp-3 .platform{
    border:none;
}
/*改 顶部 end*/

/*-----------------------导航 start-----------------------*/
/*主导航(左) start*/
.csloNav{
    width:400px;
    max-width:22%;
    color:#b3b6be;
}
/*start*/
.GameTitleBox{
    padding:30px 0 30px 30px;
    font-size:16px;
    color:#fff;
    background:#232834;
    font-weight:bold;
}
.GameTitleBox .icon{
    width:20px;
    height:18px;
    margin:0 8px 0 0;
    vertical-align: middle;
}
.GameTitleBox .iconBtn{
    background:url(/web/dist/images/455407c025db6609625992e1e4b2042c.png) no-repeat 0 0;
}
.GameTitleBox .iconSet{
    margin-top:2px;
    background:url(/web/dist/images/76f8cc97dffb2366e9540cfd4b440848.png) no-repeat 0 0;
}
.hasGameLists{
    width: 220px;
    top:64px;
    left:30px;
    z-index: 99;
    color:#303030;
    display: none;
}
.hasGameLists:before{
    content:"";
    display: inline-block;
    width: 0;
    height: 0;
    /*opacity: 0;*/
    position: absolute;
    left: 5px;
    top: -6px;
    z-index: 2;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgb(255, 255, 255);
    /*background: none;*/
    margin: auto;
}
.hasGameLists .list{
    width: 100%;
    height:200px;
    overflow-y: scroll;
    background:#fff;
}
.hasGameLists li{
    width:94%;
    margin:0 auto;
    line-height: 40px;
    padding:5px 0 5px 30px;
    border-bottom:1px solid #e7e7e7;
    cursor: pointer;
}
.hasGameLists li:last-child{
    border:none;
}
.hasGameLists li:hover{
    color: #2199ed;
}
.hasGameLists li .icon{
    width:20px;
    height:20px;
    border:1px solid #f00;
    vertical-align: middle;
}
.hasGameLists .btnBox{
    border-top:1px solid #2199ed;
}
.hasGameLists .btnBox:after{
    content:"";
    display:table;
    clear: both;
}
.hasGameLists .btn{
    width:50%;
    height:40px;
    line-height:40px;
    margin:0;
    cursor: pointer;
    font-size: 14px;
    background:#2199ed;
    color:#fff;
    float:left;
    font-weight:normal;
    overflow: hidden;
}
.hasGameLists .btn .icon{
    margin:0 4px 0 0;
    font-size:20px;
    font-weight:normal;
    vertical-align: middle;
}
.hasGameLists .btn span{
    vertical-align: middle;
}
.hasGameLists .btn:first-child{
    border-right:1px solid #fff;
}
.hasGameLists .btn:hover{
    background:#2199ed;
    color:#fff;
}
/*end*/

/*项目设置 start*/
.projectSetBox{
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    z-index: 999;
    background:rgba(0,0,0,.6);
    display: none;
}
.projectSetBox .prjctSet{
    width:500px;
    height:350px;
    z-index: 9;
}
.prjctSet .prjtTit {
    padding:10px 20px;
    font-size:18px;
    color:#303030;
}
.prjctSet .gameID {
    padding:5px 20px;
    font-size:14px;
    color:#777;
    background:#f0f0f0;
}
.prjctSet .prjtMsg{
    margin: 10px 0 5px;
}

.prjctSet .box2{
    padding:0 20px;
    margin:0 0 20px;
}
.prjctSet .div1 input{
    width:300px;
    height:30px;
    border:1px solid #ccc;
    padding:0 5px;
}
.prjctSet .div1 .gameicon{
    width:30px;
    height:30px;
    margin:0 0 0 10px;
    border:1px solid #f00;
    vertical-align: top;
}
.prjctSet .prjtTeam{
    padding:0 10px;
    border:1px solid #ccc;
}
.prjctSet .prjtTeam input{
    width:100%;
    height:30px;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:1px solid #ccc;
    padding:0 5px;
}
.prjctSet .resultUl li{
    color:#777;
}
.btnss input{
    width:180px;
    height:30px;
    border-radius: 6px;
    cursor: pointer;
}
.btnss input:first-child,
.btnss input:hover{
    background:#2199ed;
    color:#fff;
    border-color:#2199ed;

}
/*--------------------------------------------------*/
.modal-open .model{display: block;}
.model{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;left: 0px;top: 0px;z-index: 99999;}
.model .modal-dialog{width: 540px;position: fixed;left: 50%;top: 50%;margin: -135px 0 0 -280px;transition: -webkit-transform .3s ease-out;transition: transform .3s ease-out;transition: transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform: translate(0,-25%);transform: translate(0,-25%);}
.model .new-game{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;pointer-events: auto;background-color: #fff;background-clip: padding-box;outline: 0;}
.model .new-game .box-top{border-bottom: 1px solid #dfdfdf;padding: 15px 20px;}
.model .new-game .box-top .top-title{font-size: 20px;font-weight: bold;color: #303030;margin-bottom: 0;position: relative;}
.model .new-game .box-top .top-title>span{font-size: 14px;background-color: #2199ed;padding:2px 11px 3px 11px;color: #fff;border-radius: 30px;font-weight: normal;margin-left: 10px;margin-top: 4px;vertical-align: top;display: inline-block;}
.model .new-game .box-top a.model-remove{position: absolute;right: 10px;top: 15px;margin-top: -10px;padding: 5px 5px 6px 6px;border-radius: 50%;height: 24px;}
.model .new-game .box-top a.model-remove:hover{}
.model .new-game .box-top a.model-remove:hover .g-icon-close{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M53.122 48.88L36.243 32l16.878-16.878a3 3 0 0 0-4.242-4.242L32 27.758l-16.878-16.88a3 3 0 0 0-4.243 4.243l16.878 16.88-16.88 16.88a3 3 0 0 0 4.243 4.241L32 36.243l16.878 16.88a3 3 0 0 0 4.244-4.243z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");}
.model .new-game .box-tips{font-size: 14px;color: #ff8932;padding: 10px 20px;background-color: #eee;}
.model .new-game .box-con{padding:5px 2px 20px 20px;}
.model .new-game .box-con .form-group{width: 100%;display: inline-block;}
.model .new-game .box-con .form-group>label{font-size: 16px;color: #303030;display: block;font-weight: bold;padding-bottom: 6px;}
.model .new-game .box-con .form-group .form-control{display: block;width: 100%;padding: 11px;font-size: 16px;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 5px;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.model .new-game .box-con .form-group .form-control:focus{border-color: #2199ed;border-radius: 5px;outline: none;}
.model .new-game .box-con .project-name .form-group{width: 80%;float: left;}
.model .new-game .box-con .project-name .head-portrait{float: right;}
.model .new-game .box-con .head-portrait{text-align: center;background-color: #c5e1f4;border-radius: 15px;width: 80px;height: 80px;position: relative;overflow: hidden;}
.model .new-game .box-con .head-portrait img{vertical-align: middle;width: 100%;}
.model .new-game .box-con .head-portrait .replace{position: absolute;bottom: 0px;background-color: #2199ed;height: 30px;width: 80px;
    filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;display: none;}
.model .new-game .box-con .head-portrait .replace a{color: #fff;line-height: 30px;}
.model .new-game .box-con .head-portrait:hover .replace{display: block;}
.model .new-game .box-con .project-members{margin-top: 10px;}
.model .new-game .box-con .search-members{border: 1px solid #dddddd;border-radius: 5px;padding: 10px;padding-top: 0px;}
.model .new-game .box-con .search-members .form-control{border: none;border-bottom: 1px solid #ced4da;outline: none;border-radius: 0!important;}
.model .new-game .box-con .search-members .form-control:focus{border-color: #2199ed;}
.model .new-game .box-con .search-members .members-list{padding: 10px;}
.model .new-game .box-con .search-members .members-list ul li{color:#303030;float: left;width: 218px;margin-right: 20px;padding: 10px;background-color: #f1f4f7;border-radius: 5px;margin-bottom: 10px;position: relative;}
.model .new-game .box-con .search-members .members-list ul li:nth-child(2n+2){margin-right: 0;}
.model .new-game .box-con .search-members .members-list ul li img{width: 26px;height: 26px;border-radius: 100%;margin-right: 10px;}
.model .new-game .box-con .search-members .members-list ul li a{position: absolute;top: 6px;right: -9px;background-color: #3296f0;margin-top: -10px;padding: 2px 2px 2px 2px;border-radius: 50%;height: 18px;display: none;}
.model .new-game .box-con .search-members .members-list ul li:hover{cursor: pointer;color: #2199ed;}
.model .new-game .box-con .search-members .members-list ul li:hover a{display: block;}
.model .new-game .box-con .sumbit{text-align: center;padding-top: 30px;padding-bottom: 20px;}
.model .new-game .box-con .sumbit a{font-size: 16px;background-color: #2199ed;border-radius: 4px;color: #fff;padding: 10px 62px;}
.model .new-game .box-con .sumbit a:hover{background-color: #168adb;}
.model .new-game .box-con .search-members .members-list ul li:hover a{
    background:none;
}

.model .new-game .add-members-tips-box{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px 20px 0 20px;
    font-size: 12px;
    color: #003B80;
}
.model .new-game .add-members-tips-box a{
    padding: 0 5px;
    color: #168adb;
}
.model .new-game .add-members-tips-box a:hover{
    opacity: 0.8;
}
/*--------------------------------------------------*/
/*项目设置 end*/

/*start*/
.csloNav .firstNav{
    min-height:1400px;
    background:#2a2f3c;
}

.fstNavTit{
    padding:16px 0;
    font-size:16px;
    color:#fff;
}
.fstNavTit:before{
    content:"";
    display:inline-block;
    width:0;
    height:16px;
    margin:0 28px 0 0;
    border:1px solid #fff;
    vertical-align: middle;
}
.csloNav .firstNav{
    width:230px;
    max-width:58%;
}
.firstNav .box{
    border-bottom:1px solid #353a48;
}
.fstNavlist li{
    padding:14px 0 14px 30px;
    cursor:pointer;
}
.fstNavlist li.active,
.fstNavlist li:hover{
    color:#fff;
    background:#2199ed;
}
.firstNav .box li .icon{
    display: inline-block;
    width:22px;
    height:22px;
    margin:0 8px 0 0;
    /*border:1px solid #f00;*/
    vertical-align: middle;
}
.csloNav .secondNav{
    width:170px;
    max-width:42%;
    background:#3e4350;
}
.csloNav .secondNav .GameTitleBox{
    margin-bottom:-20px;
    padding-left:20px;
    font-size:14px;
    background:#3e4350;
}
.csloNav .secondNav .fstNavTit{
    font-size:14px;
}
.csloNav .secondNav .fstNavlist li .icon{
    display: inline-block;
    width:6px;
    height:6px;
    margin:0 10px 0 0;
    border-radius: 50%;
    background:#b3b6be;
    vertical-align: middle;
}
.csloNav .secondNav .fstNavlist li.active,
.csloNav .secondNav .fstNavlist li:hover{
    color:#2199ed;
    background:#323846;
}
.csloNav .secondNav .fstNavlist li.active .icon,
.csloNav .secondNav .fstNavlist li:hover .icon{
    background:#2199ed;
}
.csloNav .secondNav .box{
    border:none;
}
/*主导航 end*/

/*二级导航(中) start*/

/*二级导航 end*/
/*-----------------------导航 end-----------------------*/

/*游戏语音-服务配置 start*/
/*内容区(右) start*/

.hasFeatures table{
    width:100%;
}
.hasFeatures table td{
    padding:30px 25px;
    border:1px solid #e7e7e7;
}
.hasFeatures table tr td:nth-child(1){
    width:30%;
}
.hasFeatures table tr td:nth-child(2){
    width:33%;
}
.hasFeatures table tr td:nth-child(3){
    width:37%;
}
.hasFeatures table td img{
    max-width:51px;
    margin:0 20px 0 0;
    vertical-align: middle;
}
.hasFeatures .p3{
    font-size:12px;
    color:#777;
}
.hasFeatures .div1{
    padding:0 0 0 30px;
    background:url(/web/dist/images/6e7b68b185d922775db0e7adbe7b4d5a.jpg) no-repeat 0 3px;
}
/*内容区 end*/
/*游戏语音-服务配置 end*/

/*游戏语音-crash分析 start*/
/*内容区(右) start*/
/*nav start*/
.midasAplcn-nav{
    margin-bottom: 16px;
    border-bottom:2px solid #ddd;
}
.midasAplcn-ul{
    margin:0 auto -2px;
}
.midasAplcn-ul li{
    display:inline-block;
    min-width:140px;
    border-bottom:3px solid transparent;
    padding:0 10px 12px;
    position:relative;
    cursor:pointer;
    font-size:14px;
    text-align: center;
}
.midasAplcn-ul li:hover,
.midasAplcn-ul li.active{
    border-color:#2199ed;
    color:#2199ed;
}
/*nav end*/

/*crash table start*/

.crashTable{
    margin:0 0 45px;
    background:#f4f4f8;
}
.crashTable .box{
    display:none;
}
.crashTable .box .p5 .icon{
    width:20px;
    height:12px;
    margin:0 5px 0 0;
    vertical-align: middle;
}
.crashTable .box .p5 .downIcon{
    background:url(/web/dist/images/2e9061e9f17029f685f96d9ea477fad0.png) no-repeat center center;
}
.crashTable .box .p5 .upIcon{
    background:url(/web/dist/images/9e48aba872b7af452eb343773a815f08.png) no-repeat center center;
}
.crashTable .box.active{
    display:block;
}
.crashTable ul{
    display: table;
    width: 90%;
    padding:20px 0;
    margin:0 auto;
    border-bottom:1px solid #e7e7e7;
}
.crashTable .box ul:last-child{
    border:none;
}
.crashTable.crashTable2 .box ul:first-child{
    width:100%;
    padding:20px 5%;
    background:rgb(232,245,253);
}
.crashTable .box ul li:first-child{
    text-align: left;
}
.crashTable .box ul li:first-child label{
    color:#ccc;
}
.crashTable ul li{
    display: table-cell;
    width:25%;
    vertical-align: middle;

    color:#303030;
}
.crashTable .p4 .sp1{
    font-size:32px;
}
.crashTable .p4{
    margin:20px 0 30px;
}
/*crash table end*/

.crashTrendTit{
    font-size:16px;
    margin:0 0 10px;
}
.crashTrendTit .loadDataBtn{
    color:#2199ed;
}
.crashTrendTit .loadDataBtn:before{
    content:"";
    display: inline-block;
    width:18px;
    height:18px;
    margin:0 5px 0 0;
    vertical-align: middle;
    background:url(/web/dist/images/708b18e7e3730f5e110b87d8640020c2.png) no-repeat center center;
}
/*整体趋势 start*/
.crashTrendSelct{
    padding:10px;
    margin:0 0 10px;
    background:#f4f4f8;
}
.crashTrendSelct .versionBox {
    margin:0 10px 0 0;
    vertical-align: top;
}
.crashTrendSelct .versionBox .div{
    min-width:120px;
    max-width:160px;
    line-height: 1;
    padding:10px;
    background:#fff;
    border:1px solid #e7e7e7;
}
.crashTrendSelct .versionBox .div span{
    display: inline-block;
    max-width: 88%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.crashTrendSelct .versionBox .div .icon{
    width:12px;
    height:6px;
    margin:3px 0 0 3px;
    background: url(/web/dist/images/55065d7dff87fd55e8531bc13b6464d2.png) no-repeat center center;
}
.crashTrendSelct .versionBox ul{
    min-width: 100%;
    max-width: 300%;
    left:0;
    top:100%;
    z-index: 3;
    display: none;
    white-space: nowrap;
}
.crashTrendSelct ul li{
    padding:5px;
    background:#fff;
    cursor: pointer;
}
.crashTrendSelct ul li:hover{
    background:#2199ed;
    color:#fff;
}
.timeSelect input{
    width:120px;
    height:30px;
    margin:0 10px ;
    padding:0 5px;
    background:#fff;
    border:1px solid #e7e7e7;
}
.timeSelect span{
    display: inline-block;
    margin:0 15px 0 0;
    cursor:pointer;
}
.timeSelect span:last-child{
    margin:0;
}
.minute span:nth-child(4){
    margin:0;
}
.timeSelect span.active,
.timeSelect span:hover{
    color:#2E6CFF;
}
.crashLineBox{
    margin:15px 0 37px;
}
.crashLine{
    display:none;
}
.crashLine.active{
    display:block;
}
/*整体趋势 end*/

/*详细数据 start*/
.crashDetNum{
    margin:0 0 20px;
}
.crashDetNum table{
    width:100%;
    border:1px solid #e7e7e7;
}
.crashDetNum table th,
.crashDetNum table td{
    padding:16px 8px 16px 0;
    border-right:1px solid #e7e7e7;
}
.crashDetNum table thead tr{
    background:#e8f5fd;
}
.crashDetNum table tbody tr:nth-child(odd){
    background:#fff;
}
.crashDetNum table tbody tr:nth-child(even){
    background:#fafafa;
}
.crashDetNum2 table thead tr th,
.crashDetNum2 table tbody tr td{
    padding-right:8px;
}
.crashDetNum2 table tbody tr td{
    width:22%;
}
.crashDetNum2 table tbody tr td:nth-child(3){
    width:34%;
}
.base-crashDetNum table  th,
.base-crashDetNum table  td{
    width:20%;
}
/*详细数据 end*/

/*page4 start*/
.page4 span{
    display: inline-block;
    width:34px;
    height:20px;
    line-height:20px;
    margin:0 4px;
    font-size:14px;
    background:#f4f4f8;
    cursor:pointer;
}
.page4 .arrow{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
.page4 .arrowlft{
    border-right: 6px solid #777;
}

.page4 .arrowrgt{
    border-left: 6px solid #777;
}

.page4 .pageNum span:hover,
.page4 span.active{
    background:#2199ed;
    color:#fff;
}

/*page4 end*/

/*内容区 end*/
/*游戏语音-crash分析 end*/

/*游戏语音-错误码分析 start*/

/*图表1 start*/
.pic-nav{
    margin:0 0 20px;
}
.pic-nav .nav{
    width:50%;
    height:60px;
    /*line-height: 60px;*/
    background:#f4f4f8;
}

.pic-nav .nav:after{
    content:"";
    display:inline-block;
    width:0;
    height:0;
    border-top: 8px solid #2199ed;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    position:absolute;
    left:0;
    right:0;
    top:100%;
    margin:auto;
    z-index: 3;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
.pic-nav .nav.active:after,
.pic-nav .nav:hover:after{
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.pic-case{
    margin:0 0 20px;
}
.pic-case .picCase{
    display:none;
}
.pic-case .picCase.active{
    display:block;
}
.pic-nav .nav .div2{
    padding:11px 0 0;
}
.pic-nav .nav div span{
    font-size:14px;
}
.pic-nav .nav div p{
    font-size:12px;
    color:#ccc;
}
.pic-nav .nav .park{
    font-size:32px;
}
/*图表1 end*/

/*详细数据 start*/
.errorAnalysis table th,
.errorAnalysis table td{
    width:20%;
}
.errorAnalysis table tr td:nth-child(2){
    width:40%;
}
/*详细数据 end*/
.errorTableTit{
    font-size:24px;
    color:rgb(249,139,50);
}
/*游戏语音-错误码分析 end*/

/*游戏语音-基础数据 start*/
.databox .allDataTable{
    display:none;
}
.databox .allDataTable.active{
    display:block;
}
.crashTable3 .box ul li:first-child{
    text-align: center;
}
/*游戏语音-基础数据 end*/



@media screen and (max-width:1240px) {
    .csloNav{
        width:384px;
        max-width:31%;
    }
}

/*改 整体趋势 start*/
.crashTrendSelct{
    background:#e8f5fd;
}
/*改 整体趋势 end*/
/*------------------------------------------------改-控制台(游戏语音)-20180925 end------------------------------------------------*/

/*------------------------------------------------改-控制台(游戏语音)-20181017 start------------------------------------------------*/

/*------------------改-顶部 start------------------*/
.top-warp-4{
    height:50px;
    border-bottom:1px solid #353a48;
    background:#262b38;
    min-width: 1280px;
}
.top-warp-4 .twp-leftSidt{
    padding:11px 0 0 12px;
}
.top-warp-4 .logo,
.top-warp-4 .platform{
    margin-top:0;
    margin-bottom:0;
}
.top-warp-4 .logo{
    margin-right:15px;
}
.top-warp-4 .platform{
    padding:0;
}
.top-warp-4 .link-box {
     padding-top: 0;
}
.top-warp-4 .link-box > a{
    margin: 0 0 0 40px;
    font-size:14px;
    color:#b3b6be;
}
.top-warp-4 .link-box a:hover{
    color:#2199ed;
}
.top-warp-4 .link-box .ispan{
    margin:0 -7px 0 20px;
}
.top-warp-4 .twp-rightSide {
    padding:8px  0 0;
}
.top-warp-4 .drop-con a{
    background:#2d323f;
}
.top-warp-4 .drop-box {
    padding-left: 20px;
}
/*------------------改-顶部 end------------------*/

/*------------------改-导航 start------------------*/
/*主导航 start*/
.csloNav .secondNav .fstNavlist li .icon{
    border-radius: 0;
    background:none;
}
.csloNav2{
    width:250px;
    max-width: 19.2%;
    min-height:100px;
    top:0;
    left:0;
}
.csloNav2 .firstNav {
    background: #2a2f3c;
}
.csloNav2 .firstNav {
    width: 100%;
    max-width: 100%;
}
.csloNav2 .GameTitleBox .gmIcon{
    width:30px;
    height:30px;
    margin: 0 11px 0 0;
    border-radius: 0;
}
.csloNav2 .GameTitleBox{
    height: 61px;
    line-height: 61px;
    padding: 0 15px;
    border-bottom: 1px solid #242936;
    background: #272c38;
    font-weight: normal;
    overflow: hidden;
}
.csloNav2 .GameTitleBox .icon-arr2{
    margin:6px 0 0;
}
.csloNav2 .fstNavlist li{
    height:40px;
    line-height:40px;
    padding:0 22px;
    font-size:12px;
    overflow: hidden;
}
.csloNav2 .fstNavlist .blockTit{
    color:#4f535f;
    font-size:14px;
}
.csloNav2 .firstNav .box {
    border-bottom: 1px solid #242936;
}
.csloNav2 .fstNavTit2{
    height:48px;
    line-height:48px;
    padding:0 22px;
    overflow: hidden;
}
.csloNav2 .fstNavTit2 .icon{
    width:16px;
    height:16px;
    margin: 0 12px 2px 0;
    vertical-align: middle;
}
.csloNav2 .fstNavTit2 span{
    vertical-align: middle;
}
.csloNav2 .firstNav .box li .icon {
    width:16px;
    height:16px;
    margin: 0 12px 0 0;
    /*border-left: 1px solid #f00;*/
}
.csloNav2 .fstNavlist .iconSet{
    background:url(/web/dist/images/76f8cc97dffb2366e9540cfd4b440848.png) no-repeat 0 0;
}
.csloNav2 .box li .icon{
    background:url(/web/dist/images/40e5cdef79a6554fcd50ae90f671af4a.png) no-repeat 0 0;
}

/* Bugly */
.csloNav2 .box li .bugly_icon {
    height: 18px !important;
    background: url(/web/dist/images/d69cfd4d159fbad6488106d18e591cbf.png) no-repeat -2px -31px !important;
}

.csloNav2 .box li.active .bugly_icon, .csloNav2 .box li:hover .bugly_icon    {
    height: 18px !important;
    background: url(/web/dist/images/d69cfd4d159fbad6488106d18e591cbf.png) no-repeat -2px 0 !important;
}
.csloNav2 .box li .icon3{background:url(/web/dist/images/eda3fac9d1a00d147c4b6b78aaa6ceff.png) no-repeat 0 0;}
.csloNav2 .box li:hover .icon3,.csloNav2 .box li.active .icon3{background:url(/web/dist/images/eda3fac9d1a00d147c4b6b78aaa6ceff.png) no-repeat -35px 0;}
.csloNav2 .box li .icon4{background-position:-44px -5px;}
.csloNav2 .box li .icon5{background-position:-88px -5px;}
.csloNav2 .box li .icon6{background-position:-1px -4px;}
.csloNav2 .box li .icon7{background-position:-132px -5px;}
.csloNav2 .box li .icon8{background-position:-219px -5px;}
.csloNav2 .box li .icon9{background-position:-177px -5px;}
.csloNav2 .box li .icon10{background-position:-264px -6px;}
.csloNav2 .box li .icon11{background-position:-307px -6px;}
.csloNav2 .box li .icon12{background-position:-351px -7px;}
.csloNav2 .box li .icon13{background-position:-394px -8px;}
.csloNav2 .box li .icon14{background-position:-438px -8px;}
.csloNav2 .box li .icon15{background-position:-482px -9px}
.csloNav2 .box li .icon16{background-position:-526px -9px;}
.csloNav2 .box li .icon17{background-position:-570px -10px;}
.csloNav2 .box li:hover .icon4,.csloNav2 .box li.active .icon4,
.csloNav2 .box li:hover .icon5,.csloNav2 .box li.active .icon5,
.csloNav2 .box li:hover .icon7,.csloNav2 .box li.active .icon7,
.csloNav2 .box li:hover .icon8,.csloNav2 .box li.active .icon8,
.csloNav2 .box li:hover .icon9,.csloNav2 .box li.active .icon9{background-position-y: -40px;}
.csloNav2 .box li:hover .icon10,.csloNav2 .box li.active .icon10,
.csloNav2 .box li:hover .icon11,.csloNav2 .box li.active .icon11{background-position-y: -41px;}
.csloNav2 .box li:hover .icon13,.csloNav2 .box li.active .icon13,
.csloNav2 .box li:hover .icon14,.csloNav2 .box li.active .icon14{background-position-y: -43px;}
.csloNav2 .box li:hover .icon15,.csloNav2 .box li.active .icon15,
.csloNav2 .box li:hover .icon16,.csloNav2 .box li.active .icon16{background-position-y: -44px;}
.csloNav2 .box li:hover .icon12,.csloNav2 .box li.active .icon12{background-position-y: -42px;}
.csloNav2 .box li:hover .icon6,.csloNav2 .box li.active .icon6{background-position-y:-39px;}
.csloNav2 .box li:hover .icon17,.csloNav2 .box li.active .icon17{background-position-y: -45px;}

.csloNav2 .fstNavTit2 .icon{background:url(/web/dist/images/6888fc6cbc109854a286b8b402f2f25d.png) no-repeat 0 0;}
.csloNav2 .fstNavTit3{border-bottom: 1px solid #242936;}
.csloNav2 .fstNavTit3 .icon18{background:url(/web/dist/images/40e5cdef79a6554fcd50ae90f671af4a.png) no-repeat -615px -9px;}

/*主导航 end*/

/*二级导航 start*/
.csloNav2 .mainNav{
    width:250px;
    left:0;
    top:0;
    z-index: 2;
    overflow: hidden;
}
.csloNav2 .mainNav.active{
    width:50px;
}
.csloNav2 .mainNav.active .GameTitleBox{
    padding-left:10px;
}
.csloNav2 .mainNav.active .fstNavTit2,
.csloNav2 .mainNav.active .box li{
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.csloNav2 .mainNav.active .fstNavTit2,
.csloNav2 .mainNav.active .box li{
    padding-left:17px;
    padding-right:17px;
}
.csloNav2 .secondNav{
    width:200px;
    top:0;
    right:0;
    z-index: 1;
    background:#eeeff1;
    color:#777;
}
.csloNav2 .mainNav:hover + .secondNav{
    /*z-index: -9;*/
}
.csloNav2 .secondNav.active{
    z-index: 9;
    right:0;
}
.csloNav2 .secondNav .GameTitleBox{
    border-color:#e7e7e7;
    font-weight:bold;
    color:#303030;
    background:#eeeff1;
}
.csloNav2 .secondNav .GameTitleBox{
    margin:0;
}
.csloNav2 .secondNav .GameTitleBox .icon{
    width:20px;
    height:20px;
    /*border-left:1px solid #f00;*/
    background:url(/web/dist/images/ed9d5ce9c2f01210207c03f8416c6b79.png) no-repeat 0 0;
}


/*.csloNav2 .secondNav .GameTitleBox .icon3{background:url("../../images/datapic.png") no-repeat center center;}/*实时数据监控*/

.csloNav2 .secondNav .GameTitleBox .icon4{background-position:2px 1px;}/*GVoice*/
.csloNav2 .secondNav .GameTitleBox .icon5{background-position:-42px 2px;}/*Dolphin*/
.csloNav2 .secondNav .GameTitleBox .icon6{background-position:-85px 0;}/*Maple*/
.csloNav2 .secondNav .GameTitleBox .icon7{background-position:-129px 1px;}/*LockStp*/
.csloNav2 .secondNav .GameTitleBox .icon8{background-position:-172px 1px;}/*iTop*/
.csloNav2 .secondNav .GameTitleBox .icon9{background-position:-216px 1px;}/*Midas*/
.csloNav2 .secondNav .GameTitleBox .icon10{background-position:-260px 0;}/*MTP*/
.csloNav2 .secondNav .GameTitleBox .icon11{background-position:-304px 0;}/*HttpNDS*/
.csloNav2 .secondNav .GameTitleBox .icon12{background-position:-348px -2px;}/*APM*/
.csloNav2 .secondNav .GameTitleBox .icon13{background-position:-390px -2px;}/*GEM*/
.csloNav2 .secondNav .GameTitleBox .icon14{background-position:-434px -2px;}/*TGPA*/
.csloNav2 .secondNav .GameTitleBox .icon15{background-position:-478px -2px;}/*Leap*/
.csloNav2 .secondNav .GameTitleBox .icon16{background-position:-522px -2px;}/*Tcaplus*/
.csloNav2 .secondNav .GameTitleBox .icon17{background-position:-566px -2px;}/*TopNExt*/

.csloNav2 .secondNav .fstNavlist li.active,
.csloNav2 .secondNav .fstNavlist li:hover {
    color: #2199ed;
    background: #fff;
}
.csloNav2 .secondNav .box{
    border:none;
}
.csloNav2 .secondNav .box p{
    height: 40px;
    line-height: 40px;
    padding: 0 22px;
    font-size:12px;
    color:#777;
}
.csloNav2 .secondNav .box p .icon{
    margin:0 0 0 5px;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
}
.csloNav2 .secondNav .dropDownList li{
    padding-left:34px;
}
/*二级导航 end*/
/*项目列表 start*/
.hasGameLists{
    width:100%;
    left:0;
}
.hasGameLists .list {
    height: 240px;
}
.hasGameLists:before{
    display: none;
}
.hasGameLists li{
    width:235px;
    height:40px;
    padding:0 0 0 10px;
}
.hasGameLists li .gamepic{
    display: inline-block;
    width:30px;
    height:30px;
    margin:0 14px 0 0;
}
.hasGameLists .btn{
    width:100%;
    border:none;
}
/*项目列表 end*/
/*------------------改-导航 end------------------*/

/*------------------改-内容区 start------------------*/
/*内容区 start*/


.crashDetNum table th, .crashDetNum table td {
    padding-right: 20px;
    font-size:14px;
    text-align: right;
}
.crashTable ul {
    width: 100%;
}
.crashTable3 .box ul li{
    border-right:1px solid #e7e7e7;
}
.crashTable3 .box ul li:last-child{
    border-right:none;
}
/*内容区 end*/
/*------------------改-内容区 end------------------*/


/*------------------------------------------------改-控制台(游戏语音)-20181017 end------------------------------------------------*/

/*--------------------------------------------------改 顶部+左侧导航20181019 start--------------------------------------------------*/

/*左侧导航 start*/
.aber2{
    margin:0 auto;
    border:none;
}
.aber2 .breadContent{
    padding-left:0;
}
.main_content2{
    padding-top: 20px;
}
.main_content2 .slipBtn {
    top: 46px;
}
/*左侧导航 end*/

/*新增程序包 start*/
.mask_area{
    /*display: none;*/
}
/*新增程序包 end*/

.main_content2 .lbtab-box{
    padding-left:0;
}
/*改-puffer动态下载-资源列表 start*/
.aber2 .navListTop{
    display:block;
    padding-left:0;
    padding-right:0;
}
.aber2 .tra-btn {
    top: 36px;
}
/*改-puffer游戏内更新-资源列表 end*/

/*改-区服导航Maple start*/
/*树状图 tree-maple start*/
.widget_main .tree_folder_content,
.nStepBox-main2 .tree_folder_content {
    /*margin-left: 168px;*/
}
.nStepBox-main2 .tree_item {
    left: 174px;
}
/*树状图 tree-maple start*/
/*服属性 start*/
.aber2 .conSlipInfor,
.aber2 .coListP{
    padding-left:0;
}
.aber2 .w_short .lk_box  {
    width: 116px;
}
.aber2 .w_short .lk_box .btn_white_ck a {
    max-width:85px;
    line-height: 1.5;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.aber2 .conSlipInfor *{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.aber2 .sideinfor-box{
    right:0;
}
.aber2 .conf_area .ifbn {
    padding: 12px 10px 0 16px;
}
.aber2 .widget_main .tf_box{
    width:168px;
}
/*服属性 end*/
/*改-区服导航Maple end*/
/*--------------------------------------------------改 顶部+左侧导航20181019 end--------------------------------------------------*/

/*--------------------------------------------------增 注册指引20181024 start--------------------------------------------------*/
/*顶部+banner start*/

.consoleBar-warp .top-warp-4{
    min-width:1240px;
    position: absolute;
    left:0;
    top:0;
    z-index: 1;
    background:none;
    border:none;
}
.consoleBar-warp .iconPic{
    width:14px;
    height:14px;
    margin:0 5px 0 0;
    background:url(/web/dist/images/78e368c303bf8ef9ce4eeae3545617d9.png) no-repeat center center;
    vertical-align: middle;
}
.consoleBar-warp .link-box a span{
    vertical-align: middle;
}
.consoleBar-warp .link-box a:hover span{
    color:#2199ed;
}
.consoleBar-warp .link-box a:hover .iconPic{
    background:url(/web/dist/images/c4a93520f2d6a44e45ea999bf17e2455.png) no-repeat center center;
}
.registeredBar{
    height:260px;
    background:url(/web/dist/images/f95da50d811a24997e22e1c29d10535e.jpg) no-repeat 0 0;
}
.registeredBar .barTxt{
    height:90px;
    color:#fff;
}
.registeredBar .barTxt .tit{
    margin:0 auto 20px;
    color:#fff;
    font-size:44px;
}
.registeredBar .barTxt .des{
    font-size:20px;
}
/*顶部+banner end*/

/*预研 start*/
.registStept .stept-name{
    width:170px;
    padding:0 67px;
    font-size:36px;
    color:#b7b7b7;
}
.registStept .stept-txt{
    width:85%;
}
.registStept .stept-num{
    width:40px;
    height:40px;
    line-height:40px;
    background:#0092ee;
    color:#fff;
    font-size:20px;
    vertical-align: top;
    position:absolute;
    left:0;
    top:40px;
    z-index: 2;
}
.registStept .stepttxt{
    width:100%;
    padding:0 0 0 70px;
    vertical-align: top;
}
.registStept .stepttxt .tit{
    font-size:20px;
    color:#303030;
}
.registStept .stepttxt .downBtn{
    display: inline-block;
    width:140px;
    height:34px;
    line-height:34px;
    border:1px solid #2199ed;
    margin-top:-2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color:#2199ed;
}
.registStept .stepttxt .downBtn:hover{
    border-color:#2199ed;
    color:#fff;
    background:#2199ed;
}
.registStept .stepttxt p{
    margin:15px 0 0;
    color:#5e5e5e;
}
.registStept .contents2 .stept-txt{
    width:100%;
}
.registStept .stept-txt:after{
    content: "";
    display: block;
    width:0;
    height:100%;
    border:2px solid #e3e3e3;
    position:absolute;
    left:18px;
    top:60px;
    z-index: 1;
}
.registStept .stept-txt2:after{
    display: none;
}
.steptBlock1{
    padding:40px 0 0;
}

.steptBlock1 .stept-txt{
    padding:40px 0 90px;

}
.steptBlock1 .registStept .stept-name{
    padding-top:44px;
    vertical-align: top;
}
.contents2 .stept-txt{
    padding:40px 0;
}
.steptBlock3{
    padding:30px 0;
}
.steptBlock3 .registStept .stept-num{
    top:0;
}

/*预研 end*/

/*--------------------------------------------------增 注册指引20181024 end--------------------------------------------------*/

/*--------------------------------------------------改 右侧内容区 start--------------------------------------------------*/
.borderBoxAll *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.consoleProjectBox{
    min-width:1280px;
}
/*--------------------------------------------------改 右侧内容区 end--------------------------------------------------*/

/*--------------------------------------------------改 注册指引20181030 start--------------------------------------------------*/
.steptBlock1{
    padding:0;
}
.steptBlock1 .stept-txt {
    padding: 56px 0 55px;
}
.steptBlock3 {
    padding: 60px 0 55px;
}
.contents2 .stept-txt {
    padding: 52px 0 0;
}
.contents2 .stept-txt5 {
    padding-bottom: 55px;
}
.registStept .stepttxt .tit {
    display: inline-block;
    margin-bottom: 12px;
}
.registStept .stepttxt p{
    line-height: 24px;
    margin:0 0 15px;
    color:#ababab;
}
.registStept .stepttxt p:last-child{
    margin:0;
    color:#777;
}
.registStept .stepttxt .downBtn {
    width: 140px;
    height: 40px;
    line-height: 40px;
    margin-top: -16px;
}
.registStept .stept-num {
    top: 46px;
    font-size: 24px;
}
.registStept .stept-txt1 .stept-num {
    top: 51px;
}
.steptBlock1 .registStept .stept-name {
    padding-top: 0;
    vertical-align: middle;
}
/*--------------------------------------------------改 注册指引20181030 end--------------------------------------------------*/

/*--------------------------------------------------改 页尾(同官网页尾) start--------------------------------------------------*/
/*改 footer start*/
.conArea {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 666;
}
.footer-warp-oa2{
    background:url(/web/dist/images/c001d35f127d92c25a0179eb2f0368b0.jpg) no-repeat center center;
    background-size:cover;
    color:#b3b6be;
    font-size:14px;
}
.footer-warp-oa2 .links{
    padding:50px 0 14px;
    border-bottom:1px solid #32384a;
}
.footer-warp-oa2 .copy{
    padding:32px 0 ;
    text-align: center;
    font-size:12px;
    color:#b9bfcd;
}
.housekeeper .tit{
    margin:0 0 24px;
    color:#fff;
}
.housekeeper li{
    display: inline-block;
    width:28%;
    margin:0 0 30px;
    vertical-align: top;
}
.housekeeper li a{
    display: block;
    padding:0 0 0 30px;
    font-size:12px;
    color:#b9bfcd;
    background:url(/web/dist/images/7748ad21e2f0655a652899557a2a6973.png) no-repeat 0 center;
}
.footservice{
    margin:0 26px 0 0;
}
.footservice1{
    margin:0 106px 0 0;
}
.footservice .tit{
    margin:0 0 22px;
    color:#fff;
}
.footservice li{
    margin:0 0 10px;
}
.footservice li a{
    color:#b3b6be;
    font-size: 12px;
}
.housekeeper li:hover a,
.footservice li:hover a{
    color:#2199ed;
}
.footer-warp-oa2 .links {
    padding: 50px 0 17px;
}
.housekeeper li {
    margin: 0 0 18px;
}
.footservice li a {
    color: #b9bfcd;
}
.footer-warp-oa2 .copy {
    color: #b9bfcd;
    line-height: 16px;
}
/*改 footer end*/

/*改 注册指引 左侧竖线 start*/
.registStept .steptTxt:after {
    left:18px;
    border: 2px solid #e3e3e3;
}
/*注册指引 左侧竖线 end*/

/*注册指引 加跳转 start*/
.registStept .stepttxt p .a1{
    color: #2199ed;
    text-decoration: underline;
}
/*注册指引 加跳转 end*/
/*改 注册指引 start*/
/*上线 start*/
.registStept .stepttxt .p1{
    margin:0;
}
/*上线 end*/
/*--------------------------------------------------改 页尾 end--------------------------------------------------*/

/*改 注册指引 顶部 start*/
.consoleBar-warp .top-warp-5{
    background:#252c42;
    border-bottom:1px solid #2e344f;
}
.top-warp-5 .twp-leftSidt {
    padding:8px 0 0 20px;
}
.top-warp-5 .platform {
    height:34px;
    line-height: 34px;
    padding-left:25px;
    border-left:1px solid rgba(255,255,255,.1);
}
.top-warp-5 .twp-rightSide {
    padding: 0;
    line-height: 50px;
}
.top-warp-5 .drop-box {
    padding: 0;
}
.top-warp-5 .db-con:before{
    display: none;
}
.top-warp-5 .db-con {
    min-width:160px;
    padding: 0 20px 0 25px;
    position: relative;
}
.top-warp-5 .drop-con {
    top: 48px;
}
.top-warp-5 .drop-con a {
    width: 100%;
    line-height: 50px;
    margin-left: 0;
    padding-left:34px;
    text-align: left;
    font-size: 14px;
    color:#fff;
}
.top-warp-5 .link-box > a {
    vertical-align: top;
}
.top-warp-3 .link-box .ispan{
    border:none;
}
.top-warp-5 .link-box .ispan {
    margin: 0 -5px 0 25px;
    border-left: 1px solid rgba(255,255,255,.1);
}
.top-warp-5 .drop-box a{
    color:#fff;
}
.top-warp-5 .drop-con a:hover {
    background: #2d344b;
}

.top-warp-5 .db-con:after{
    width:11px;
    height:6px;
    border:none;
    background:url(/web/dist/images/25e71854db47b2a33621cf0a4f13bb25.png) no-repeat 0 0;
}
.top-warp-5 .drop-box:hover .db-con:after{
    border:none;
    background:url(/web/dist/images/25e71854db47b2a33621cf0a4f13bb25.png) no-repeat -18px 0;
}
.top-warp-5 .drop-box:hover .db-con{
    color:#2199ed;
}
.top-warp-5 .link-box .consolBtn{
    width:auto;
}
/*改 注册指引 顶部 end*/

/*改 控制台顶部 start*/
.top-warp-5 .link-box > a {
    width:110px;
    height:50px;
    line-height: 50px;
    text-align: center;
    margin:0;
}
.top-warp-5 .link-box .ispan2{
    margin-left:0;
}
/*改 控制台顶部 end*/

/*改 左侧导航 start*/
.csloNav2 .GameTitleBox .icon-arr2:before{
    display: none;
}
.csloNav2 .GameTitleBox .icon-arr2{
    background: url(/web/dist/images/ff5e2c91f6aa35ca46da8d6759f781fa.png) no-repeat 0 -19px;
}
.csloNav2 .GameTitleBox .icon-arr2 {
    margin: 22px 0 0;
}
.csloNav2 .GameTitleBox .gmIcon {
    vertical-align: middle;
}
.csloNav2 .GameTitleBox .gmIcon img{
    vertical-align: top;
}
.csloNav2 .secondNav .box p .icon:before{
    display: none;
}
.csloNav2 .secondNav .box p .icon{
    width:14px;
    height:14px;
    vertical-align: middle;
    background: url(/web/dist/images/f1deba843da3dae32597028f0101a22c.png) no-repeat 0 0;
}
/*改 左侧导航 end*/

/*改 注册指引 顶部 end*/
.top-warp-5 .platform img{
    padding:0 0 4px;
}
.top-warp-5 .db-con:after {
    right: 20px;
}
.top-warp-5 .db-con {
    padding: 0 31px 0 25px;
}
.top-warp-5 .drop-box:hover  a{
    color:#fff;
}
.top-warp-5 .drop-box a{
    /* margin-top:-3; */
}
/*改 注册指引 顶部 end*/

/*左侧导航*/
.csloNav2 .GameTitleBox .icon-arr2 {
    background: url(/web/dist/images/a364c60a0d699d569a1986a26ec7050d.png) no-repeat right center;
}
.csloNav2 .fstNavTit3 .icon18 {
    background: url(/web/dist/images/40e5cdef79a6554fcd50ae90f671af4a.png) no-repeat -615px -8px;
}
/*左侧导航*/

/*错误码分析 start*/
.crashTrendSelct .versionBox ul {
    border: 1px solid #e7e7e7;
    border-top:none;
}
.crashTrendSelct ul li {
    border-bottom: 1px solid #e7e7e7;
}
.crashTrendSelct ul li:last-child {
    border:none;
}
/*错误码分析 end*/

/*顶部导航 start*/
.top-warp-5 .link-box > a{
    color:#fff;
}
/*顶部导航 end*/

/*增 左侧导航  puffer start*/
.csloNav2 .box li .icon18{
    background: url(/web/dist/images/2e2f04d46b5e36977a27c9ac92f9dae3.png) no-repeat 0 -22px;
}
.csloNav2 .box li:hover .icon18,.csloNav2 .box li.active .icon18{
    background: url(/web/dist/images/2e2f04d46b5e36977a27c9ac92f9dae3.png) no-repeat 0 0;
}
.csloNav2 .secondNav .GameTitleBox .icon18{background-position:-44px 1px;}/*puffer*/
/*增 左侧导航 Dawn start*/
.csloNav2 .box li .icon25{
    background: url(/web/dist/images/adf902ebca84ec03ccea64c789dbb04b.png);
}
.csloNav2 .box li:hover .icon25,.csloNav2 .box li.active .icon25{
    background: url(/web/dist/images/3fa8b9c76f97cbaf8ce20c788a7af02d.png);
}
/* .csloNav2 .secondNav .GameTitleBox .icon25{background-position:-44px 1px;}Dawn */

.csloNav2 .secondNav .box p .icon {
    background: url(/web/dist/images/f1deba843da3dae32597028f0101a22c.png) no-repeat -16px 0;
}
.csloNav2 .secondNav .box p.active .icon {
    background: url(/web/dist/images/f1deba843da3dae32597028f0101a22c.png) no-repeat 0 0;
}
/*增 左侧导航 puffer start*/
/*改 左侧导航 start*/
.hasGameLists .btn .icon {
    margin: 0 4px 0 0;
    width:18px;
    height:16px;
    display: inline-block;
    vertical-align: middle;
    background:url(/web/dist/images/15b225d449b0eafc26a3cd329afd8ce5.png) no-repeat center center;
}
.csloNav2 .fstNavTit2 span {
    color: #4f535f;
}
.top-warp-5 .link-box .ispan {
    margin:  0;
}
.top-warp-5 .drop-box {
    margin:0 0 0 -5px;
}
.top-warp-5 .link-box  .last-a{
   margin-right:-5px;
}
.csloNav2 .setBox .fstNavlist .icon19 {
    background: url(/web/dist/images/40e5cdef79a6554fcd50ae90f671af4a.png) no-repeat -615px -9px;
}
.csloNav2 .setBox .fstNavlist li.active .icon19,
.csloNav2 .setBox .fstNavlist li:hover .icon19 {
    background: url(/web/dist/images/40e5cdef79a6554fcd50ae90f671af4a.png) no-repeat -615px -44px;
}
.csloNav2 .projects{
    padding-bottom:6px;
}
/*a游戏知几-小悦图标*/
.csloNav2 .box .fstNavlist .icon22 {
    background-color: #6a7183;
    -webkit-mask:  url(/web/dist/images/94703bd97bad560ea0ea8c982d2b9329.svg) no-repeat center center;
    mask: url(/web/dist/images/94703bd97bad560ea0ea8c982d2b9329.svg) no-repeat center center;
}
.csloNav2 .box .fstNavlist li.active .icon22,
.csloNav2 .box .fstNavlist li:hover .icon22{
    background:#fff url(/web/dist/images/137d7c444232c0adfbffc3360d4067f0.svg) no-repeat center center;
}

.csloNav2 .secondNav .GameTitleBox .icon22 {
    background-color: #303030;
    -webkit-mask:  url(/web/dist/images/94703bd97bad560ea0ea8c982d2b9329.svg) no-repeat center center;
    mask: url(/web/dist/images/94703bd97bad560ea0ea8c982d2b9329.svg) no-repeat center center;
}
/*改 左侧导航 end*/
/*改 右侧 start*/
.csloNav2 {
    /*max-width: 13%;*/
    min-width:250px;
}
.crashTrendTit .loadDataBtn {
    font-size: 14px;
}
/*改 右侧 end*/

/*改 二级导航 start*/
.csloNav2 .secondNav .GameTitleBox{
    padding-right:0;
    height:50px;
    line-height: 50px;
    margin-bottom:10px;
}
.csloNav2 .secondNav .GameTitleBox .icon {
    width: 16px;
    height: 16px;
    margin-right:-1px;
}
.csloNav2 .secondNav .GameTitleBox span {
    display: inline-block;
    letter-spacing: 0;
}
.csloNav2 .secondNav .GameTitleBox .icon4{background-position: 0 0;}/*GVoice*/
.csloNav2 .secondNav .GameTitleBox .icon5{background-position: -43px -1px;}/*Dolphin*/
.csloNav2 .secondNav .GameTitleBox .icon6{background-position:-87px 2px;}/*Maple*/
.csloNav2 .secondNav .GameTitleBox .icon7{background-position:-131px -1px;}/*LockStp*/
.csloNav2 .secondNav .GameTitleBox .icon8{background-position:-175px -1px;}/*iTop*/
.csloNav2 .secondNav .GameTitleBox .icon9{background-position:-218px -1px;}/*Midas*/
.csloNav2 .secondNav .GameTitleBox .icon10{background-position:-262px -1px;}/*MTP*/
.csloNav2 .secondNav .GameTitleBox .icon11{background-position:-306px -3px;}/*HttpNDS*/
.csloNav2 .secondNav .GameTitleBox .icon12{background-position:-350px -3px;}/*APM*/
.csloNav2 .secondNav .GameTitleBox .icon13{background-position:-393px -5px;}/*GEM*/
.csloNav2 .secondNav .GameTitleBox .icon14{background-position:-437px -4px;}/*TGPA*/
.csloNav2 .secondNav .GameTitleBox .icon15{background-position:-481px -5px;}/*Leap*/
.csloNav2 .secondNav .GameTitleBox .icon16{background-position:-524px -5px;}/*Tcaplus*/
.csloNav2 .secondNav .GameTitleBox .icon17{background-position:-568px -5px;}/*TopNExt*/
.csloNav2 .secondNav .GameTitleBox .icon18{background:url(/web/dist/images/2e2f04d46b5e36977a27c9ac92f9dae3.png) no-repeat -44px -1px;}/*puffer*/
.csloNav2 .secondNav .GameTitleBox .bugly_icon { /* Bugly */
    width: 16px;
    height: 18px;
    margin-right: 4px;
    vertical-align: middle;
    background: url(/web/dist/images/d69cfd4d159fbad6488106d18e591cbf.png) no-repeat -33px 0 !important;
}

/*增外链接图标*/
.csloNav2 .secondNav .fstNavlist li a{
    color:#777;
}
.csloNav2 .secondNav .fstNavlist li:hover a{
    color:#2199ed;
}
.csloNav2 .secondNav .fstNavlist li .icon-link{
    width:12px;
    height:12px;
    vertical-align: middle;
    margin:3px 0 0 7px;
    background:url(/web/dist/images/10656b455647facd6ccc29d539b6711a.png) no-repeat 0 0;
}
.csloNav2 .secondNav .fstNavlist li:hover .icon-link{
    background-position:-20px -0px;
}
/*增外链接图标*/
/*改 二级导航 end*/

/*改 左侧导航 项目列表 start*/
.csloNav2 .mainNav{
    overflow:visible;
}
.csloNav2  .hasGameLists2{
    display: inline-block;
    top:0;
    left:-250px;
    z-index: -1;
    -webkit-box-shadow: 4px 0 8px 0 rgba(0,0,0,.2);
    box-shadow: 4px 0 8px 0 rgba(0,0,0,.2);
    -webkit-transition: all .3s cubic-bezier(0,0,.2,1);
}
.csloNav2 .hasGameLists2 .list {
    height: 220px;
}
.csloNav2 .hasGameLists2 .list::-webkit-scrollbar {
    display: none;
}
.csloNav2  .hasGameLists2.active{
    display: inline-block;
    z-index: 1;
    left:100%;
}
.hasGameLists2 .btnBox  .btn:first-child {
    border-right:none;
}
.csloNav2  .hasGameLists2 .closeBtn{
    line-height: 1;
    display: inline-block;
    padding:10px;
    right:0;
    top:0;
    z-index: 2;
    font-size: 16px;
    color: rgba(0,0,0,.65);
}
.csloNav2  .hasGameLists2 .closeBtn:hover{
    color: rgba(0,0,0,1);
}
.csloNav2 .GameTitleBox .icon-arr2 {
    background: url(/web/dist/images/4e22974f7bbd57413066e241b610b732.png) no-repeat right center;
}
.csloNav2 .GameTitleBox .icon-arr2 {
    margin: 25px 0 0;
}
.csloNav2 .mainNav .name{
    display: inline-block;
    max-width:147px;
    overflow:hidden;    text-overflow:ellipsis;    white-space:nowrap;
}

/*改 左侧导航 项目列表 end*/

/*增 版本更新 start*/
.uppercase{  text-transform:uppercase;  }
.capitalize{  text-transform:capitalize;  }
.wrap1-hidden{    overflow:hidden;    text-overflow:ellipsis;    white-space:nowrap;}
.wrap-more-hidden{    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;    /*-webkit-line-clamp: 3;*/}
/*table start*/
.versionTableBox{
    margin:20px 0 0;
    padding-bottom: 24px;
}
.versionTable{
    border:1px solid #e7e7e7;
    color:#303030;
    display: none;
}
.versionTable.active{
    display: block;
}
.listTr{
    padding: 10px 30px;
}
.listTr:first-child{
    background:#edf8ff;
}
.listTr:first-child .informationTd{
    font-size:14px; 
    background:#edf8ff;
}
.paraminfo .listTr:first-child .informationTd{
    font-size:12px;
    background:#fafafa;
}
.listTr:nth-child(2n+2){
    background:#fff;
}
.listTr:nth-child(2n+3){
    background:#fafafa;
}
.listTr:nth-child(n+2).active{
    padding-bottom:1px;
    background:#EEf1f3;
}
.listTr:nth-child(n+2) .informationTd:last-child{
    color:#2199ed;
}
.informationTd{
    width: 25%;
    line-height: 20px;
    word-break: break-all;
    white-space: pre-wrap;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.informationTd:last-child{
    cursor: pointer;
}
/*参数信息查看页面*/
.paramInfoTable .listTr  {
    padding: 0;
}
.paramInfoTable .informationTable {
    min-height: 40px;
    position: relative;
}
.paramInfoTable .informationTd{
    position: absolute;
    top: 0;
    bottom: 0;
}
.paramInfoTable .listTr .informationTd {
    width: 31%;
    padding: 10px 10px;
    border: 1px solid #ececec;
    border-bottom:none;
    border-right: none;
}
.paramInfoTable .listTr .informationTd:first-child{
    width: 52px;
    text-align: center;
}
.paramInfoTable .listTr .informationTd.floatlft.td2 {
    width: 220px;
    margin-left: 50px;
    border-right: 1px solid #ececec;
}
.paramInfoTable .listTr .informationTd.floatlft.td3 {
    position: static;
    padding-left: 280px;
    padding-right: 280px;
    width: 100%;
    box-sizing: border-box;
    min-height: 44px;
}
.paramInfoTable .listTr .informationTd.floatlft.td4 {
    width: 270px;
    right: 0;
}

.paramInfoTable .listTr .informationTd:last-child{
    color: inherit;
    cursor: text;
}
/*暂无数据文字*/

.informationTd.floatlft.noResultCenterTip {
    text-align: center;
    color: #7b7b7b !important;
    width: 100%;
    cursor: default;
}
.paramInfoTable .informationTd.floatlft.noResultCenterTip {
    width: 100%;
    max-width: 100%;
}
.informationTd a{
    color:#2199ed;
}
.informationTd .icon2{
    width: 18px;
    height: 20px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    background: url(/web/dist/images/de84114af7427051af95abd578f0fdcf.svg) no-repeat center 0;
}
.informationTd .icon{
    width:10px;
    height:12px;
    margin:0 0 0 5px;
    vertical-align: middle;
    background:url(/web/dist/images/fb23d1bc79214863a6136ec1c40d6f72.png) no-repeat 0 1px;
}
.listTr.active .informationTd .icon{
    background-position:-24px 2px;
}
.informationDetailed{
    top:40px;
    left:0;
    margin-top: 10px;
    z-index: 1;
    display: none;
}
/*版本分布、版本对比 tab区 start*/
.versionTab .tabBtn{
    width:100px;
    height:30px;
    line-height:30px;
    border:1px solid #ababab;
    font-size:12px;
    color:#777;
    background: #fff;
    text-align: center;
    position:relative;
}
.versionTab .tabBtn:before{
    content:"";
    display: block;
    width:100px;
    height:0;
    border-top:2px solid rgba(33,157,237,0);
    position:absolute;
    top:-1px;
    left:-1px;
    z-index: 2;
}
.versionTab .tabBtn:hover,
.versionTab .tabBtn.active{
    color:#2199ed;
    border-color:rgba(231,231,231,0);
}
.versionTab .tabBtn:hover:before,
.versionTab .tabBtn.active:before{
    border-color:rgba(33,157,237,1);
    color:#2199ed;
}
/*版本分布、版本对比 tab区 end*/

/*版本分布 start*/
.distributedTableBox{
    padding:40px;
    margin:0 auto 29px;
    display:none;
}
.distributedTableBox.active{
    display: table;
}
.distributedTableFar{
    width:48.5%;
}
@media screen and (max-width: 1315px) {
    .distributedTableFar{ width:100%; }
}
.distributedTable{
    width:410px;
    margin: 0 auto;
}
.distributedHead{
    margin:0 0 20px;
}
.ver1 .distributedHead{
    width: 460px;
}
.distributedHead .tablename{
    height: 30px;
    line-height: 30px;
}

.distributedHead .dates{
    color:#777;
    font-size:12px;
}
.distributedHead .time span{
    display: inline-block;
    margin:0 8px 0 0;
    cursor: pointer;
}
.distributedHead .dates .time,.distributedHead .dates .pic_table{
    vertical-align: middle;
}
.pic_table span{
    display: inline-block;
    width:30px;
    height:30px;
    line-height:28px;
    border:1px solid #ababab;
    text-align: center;
    float:left;
    cursor: pointer;
}
.pic_table span:hover,
.pic_table span.active{
    background:#65aff3;
    color:#fff;
    border-color:#65aff3;
}
.distributedHead .time span:hover,
.distributedHead .time span.active{
    color:#2199ed;
}

.ulTable ul li{
    display: inline-block;
    width:33.3%;
    height:30px;
    line-height:30px;
    border-right:1px solid #e7e7e7;
}
.ulTable ul:first-child li{
    background:#f4f4f4;
}
.distributedTable .distributedTableSenond{
    min-height: 80px;
}
.distributedTableSenond .target{
    display: none;
}
.distributedTableSenond .target.active{
    display: block;
}
.distributedTableSenond .target ul.width100.clears.alignmid{
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
}
.distributedTableSenond .target ul.width100.clears.alignmid:last-child{
    border-bottom: 1px solid #e7e7e7;
}
.distributedTableFar:nth-child(2)  .ulTable ul li{
    width:50%;
}
.distributedTableFar.wd5  .ulTable ul li{
    width:50%;
}
.distributedTextTip {
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    line-height: 28px;
    height: 28px;
    padding: 0px 5px 5px;
    width: 150px;
    border-radius: 10px;
    color: #777777;
}
/*版本分布 end*/
/*版本对比 start*/
.distributedTableBox2{
    padding:20px 20px 30px;
    font-size:12px;
}
.versionCompore{
    font-size:14px;
    margin:0 0 30px ;
    height: 34px;
}
.versionCompore .txt{
    height: 34px;
    line-height: 34px;
    margin:0 2px ;
    vertical-align: top;
}
.versionCompore .txt2{
    margin-right:25px;
    padding-left:50px;
    background:url(/web/dist/images/ae78215620d493cee447cb6870fefe8e.jpg) no-repeat 28px center;
    cursor: pointer;
}
.versionCompore .txt2.active{
    background:url(/web/dist/images/12afe7f561e872c3933c00b39736d86c.jpg) no-repeat 28px center;
}
.versionCompore .txt2.noSelect{
    user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -webkit-user-select:none;
}
.versionCompore .spanbox{
    display: none;
}
.versionCompore .spanbox.active{
    display: inline-block;
}
.selVer{
    width:100px;
    height:30px;
    line-height:30px;
    padding:0 20px 0 10px;
    border:1px solid #e7e7e7;
    background:url(/web/dist/images/653cee4918a2e192fee4a23d1e30ec31.png) no-repeat  80px -42px;
    cursor: pointer;
    vertical-align: top;
    font-size:12px;
}
.selVer.active{
    background-position: 80px 9px;
}
.selVer .verNum{
    width:70px;
}
.versionList ul{
    min-width:100%;
    max-width:300%;
    max-height:195px;
    overflow-y: scroll;
    padding:0 10px;
    position:absolute;
    top:100%;
    left:0;
    z-index: 2;
    background:#fff;
    -moz-box-shadow: 0 0 7px #e9e9f3;
    -webkit-box-shadow: 0 0 7px #e9e9f3;
    box-shadow: 0 0 7px #e9e9f3;
    display: none;
}
.versionList ul::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    display: none;
}
.versionList ul li{
    height:30px;
    line-height:30px;
    border-bottom:1px solid #e7e7e7;
    font-size:12px;
    cursor: pointer;
    white-space: nowrap;
}
.versionList ul li:last-child{
    border:none;
}
.versionList ul li:hover{
    color:#2199ed;
}
.versionCompore .versionDown{
    width:100px;
    height:30px;
    line-height:30px;
    border:1px solid #2199ed;
    color:#2199ed;
    font-size:12px;
}
.versionCompore .versionDown2 .icon {
    width: 10px;
    height: 12px;
    margin: 0 0 0 5px;
    vertical-align: middle;
    background: url(/web/dist/images/fb23d1bc79214863a6136ec1c40d6f72.png) no-repeat -24px 2px;
}
.versionCompore .versionDown2{
    display: none;
}
.versionCompore .versionDown2.active{
    display: inline-block;
}
.versionTxts .txtNav{
    width:80px;
    margin-right:-1px;
    float:left;
}
.versionTxts .txtNav li a{
    display: block;
    height:40px;
    line-height:40px;
    color:#777;
    font-size:12px;
}
.versionTxts .txtBlock{
    height:360px;
    padding-left:30px;
    overflow-y: scroll;
    border-left:1px solid #e7e7e7;
}
.versionTxts .txtBlock.autoScroll{
    overflow-y: auto;
}
.versionTxts .txtBlock2{
    display:none;
}
.versionTxts .txtBlock1.active{
    display:none;
}
.versionTxts .txtBlock2.active{
    display:inline-block;
}
.versionTxts .txtBlock::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    display: none;
}
.versionTxts .txtNav li:hover a,
.versionTxts .txtNav li.active a{
    color:#2199ed;
    border-right:3px solid #2199ed;
}
.targetP{
    padding:0 0 20px;
    margin:0 0 20px;
    border-bottom:1px solid #e7e7e7;
}
.txtBlock .worlds{
    margin:0 0 20px;
}
.txtBlock .worlds p:first-child{
    color:#303030;
    line-height: 1;
    margin:0 0 10px;
}
.txtBlock .worlds p:first-child span{
    color:#ff8932;
}
.txtBlock .worlds p{
    color:#777;
    font-size:12px;
    line-height: 22px;
    white-space: pre;
}
.orangeP{
    margin:0 0 18px;
    color:#ff8932;
}
/*版本对比 end*/
/*table end*/
/*改 nav start*/
.midasAplcn-nav4 .midasAplcn-ul li{
    width:160px;
    height:48px;
    line-height:48px;
    padding:0;
    font-size:16px;
}
.midasAplcn-nav4 .midasAplcn-ul li:nth-child(3):after{
    content:"";
    display: inline-block;
    width:32px;
    height:14px;
    background:url(/web/dist/images/0851dd96c9647e0a2bc8520e7da6ed03.svg) no-repeat 0 center;
    position:absolute;
    right: 14px;
    top: 17px;
    z-index: 1;
}
.midasAplcn-nav4 .midasAplcn-ul li:last-child{
    width:auto;
    min-width:10px;
    float:right;
}
.midasAplcn-nav4 .midasAplcn-ul li:last-child a{
    font-size:14px;
    color:#2199ed;
}
.midasAplcn-nav4 .midasAplcn-ul li:last-child:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    background: url(/web/dist/images/de84114af7427051af95abd578f0fdcf.svg) no-repeat center center;
}
.midasAplcn-nav4 .midasAplcn-ul li:last-child:hover{
    border-color:transparent;
}
/*增 版本管理图标*/
.csloNav2 .box li .icon20{
    background: url(/web/dist/images/bcdbc3084393c7cc94b970b48a9341cc.svg) no-repeat 0 0;
}
.csloNav2 .box li:hover .icon20,.csloNav2 .box li.active .icon20{
    background: url(/web/dist/images/a82fed4b5cfcc047b6d15f79569b40ab.svg) no-repeat 0 0;
}
.csloNav2 .secondNav .GameTitleBox .icon20{background-position:-44px 1px;}
/*增 版本管理图标*/

/*改 nav end*/

/*增 版本更新 end*/

/*增 项目管理 start*/
.opacityZero{
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity: 0;
}
.borderCirlceHalf{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.projectManagementBox{
    padding:10px;
    color:#303030;
}
.titBlock2{
    padding:0 0 20px;
    line-height: 1;
    font-size:16px;
    border-bottom:1px solid #e7e7e7;
}
/*项目信息 start*/
.projectMessage{
    padding:50px 0 60px 0;
}
.projectfileBox{
    margin:0 100px;
}
.projectfileBox .projectIcon{
    width:114px;
    height:114px;
    margin:0 auto 8px;
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    -ms-border-radius:16px;
    -o-border-radius:16px;
    border-radius:16px;
    overflow: hidden;
}
.projectfileBox .projectIcon .pic img{
    width: 100%;
    height: 100%;
}
.projectFrom{
    z-index: 2;
}
.projectFrom input[type=file]{
    width:114px;
    height:114px;
    border:1px solid #ff0;
    cursor: pointer;
}
.projectIcon .upBg{
    width:100%;
    height:100%;
    line-height: 114px;
    background:rgba(0,0,0,.7);
    color:#fff;
    z-index: -1;
    cursor: pointer;
}
.projectfileBox:hover .upBg{
    z-index: 1;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity: 1;
}
.projectfileBox p{
    font-size:12px;
    color:#ababab;
}

.projectMsg .msgDiv{
    margin:0 0 35px;
}
.projectMsg .msgDiv .tit,
.projectMsg .msgDiv .sp2{
    display: inline-block;
    line-height: 1;
}
.projectMsg .msgDiv .tit{
    width:145px;
}
.projectMsg .msgDiv:last-child span{
    margin:0;
}
.editProjectName .name{
    line-height: 1;
}
.editProjectName .editIcon{
    margin:0 0 0 5px;
   vertical-align: text-top;
}
.editProjectName .editName{
    min-width: 550px;
    left:-6px;;
    top:-6px;
    z-index: -2;
}
.editProjectName .editName.active{
    z-index: 2;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity: 1;
}
.editName input{
    width:216px;
    height:30px;
    padding:0 0 0 5px;
    border:1px solid #2199ed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.tip-red{
    color:#f00;
}
.tip-grey{
    color:rgb(171,171,171);
}
/*项目信息 end*/
/*项目成员 start*/
.projectAvatar{
    width:165px;
    height:150px;
    padding:22px 0 0 ;
    text-align: center;
}
.projectAvatar .pic{
    width:70px;
    height:70px;
    margin:0 auto 20px;
	display:block;
}
.projectAvatar .userPic{
    padding:2px;
}

.projectAvatar .delIcon{
    top:0;
    right:0;
    z-index: 2;
}
.projectAvatar:hover .userPic{
     background:#2199ed;
}
.projectAvatarAdd:hover .userPic{
     background:none;
}
.projectAvatar:hover .delIcon{
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity: 1;
 }
/*项目成员 end*/
/*删除成员/增加成员 弹框 start*/
.delAddTeamBox{
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index: 6;
    background:rgba(0,0,0,.3);
    color:#303030;
    display: none;
}
.delTeamBox{
    width:600px;
    height:370px;
}
.teamBoxHead{
    padding:0 20px;
    height:50px;
    line-height:50px;
    background:#d8ebfa;
    font-size:16px;
}
.teamBoxHead .close{
    width:16px;
    height:50px;
    /*background:url("../../images/console51.png") no-repeat center center;*/
}
.teamBoxHead .close:hover{
    opacity: .8;
}
.delTeamName{
    margin:100px 0 50px;
}
.delTeamForm input{
    width:100px;
    height:34px;
    margin:0 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}
.delTeamForm input[type=submit]{
    background:#2199ed;
    color:#fff;
    border:none;
}
.delTeamForm input[type=reset]{
    border:1px solid #2199ed;
    color: #2199ed;
}
.delTeamBoxs{
    display: none;
}
.addTeamBox{
    width:730px;
    height:375px;
}
.searchUsers{
    width:690px;
    /*height:240px;*/
    margin: 30px auto 10px;
    padding:20px;
    border:1px solid #e7e7e7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.searchUsers::-webkit-scrollbar{
    display: none;
}
.serchDiv input{
    height:20px;
    font-size:16px;
    border:none;
    width:100%;
}
.serchDiv{
    padding:0 0 12px;
    margin:0 0 10px;
    border-bottom:1px solid #e7e7e7;
}
.serchAllUser{
    height:154px;
    overflow-y: scroll;
}
.serchAllUser::-webkit-scrollbar{
    display:none;
}
.serchAllUser .usermsg{
    width:210px;
    max-width:33%;
    height:40px;
    padding:0 0 0 10px;
    margin:0 9px 10px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background:#f4f4f8;
    float:left;
    cursor: pointer;
}
.serchAllUser .usermsg:nth-child(3n+3){
    margin-right:0;
}
.serchAllUser .usermsg .pic{
    width:26px;
    height:26px;
    vertical-align: middle;
}
.serchAllUser .usermsg .name{
    width:151px;
    height:40px;
    line-height:40px;
    overflow:hidden;    text-overflow:ellipsis;    white-space:nowrap;
    vertical-align: middle;
}
.serchDiv input::-webkit-input-placeholder { /* WebKit browsers */
    color:#c5c5c5;
}
.serchDiv input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#c5c5c5;
}
.serchDiv input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#c5c5c5;
}
.serchDiv input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#c5c5c5;
}
/*删除成员/增加成员 弹框 end*/
/*增 项目管理 end*/

/*改左侧导航 start*/
.csloNav2 .GameTitleBox {
    padding: 0 15px 0 10px;
}
.csloNav2 .fstNavlist li {
    padding: 0 22px 0 17px;
}
.csloNav2 .fstNavTit2 {
    height: 40px;
    line-height: 1.2;
    padding: 20px 22px 0 17px;
}
.csloNav2 .projects {
    padding-bottom: 10px;
}
/*改左侧导航 end*/
/*改 可视区域 高度 start*/
.csloNav2 .firstNav{
    overflow-y: scroll;
}
.csloNav2 .firstNav::-webkit-scrollbar {
    display: none;
}
.csloNav .firstNav {
    min-height: 500px;
}
/*改 可视区域 高度 end*/

/*增 参数信息图标*/
.csloNav2 .box li .icon21{
    background: url(/web/dist/images/a1451dda78c2aeeb9b104cd7ed8ce1d7.svg) no-repeat 0 0;
}
.csloNav2 .box li:hover .icon21,.csloNav2 .box li.active .icon21{
    background: url(/web/dist/images/0a3b9634cbc61c2d66c32946bd371b0f.svg) no-repeat 0 0;
}
.csloNav2 .secondNav .GameTitleBox .icon21{background-position:-44px 1px;}
/*增 参数信息图标*/

/*增 缺省页 start*/
.emptPage img{
    left:50%;
    top:50%;
    z-index: 5;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
/*增 缺省页 end*/

/*左侧导航 米大师 start*/
.csloNav2 .firstNav .box li .ilink{
    margin:0 0 0 5px;
    background:url(/web/dist/images/1b1c0679e473061ad91000b97eddf59f.png) no-repeat 0 0;
}
.csloNav2 .firstNav .box li:hover .ilink{
    margin:0 0 0 5px;
    background:url(/web/dist/images/1b1c0679e473061ad91000b97eddf59f.png) no-repeat -29px 0;
}
/*左侧导航 米大师 end*/


/*---------------------------------------------------------------------------------全部页面修改20181129 start---------------------------------------------------------------------------------*/

/*改 左侧内容区 start*/
.csloNav2{
    position: fixed;
    top: 50px;
    left: 0;
    bottom: 0;
    z-index: 8;
    overflow-y: scroll;
}
.csloNav2::-webkit-scrollbar {
    width: 0px;
    height:0px;
    display: none;
}
.csloNav2 .secondNav {
    bottom: 0;
}
.csloNav2 .firstNav  {
    bottom: 0;
    min-height: 918px;
}
.csloNav2 .secondNav .GameTitleBox .icon {
    margin-right: 4px;
}
.csloNav2 .secondNav .GameTitleBox span {
    max-width:156px;
    vertical-align: middle;
    overflow:hidden;    text-overflow:ellipsis;    white-space:nowrap;
}
.csloNav2 .mainNav.mainNavactive .GameTitleBox {
    padding-left: 10px;
}
.csloNav2 .GameTitleBox .gmIcon img {
    width:30px;
    height:30px;
}
/*改 左侧内容区 end*/
/*改 右侧内容区 start*/
.consoleProjectBox .main_content{
    border:none;
    padding-left:270px;
}
/*改 右侧内容区 end*/

/*改 版本更新 start*/
.versionTxts{
    position:relative;
    height:360px;
}
.versionTxts .txtBlock{
    position:absolute;
    left:0px;
    right:0;
    top:0;
    z-index: 1;
}
/*改 版本更新 end*/

/*改 老页面布局 start*/
.aber2 .csloNav2{
    top:0;
}
/*改 老页面布局 end*/


/*左侧导航 start*/
.csloNav2 {
    /*height: auto;*/
}
.csloNav2 .fstNavlist li.active span,
.csloNav2 .fstNavlist li:hover span {
    color: #fff;
}
.csloText{
    min-width:1030px;
    max-width:100%;
    width:auto;
    position:absolute;
    left:250px;
    right:0;
    top:50px;
    bottom:0;
    z-index: 2;
    margin-left: 0px;
}
.csloNav2 .secondNav .GameTitleBox .icon6 {
    background-position: -87px -2px;
}
/*左侧导航 end*/
/*老页面右侧内容区 start*/
.consoleProjectBox .gc__old{
    border:none;
    margin-top:0;
    width:100%;
}
.main_content::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    display: none;
}
/*右侧内容区 end*/
/*项目列表页 start*/
.containers {
    width:100%;
}
/*项目列表页 end*/

/*业务主页 start*/

/*业务主页 end*/
/*开通服务 start*/
.consoleProjectBox > .breadContent {
    padding: 30px 28px 0 270px;
}
/*开通服务 end*/
/*数据概览 start*/
body .hd_top_line{
    display: none;
}
/*数据概览 start*/
/*基础数据 start*/
.crashTable .box ul li:first-child {
    text-align: center;
}
/*基础数据 end*/
/*区服导航 开通业务 start*/
.consoleProjectBox .w_short .lk_box .btn_white_ck{
    display:inline-block;
}
.consoleProjectBox .w_short .lk_box {
    width: auto;
}
.consoleProjectBox .post_right .lk_box {
    width: auto;
}
.consoleProjectBox .conf_area .ifbn {
    padding: 22px 10px 0 0;
}
.consoleProjectBox .conf_area .ifbn a {
    color: #333;
}
/*区服导航 开通业务 end*/
/*启动更新 start*/
.consoleProjectBox .slipBtn{
    position: absolute;
    top:70px;
    z-index: 5;
}
.cohr15-btpage h4{
    height:auto;
    line-height: 1;
}
.gc__old .page_li .addli a {
    font-size: 29px;
    padding: 0 8px;
    /*width: 30px;*/
    min-width: auto;
    line-height: 39px;
    height: 40px;
}
/*启动更新 end*/

/*项目列表页 start*/
.newhome .model{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    min-width: 1280px;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0;
    right: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.newhome .model .modal-dialog {
    width: 735px;
    margin: 0;
    position: static;
}
.newhome .model .new-game .box-con .form-group .form-control {
    height:47px;
    text-indent: 18px;
    /* background: url(/public/images/123.png) no-repeat 0 0; */
}
.newhome .model .new-game .box-con .search-members .members-list ul li {
    width: 300px;
}
.sureBtn a {
    background: #2199ed;
}
.newhome .model .new-game .box-con .search-members .members-list ul li a{
    /*display:inline-block;*/
}
.newhome .model .new-game .box-con .search-members .members-list ul li:hover a{
    display:inline-block;
    background:#2199ed;
}
/*项目列表页 end*/
/*项目管理 start*/
.projectAvatar .userPic img{
    width:70px;
    height:70px;
}
/*项目管理页面上传按钮兼容*/
.project_img_btn{
    top: -114px;
}
.project_img_btn input{
    font-size: 0 !important;
    cursor: pointer;
}
/*项目管理 end*/
/*老页面*/
.inputTime .slipBtn .inClose {
    font-size: 0px;
    /*display:none;*/
}
/*老页面*/
/*基础数据 start*/
.crashTable .box.table_box li{
    width:20%;
}
/*基础数据 end*/
/*区服导航 start*/
@media screen and (max-width: 1400px){
    .aber .lkbtn a {
        font-size:14px;
        padding: 3px 5px;
    }
}
/*区服导航 start*/
/*---------------------------------------------------------------------------------全部页面修改20181129 end---------------------------------------------------------------------------------*/


.gvoicetable .base-crashDetNum table th, .gvoicetable .base-crashDetNum table td {
    width: 8%;
}
/*改 老页面 游戏存储 start*/
.bg_green a {
    background: #12a69d;
    color: #fff !important;
    border-color: #12a69d;
}
/*改 老页面 游戏存储 end*/

/*改 控制台 页头*/
.top-warp-5 .platform img {
    padding: 0 0 8px;
}
.csloNav2 .GameTitleBox .gmIcon{
    vertical-align: top;
    margin-top:15px;
}
.csloNav2 .mainNav .name{
    vertical-align: top;
}
.csloNav2 .GameTitleBox .icon-arr2 {
    margin: 22px 0 0;
}
.top-warp-4 .logo {
    margin-right: 19px;
}
/*改 控制台 页头*/
/*改 控制台左侧导航 start*/
.csloNav2 .box li .icon6 {
    background-position: 0px -4px;
}
.csloNav2 .firstNav .box li .icon {
    margin-top: -2px;
}
.csloNav2 .firstNav .box li .icon5 {
    margin-top: -5px;
}
/*改 控制台左侧导航 end*/

/*改 oa页尾 start*/
.footservice .tit,
.housekeeper .tit{
    color:#7e879d;
}
.footservice li a,
.housekeeper li a{
    color:#fff;
}
.housekeeper li{
    margin:0 0 10px 0;
}
.housekeeper li a{
    position:relative;
    padding:7px 20px 7px 50px;
}
.housekeeper li a:before{
    content:"";
    width:100%;
    border:1px solid #384464;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index: -1;
    margin:auto;
    background:#313c56;
    display: none;
}
.housekeeper li a {
    background: url(/web/dist/images/7748ad21e2f0655a652899557a2a6973.png) no-repeat 20px center;
}
.housekeeper li:hover a:before{
    display: inline-block;
}
.housekeeper .tit {
    margin: 0 0 15px;
}
.newhome .housekeeper li a {
    min-height: 17px;
    height:auto;
    display: inline-block;
}
/*改 oa页尾 end*/

/*改 控制台 顶部导航 start*/
.top-warp-6{
	position: fixed;
	top:0;
	left:0;
	z-index: 100;
}
/*改 控制台 顶部导航 end*/


/*改 项目列表 start*/
.containers{
	margin-top:50px;
}
/*改 项目列表 end*/

/*改 控制台左侧导航 start*/
.csloNav .mainNav{
	position: fixed;
	top: 50px;
	left: 0;
	bottom: 0;
}
/*改 控制台左侧导航 end*/

/*改 控制台内容区域左侧导航 start*/
.csloNav .secondNav{
	position: fixed;
	top: 50px;
	left: 50px;
	bottom: 0;
}
/*改 控制台内容区域左侧导航 end*/
/*改 版本更新 start*/
.versionTxts2.versionTxts{
    height:auto;
}
.versionTxts2.versionTxts .txtBlock{
    position:static;
    width: 100%;
    height:auto;
    max-height:360px;
    padding:0;
    border:none;
}
/*改 版本更新 end*/
/*SDK管理-参数信息展示页面 start*/
.sdkVerManage{/*修复右侧内容滚动区域距离底部有空白的问题*/
    position: static;
    margin-left: 250px;
    float: none;
}
.paramInfoPage .csloText {
    top: 200px;
    left: 270px;
    right: 20px;
    padding-top: 0;
    overflow: visible;
    
}
.paramInfoPage h4{
    font-size: 16px;
}
.paramInfoPage .topInfo {
    margin-left: 250px;
}
.paramInfoPage .headerTitle {
    margin: 0 20px 10px 20px;
    padding: 20px 0;
    border-bottom: 1px solid #e4e4e4;
}
.paramInfoPage .headerTitle h4{
    text-indent: 10px;
}
.paramInfoPage .subTitle {
    text-align: center;
}
.paramInfoPage .subTitle h4 {
    line-height: 65px;
}
.paramInfoPage .subTitle p {
    color: #767676;
}
.paramInfoPage  a{
    color: #2199ED;
    cursor: pointer;
    vertical-align: baseline;
}
.paramInfoPage  a:hover{
    color: #1285ed;
}
.paramInfoPage .versionTable {
    border: none;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
}
.paramInfoPage .listTr.fixed {}
.paramInfoPage .scrollContainer {
    margin: 20px 0 0;
    position: absolute;
    width: 100%;
    bottom: 20px;
    top: 40px;
    overflow: auto;
    border-bottom: 1px solid #ececec;
}
.paramInfoPage .scrollContainer .listTr:first-child,.paramInfoPage .scrollContainer .listTr:first-child .informationTd{
    background: #fafafa;
}
.paramInfoPage .scrollContainer .listTr:first-child .informationTd{
    font-size: 12px;
}
.paramInfoPage .csloText{
    padding: 0;
}
/*版本详细信息展示文字*/
.informationDetailed .distributedTableBox div.verDetailTxt.worlds p {
    color: #777;
    font-size: 12px;
    line-height: 18px;
    white-space: pre-wrap;
    word-break: break-all;
    width: 95%;
}
.informationDetailed  .distributedTableBox  .versionTxts .txtBlock::-webkit-scrollbar{
    width: 6px;
    display: block;
}
/*参数信息展示页面 end*/

/*改 右侧内容20181220 start*/
.consoleProjectBox .main_content {
    padding-left: 280px;
    color: #303030;
}
.csloText{
    padding-left:30px;
}
/*改 右侧内容20181220 end*/
/*改 开通页面 20181220 start*/
.bg_green a {
    width: 160px;
    height: 40px;
    line-height: 40px;
    padding: 0!important;
    background: #2199ed;
    color: #fff !important;
    border-color: #2199ed;
}
.bg_green a .btn_icon{display:none;}
.bg_green a:hover {
    background: #2186ed;
    border-color: #2186ed;
}

/*改 开通页面 20181220 end*/
/*改 20181220 start*/
/*游戏存储-操作日志*/
/*.consoleProjectBox .slipBtn {    top: 30px;}*/
/*游戏存储-操作日志*/
/*改 20181220 end*/

/*改 缺省页 start*/
.emptPage img {
    transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    -moz-transform: translateY(0%);
}
.emptPage .fixdiv{
    left: 50%;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.emptPage .fixdiv p{
    font-size:14px;
    color:#2199ed;
}

/*改 缺省页 end*/

/*改 左侧导航 start(左侧导航在小屏幕下显示不全)*/
.csloNav .secondNav,
.csloNav .mainNav {
    position:absolute;
    top:0;
    bottom: 0px;
}
.csloNav2 .firstNav  {
    /*min-height: 400px;*/
}

.left_nav_container{
    position:absolute;
    left: 0px;
    top:0px;
    bottom: 0px;
}

.csloNav2 .secondNav .box p {
    color: #777;
    padding: 0 22px 0 16px;
}
.csloNav2 .secondNav li{
    color:#777;
}
/*改 左侧导航 end*/

/*改 左侧导航 弹出项目列表 start*/
/*项目名称过长问题*/
.hasGameLists li a span:nth-of-type(2){
    display: inline-block;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

/*改 左侧导航 弹出项目列表 end*/

/*20190118 start*/
.consoleProjectBox .conf_area .ifbn {
    padding: 12px 10px 0 0;
}
.bg_green a {
    height: 34px;
    line-height: 34px;
}
/*20190118 end*/
/*改 左侧导航 弹出项目列表 end*/
/*改 左侧导航 弹出项目列表 end*/

/*改 注册指引 底部页脚间距 start*/
.footer-warp-oa2 .links{
	padding: 50px 0 17px;
}
.housekeeper ul{
    max-width: 600px;
    font-size:14px;
}
.housekeeper li{
    width: 160px;
    margin: 0 5px 10px 0;
}
.footservice li{
	margin: 0 0 14px;
	height: 16px;
}
/*改 注册指引 底部页脚间距 end*/

/*增 帧同步-FPS start*/
.gcld-content-right{display:none;}
.gcld-content-right.active{display:block;}
.gcld-third-tit-span{
    font-size:12px;
    color:#a2a2a2;
}
.gcld-content-right .box li{    border-right:1px solid #e7e7e7;}
.gcld-content-right .box li:last-child{    border-right:none;}
.gcld-content-right .crashTable .p4 {    margin: 11px 0 8px;}
.gcld-content-right .crashTable .p5 {    margin: 9px 0 8px;color:#777;font-size:12px;}
.gcld-content-right ul li{width:auto;}
.gcld-content-right .versionBox{vertical-align: middle;}
.crashTrendSelct .versionBox .div {    padding: 7px;}
.gcld-input-date{
    padding: 0;
    width: 100%;
    left: 0;
    margin: 0;
    z-index: 2;
    opacity:0;
}
/*翻页条 start*/
.page4 .sp1:hover .arrowlft {    border-right-color:#2199ed;}
.page4 .sp1:hover .arrowrgt {    border-left-color:#2199ed;}
.page4 .sp3:hover{color:#2199ed;}
/*翻页条 end*/
.crashDetNum2 table tbody tr td:nth-child(n+1){width:25%;}
/*增 帧同步-FPS end*/
/*增 帧同步-卡顿分析 start*/
@media screen and (min-width:1600px) {
    .gcld-cdfx-table table tr td{width:14%;}
}
.gcld-content-right .box .gcld-lockstep-kdfx-ul li {
    width: 25%;
}
.gcld-lockstep-kdfx-ztqs li{padding:0 10px 12px;}
.gcld-quest-icon{
    display: inline-block;
    width:13px;
    height:13px;
    margin: 4px 0 0 5px;
    vertical-align: top;
    position: relative;
    /*background: url("../../images/quest.png") no-repeat -26px 0;*/
}
.gcld-quest-icon:hover{
    background-position: 0 0;
}
.gcld-bubble-box{
    position:absolute;
    top:20px;
    left:50%;
    z-index: 2;
    min-width:181px;
    max-width:220px;
    padding:12px;
    border-radius: 4px;
    background:rgba(0,0,0,.75);
    font-size:12px;
    text-align: left;
    transform: translateX(-50%);
    line-height: 22px;
    letter-spacing: 0;
    display: none;
}
.gcld-bubble-box .gcld-bubble-p{display:block;color:#fff;}
.gcld-bubble-box .gcld-arrow{
    content:"";
    display:inline-block;
    width:0;
    height:0;
    position:absolute;
    z-index: 1;
}
.gcld-bubble-box .gcld-arrow-top{
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid rgba(0,0,0,.75);
    left:50%;
    top:-4px;
    transform: translateX(-50%);
}
.gcld-quest-icon:hover .gcld-bubble-box{    display:block;}
/*bubble end*/
/*增 帧同步-卡顿分析 end*/
/*增 帧同步-活跃数据 start*/

/*增 帧同步-活跃数据 end*/
/*改 翻页条 start*/
.page4 .pageNum span:hover,
.page4 span.active{
    background:#f4f4f8;
    color:#2199ed;
}
/*改 翻页条 end*/
/*二级导航*/
.csloNav2 .secondNav .box p {
    padding: 0 22px 0 17px;
}
/*二级导航*/
/*改 控制台 右侧(选项卡) start*/
.gcld-content-right2 .crashTable ul{display:block;background:#fff;padding:0;}
.gcld-content-right2 .crashTable ul:after{
    content: '';
    display:table;
    clear:both;
}
.gcld-content-right2 .box li{
    display:inline-block;
    border:none;
    background: #fff;
    text-align: center;
    position:relative;
    float:left;
    cursor:pointer;
    width:33%;
}
.gcld-content-right2 .box li .gcld-crashtable-p{
    margin-right:10px;
    padding:18px 0;
    position: relative;
    background: #f4f4f8;
}
.gcld-content-right2 .box li:last-child .gcld-crashtable-p{    margin-right:0;}
.gcld-content-right2 .box li:last-child{    margin-right:0;}
.gcld-content-right2 .box li:after{
    content:"";
    display:inline-block;
    width:0;
    height:35px;
    margin:auto;
    border:1px solid #2199ed;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
}
.gcld-content-right2 .box .gcld-crashtable-p:before{
    content:"";
    display:inline-block;
    width:0;
    height:0;
    margin:auto;
    border-top:8px solid transparent;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    position:absolute;
    bottom:-7px;
    left:0;
    right:0;
}
.gcld-content-right2 .box li.active{background:#fff;}
.gcld-content-right2 .box li.active  .gcld-crashtable-p{background:#2199ed;}
.gcld-content-right2 .box li.active p{color:#fff;}
/*.gcld-content-right2 .box li.active:after{border-color: transparent;}*/
.gcld-content-right2 .box li.active .gcld-crashtable-p:before{border-top-color:#2199ed;}
.gcld-tab-child{display:none;}
.gcld-tab-child.active{display:block;}
.gcld-content-right2 .crashTable .p4 {    margin: 0;}
.gcld-content-right2 .crashTable .box .p5 .downIcon {
    background: url(/web/dist/images/d247e00766591e51cc22590d63d8ebbe.png) no-repeat -30px 0;
}
.gcld-content-right2 .crashTable .box li.active .p5 .downIcon {
    background: url(/web/dist/images/d247e00766591e51cc22590d63d8ebbe.png) no-repeat 0 0;
}
.gcld-content-right2 .crashTable .box .p5 .upIcon {
    background: url(/web/dist/images/b64521dc18c8a8fd215fd3f669da09d6.png) no-repeat -30px 0;
}
.gcld-content-right2 .crashTable .box li.active .p5 .upIcon {
    background: url(/web/dist/images/b64521dc18c8a8fd215fd3f669da09d6.png) no-repeat 0 0;
}
/*改 控制台 右侧(选项卡) end*/
/*游戏知几页面样式 start*/
.gameBot.main_content .fillTip{
    position: absolute;
    width: 80%;
    top: 10px;
    height: 100%;
    background: white;
}
.gameBot.main_content .fillTip p {
    text-align: center;
    margin: 10%;
}
.main_content.gameBot a {
    color: #2199ed;
    vertical-align: inherit;
    border-bottom: 1px solid;
}
.main_content.gameBot a:hover {
    color: #0079ce;
    border-color: #0079ce;
}
.main_content.gameBot .btn_sub a {
    color: white;
}
/*游戏知几页面样式 end*/

/* 改msdk页面样式 start */
.gcld-content-right2.msdk .box li{
    width:25%;
}
.crashTable .gcld-crashtable-p .p4 .sp1 span:nth-child(2) {
    font-size: 16px;
}

/* 首页弹窗 */
.o-alert-wrap{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    margin: auto;
    background:rgba(0,0,0,.7);
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    display: none;
}
.o-alert-wrap .zoom-pic{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    margin: auto;
}
.o-alert-wrap .close-icon:hover{    opacity: 1;}
.table-figure-detail{
    width:800px;
    margin:auto;
    position:absolute;
    top:50%;
    left:50%;
    z-index: 1;
    text-align: left;
    transform: translate(-50%,-50%);

}
.table-figure-detail-head{
    height: 50px;
    line-height: 50px;
    padding:0 20px;
    font-size:16px;
    background:#d8ebfa;
    color:#303030;
}
.o-close-btn{
    display: inline-block;
    width:20px;
    height:20px;
    background:url(/web/dist/images/e28a5d1cd295fb65eb5ce15232f375f9.png) no-repeat center center;
    cursor:pointer;
    position:absolute;
    top:15px;
    right:20px;
    z-index: 9;
    opacity: .7;
}
.o-close-btn:hover{ opacity:1; }
.lianlu-whitelist-add{ background:#fff;   width:800px; }
.whitelist-add-content{
    padding:20px;
}
.whitelist-add-content .add-row{
    margin-bottom:29px;
}
.whitelist-add-content .col-left{
    width:135px;
    margin-right:20px;
    line-height: 32px;
    text-align: right;
    display:inline-block;
    vertical-align: top;
}
.whitelist-add-content .col-right{
    width:530px;
    display:inline-block;
}
.whitelist-add-content .select-changed{
    height:32px;
    line-height: 30px;
}
.whitelist-add-content .o-date-group {
    width: 100%;
    background: #fff url(/web/dist/images/e31a402bb9903bd43d428be820ccf725.png) no-repeat 507px center;
}
.whitelist-add-content  .gery{
    display: inline-block;
    margin-top:5px;
    color:#ababba;
    font-size:12px;
}
.whitelist-add-content  .gery em{
    color:#ff8932;
    font-style: normal;
}
.whitelist-add-content .btn-group{
    margin-top:130px;
    text-align: center;
}
.whitelist-add-content .btn-group .o-btn{
    width:160px;
    height:40px;
    line-height:40px;
    margin:0 9px;
}
.whitelist-add-content .btn-group .o-btn:hover{    background:#2186ed;}
.o-input-twarp .input{
    height: 32px;
    line-height: 30px;
    border: none;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #e7e7e7;
}
.o-input-twarp .textarea{
	width: 100%;
	box-sizing: border-box;
	padding: 0 10px;
	height: 120px;
	line-height: 30px;
	border: 1px solid #e7e7e7;
}
.o-input-twarp ::-webkit-input-placeholder{
	color:#ababab;
}
.o-input-twarp ::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#ababab;
}
.o-input-twarp :-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#ababab;
}
.o-input-twarp :-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:#ababab;
}
.col-right .icon-tishi{
	color:#3fab17;
	vertical-align: -1px;
	font-size: 14px;
	padding-right: 4px;
}
.whitelist-add-content .login-btn-group{
	margin: 44px 0 20px;
}
.whitelist-tip {
    margin-bottom: 20px;
}
.whitelist-tip .small{
    font-size: 12px;
    color: #777777;
}

.o-btn {
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    background: #2199ed;
    color: #fff;
    cursor: pointer;
}
.o-select-wrap{    position:relative;}
.o-select-wrap .select-changed{
    border:1px solid #e7e7e7;
    padding:0 30px 0 10px;
    cursor:pointer;
    position:relative;
    background: #fff;
}
.o-select-wrap .select-changed:after{
    content:"";
    display: inline-block;
    width:30px;
    height:30px;
    background:url(/web/dist/images/e31a402bb9903bd43d428be820ccf725.png) no-repeat center center;
    position:absolute;
    top:0;
    right:0;
    z-index: 1;
}

.o-select-wrap .select-changes{
    position:absolute;
    left:0;
    right:0;
    top:32px;
    z-index: 2;
    line-height: 30px;
    border: 1px solid #e7e7e7;
    border-top: none;
    box-shadow: 0 0 5px #e7e7e7;
    background: #fff;
    /* display: none; */
    height:125px;
    overflow-y: scroll
}
.o-select-wrap .select-changes li{
    padding:0 10px;
    border-bottom: 1px solid #e7e7e7;
    cursor: pointer;
}
.o-select-wrap .select-changes li:last-child{    border:none;}
.o-select-wrap .select-changes li:hover{
    color:#2199ed;
    background:#e7e7e7;
}
/*游戏知几页面样式 start*/
.gameBot.main_content .fillTip{
    position: absolute;
    width: 80%;
    top: 10px;
    height: 100%;
    background: white;
}
.gameBot.main_content .fillTip p {
    text-align: center;
    margin: 10%;
}
.main_content.gameBot a {
    color: #2199ed;
    vertical-align: inherit;
    border-bottom: 1px solid;
}
.main_content.gameBot a:hover {
    color: #0079ce;
    border-color: #0079ce;
}
.main_content.gameBot .btn_sub a {
    color: white;
}
/*游戏知几页面样式 end*/
/*Gcloud注册项目-弹窗 下拉菜单 及hover效果优化 star*/
.o-select-wrap-02{
    position: relative;
}
.o-select-wrap-02 .select-changed-02{
    height: 36px;
    line-height: 34px;
    padding: 0 10px;
    border: 1px solid #e7e7e7;
    position: relative;
}
.o-select-wrap-02 .select-changed-02:after{
    content:"";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ababab;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.o-select-wrap-02:hover .select-changed-02:after{
    border-top: 6px solid #2199ed;
}
.o-select-wrap-02 .select-changes{
    border: 1px solid #e7e7e7;
    border-top: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    background: #fff;
    display: none;
}
.o-select-wrap-02 .select-changes li{
    padding: 0 10px;
    line-height: 34px;
}
.o-select-wrap-02 .select-changed-02:hover,
.o-select-wrap-02 .select-changes li:hover{
    color:#3293ff;
    cursor: pointer;
}
.o-select-wrap-02:hover .select-changed-02,
.o-select-wrap-02:hover .select-changes{
    border-color:#3293ff;
    display:block;
}
.o-input-twarp:hover .input::-webkit-input-placeholder { /* WebKit browsers */
    color:#303030;
}
.o-input-twarp:hover .input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#303030;
}
.o-input-twarp:hover .input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#303030;
}
.o-input-twarp:hover .input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#303030;
}
.o-input-twarp:hover .textarea::-webkit-input-placeholder { /* WebKit browsers */
    color:#303030;
}
.o-input-twarp:hover .textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#303030;
}
.o-input-twarp:hover .textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#303030;
}
.o-input-twarp:hover .textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#303030;
}
.o-input-twarp .input:hover,
.o-input-twarp .textarea:hover,
.mf_container:hover{
    border-color:#2199ed;
}

/*Gcloud注册项目-弹窗 end*/
/* gem嵌入页样式 start */
#gemIframeWrap {
    position: absolute;
    left: 50px;
    right: 0;
    top: 50px;
    bottom: 0;
    overflow: auto;
    min-width: 1030px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#gemIframeWrap iframe {
    border: none;
    width: 100%;
    height: 100%;
}

#gemIframeWrap .text {
    color: red;
}
/* gem嵌入页样式 end */
/* bugly嵌入页样式 start */
#buglyIframeWrap {
    position: absolute;
    left: 50px;
    right: 0;
    top: 50px;
    bottom: 0;
    overflow: auto;
    min-width: 1030px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#buglyIframeWrap iframe {
    border: none;
    width: 100%;
    height: 100%;
}

#buglyIframeWrap .text {
    color: red;
}
/* bugly嵌入页样式 end */
@charset "UTF-8";
/*@import url('../font/font2/iconfont.css');*/
/*@import url('css_2_module/page_sidebar.css');*/
/*@import url('css_2_module/engineers_css.css');*/




/*body {
    font-family: Georgia, sans-serif;
    padding: 40px;
}*/

div#container {
    margin: auto;
    width: 780px;
}

a {
    color: #000000;
}

em {
    busy .gif font-style: italic;
}

h1 {
    font-size: 1.8em;
    margin-bottom: 40px;
}

h2 {
    color: #C0C0C0;
    font-size: 1.2em;
    margin: 20px 0;
}

ol#examples {
    list-style-type: square;
    margin-left: 20px;
}

    ol#examples li {
        line-height: 1.4em;
        margin-bottom: 20px;
    }

form img {
    display: none;
    margin: 5px 0 0 10px;
    vertical-align: top;
}

form.mf_busy img {
    display: inline;
}

pre {
    line-height: 1.4em;
}

/*** Manifest ***/

/* Manifest container that wraps the elements and now acts as, and should be
   styled as, the input. */
div.mf_container {
    border:1px solid #ddd;
    /* border-bottom: 1px solid #ddd; */
    cursor: text;
    display: inline-block;
    width: 100%;
    background: #fff;
    /* border-radius: 3px; */
    min-height: 32px;
}

    /* Ordered list for displaying selected items. */
    div.mf_container ol.mf_list {
        display: inline;
    }

        /* Selected item, regardless of state (highlighted, selected). */
        div.mf_container ol.mf_list li.mf_item {
            cursor: pointer;
            display: inline-block;
            margin: 2px;
            /* padding: 2px 4px 3px; */
            font-size: 14px;
            vertical-align: top;
            margin-top: 6px;
            background-color: #eff2f7;
            border: 1px solid #ccd5e4;
            border-radius: 5px;
        }

.mf_itemError {
    color: red;
}

/* Selected item that's highlighted by mouseover. */
div.mf_container ol.mf_list li.mf_item.mf_highlighted {
    background-color: #E0E0E0;
}

/* Selected item that's selected by click or keyboard. */
div.mf_container ol.mf_list li.mf_item.mf_selected {
    background-color: #C0C0C0;
}

/* Remove link. */
div.mf_container ol.mf_list li.mf_item a.mf_remove {
    color: #E0E0E0;
    margin: 5px;
    text-decoration: none;
}

/* Remove link that's highlighted. */
div.mf_container ol.mf_list li.mf_item.mf_highlighted a.mf_remove {
    color: #FFFFFF;
}

/* Remove link that's selected. */
div.mf_container ol.mf_list li.mf_item.mf_selected a.mf_remove {
    color: #FFFFFF;
}

/* Actual input, styled to be invisible within the container. */
div.mf_container input.mf_input {
    border: 0;
    font: inherit;
    /* font-size: 100%; */
    /* margin: 2px; */
    outline: none;
    padding: 2px;
    font-size: 14px;
    color: #333;
    min-width: 10px;
}

/*** Marco Polo ***/

/* Ordered list for display results. */
ol.mp_list {
    background-color: #FFFFFF;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    overflow: hidden;
    position: absolute;
    width: 498px;
    z-index: 99999;
}

    /* Each list item, regardless of success, error, etc. */
    ol.mp_list li {
        border-bottom: 1px solid #C0C0C0;
        padding: 4px 4px 5px 9px;
    }

        /* Each list item from a successful request. */
        ol.mp_list li.mp_item {
        }

        /* Each list item that's selectable. */
        ol.mp_list li.mp_selectable {
            cursor: pointer;
        }

        /* Currently highlighted list item. */
        ol.mp_list li.mp_highlighted {
            background-color: #E0E0E0;
        }

        /* When a request is made that returns zero results. */
        ol.mp_list li.mp_no_results {
        }

        /* When a request is made that doesn't meet the 'minChars' length option. */
        ol.mp_list li.mp_min_chars {
        }

        /* When a request is made that fails during the ajax request. */
        ol.mp_list li.mp_error {
        }

@charset "UTF-8";
/* ------------------ public start! ------------------ */
*{
	padding:0;
	margin:0;
}
li {
	font-size: 14px;
	word-break: break-word;
}
i{
	font-style:normal;
}
body {
	font-family:'PingFangSC-Light','helvetica neue','hiragino sans gb',arial,'microsoft yahei ui','microsoft yahei',simsun,sans-serif !important;
	color: #474747;
    /* min-width: 1200px; */
}
a{
	text-decoration:none;
	-webkit-transition: all .15s ease-in;
	-moz-transition: all .15s ease-in;
	transition: all .15s ease-in;
}
a img{
	border:none;
}
a:focus {
	outline:none;
	-moz-outline:none;
}
input{
	outline:none;
}
li{
	list-style:none;
}
.clear:after,
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
p {
	font-size:14px;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track-piece {
    background-color: #f4f4f4;
}

::-webkit-scrollbar-thumb {
    background: #e0e4e7;
	min-height: 50px; /* ------> 20200706 国际化注册项目弹窗更改中调整 */
    min-width: 150px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:vertical:hover {
    background: #d9dfe5;
}

::-webkit-scrollbar-thumb:horizontal:hover {
    background: #dee2e6;
}
/* ------------------ public end! ------------------ */
/* ------------------ 适配 start! ------------------ */
/* @media only screen and (max-width: 1024px){
	body{
		min-width: 1024px;
	}
} */
/* @media only screen and (max-width: 768px){
	body{
		min-width: 318px;
	}
} */
/* ------------------ 适配 end! ------------------ */

@charset "UTF-8";
/* 背景颜色 star */
.b-bg-f7f7f7{
	background:#f7f7f7;
}
/* 背景颜色 end */
/* 文案颜色 start */
.b-cr-orange{
	color:#ff8932;
}
.b-cr-blue{
	color:#2199ed;
}
.b-cr-grey{
	color:#ababab;
}
/* 文案颜色 end */
/* 间距模块 star */
.b-height72-box{
	height:72px;
}
/* 间距模块 end */
/* margin start */
.b-margin--b-ov-30px{
	margin-bottom:-30px
}
/* margin end */
/* display start */
.b-inline-block{
	display:inline-block;
}
/* display end */
/* align start */
.b-text-center{
	text-align:center;
}
/* align end */
/* padding start */
.b-padding-0{
	padding: 0 !important;
}
.b-padding-b-24px{
	padding-bottom:24px !important;
}
/* padding end */
@charset "UTF-8";
/* 通用全局布局 star */
.l-content-warp .l-content-box{
	width:1240px;
	box-sizing: border-box;
	padding: 0 20px;
	margin: 0 auto;
}
/* 通用全局布局 end */
/* flex star */
.l-flex-box{
	display: flex;
}
.l_flex-1_box{
	flex:1;
}
/* flex end */

/* 适配调整 star */
@media only screen and (max-width: 1240px){
	.l-content-warp .l-content-box{
		width: 100%;
	}
}
/* 适配调整 end */

@charset "UTF-8";
/* 按钮 star */
.c-btn,
.c-btn-defaule{
    display: inline-block;
    font-size: 14px;
    color: #303030;
    border: 1px solid #999;
    padding: 10px 24px;
    border-radius: 4px;
}
.c-btn:hover,
.c-btn-defaule:hover{
    color: #2199ed;
    border-color: #2199ed;
    background:#f2f8fc;
}
.c-btn-border-white{
    color: #fff;
    border-color: #fff;
}
.c-btn-border-white:hover{
	background:none;
}
/* 按钮 end */
/* 按钮-不可用状态 start */
.c-btn__disable{
	background: #ebebeb !important;
    color: #bcbcbc !important;
}
.c-btn__disable:hover{
	cursor:unset;
}
/* 按钮-不可用状态 end */
/* 按钮链接 start */
.c-btn.c-btn-link{
	padding:0;
	border:none;
    color: #2199ed;
}
.c-btn.c-btn-link:hover{
    color: #3dadfc;
	background:none;
}
/* 按钮链接 end */

@charset "UTF-8";
/* 模块标题 star */
.c_module-title_box{
    text-align: center;
    padding: 40px 0 24px;
}
.c_module-title_box h5{
    font-size: 30px;
    font-weight: normal;
}
.c_module-title_box .en{
    margin: 5px 0 0;
    font-size: 15px;
    color: #bfbfbf;
    text-transform: uppercase;
}
/* 模块标题 end */
/* ICON图文详情 star */
.c_icon-info_box{
    display: flex;
    width: 100%;
}
.c_icon-info{
    text-align: center;
    padding-top: 32px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.c_icon-info .icon-img{
    display: inline-block;
    padding-bottom: 16px;
}
.c_icon-info .icon-info_text-box{
    width: 240px;
}
.c_icon-info .name{
    font-size: 20px;
    padding-bottom: 10px;
    display: block;
}
.c_icon-info .text{
    color: #ababab;
    line-height: 20px;
    margin: 0 auto;
    letter-spacing: 0.8px;
}
/* ICON图文详情 end */
/* 帮助文档 text-link start */
.c_text-link_box{
	display: flex;
	align-items: center;
	padding: 24px 0 72px;
	width: 100%;
}
.c-text-link{
    text-align: center;
    flex: 1;
    border-right: 1px solid #ededed;
}
.c-text-link:last-child{
	border:none;
}
.c-text-link .link{
    font-size: 16px;
    color: #303030;
}
.c-text-link .link:hover{
	text-decoration: underline;
}
.c-text-link .text{
    font-size: 14px;
    color: #ababab;
    padding-top: 8px;
}
/* 帮助文档 text-link end */
/* 背景翻白标签 start */
.c-tip,
.c-tip .c-tip-default{
	font-size: 16px;
	padding: 6px 16px;
	background:#2199ed;
	border-radius: 2px;
	vertical-align: middle;
	margin:0 4px;
}
/* 背景翻白标签 end */
/* 输入框 start */
.c-input-box{
    display: flex;
    align-items: center;
    height: 48px;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
}
.c-input-box .name{
    width: 96px;
    padding-left: 20px;
    text-align: left;
    position: relative;
    box-sizing: border-box;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.c-input-box .name:after{
	content:"";
	display:inline-block;
	width:1px;
	height:20px;
	background: #e7e7e7;
	position:absolute;
	right:0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.c-input-box .input{
    border: none;
    margin-left: 20px;
    font-size: 14px;
    flex: 1;
    line-height: 46px;
    color: #303030;
}
.c-input-box .input:focus{
    color: #474747;
}
/* ---------->验证码 start */
.c-input-box .code-link{
width: 120px;
height: 48px;
line-height: 48px;
border: 1px solid #e7e7e7;
margin-right: -1px;
font-size: 14px;
text-align: center;
cursor: pointer;
user-select: none;
}
.c-input-box .code-link:hover{
	background: #f0f9ff;
    border: 1px solid #2199ed;
}
/* ---------->验证码 end */
/* ---------->带下拉框 start */
.c-input-box.is-select{
	cursor:pointer;
	position:relative;
	padding-right: 32px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
.c-input-box.is-select:after{
	content:"";
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #757575;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	margin: auto;
}
.c-input-box.is-select .p-selected{
	
margin-left: 20px;
	
color: #303030;
	
font-size: 14px;
	
flex: 1;
	
text-align: left;
	
max-width: 280px;
	
overflow: hidden;
	
text-overflow:ellipsis;
	
white-space:nowrap;
}
.c-input-box.is-select + .selecting{
	border: 1px solid #e7e7e7;
	line-height: 48px;
	text-align: left;
	cursor: pointer;
	position: absolute;
	left: 0;
	right: 12px;
	top: 49px;
	background: #fff;
	display: none;
	user-select: none;
	z-index: 88;
}
.c-input-box.is-select + .selecting p{
	padding:0 20px;
	max-width: 100%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.c-input-box.is-select + .selecting p:hover{
	background:#f7f7f7;
}
/* ---------->带下拉框 end */
/* ---------->外层带下拉框 start */
.c-input-box + .c-input-selecting-box{
    text-align: left;
    position: absolute;
    top: 47px;
    z-index: 33;
    left: 108px;
    right: 12px;
    display: none;
}
html[lang='en'] .c-input-box + .c-input-selecting-box{
    left: 154px;
}
.c-input-box + .c-input-selecting-box .selecting{
	display: block;
	background: #fff;
	border: 1px solid #e7e7e7;
	max-height: 320px;
	overflow: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
.c-input-box + .c-input-selecting-box .selecting p{
	padding: 16px 16px;
	line-height: 1;
	cursor: pointer;
	box-sizing: border-box;
	display: inline-flex;
	width: 100%;
}
.c-input-box + .c-input-selecting-box .selecting p .nub{
	display: inline-block;
	width: 54px;
	border-right: 1px solid #e7e7e7;
	margin-right: 16px;
	white-space: nowrap;
	box-sizing: unset;
}
.c-input-box + .c-input-selecting-box .selecting p:hover{
	background: #f7f7f7;
}
/* ---------->外层带下拉框 end */
/* 输入框 end */
/* 下拉框 start */
.c-select-box{
    padding: 0 16px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.c-select-box:after{
	content:"";
	display: inline-block;
	width: 4px;
	height: 4px;
	border-left: 1px solid #757575;
	border-bottom: 1px solid #757575;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}
.c-select-box .selected{
    line-height: 48px;
}
.c-select-box .selecting{
    position: absolute;
    background: #fff;
    top: 48px;
    border: 1px solid #e7e7e7;
    left: 0;
    right: -4px;
    z-index: 1;
    text-align: left;
    display: none;
}
.c-select-box .selecting p{
    padding: 0 16px;
    line-height: 32px;
}
.c-select-box .selecting p:hover{
	background:#f7f7f7;
}
/* 下拉框 end */
/* radio start */
.c-radio-box{
    display: inline-block;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}
.c-radio-box .radio-label{
	display: inline-block;
	vertical-align: middle;
}
.c-radio-box .input-radio{
    position: relative;
    width: 14px;
    height: 14px;
    filter: alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.c-radio-box .input-be-after:before,
.c-radio-box .input-be-after:after{
    content:"";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 16px;
}
.c-radio-box .input-be-after:before{
    border: 1px solid #c4c4c4;
    border-radius: 50%;
    background: #fff;
}
.c-radio-box .input-be-after:after{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #2199ed;
	left: 5px;
	display:none;
}
.c-radio-box .radio-label input[type="radio"]:checked + .input-be-after:after{
	display:inline-block;
}
.c-radio-box .radio-label input[type="radio"]:checked + .input-be-after:before{
    border-color:#2199ed;
}
.c-radio-box .radio-line-p{
    display: flex;
    align-items: center;
    position: relative;
}
.c-radio-box .radio-name{
    padding-left: 10px;
}
.c-radio-box .radio-tips{
    display: inline-block;
    background: #ff8932;
    color: #fff;
    padding: 0 4px;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    margin-left: 8px;
}
.c-radio-box .radio-tips:after{
	content:"";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 6px solid #ff8932;
	position: absolute;
	left: -5px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.c-radio-box .c_text-tips_inline-box{
	padding-top:0;
}
.c-radio-box .radio-label.b_margin-r-8 + .c_tip-block_box{
	margin-left:-6px;
}
/* radio end */
/* radio/checkbox -tips start */
.radio-tip{
    font-size: 12px;
    padding: 2px 4px;
    color: #f7fcff;
    background: #2199ed;
    position: relative;
    margin-left: 8px;
    line-height: 1;
    border-radius: 4px;
}
.radio-tip:after{
	content:"";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 6px solid #2199ed;
	position: absolute;
	left: -4px;
	top: 0;
	bottom: 0;
	margin: auto;
}
/* radio/checkbox -tips end */
/* radio/checkbox -red-tips start */
.radio-tip__red{
    font-size: 12px;
    padding: 2px 4px;
    color: #f7fcff;
    background: #ff4f58;
    position: relative;
    margin-left: 8px;
    line-height: 1;
    border-radius: 4px;
}
.radio-tip__red:after{
	content:"";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 6px solid #ff4f58;
	position: absolute;
	left: -4px;
	top: 0;
	bottom: 0;
	margin: auto;
}
/* radio/checkbox -red-tips end */
/* radio-disabled不可用状态 start */
.c-radio-box-disabled .input-be-after:before{
	background: #f4f4f4;
}
/* radio-disabled不可用状态 end */
/* checkbox-disabled选中下-不可用状态 start */
.c-checked-radio-disabled .input-be-after:after{
	display:inline-block;
	background:#c4c4c4
}
.c-checked-radio-disabled .radio-label input[type="radio"]:checked + .input-be-after:before {
    border-color: #c4c4c4;
}
/* checkbox-disabled选中下-不可用状态 end */

/* checkbox start */
.c-checkbox-box{
    display: inline-block;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}
.c-checkbox-box .checkbox-label{
	display: inline-block;
	vertical-align: middle;
}
.c-checkbox-box .input-checkbox{
    position: relative;
    width: 14px;
    height: 14px;
    filter: alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.c-checkbox-box .input-be-after:before,
.c-checkbox-box .input-be-after:after{
    content:"";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0px;
    margin: auto;
    width: 16px;
    height: 16px;
}
.c-checkbox-box .input-be-after:before{
    border: 1px solid #c4c4c4;
    border-radius: 2px;
    background: #fff;
}
.c-checkbox-box .input-be-after:after{
	width: 8px;
	height: 5px;
	border-left: 2px solid #2199ed;
	border-bottom: 2px solid #2199ed;
	display:none;
	transform: rotate(-45deg);
	-ms-transform:rotate(-45deg);  /* IE 9 */
	-moz-transform:rotate(-45deg);  /* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
	-o-transform:rotate(-45deg);  /* Opera */
}
.c-checkbox-box .input-be-after:after{
	bottom:1px;
	left: 4px;
}
.c-checkbox-box .checkbox-label input[type="checkbox"]:checked + .input-be-after:after{
	display:inline-block;
}
.c-checkbox-box .checkbox-label input[type="checkbox"]:checked + .input-be-after:before{
    border-color:#2199ed;
}
.c-checkbox-box .checkbox-line-p{
    display: flex;
    align-items: center;
    position: relative;
}
.c-checkbox-box .checkbox-name{
    padding: 0 10px;
}
.c-checkbox-box .checkbox-tips{
    display: inline-block;
    background: #ff8932;
    color: #fff;
    padding: 0 4px;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    margin-left: 8px;
}
.c-checkbox-box .checkbox-tips:after{
	content:"";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 6px solid #ff8932;
	position: absolute;
	left: -5px;
	top: 0;
	bottom: 0;
	margin: auto;
}
/* checkbox end */
/* checkbox-disabled不可用状态 start */
.c-checkbox-box-disabled .input-be-after:before{
    background: #f4f4f4;
}
/* checkbox-disabled不可用状态 end */
/* checkbox-disabled选中下-不可用状态 start */
.c-checkedbox-box-disabled .input-be-after:after{
	display:inline-block;
	border-left: 2px solid #c4c4c4;
	border-bottom: 2px solid #c4c4c4;
}
.c-checkedbox-box-disabled .checkbox-label input[type="checkbox"]:checked + .input-be-after:before{
    border-color:#c4c4c4;
}
/* checkbox-disabled选中下-不可用状态 end */
@media only screen and (max-width: 768px){
	.c_module-title_box h5{
		font-size:24px
	}
	.c_module-title_box .en{
		font-size:12px
	}
    .c_icon-info_box{
		display: block;
	}
	.c_icon-info{
		flex-direction: row;
		justify-content: center;
		align-items: flex-start;
		padding: 24px 0;
		border-bottom: 1px solid #e3e3e3;
	}
	.c_icon-info .icon-info_text-box{
		text-align: left;
		padding: 0 2% 0 8%;
		width: auto;
		flex: 1;
	}
	.c_icon-info .name{
		font-size:18px;
	}
	.c_icon-info_box + .c_icon-info_box{
		padding-top:0;
	}
	.c_text-link_box{
		flex-direction: column;
		padding-bottom:40px;
	}
	.c-text-link{
		padding-bottom:32px;
		border: none;
	}

}
@charset "UTF-8";
@charset "UTF-8";
/* 语言选择按钮 start */
/* select start */
.c-select-box {
  display: flex;
  user-select: none;
}

.c-select-box .select-name {
  padding-right: 20px;
  width: 140px;
  text-align: right;
  box-sizing: border-box;
}

.c-select-box .select-name p {
  line-height: 30px;
}

.c-select-box .select-content {
  flex: auto;
}

.c-select-box .input-tips {
  color: #ababab;
  padding-top: 8px;
}

.c-select-div {
  width: 160px;
  position: relative;
  background: #fff;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  cursor: pointer;
}

.c-select-div a {
  display: flex;
  align-items: center;
  font-size: 12px;
  box-sizing: border-box;
  padding: 6px 10px;
  color: #303030;
  line-height: 1.5;
}

.c-select-div .selected-li-box {
  position: relative;
  border: 1px solid #e7e7e7;
  height: 32px;
}

.c-select-div .selected-li-box a {
  position: absolute;

  left: 0;

  right: 16px;

  top: 0;

  bottom: 0;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  display: flex;

  align-items: center;
}

.c-select-div .selected-li-box:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 2px;
  margin: auto;
  width: 8px;
  height: 8px;
  border-left: 1px solid #777777;
  border-bottom: 1px solid #777777;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -moz-transform: rotate(-45deg);
  /* Firefox */
  -webkit-transform: rotate(-45deg);
  /* Safari �� Chrome */
  -o-transform: rotate(-45deg);
}

.c-select-div .select-li-box {
  display: flex;
  flex-direction: column;
  border: 1px solid #e7e7e7;
  margin-top: -1px;
  position: absolute;
  background: #fff;
  left: 0;
  right: 0;
  top: 100%;
  display: none;
  z-index: 99;
  box-shadow: rgba(0, 0, 0, 0.128) 0 0 8px;
}

.c-select-div .select-li-box a {
  border: none;
}

.c-select-div .select-li-box a:hover {
  background: #f7f7f7;
}

.c-select-box .select-tips {
  color: #ababab;
  padding-top: 8px;
}

/* select end */
/* select is-large start */
.c-select-div.is-large .selected-li-box {
  height: 40px;
}
.c-select-div.is-large a {
  min-height: 40px;
}
/* select is-large end */
@charset "UTF-8";

/*# sourceMappingURL=13.efa84fd145603bc34298.css.map*/