@charset "UTF-8";
/*
* 个人战绩v2.0 by zengfukun@foxmail.com
*/

/*公共类*/
.userRecord-charts .highcharts-container rect{fill: #fbfbfb;}
/* .userRecord-charts .highcharts-container path{stroke: #1e1b1b;} */
.fighting-spider__chart .highcharts-series path{fill: #4b5c43;stroke-width: 0.2;stroke: #b3d465;}
.fighting-spider__chart .highcharts-markers path{fill: #00b7ee;}
.fighting-spider__chart .highcharts-axis-labels text{color: #8b8786 !important;}
.fighting-spider__chart .highcharts-grid path{stroke: #686564;fill: none;}
/*业务*/

/*饼图样式*/
.userRecord-content{width: 100%;height: 326px;background: #ffffff;}
.userRecord-history__title{width: 100%;line-height: 1; font-size: 12px;position: relative;z-index: 101;margin-bottom: 20px;}
.userRecord-history__title h3{float: left;color: #333333;font-size: 14px; font-weight: bold;}
.userRecord-history__title p{display: inline-block;margin-left: 25px; color: #666666; font-size: 12px;}
.userRecord-history{box-sizing: border-box; padding: 16px 18px; width: 600px;height: 404px;float: left;position: relative;border: 1px solid #e3e3e3;background-color: #fbfbfb;}
.userRecord-charts{width: 62px;height: 62px;position: relative;z-index: 100;margin-top: 10px;}
.userRecord-charts__winRate{width: 250px;height: 108px;float: left;position: absolute;top: -20px;left: 12px; z-index: 99;}
.userRecord-charts__winRate--chart,.userRecord-charts__killRate--chart,.userRecord-charts__fightingRate--chart{width: 130px;height: 130px;float: left;}
.userRecord-charts__winRate--frame,.userRecord-charts__killRate--frame,.userRecord-charts__fightingRate--frame{width: 85px;height: 85px;position: absolute;top: 20px;left: 23px;background: url('../img/newRecord/85.png');
}
.userRecord-charts__winRate--frame p,.userRecord-charts__killRate--frame p,.userRecord-charts__fightingRate--frame p{text-align: center;color: #666666;font-size: 14px;font-weight: bold;}
.userRecord-charts__winRate--frame .title,.userRecord-charts__killRate--frame .title,.userRecord-charts__fightingRate--frame .title{margin-top: 24px;}
.userRecord-charts__winRate--data{width: 138px;height: 62px;position: absolute;top: 33px;left: 110px;}
.userRecord-charts .mode{color: #666666;}
.userRecord-charts .result{margin: 2px 0;}
.userRecord-charts .result .win{color: #50da3f;}
.userRecord-charts .result .fail{color: #ff0000}
.userRecord-charts .total{color: #666666;}
.userRecord-charts__killRate{width: 108px;height: 108px;float: left;position: absolute;top: -20px;left: 217px; z-index: 99;}
.userRecord-charts__fightingRate{width: 233px;height: 108px;float: left;position: absolute;top: -20px;left: 420px; z-index: 99;}

.userRecord-data{box-sizing: border-box; position: absolute;text-align: center; top: 150px;left: 18px;right: 18px; z-index: 101;padding: 20px 0; border-bottom: 1px dotted #e1e2e3;}
.userRecord-data li{width: 80px;height: 40px;display: inline-block; text-align: center;position: relative;}
.userRecord-data li .title{color: #666666;}
.userRecord-data li .num{color: #666666;margin-top: 5px;}
.userRecord-data li i{display: block;width: 1px;height: 20px;background: #bdc7bf;position: absolute;top: 10px;right: 0;}
.userRecord-data li:last-child i{display: none;}

.userRecord-footer{box-sizing: border-box; width: 100%;height: 134px;position: absolute;bottom: 16px;left: 0;padding: 0 18px;}
.userRecord-footer h3{color: #333333;font-size: 14px; font-weight: bold;}
.comment-list{width: 270px;height: 134px;float: left;margin-left: 10px;}
.comment-list__text{margin-top: 5px;}
.comment-list p{color: #666666;font-size: 12px;margin-bottom: 4px; line-height: 20px;}
.comment-list p .level{color: #c80000;}
.comment-list p .userNum{color: #19a000;}
.fighting-wrap{width: 200px;height: 134px;float: left;margin-left: 68px;}
.fighting-spider__wrap{width: 200px;height: 110px;position: relative;}
.fighting-spider__chart{width: 200px;height: 130px;position: absolute;top: -1px;left: -40px;}

.userRecord-recent__box{width: 196px;height: 404px;float: right;background-color: #fbfbfb;border: 1px solid #e3e3e3;box-sizing: border-box;padding: 20px 10px;}
.userRecord-recent__title{width: 100%;padding-bottom: 10px;line-height: 1; font-size: 12px;border-bottom: 1px solid #e3e3e3;}
.userRecord-recent__title h3{float: left;margin-left: 10px;color: #333333;font-size: 14px; font-weight: bold;}
.userRecord-recent__title a{display: block; float: right;margin-right: 10px;color: #666666;}
.userRecord-recent__box ul{width: 100%;height: 295px;}
.userRecord-recent__box li{width: 100%;padding: 10px 0; border-bottom:1px dotted #e3e3e3;}
.userRecord-recent__box li:last-child{border-bottom: none;}
.recent-list__center{height: 42px;margin-top: 5px;margin-left: 6px;}
.recent-list__icon{width: 45px;height: 45px;float: left;}
.recent-list__right{width: 118px;height: 42px;float: left;margin-left: 4px;}
.recent-list__right td{text-align: center;color: #666666;}
.recent-list__right td.win{color: #50da3f;}
.recent-list__right td.fail{color: #ff0000;}
.recent-list__right td.even{color: #FC951C;}
.fighting-icon{display: block;width: 15px;height: 15px;float: left;background: url(/img/userRecord/fighting-icon.png);position: relative;top: 4px;left: 5px;}
.use-tank-list{position: relative;}
.user-tank__pop{position: absolute;box-sizing: border-box; width: 300px;height: 260px;padding: 15px 20px; border: 1px solid #878f86; border-top: 6px solid #878f86; background: #ffffff;z-index: 999;top: 70px;left: 0;display: none;}
.tank-pop__icon{width: 45px;height: 45px;float: left;}
.tank-pop__info{float: left;margin-left: 5px;width: 145px;height: 40px;}
.tank-pop__info h3{margin-bottom: 10px;}
.tank-pop__info p{width: 145px; height: 20px;font-size: 12px;color: #666666;}
.tank-pop__info .num.win{color: #666666;}
.tank-pop__info .num.lose{color: red;}
.tank-pop__name{border: 1px solid #ff6600;float: left;color: #ff6600;font-size: 12px;height: 23px; line-height: 23px; padding: 0 12px;position: relative;top: 8px;right: -10px;}
.tank-pop__body{width: 100%;height: 130px;border-top: 1px solid #e3e3e3;margin-top: 10px;}
.tank-pop__body p{color: #666666;font-size: 12px;line-height: 26px;}
.tank-pop__body p:first-child{margin-top: 5px;}
.tank-pop__body .data{color: #666666;font-size: 12px;}
.tank-pop__footer{width: 100%;height: 20px;position: relative;margin-top: 6px;}
.tank-pop__footer span{color: #666666;font-size: 12px;padding: 0 10px;border-right: 1px solid #cccccc;line-height: 20px;}
.tank-pop__footer span:first-child{padding-left: 0;}
.tank-pop__footer span.share-tips{border-right: none;}
.share-list{width: 90px;height: 20px;position: absolute;top: 0;right: 0;}
.share-list a{display: block;width: 20px;height: 20px;float: left;margin-left: 10px;}
.share-list .qzone{background: url('../img/userRecord/share-qzone.png')}
.share-list .sina{background: url('../img/userRecord/share-sina.png')}
.share-list .qq-weibo{background: url('../img/userRecord/share-qweibo.png')}