@charset "utf-8";
.home-notice {
    height:40px;
    border-radius:20px;
    border:1px solid #d1d5f5;
    padding:0 10px 0 18px;
    background:linear-gradient(180deg,#fff,#e7f0ff);
    box-shadow:0 4px 8px rgba(136,149,205,.2),inset 0 0 12px hsla(0,0%,100%,.72);
    margin-top:10px;
}
.home-notice-icon {
    width:53px;
    height:63px;
    background:url(data:image/png;base64,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) no-repeat 50%;
    background-size:cover;
    margin-top:-10px;
}
.home-notice-scroll {
    position: absolute;
    left: 80px;
    top: 5px;
    width: 1000px;
    height: 30px;
    line-height: 30px;
    color: #666;
    overflow: hidden;
}
.home-notice-more {
    position: absolute;
    right: 10px;
    top: 5px;
    width:75px;
    height:26px;
    line-height:26px;
    font-size:14px;
}
.home-notice-more a {
    border-radius:20px;
    padding-left:25px;
    padding-right:25px;
    background-color:#fff;
    border-color:#d5dfe7;
    color:#333;
}
.fx-common-title{
    width: 100%;
    text-align: center;
}
.fx-common-title span{
    display: block;
    text-align: center;
	font-size: 30px;
	font-weight: normal;
	color: #454f66;
}
.fx-common-title .line{
    width: 62px;
    height: 5px;
    margin: 16px auto;
	background-color: #1d7ff8;
}
.fx-common-title p{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #838a99;
}
.wrap_01_content {
    display: flex;
    flex-direction: row;
    margin-top: 70px;
}
.exam_pic {
    width: 216px;
    height: 288px;
    margin-left: 24px;
    margin-top: -28px;
}
.exam_pic img {
    width: 216px;
    height: 288px;
    -ms-interpolation-mode: bicubic;
    -moz-interpolation-mode: bicubic;
    -webkit-interpolation-mode: bicubic;
    transition:all 0.6s ease;
    -webkit-transition:all 0.6s ease;
    -moz-transition:all 0.6s ease;
    -ms-transition:all 0.6s ease;
}
.exam_pic:hover img {
    transform: scale(1.1);
}
.exam_tips {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333;
}
.exam_pic:hover .exam_tips {
    color: #d32424;
    font-weight: 700;
}
@-webkit-keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} 40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);} 70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);} 90%{-webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);}}
@keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} 40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);} 70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);} 90%{-webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);}}
.part-three-content{
    overflow: hidden;
    margin-top: 10px;
}
.part-three-content ul li{
    float: left;
    width: 232px;
    height: 298px;
    margin: 30px;
    text-align: center;
	background-color: #ffffff;
	box-shadow: 0px 0px 30px 0px 
		rgba(29, 127, 248, 0.1);
	border-radius: 20px;
}
.part-three-content ul li:hover {
    box-shadow: 0px 0px 30px 0px 
		rgba(29, 127, 248, 0.3);
}
.part-three-content ul li:nth-of-type(4n){
    margin-right: 0;
}
.part-three-content ul li:hover img{-webkit-animation: bounce 1s ease 0s 1 both; 
     animation: bounce 1s ease 0s 1 both;}
.part-three-content ul li img{
    display: block;
    border-radius: 50%;
    width: 120px;
	height: 120px;
	margin: 38px auto 15px;
}
.part-three-content ul li h2{
    margin-bottom: 17px;
    font-weight: normal;
    font-size: 24px;
    color: #454f66;
}
.part-three-content ul li p{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #454f66;
}
.game-card-item {
    float: left;
    width: 260px;
    margin-right: 20px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0px 10px 20px 0px rgba(222, 222, 222, 0.8);
}
.game-card-item:nth-child(3n) {
    margin-right: 0px;
}
.game-card-item .game-img {
    display: block !important;
    width: 260px;
    height: 120px;
    border-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.game-card-item .p1 {
    border-radius: 4px;
}
.game-card-item .mask {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 120px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    /* Firefox 4 */
    -webkit-transition: all 0.2s;
    /* Safari and Chrome */
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    /* Opera */
    opacity: 0;
    padding-left: 0px;
    padding-top: 0px;
    box-sizing: border-box;
}
.game-card-item:hover .mask {
    top: 0;
    opacity: 1;
}
.game-card-item .mask .des {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 34px;
}
.game-card-item .mask .des .game-name {
    font-size: 18px;
    font-family: PingFang SC;
    color: #FFFFFF;
    line-height: 26px;
}
.game-card-item .mask .des .game-name .name {
    font-weight: bold;
}
.game-card-item .mask .des .game-type {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 26px;
}
.game-card-item .p3 {
    line-height: 40px;
}
.game-card-item .p3 .name {
    display: inline-block;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #333;
    margin-left: 6px;
}
.game-card-item .p3 a {
    display: inline-block;
}
.game-card-item .p3 .hot-playgame {
    display: inline-block;
    float: right;
    margin-top: 6px;
    margin-right: 6px;
    width: 80px;
    border-radius: 4px;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #FF5722;
    text-align: center;
    border: 1px solid #FF5722;
}
.game-card-item .p3 .hot-playgame:hover {
    text-decoration: none;
    background: #FF5722;
    color: #fff;
}