/*弹窗样式*/
* { margin:0; padding:0; font-family: "Microsoft YaHei" }
body { margin:0; padding:0; list-style: none;  }
.mbody { }
ul,li,ol,dl,dd,h1,h2,h3,h4,h5,h6,form { margin:0; padding:0; }
/*灰色*/
.gray { color:#888 !important; }
.gray:hover { color:#f00; }
.sgray { color:#888 !important; }
/*红色*/
.red { color:#e4393c !important; text-decoration:none; }
/*深红*/
.crimson { color:#c30000 !important; text-decoration:none; }
/*橙色*/
.orange { color:#f60 !important; text-decoration:none; }
.orange:hover { color:#f30; }
/*蓝色*/
.blue { color:#08f !important; text-decoration:none; }
.blue:hover { color:#05f; }
.blues { color:#0075b9 !important; text-decoration: underline; }
/*深蓝*/
.navy { color:#004986 !important; text-decoration:none }
/*绿色*/
.green { color:#008000 !important; text-decoration:none; }
/*粉红*/
.pink { color:#e5004f !important; text-decoration:none; }
/*黄色*/
.yellow {color:#f0e928 !important; text-decoration:none; }
/*紫色*/
.purple{color:#9c27b0 !important;text-decoration: none;}

.clear { clear:both !important; }
/*公共按钮样式*/
.button-red { border:solid 1px #f30 !important; background:#f30 !important; color:#fff !important; }
.button-red:hover { background:#c30000 !important; border:solid 1px #c30000 !important; }

.button-green { border:solid 1px #68ac1b !important; background:#68ac1b !important; color:#fff !important; }
.button-green:hover { background:#038839 !important; border:solid 1px #038839 !important; }

a { outline:none !important; }
a:focus { text-decoration: none !important; }

.none { display: none; }

.zbody { width:100%; height: 100%; position:fixed; left: 0; top: 0; z-index: 998; background:#000; opacity: 0.1; filter:alpha(opacity=10);  }
.zbodys { width:100%; height: 100%; position:fixed; left: 0; top: 0; z-index: 9998; background:#000; opacity: 0.1; filter:alpha(opacity=10);  }
.bpop { width:auto; height: auto; min-width: 200px; max-width: 99%; max-height: 99%; position: fixed; left: 0; top: 0; border:solid 1px #999; border-top:solid 1px #3091f2; box-shadow: 0px 0px 10px 1px #999; background:#fff; z-index: 9999;
	transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -webkit-transform:scale(0);
	transition:transform 0.1s; -moz-transition:transform 0.1s; -o-transition:transform 0.1s; -webkit-transition:transform 0.1s;
 }
.bpop .bpop-center { width: auto; height: auto; padding:0px 0 15px 0; border:solid 1px #fff; border-top:solid 2px #3091f2; }
.bpop .bpop-title { width:100%; height:44px; line-height: 44px; border-bottom:solid 1px #ddd; padding:0 15px; font-size:16px !important; font-weight: 400; color:#000; font-family: "黑体"; text-align: left; }
.bpop .bpop-body { width:100%; min-width: 350px; min-height: 80px; height: auto; line-height: 24px; padding:15px 20px; font-size:16px !important; color:#333; letter-spacing: 1px; }
.bpop .bpop-btn { width:100%; height: 38px; padding:0 15px; text-align: right; font-size:14px; }
.bpop .bpop-btn .btn-item { display: inline-block; border:solid 1px #ccc; padding:7px 20px; margin:0 0 0 10px; background:#f5f5f5; color:#333; float: right; }
.bpop .bpop-btn .btn-item-blue { background:#3091f2; border:solid 1px #3091f2; color:#fff; }
.bpop .bpop-btn .btn-item:hover { opacity: 0.9; cursor: pointer; }
.bpop .bpop-btn .btn-item:active { box-shadow: 0px 0px 10px #ccc inset; }
.bpop .bpop-btn .btn-item-blue:active { box-shadow: 0px 0px 10px rgba(0,0,0,0.4) inset; }
.bpop-css3 {
	transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
}
.bpop-load { position: fixed; left: 0; top: 0; width:60px; height: 24px; background:url(../image/loading-0.gif) no-repeat center; z-index: 9999; }

.bpop-tip { position: fixed; left: 0; top: 0; width:auto; height: auto; background:#fff; z-index: 9999; }
.bpop-tip .bpop-tip-center { padding:7px 12px 7px 10px; border:solid 1px #ccc; color:#555; font-size:14px !important; }
.bpop-tip .bpop-s { display: inline-block; width:36px; height: 36px; background:url(../image/bpop-status.png) no-repeat left top; float: left; margin-right:10px; }
.bpop-tip .bpop-t { background-position: left -36px }
.bpop-tip .bpop-n { background-position: left -72px }
.bpop-tip .bpop-font { display: inline-block; width:auto; height: 36px; line-height: 36px; float: left; }
.bpop-tip .bpop-clear { clear:both; }

/*弹窗函数样式*/
#dpop { position:fixed; width:400px; height:250px; background:#ecf0f5; z-index:901; box-shadow:0px 0px 20px #555; overflow: hidden; }
#dpop .dpop_title { position:relative; width:100%; height:40px; line-height:40px; border-bottom:solid 1px #e5e5e5; background:#fff; font-size:14px; font-family:"Microsoft YaHei"; color:#333; text-indent:14px; font-weight: 900 }

#dpop .dpop_title .dpop_close { width:32px; height:40px; position:absolute; right:-1px; top:0; background:url(../image/pop_close.png) no-repeat left bottom; }
#dpop .dpop_title .dpop_close:hover { background:url(../image/pop_close.png) no-repeat left top; cursor:pointer; }
#dpop .dpop_title .dpop_fd { width:32px; height:40px; position:absolute; right:32px; top:0; background:url(../image/pop_close.png) no-repeat right bottom; }
#dpop .dpop_title .dpop_fd:hover { background:url(../image/pop_close.png) no-repeat right top; cursor:pointer; }
#dpop .dpop_title .dpop_sx { display:none; width:32px; height:40px; position:absolute; right:32px; top:0; background:url(../image/pop_close.png) no-repeat -32px bottom; }
#dpop .dpop_title .dpop_sx:hover { background:url(../image/pop_close.png) no-repeat -32px top; cursor:pointer; }
#dpop .frame { width:100%; height: auto; overflow: hidden; background:url(../image/loading-0.gif) no-repeat center; }

#dpop .dpop-main { position: relative; width:100%; height: auto; overflow: auto; }
#dpop .bodys { width:100%; height: auto; padding:20px 20px 70px 20px; overflow-y:auto; }

a { color:#333; text-decoration: none; }
a:hover { color:#09f; }

.rc-handle-container { position:relative; }
.rc-handle { position:absolute; width:7px; cursor:e-resize; margin-left:-3px; }


.bfoot { width:100%; height: 36px; line-height: 36px; text-align: center; color:#aaa; font-size:12px; }

.fa-mars{
    font-weight: bold;
    color:#597db7;
}
.fa-venus{
    font-weight: bold;
    color:#ce4a93;
}
.fa-venus-mars{
    font-weight: bold;
    color:#ccc;
}
.htop .htop-nav li a{
	color:unset;
	text-decoration: none;
	display: block;
}

.flex-box{
	display: -webkit-box;
    display: -webkit-flex;
    display: flex; 
}
.flex-box-v{
	display: -webkit-box;
    display: -webkit-flex;
    display: flex; 
	-webkit-box-orient: vertical;
    -webkit-flex-flow: column;
    flex-flow: column;
}
.flex{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.flex2{
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    flex: 2;
}
.flex3{
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    flex: 3;
}
.ccyc{
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ccyc2{
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.sbss{
    cursor:pointer;
}
td .gong {
    border: 1px solid #ffffff;
     white-space: nowrap; 
     /* width: 100px;  */
    height: 22px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    border-radius: 3px;
    margin-right: 5px;
    /* margin-bottom: 4px; */
    padding: 0 8px;
}