.container {
    width: 100%;
    height: 100%;
}

.box {
    width: 100%;
}

.box-title {
    font-size: 0.48rem;
    font-weight: 600;
    color: #003366;
}

.box-title span {
    color: #CC3333;
}

.kstd-box {
    margin-top: 0.8rem;
}

.kstd-box-main-content {
    width: 100%;
    margin-top: 0.5rem;
}

.ppjs {
    float: left;
    position: relative;
    width: 9.52rem;
    height: 4rem;
    background: url("ppjs.png") no-repeat;
    background-size: 9.52rem;
}

.whpj {
    position: relative;
    float: right;
    width: 4.24rem;
    height: 4rem;
    background: url("whpj.png") no-repeat;
    background-size: 4.24rem;
}

.whpj-content, .ppjs-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.3rem;
    background: linear-gradient(180deg, rgba(78, 78, 78, 0) 0%, #0D1425 100%);
    border-radius: 0px 0px 0.1rem 0.1rem;
    opacity: 0.63;
}

.ppjs-title, .whpj-title {
    margin-top: 0.9rem;
    margin-left: 0.55rem;
    font-size: 0.3rem;
    font-weight: 600;
    color: #FFFFFF;
}

.ppjs-desc, .whpj-desc {
    margin-top: 0.13rem;
    margin-left: 0.55rem;
    margin-right: 0.28rem;
    font-size: 0.18rem;
    font-weight: 400;
    color: #FFFFFF;
}

.gjmyjr-box {
    position: relative;
    margin-top: 0.8rem;
    background: url("gjmyjr.png") no-repeat;
    background-size: 19.2rem;
    height: 9.61rem;
    overflow: hidden;
}
.gjmyjr-box-wrapper{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 51, 102, 0.39);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66003366,endColorstr=#66003366);
}

.gjmyjr-title {
    font-size: 0.48rem;
    font-weight: 600;
    color: #FFFFFF;
    margin-top: 0.7rem;
}

.gjmyjr-title span {
    color: #CC3333;
}

.gjmyjr-content {
    width: 100%;
    margin-top: 0.57rem;
}

.gjmyjr-left-content {
    float: left;
    width: 9.22rem;
    padding-left: 0.22rem;
    box-sizing: border-box;
}

.gjmyjr-right-content {
    float: right;
    width: 4.22rem;
    height: 6rem;
}

.gjmyjr-sub-title, .gnmyjr-sub-title {
    position: relative;
    font-size: 0.30rem;
    font-weight: 500;
    color: #FFFFFF;
}

.gjmyjr-sub-title:before, .gnmyjr-sub-title:before {
    position: absolute;
    left: -0.22rem;
    content: "";
    top: 50%;
    margin-top: -0.13rem;
    width: 0.08rem;
    height: 0.29rem;
    background: #CC3333;
}

.gjmyjr-sub-box {
    width: 100%;
    overflow: hidden;
    margin-top: 0.275rem;
    margin-bottom: 0.55rem;
}

.gjmyjr-sub-item, .gnmyjr-sub-item {
    float: left;
    display: inline-block;
    height: 0.45rem;
    padding: 0.06rem 0;
    margin-right: 0.3rem;
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
    font-size: 0.24rem;
    font-weight: 500;
    color: #FFFFFF;
    box-sizing: border-box;
    background: rgba(38, 38, 38, 0.2);
    border: 1px solid #FFFFFF;
}

.gjmyjr-sub-box .gjmyjr-sub-item:last-child, .rz-box .gjmyjr-sub-item:nth-child(4n){
    margin-right: 0;
}

.gjmyjr-sub-item-active, .gnmyjr-sub-item-active {
    background: #CC3333;
    border: 0;
}

.js-box {
    margin-right: 0.3rem;
}

.gnmyjr-top-right-box .gnmyjr-sub-item:last-child {
    margin-right: 0;
}

.gjmyjr-sub-content{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0.29rem 0.56rem 0.1rem 0.56rem;
    background: #003366;
    border-radius: 0.1rem;
    box-sizing: border-box;
}

.gjmyjr-right-sub-line, .gnmyjr-bottom-sub-line{
    position: absolute;
    width: 0.58rem;
    height: 0.04rem;
    background: #CC3333;
}

.gjmyjr-right-sub-line {
    top: 0.61rem;
}

.gjmyjr-right-sub-title, .gnmyjr-bottom-sub-title{
    position: absolute;
    left: 0.56rem;
    top: -0.21rem;
    font-size: 0.3rem;
    font-weight: 500;
    color: #FFFFFF;
}

.gjmyjr-right-sub-title {
    top: 0.21rem;
}

