﻿.uc3-center-advertising{background: url("../image/uc3-backimg.png") no-repeat;background-size: cover;width: 100%;height: 370px;color: white;text-align: center;padding-top: 160px;font-size: 36px;line-height: 50px;}

.uc3-center{height: 1297px;background-color: white;display: flex;justify-content: space-between;}

.uc3-center-recommendbox{background-color: white;color: #333333;display: flex;flex-direction: column;align-items: center;}

.uc3-center-recommendbox .h1{font-size: 24px;font-weight: bold;color: #1A1A1A;padding:20px 0 40px 0;}

.uc3-center-recommendbox .recommendbox{width: 1375px;}

.uc3-center-recommendbox .recommendbox .recommend{position: relative;;text-align:center;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.09);width: 320px;display: inline-block;height: 246px;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.09);font-size: 18px;margin: 0 20px 40px 0;}

.uc3-center-recommendbox .recommendbox .hover{padding:10px 0px 10px 8px;font-size: 18px;color:rgba(27, 29, 63, 1);}

.uc3-center-recommendbox .recommendbox .hoversize{position: absolute;display: none;top: 0;padding: 27px 22px;font-size: 14px;text-align: left;width: 320px;height: 206px;background: #000310;opacity: 0.8;color: white;}

.uc3-center-recommendbox .recommendbox .hoversize .introduce{font-size: 12px;margin-top: 19px;color: #CCCCCC;line-height: 18px;}

.uc3-center-recommendbox .recommendbox .recommend:hover{box-shadow: none;}

.uc3-center-recommendbox .recommendbox .recommend:hover .hoversize{display: block;}

.uc3-center-recommendbox .recommendbox .recommend:hover .hover{color: white;background: linear-gradient(to right,  #00DCD2 0%,#005AFF 100%)}