@charset "GB2312";

#idpk-area {position: fixed; width: 470px; height: 560px; left: 50%; top: 50%; margin-left: -235px; margin-top: -280px;
    background-color: #407ebb; border-radius: 10px; z-index: 2000;}
#idpk-area * {font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
#idpk-area .main {width: 450px; height: 540px; margin: 10px; background-color: #eeeeee;}
#idpk-area .user-attr {margin: 0 25px; height: 300px; background: url(../images/icon-vs.png) no-repeat center;}
#idpk-area .user-attr > div {float: left; width: 50%; height: 100%;}
#idpk-area .user-attr .right * {text-align: right;}
#idpk-area .user-attr .rank {font-size: 16px; color: #c81414; height: 32px; line-height: 48px;}
#idpk-area .user-attr .nickname {font-size: 14px; color: #6f6362; line-height: 32px;}
#idpk-area .user-attr .headimg {display: block; width: 120px; height: 120px; background: white no-repeat center / cover; margin-bottom: 10px;}
#idpk-area .user-attr .headimg .vip-level-icon {margin-left: 100px; margin-top: -15px;}
#idpk-area .user-attr .right .headimg {float: right;}
#idpk-area .user-attr .right .headimg .vip-level-icon {margin-left: -20px;}
#idpk-area .user-attr .attr {clear: both; font-size: 14px; color: #6f6362; line-height: 24px;}
#idpk-area .fight-log {width: 406px; height: 215px; border: 1px solid #c7bfbf; margin: 0 14px 14px; padding: 5px 7px; overflow-y: auto;
    color: #6f6362; line-height: 24px; font-size: 14px;}

#idpk-area .user-attr .attr .high {color: #0bff4a;}
#idpk-area .user-attr .attr .half {color: #ffba00;}
#idpk-area .user-attr .attr .low {color: #f8392d;}

#idpk-area .fight-log .damage {color: #f8392d;}
#idpk-area .fight-log .health {color: #14bfff;}
#idpk-area .fight-log .debuff {color: #fd1ed0;}

#idpk-area .btn-close {position: absolute; width: 42px; height: 42px; background-image: url(../images/btn-close.png); margin-left: 475px; cursor: pointer;}

.btn-idpk {width: 134px; height: 29px; text-align: center; line-height: 28px; font-size: 14px;
    background-image: url(../images/btn-pk.png); margin: 5px 10px 5px 20px;}
.btn-idpk a {display: block; width: 100%; height: 100%; color: white;}