/*����������ᵯ�� */

#layout {
width: 100%;
height: 100%;
position: fixed;
background: rgba(0, 0, 0, 0.66);
z-index: 99;
left: 0px;
top: 0px;
display:flex;
justify-content: space-around;
    }
    #layout .layfix {
    width: 389px;
    margin:140px 80px auto 80px;
    position: relative;
    }
    #layout .layfix i {
        display: block;
    background: url(http://u3.huatu.com/jinan/sdfujian/20190506close.png) top no-repeat;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    position: absolute;
    right: -1em;
    top: 1.8em;
    cursor: pointer;
    transform: scale(0.9);
    }
    #layout .layfix dl {
    background: white url(20201229tc.jpg) top no-repeat;
    overflow: hidden;
    margin-bottom: 3px;
    height: 374px;
        border-radius: 1rem;
    }
    #layout .layfix dl dt {
        font-size: 26px;
    color: white;
    text-align: center;
    height: 98px;
    letter-spacing: 6px;
    margin-bottom:50px;
    padding-top: 81px;
    }
	#layout .layfix dl dd:nth-of-type(2n+1){
		    margin-left: 1.2em;
		}
    #layout .layfix dl dt e {
        font-size: 27px;
        margin-top: 15px;
        display: inline-block;
    }
    #layout .layfix dl dt span {
        color: #fff54b;
    }
    #layout .layfix dl dd {
    float: left;
    margin: 7px 0px 0px 19px;
    }
    #layout .layfix dl dd a {
        display: inline-block;
        width: 166px;
        height: 46px;
        text-align: center;
        line-height: 44px;
        background: #c19064;
background: -ms-linear-gradient(to right, #c29165 10%,#feeecc 67% ,#ecd6ae 89%);
background: -moz-linear-gradient(to right, #c29165 10%,#feeecc 67% ,#ecd6ae 89%);
background: linear-gradient( 90deg, #A67D3D, #FFF0CF 20%, #D1B07B 50%, #FFF0CF 70%,#A67D3D ) repeat left / 300% 200%;
color: #753108;
        font-size: 22px;
        border-radius: 30px;
        margin-top: 12px;
        margin-right: 0px;
        box-shadow: 0 5px 12px rgba(0, 0, 0, 0.19);
        transition: all .3s;
    }
    #layout .layfix dl dd a:hover {
        transform: translateY(-2px);
   }
    #layout .layfix>a>img {
        display: block;
    margin: 0 auto;
    }
    #layout .layfix>a:nth-of-type(2)>img {
        margin-left: 4px;
    }
    @media screen and (max-width: 1300px) {
        #layout .layfix {
            margin-top: 70px;
        }
    }