<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="yes" name="apple-touch-fullscreen"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,maximum-scale=1, minimum-scale=1, user-scalable=no"> <title>教练介绍</title> <link rel="stylesheet" href="css/common.css"> <link rel="stylesheet" href="css/style.css"> <style> .Myorder .orderList .order_head{ height: 100%; overflow: hidden; line-height: normal; } .ping_show { width: 100%; background-color: #fff; margin-top: .267rem; } .ping_title{ width: 9.467rem; margin: 0 auto; } .ping_title img{ margin-left: .667rem; } .yu_tan .yu_tan_box .tan_text{ width: 6.533333rem; } </style> </head> <body style="background-color: #f6f6f6;"> <div class="box"> <div class="Myorder"> <div class="orderList"> <h1> <b>待学车</b> <i>2018-06-21</i> </h1> <div class="order_head"> <img src="image/head.png"/> <div class="coach_intro"> <u>张教练</u> <h3> <span>教练介绍:</span> <em>如果你无法简洁的表达你的想法,那就说明你还不够了解它。</em> </h3> <h3> <span>好评率:</span> <em>100%</em> </h3> </div> </div> <div class="order_details tell_jiaolian"> <img src="image/tell_jiaolian.png"> </div> </div> </div> <div class="ping_show"> <div class="ping_title"> <img src="image/ping_icon.png"/> <b>教练评价</b> </div> <div class="coach_tab"> <span>专业</span> <span>负责</span> <span>敬业</span> </div> <div class="ping_list"> <h1>喜欢该教练,认证负责!</h1> <h2> <b>王大锤</b> <i>时间:2018-06-16</i> </h2> </div> <div class="ping_list"> <h1>喜欢该教练,认证负责!</h1> <h2> <b>王大锤</b> <i>时间:2018-06-16</i> </h2> </div> <div class="ping_list"> <h1>喜欢该教练,认证负责!</h1> <h2> <b>王大锤</b> <i>时间:2018-06-16</i> </h2> </div> <div class="ping_list"> <h1>喜欢该教练,认证负责!</h1> <h2> <b>王大锤</b> <i>时间:2018-06-16</i> </h2> </div> </div> <div class="btn_yuyue_none"></div> <div class="btn_yuyue1"> <img src="image/btn_yuyue.png"/> </div> </div> <!--弹跳框--> <div class="full_bg"></div> <div class="yu_tan"> <div class="yu_tan_box"> <img src="image/tan_car1.png" class="tan_car"/> <h1 class="tan_text">您确定要预约08:00~09:00张教练的课程吗</h1> <h2 class="btn_qr">确认</h2> </div> <div class="cancel"></div> </div> <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="js/common.js"></script> <script type="text/javascript" src="js/study_car.js"></script> <script> $('.btn_yuyue1').click(function(){ $('.tan_car').css({"width":"4.97rem","height":"2.88rem"}); tankuang(); }); $('.btn_qr').click(function(){ $('.tan_text').html("恭喜您,预约成功"); tankuang(); }); </script> </body> </html>