.appointment-section{width:100%;margin-top:30px;padding-bottom:60px;background:url("http://mj-public.oss-cn-shanghai.aliyuncs.com/wd/mj/appoint.png") center no-repeat;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://mj-public.oss-cn-shanghai.aliyuncs.com/wd/mj/appoint.png',sizingMethod='scale')}.appointment-section *{box-sizing:border-box}.appointment-section h3{line-height:100px;font-size:26px;text-align:center;color:#555}.appointment-section .form-control{width:624px;margin:0 auto;height:90px}.appointment-section .form-control .inp-box{float:left;position:relative}.appointment-section .form-control .inp-box.inp-name{margin-right:24px}.appointment-section .form-control .inp-box input{width:300px;border:1px solid #b5b5b5;border-radius:4px;height:50px;padding:10px 0 10px 42px;padding:14px 0 10px 42px\9}.appointment-section .form-control .inp-box i{display:block;width:21px;height:19px;background:url("http://mj-public.oss-cn-shanghai.aliyuncs.com/wd/mj/allicon.png") 0 -14px no-repeat;position:absolute;left:10px;top:14px}.appointment-section .form-control .inp-box.active input{border:1px solid #0f97ff}.appointment-section .form-control .inp-box.active i{background:url("http://mj-public.oss-cn-shanghai.aliyuncs.com/wd/mj/allicon.png") 0 -33px no-repeat}.appointment-section .form-control .inp-box.error input{border:1px solid #f0614f}.appointment-section .form-control .inp-box.error i{background:url("http://mj-public.oss-cn-shanghai.aliyuncs.com/wd/mj/allicon.png") 0 -247px no-repeat}.appointment-section .form-control .inp-box.inp-tel i{width:17px;background:url("http://mj-public.oss-cn-shanghai.aliyuncs.com/wd/mj/allicon.png") 0 -52px no-repeat;height:22px;left:13px}.appointment-section .form-control .inp-box.inp-tel.active i{background:url("http://mj-public.oss-cn-shanghai.aliyuncs.com/wd/mj/allicon.png") 0 -74px no-repeat}.appointment-section .form-control .inp-box.inp-tel.error i{background:url("http://mj-public.oss-cn-shanghai.aliyuncs.com/wd/mj/allicon.png") 0 -266px no-repeat}.appointment-section .form-control .inp-box .inerror{line-height:40px;color:#f0614f;display:none}.appointment-section .appoint-btn{width:190px;margin:0 auto;position:relative}.appointment-section .appoint-btn a{height:52px;width:190px;border:1px solid #7d7d7d;text-align:center;color:#222;background:0;border-radius:4px;display:block;line-height:50px;cursor:pointer}.appointment-section .appoint-btn:hover a{background:#0f97ff;border:1px solid transparent;color:#fff}.app-modal{display:none}.app-modal .modal-layer{width:100%;height:100%;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7F000000',endColorstr='#7F000000');position:fixed;left:0;top:0;z-index:6}.app-modal .modal-box{position:fixed;top:50%;left:50%;width:480px;height:300px;background:#fff;margin-top:-150px;margin-left:-240px;border-radius:4px;z-index:7;background:#fff url("http://mj-public.oss-cn-shanghai.aliyuncs.com/wd/mj/modal-icon.png") center 32px no-repeat;text-align:center;padding-top:112px;box-sizing:border-box}.app-modal .modal-box h3{font-size:20px;color:#222;line-height:38px;margin-bottom:6px}.app-modal .modal-box p{line-height:22px;color:#555}.app-modal .modal-box button{width:160px;height:45px;text-align:center;background:#0f97ff;color:#fff;border:0;border-radius:4px;margin-top:20px}