@charset "utf-8";

$font-family-H:'Helvetica Neue',Tahoma,'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeitiSC, sans-serif;
$font-family-A:"Helvetica Neue",Tahoma,"PingFang SC","Hiragino Sans GB",SimSun,STHeitiSC,sans-serif;

//主色
  $C1:#004170;
  $C2:#005999;
  $C3:#1687d9;
  $C3:#1E7BC0;
  $C4:#8CCCF8;
  $C5:#084E82;
//中性色
  $M1:#36434D;
  $M2:#66757F;
  $M3:#ACB7BF;
  $M4:#E4EBF0;
  $M5:#F5F8FA;
  $M6:#ffffff;

.panel-container{
	.panel{
		border: 1px solid $M4;
		border-radius: 2px;
		margin-top: -1px;
		.panel-header{
			padding: 10px 15px;
			// background-color: #f5f8fa;
			.pc-sys-arrowdown-nomal-svg{
				width: 11px;
				height: 6px;
				line-height: 40px;
				position: relative;
				display: inline-block;
				margin-right: 10px;
			}
			.pc-sys-Forward-nomal-svg{
				width: 6px;
				height: 11px;
				line-height: 40px;
				position: relative;
				display: inline-block;
				margin-right: 10px;
			}
			.panel-title{
				color: $M1;
				display: inline-block;
				font-family: $font-family-H;
				font-size: 14px;
				line-height: 24px;
			}
			&:hover{
				background-color: $M5;
			}
		}
		.panel-active{
			background-color: $M5;
		}
		.panel-content{
			padding: 0 15px;
		}
	}
}