/*云端祝福*/
.lm{
    margin: 0 auto;
    display: block;
}
.kj{
    position: absolute;
    height: calc(100% - 22%)!important;
    top: 10%;
    bottom: 12%;
    left: 0;
}
.kj td{
    position: relative;
}


.sp{
    width: 691px;
    height: 354px;
    margin: 50px auto;
    border: 5px solid #fee8a9;
}







.r_dh{
    display: table;
    width: 121px;
    text-align: center;
    height: 565px;
    position: absolute;
    bottom: 0;
    right: 50px;
}
.r_dh a{
    display: inline-block;
    width: 112px;
    height: 112px;
    padding-top: 70px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
}
.r_dh .l_1{
    margin-bottom: 60px;
    background: url("../images/ydzf/1.png")no-repeat center;
}
.r_dh a.l_2{
    margin-bottom: 60px;
    background: url("../images/ydzf/2.png")no-repeat center;
}
.r_dh .zf p{
    color: #ffffff;
    font-size: 36px;
    margin-bottom: 15px;
}
.r_dh .zf div{
    width: 121px;
    height: 52px;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    background: url("../images/ydzf/3.png")no-repeat center;
}


/*送祝福*/
.szf{
    background: url("../images/ydzf/szf_bg.jpg")no-repeat center;
    background-size:cover;
    overflow-y: auto;
}
.szf table{
    width: 1397px;
    height: 100%;
    margin: 0 auto;
}
.szf table .fh{
    display: table;
    line-height: 72px;
    color: #ffffff;
    font-size: 16px;
    margin-top: 36px;
}

.szf table .lm{
    margin: 40px auto 40px auto;
}
.szf table .from{
    width: 1062px;
    height: 496px;
    background: #ffffff;
    border-radius: 10px;
    margin: 0 auto;
    margin-bottom: 50px;
    padding: 43px 85px 30px 85px;
}
.szf table .from .sr{
    margin-bottom: 20px;
}
.szf table .from input{
    width: 420px;
    line-height: 50px;
    background: #f5f5f5;
    font-size: 16px;
    color: #999999;
    padding: 0 20px;
}
.szf table .from textarea{
    width: 100%;
    height: 228px;
    background: #f5f5f5;
    padding: 20px;
    font-size: 16px;
    color: #999999;
    margin-bottom: 30px;
}
.szf table .from p{
    text-align: center;
    font-size: 14px;
    color: #666666;
}

/* 容器 最外面大圆 */
.container {
	position: absolute;
	top: 50%;
	left: 60%;
	margin-top: -225px;
	margin-left: -225px;
	background: #f4f4f4;
	opacity: 0.6;
	height: 450px;
	width: 450px;
	border-radius: 50%;
}

/* 顶部叉叉 */
.top-esc {
	display: flex;
	justify-content: flex-end
}

/* 内容 小园 */
.content {
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -200px;
	padding: 90px 95px 0 95px;
	box-sizing: border-box;
}

.text {
	text-align: center;
}

.content-text {
	line-height: 1;
	margin-bottom: 20px;
}
.content-name{
	font-size: 24px;
	color: #9F3420;
}
.content-calss{
	color: #9F3420;
	margin-bottom: 80px;
}
.content-img{
	text-align: center;
}



.szf table .an{
    display: table;
    margin: 0 auto;
}



/*手机适配*/

@media screen and (max-width: 1200px){
    /*云端祝福*/
    .right{
        background-image:url("../images/phone/ydzf_bg.jpg");
    }

    .lm{
        margin: 0 auto;
        display: block;
        margin-top: 1.2rem;
        max-width: 2.72rem;
    }
    .kj{
        position: inherit;
        height: 100%!important;
        top: 0;
        bottom: 0;
        left: 0;
    }
    .kj td{
        position: relative;
    }

    .sp{
        width: 6.91rem;
        height: 3.54rem;
        margin: 0.5rem auto;
        border: 5px solid #fee8a9;
    }

    .r_dh{
        width: 100%;
        max-width: 7rem;
        text-align: center;
        height:auto;
        position: absolute;
        bottom: .75rem;
        left: 50%;
        margin-left: -3.5rem;
    }
    .r_dh a{
        display: inline-block;
        width: 1.12rem;
        height: 1.12rem;
        padding-top: 0.7rem;
        text-align: center;
        color: #ffffff;
        font-size: 0.18rem;
        background-size: 100% 100%!important;
        float: right;
    }
    .r_dh .l_1{
        margin-bottom: 0;
        background: url("../images/ydzf/1.png")no-repeat center;
        margin-left: 0.3rem;
    }
    .r_dh a.l_2{
        margin-bottom: 0;
        background: url("../images/ydzf/2.png")no-repeat center;
    }
    .r_dh .zf{
        display: table;
    }
    .r_dh .zf p{
        color: #ffffff;
        font-size: 0.36rem;
        margin-bottom: 0.15rem;
    }
    .r_dh .zf div{
        width: 1.21rem;
        height: 0.52rem;
        text-align: center;
        font-size: 0.24rem;
        color: #ffffff;
        background: url("../images/ydzf/3.png")no-repeat center;
        background-size: 100% 100%;
        float: left;
    }


    /*送祝福*/
    .szf{
        background: url("../images/phone/txzf_bg.jpg")no-repeat center;
        background-size:cover;
        overflow-y: auto;
    }
    .szf table{
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }
    .szf table .fh{
        display: table;
        line-height: 0.72;
        color: #ffffff;
        font-size: 0.24rem;
        margin-top: 0.42rem;
        margin-left: 0.46rem;
    }
    .szf table .fh img{
        width: 0.72rem;
        height: 0.72rem;
    }

    .szf table .lm{
        width: 2.41rem;
        max-width: 2.41rem;
        margin: 1.12rem auto 0.48rem auto;
    }
    .szf table .from{
        width: 6.67rem;
        height: auto;
        background: #ffffff;
        border-radius: 10px;
        margin: 0 auto;
        margin-bottom: 0.5rem;
        padding: 0.32rem 0.21rem 0.21rem 0.21rem;
    }
    .szf table .from .sr{
        margin-bottom: 0;
    }
    .szf table .from input{
        width: 100%;
        line-height: 0.8rem;
        background: #f5f5f5;
        font-size: 0.24rem;
        color: #999999;
        padding: 0 0.2rem;
        margin-bottom: 0.18rem;
    }
    .szf table .from textarea{
        width: 100%;
        height: 3.11rem;
        background: #f5f5f5;
        padding: 0.2rem;
        font-size: 0.24rem;
        color: #999999;
        margin-bottom: 0;
    }
    .szf table .from p{
        text-align: center;
        font-size: 14px;
        color: #666666;
        display: none;
    }





    .szf table .an{
        display: table;
        margin: 0 auto;
    }
    .szf table .an img{
        width: 2.56rem;
    }
}