.gjmyjr-right-sub-item-desc{
    display: none;
    width: 3.1rem;
    height: 5.01rem;
    margin-top: 0.39rem;
	overflow: auto;
}

.gnmyjr-bottom-sub-item-desc{
    margin-top: 0.27rem;
    display: none;
}

.gjmyjr-right-sub-item-desc-active, .gnmyjr-bottom-sub-item-desc-active{
    display: block;
}

.gjmyjr-right-sub-item-desc-content, .gnmyjr-bottom-sub-item-desc-content{
    font-size: 0.18rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 0.3rem;
    margin-top: 0.15rem;
}

.gjmyjr-right-sub-item-desc-title, .gnmyjr-bottom-sub-item-desc-title{
    font-size: 0.21rem;
    color: #FFFFFF;
    margin-top: 0.20rem;
}

.gjmyjr-right-sub-item-desc-title {
    margin-top: 0.40rem;
}

.gnmyjr-box{
    width: 100%;
    height: 9.58rem;
    padding-top: 0.8rem;
    background: url("gnmyjr.png") no-repeat;
    background-size: 19.2rem;
    box-sizing: border-box;
}

.gnmyjr-content{
    width: 100%;
    overflow: hidden;
    padding-left: 0.22rem;
}

.gnmyjr-top-content{
    width: 100%;
    margin-top: 0.49rem;
    overflow: hidden;
}

.gnmyjr-top-left-box{
    float: left;
    width: 4.4rem;
    padding-left: 0.22rem;
    box-sizing: border-box;
}
.gnmyjr-top-right-box{
    float: right;
    width: 9.6rem;
    padding-left: 0.22rem;
    box-sizing: border-box;
}

.gnmyjr-sub-title{
    font-size: 0.3rem;
    font-weight: 500;
    color: #003366;
    line-height: 0.42rem;
}

.gnmyjr-sub-item{
    margin-right: 0.2rem;
    margin-top: 0.4rem;
}

.gnmyjr-bottom-content{
    position: relative;
    width: 13.72rem;
    height: 4.41rem;
    margin-top: 0.75rem;
    padding: 0.28rem 0.49rem 0.18rem 0.41rem;
    background: rgba(255, 255, 255, 0.79);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff);
    border-radius: 0.1rem;
    box-sizing: border-box;
}
.gnmyjr-bottom-sub-title{
    color: #003366;
    left: 0.41rem;
}

.gnmyjr-bottom-sub-item-desc-title, .gnmyjr-bottom-sub-item-desc-content{
    color: #262626;
}


.gyljr {
    margin-top: 0.8rem;
	margin-bottom: 0.9rem;
}

.gyljr-desc {
    font-size: 0.18rem;
    font-weight: 400;
    color: #262626;
    margin-bottom: 0.39rem;
    margin-top: 0.06rem;
}

.gyljr-top-content {
    width: 100%;
}

.gyljr-bottom-content {
    width: 100%;
}

.gyljr-top-content-left {
    position: relative;
    float: left;
    width: 6.9rem;
    height: 2.91rem;
    cursor: pointer;
    border-radius: 0.1rem;
}

.gyljr-top-content-left img, .gyljr-top-content-right img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
	width: 6.9rem;
    height: 2.91rem;
}

.gyljr-top-content-right {
    position: relative;
    float: right;
    width: 6.9rem;
    height: 2.91rem;
    cursor: pointer;
    border-radius: 0.1rem;
}

.gyljr-bottom-content {
    margin-top: 0.2rem;
    height: 2.9rem;
    background: url("bdt.png") no-repeat;
	background-size: 14rem;
}

.gyljr-bottom-content-right {
    position: relative;
    float: right;
    width: 9.64rem;
    height: 100%;
    border-radius: 0px 0.1rem 0.1rem 0px;
    cursor: pointer;
}

.gyljr-bottom-content-right:hover, .blue-bg {
    background: rgba(0, 51, 102, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f0003366, endColorstr=#7f003366);
}

.gyljr-title {
    position: absolute;
    left: 0.56rem;
    top: 0.47rem;
    font-size: 0.36rem;
    font-weight: 500;
    color: #FFFFFF;
}

.gyljr-title span {
    font-size: 0.24rem;
}

.gyljr-desc-content {
    position: absolute;
    display: none;
    width: 5.88rem;
    height: 1.32rem;
    margin-top: 1.23rem;
    margin-left: 0.56rem;
    font-size: 0.18rem;
    font-weight: 400;
    color: #FFFFFF;
}

.gyljr-top-content-left-wrapper {
    position: absolute;
    display: block;
	width: 100%;
	height: 100%;
}

.bdc {
    width: 8.56rem;
}