yonge
/
cooleshow


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>产品与服务协议</title>
    <style>
        body { margin: 0; }
        header {
            height: 40px;
            line-height: .40px;
            color: #000;
            font-size: 17px;
            background: #fff;
            box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.07);
            text-align: center;
        }
        header .back {
            width: 20px;
            height: 20px;
            position: absolute;
            left: 12px;
            top: 10px;
        }
        .container {
            padding: 22px 20px 3px;
            font-size: 14px;
        }
        h1 {
            font-size: 18px;
            text-align: center;
            margin-bottom: 8px;
        }
        h2 {
            font-size: 16px;
            font-weight: bold;
            padding-top: 15px;
        }
        h3 {
            font-size: 14px;
            font-weight: bold;
        }
        .signature {
            padding-top: 50px;
        }
        .signature .sign {
            position: relative;
            width: 49%;
            display: inline-block;
        }
        .signature span {
            display: block;
        }
        .signature .cachet {
            position: absolute;
            top: -60px;
            left: 0;
            width: 150px;
            height: 150px;
        }
        .iInfo {
            display: flex;
        }
        .iInfo span {
            flex: 1;
        }
        .iInfoContent, .iInfoContent span {
            display: block;
        }

        .underline {
            text-decoration: underline;
        }
        .bold {
            font-weight: bold;
        }
    </style>
</head>
<body style="font-family:'SimSun'">
    <div class="container">
        <h1>《${contractName}》</h1>
                            甲方：${companyName} <br/>

        <div style="display: flex;">
            <div style="flex: 1 auto;">
                <div class="iInfo">
                    <span>乙方：${userInfo.realName!}</span>
                    <span>电话：${userInfo.phone!}</span>
                </div>
                <#if userInfo.idCardNo?default("")?trim?length gt 1>
                    <div class="iInfo">
                        <span>身份证号：${userInfo.idCardNo!}</span>
                    </div>
                </#if>
                <#--<#if userInfo.subjectName?default("")?trim?length gt 1>
                <div class="iInfo">
                    <span>所在声部：${userInfo.subjectName!}</span>
                </div>
                </#if>-->
            </div>
        </div>
<#--
        <div>（本协议中“乙方“指学员及家长；”乙方学员“指购买甲方产品或服务的学员；”乙方家长“仅指乙方学员的法定监护人。）</div>
-->

        <#--<p class="underline bold">重要须知：在注册或购买使用甲方提供的产品、服务之前，请您务必审慎阅读、充分理解本使用协议各条款内容， 特别是免除或者限制甲方责任的条款、对您权利进行限制的条款、约定争议解决方式和司法管辖的条款等。 限制、免责条款或者其他涉及您重大权益的条款可能以加粗、加下划线等形式提示您重点注意。您注册或购买使用甲方提供的产品和服务，均视为您同意本使用协议，以及同意接受本使用协议的约束。</p>
        <p class="underline bold">如无特别说明 ，下列术语在本协议中的定义为：管乐迷平台（下称“本平台”），即管乐迷APP；（下称“本平台”）指由甲方提供的器乐教学全流程辅助系统，包括媒体资料，教师点评，课前、课中、课后管理等服务；乐器练习小酷Ai （下称“本系统”），指由甲方提供和维护的器乐辅助练习系统；具体以该系统实际提供为准。该系统将根据实际需要进行调整和增减，乙方使用平台时需遵守本服务协议。</p>-->

		${contractMainContent!}
        
        <div class="signature">
        	    <#if isShowVisualSeal>
                    <div class="sign">甲方签章：${companyName}
                        <img class="cachet" src="${companySealPicture!}" alt="" />
                        <span>日期：${.now?string("yyyy年MM月dd日")}</span>
                    </div>
                    <div class="sign">乙方签章：${userInfo.realName!}
                        <span>日期：${.now?string("yyyy年MM月dd日")} </span>
                    </div>
                <#else>
                    <div class="sign">甲方签章：${companyName}
                        <span>日期：${.now?string("yyyy年MM月dd日")}</span>
                    </div>
                    <div class="sign">乙方签章：
                        <span>日期：${.now?string("yyyy年MM月dd日")} </span>
                    </div>
        	    </#if>
        </div>
    </div>
</body>
</html>