@charset "UTF-8";
/*******************
@page：cross-set
@author  ：v_zmwu
********************/

body{word-wrap:break-word;font:12px/1.5 "microsoft yahei",Tahoma,Arial;}

/*滚动条*/
::-webkit-scrollbar{ width:10px; height:10px; background:transparent;}
::-webkit-scrollbar-button{ width:0; height:0; }
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{ display:block; }
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement { display:none; }
::-webkit-scrollbar-corner{ display:block; }
::-webkit-scrollbar-thumb {background-clip:padding-box;background-color: #aeaeae;border-radius:10px;}
::-webkit-scrollbar-thumb:hover {background-clip:padding-box;background-color:rgba(163, 163, 163, 0.4);border-radius:10px;}
::-webkit-scrollbar-track:hover {background-clip:padding-box;}
/*竖向滚动-占位*/
.scroll-y{overflow-x:hidden;overflow-y:scroll;}
/*竖向滚动-不占位*/
.auto-y{overflow-x:hidden;overflow-y:auto;}
/*隐藏*/
.hide{display:none !important;}
/* 弹性布局 */
/*行*/
.fr-row,.fr-row-v{display:-webkit-box;}
.fr-row-v{-webkit-box-orient:vertical;}
.fr-col-flex{-webkit-box-flex:1;}
/*弹层*/
/*.tui-popbox{background:#262A38;border:1px solid #353335;}*/
/*.tui-popbox .popbox-hd{height: 40px;}*/
/*.tui-popbox .popbox-hd .title{padding: 0 28px;height: 40px;line-height: 40px;text-indent: 10px;font-size: 14px;font-weight: bold;background: #353335 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAG0lEQVQImWN0cXL5//r1awam169fMzAwMDAAAE8bB0+9SSb0AAAAAElFTkSuQmCC);color: #f0f0f0;font-weight: bold}*/
/*.tui-popbox .popbox-hd .title:after{position: absolute;content: "";width: 13px;height: 13px;top: 14px;left: 14px;background: url(../../../images/pcg/cross/sprites/icon-cross-set.png?__sprite) no-repeat;}*/
/*.tui-popbox .popbox-hd .btn-close{color: #e6e6e6}*/
.tui-select .dropdown-toggle{background:#FFFFFF;padding-left: 10px}
.tui-select .tx-wrong{color: #f64949}
.tui-select .dropdown-menu li .tx-wrong{color: #f64949}
.tui-select .tx-gray{color: rgba(60,60,60,0.5)}
.tui-select .dropdown-menu li .tx-gray{color: rgba(60,60,60,0.5)}


/*表单*/
.tui-popbox .form .form-group{display:-webkit-box;-webkit-box-align:start;font-size:14px;color: #3c3c3c;margin:12px 0;font-size:12px;}
.tui-popbox .form .form-group:first-child{margin-top: 0}
.tui-popbox .form .form-group .form-label{width:80px;display:block;text-align:left;font-size:14px;}
.tui-popbox .form .form-group .ipt{width:145px;height:23px;border:1px solid #aeaeae;background:rgba(255,255,255,1);padding:5px;color:#3c3c3c;font-size:13px;}
.tui-popbox .form .form-group .tx-wrong{color:rgba(246,40,40,1);padding-left:10px;font-size: 12px;height: 23px;line-height: 23px}

/* 内容区 */
.tui-popbox .popbox-bd .form .mod:last-child{border-bottom: none}
.tui-popbox .popbox-bd .set-tab{width:140px;height:430px;background: #ededed}
.tui-popbox .popbox-bd .set-tab li{display:block;height:50px;line-height:50px;cursor:pointer;font-size:14px;background: #ededed}
.tui-popbox .popbox-bd .set-tab li a{padding-left:30px;color:rgba(60,60,60,1);display: block}
.tui-popbox .popbox-bd .set-tab li.cur{background: #f9f9f9}
.tui-popbox .popbox-bd .set-tab li.cur:before{content: "";width: 6px;height: 6px;background: #2f2d2f;display: inline-block;border-radius: 50%;margin-left: 17px;position: absolute;margin-top: 22px}
.tui-popbox .popbox-bd .con{-webkit-box-flex:1;height:430px;background: #f9f9f9;padding:15px 0 14px 30px;}
.tui-popbox .popbox-bd .con h3{font-size:14px;margin-bottom:10px;display: inline-block;float: left;width: 90px;font-weight: bold}
.tui-popbox .popbox-bd .con h3 a,.cross-set .tui-popbox .popbox-bd .con h3 a:hover{color: #3c3c3c;font-weight: normal;}
.tui-popbox .popbox-bd .con .form-wrapper{height:405px;}
.tui-popbox .popbox-bd .con .form .form-group .form-label{width:120px;}
.tui-popbox .popbox-bd .con .mod{margin-bottom:19px;padding-bottom: 20px}
.tui-popbox .popbox-bd .con .mod:last-child{margin-bottom:0;}
.tui-popbox .popbox-bd .con .content-box .form-group .tui-select .dropdown-toggle span{padding-left:0;}


.tui-popbox .popbox-bd .con .mod:nth-child(2) label.form-group{width: 100%;float:left;margin: 5px 0}
.tui-popbox .popbox-bd .con .mod:nth-child(2) label.form-group:first-child{float: none}
.tui-popbox .popbox-bd .con .mod:nth-child(2) label.form-group:nth-child(1){margin-top: 0}
.tui-popbox .popbox-bd .con .mod:nth-child(2) .input-box .form-group{clear: both}
/*.tui-popbox .popbox-bd .con .mod:nth-child(2) label.form-group:nth-child(4),.tui-popbox .popbox-bd .con .mod:nth-child(2) label.form-group:nth-child(5){margin-bottom: 15px}*/



.tui-popbox .popbox-bd .con .content-box{width: 360px;display: inline-block;margin-left: 20px;padding-top: 10px;}
.tui-popbox .popbox-bd .con .content-box:before{content: "";width: 100%;height: 1px;border-bottom: 1px solid #e8e8e8;position: relative;margin-bottom: 16px;display: block;}
.tui-popbox .popbox-bd .con .val{padding-left: 10px}
.tui-popbox .popbox-bd .con .wrong input{border-color: #f64949;background: #fff9f9}
.tui-popbox .popbox-bd .con .wrong input:focus{border-color: #f64949;background: #fff9f9}
.tui-popbox .popbox-bd .con input:focus{border-color: #000;}
.tui-popbox .popbox-bd .con .content-box .form-group{font-size: 14px}
.tui-popbox .popbox-bd .con .content-box .form-group span{color: rgba(60,60,60,0.6);padding-left: 22px;display: inline-block}
.tui-popbox .popbox-bd .con .content-box .cloud-txt{font-size: 14px;color: #3c3c3c;padding-right: 5px}
.tui-popbox .popbox-bd .con .content-box .btn{font-weight: bold;margin: 0 5px}
.tui-popbox .popbox-bd .con .content-box .cloud-box{margin-top: -10px}
.tui-popbox .popbox-bd .con .content-box .game-box.cloud-box{margin-top: 0}

/* 底部区 */
.cross-set{width:100%;}
/*.cross-set .popbox-bd .form{padding-bottom:325px;}*/
.cross-set .test-branch .form-row-tit{font-size:14px;margin-bottom:10px;}
.cross-set .test-branch .tips{color:rgba(60,60,60,0.6);font-size:14px;padding-top:5px;}
.cross-set .test-branch .tui-select{width: 270px}
.cross-set .popbox-ft{position:relative;padding:10px 15px;display:-webkit-box;height: 50px}
.cross-set .popbox-ft .operate{width:300px;padding-top:1px;position:absolute;right:12px;top:10px;}
.cross-set .popbox-ft .txt-reset{line-height:17px;border-bottom:1px dashed #8c8c8c;color: #8c8c8c;position:relative;top:4px;}
.cross-set .popbox-ft .txt-reset:hover{border-bottom:1px dashed #5e5e5e;color: #5e5e5e}

/*切换密码*/
.popbox--test-branch{width:468px;}
.popbox--test-branch .form,
.popbox--test-branch .form-row{padding:25px 40px 22px;}
.popbox--test-branch .form .form-group .form-label,
.popbox--test-branch .form-row .form-group .form-label{width:100%;margin-bottom: 6px;font-size: 14px;font-weight: bold;color: #333;display: block;}
.popbox--test-branch .form-group .tx-wrong{color: #f64949;}
.popbox--test-branch .ipt{width: 324px;}

/*云存档提示*/
.popbox--cloud-save .form,
.popbox--cloud-save .form-row{padding:27px 40px 98px;    background: #f9f9f9;}
.popbox--cloud-save .label-tit{font-size: 14px;font-weight: bold;margin-bottom: 12px;}
.popbox--cloud-save .form-label{margin-bottom: 6px;display: block;}
.popbox--cloud-save .dropdown-menu{height: 87px;}

/*启动命令行*/
.cross-set .start-doc .input-box .val{padding-left:0;}
.cross-set .start-doc .input-box .ipt{width:270px;}
.cross-set .start-doc .input-box .tips{color:rgba(60,60,60,0.6);font-size:14px;padding-top:5px;}

/*应用昵称*/
.cross-set .set-nickname .form-row-tit{font-size: 14px;margin-bottom: 10px;}
.cross-set .set-nickname .input-box .val{padding-left: 0;display:flex;}
.cross-set .popbox-bd .con .set-nickname input{display:block;width: 150px;}
.cross-set .set-nickname-tips{display:block;position: relative;flex:1;height: 24px;line-height:24px;padding-left:8px;color:#757575;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cross-set .set-nickname-tips .icon{position: absolute;left:4px;top:50%;margin-top: -8px;opacity: 0.4;display: none;}
.cross-set .set-nickname .input-box .wrong .set-nickname-tips{color:rgba(246,40,40,1)}
.cross-set .set-nickname .input-box .tips{color: rgba(60,60,60,0.6);font-size: 12px;padding-top: 5px;}
.cross-set .set-nickname .input-box .tips.wrong{color:rgba(246,40,40,1)}