.e_MajorStyleBox-001{ height:auto; width:100%; width-uint:%; width-and-width-uint:100%; height-and-height-uint:auto; } .e_MajorStyleBox-001 .stylebox_top{ height:67px; background-color:rgba(16, 158, 224, 1); height-and-height-uint:67px; } .e_MajorStyleBox-001 .stylebox_title{ vertical-align:bottom; padding-right:20px; padding-left:20px; line-height:67px; height:inherit; font-size:0px; width:auto; white-space:nowrap; background-color:rgba(16, 158, 224, 1); display:inline-block; width-and-width-uint:auto; height-and-height-uint:inherit; } .e_MajorStyleBox-001 .stylebox_link{ vertical-align:middle; height:inherit; color:#EAF3F3; font-size:30px; display:table; margin:0px; border-width:0px; padding:0 15px; float:right; } .e_MajorStyleBox-001 .stylebox_link i:before{ content:"\e6ae"; } .e_MajorStyleBox-001 .stylebox_link:active{ background-color:#4E9694; } .e_MajorStyleBox-001 .stylebox_content{ height:calc(100% - 48px); width:100%; border-style:solid; border-color:#f0f0f0; border-width:1px; width-uint:%; } .e_MajorStyleBox-001 .title_main{ vertical-align:middle; color:rgba(255,255,255,1); max-width:352px; text-overflow:ellipsis; overflow:hidden; font-size:34px; white-space:nowrap; display:inline-block; font-weight:normal; } .e_MajorStyleBox-001 .title_sub{ vertical-align:middle; color:#fff; font-size:34px; margin-left:10px; display:inline-block; font-weight:normal; } .e_MajorStyleBox-001 .stylebox_title .title_icon{ vertical-align:middle; margin-right:10px; line-height:normal; color:rgba(255,255,255,1); text-align:center; font-size:initial; display:inline-block; } .e_MajorStyleBox-001 .stylebox_title .title_icon:before{ content:"\e63d"; color:#fff; font-size:34px; } .e_MajorStyleBox-001 .stylebox_link a{ vertical-align:middle; color:inherit; display:table-cell; } .e_MajorStyleBox-001 .link_icon{ margin-left:5px; display:inline-block; }.w_rbox-001{position:absolute; width:263px; height:242px; } .w_rbox-001 .p_stylebox{ width: 100%; height: 100%; }.w_rbox-001 .p_rbox{background-color:rgba(0, 0, 0, 0); }.w_rbox-001 .p_MatteIcon:before{content:'\e752'; }.c_appointment_submitForm-01001{ width: 640px; height: auto; } .c_appointment_submitForm-01001 .p_Enroll{ width: auto; height: auto; } .c_appointment_submitForm-01001 .p_timerBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_timer{ cursor: pointer; font-size: 24px; width: 580px; height: 54px; position: relative; line-height: 32px; } .c_appointment_submitForm-01001 .p_timerHeade{ vertical-align: middle; font-size: 24px; color: #333333; margin-bottom: 5px; display: inline-block; } .c_appointment_submitForm-01001 .p_ActivityEnroll{ border: 1px solid #CDD5D5; padding-bottom: 10px; } .c_appointment_submitForm-01001 .p_head{ height: 88px; background: #65BEBA; padding: 18px; } .c_appointment_submitForm-01001 .p_contentD{ padding: 0px 30px 30px 30px; overflow: visible; } .c_appointment_submitForm-01001 .p_contentE{ padding: 0px 30px 30px 30px; overflow: visible; } .c_appointment_submitForm-01001 .p_title{ font-size: 36px; color: #ffffff; vertical-align: middle; } .c_appointment_submitForm-01001 .p_title .iconfont:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_title .font{ line-height: 54px; } .c_appointment_submitForm-01001 .p_titleA{ width: 260px; height: 72px; background: #65BEBA; font-size: 30px; color: #ffffff; padding: 15px; } .c_appointment_submitForm-01001 .p_titleB{ width: 260px; height: 72px; background: #65BEBA; font-size: 30px; color: #ffffff; padding: 15px; } .c_appointment_submitForm-01001 .p_titleC{ width: 260px; height: 72px; background: #65BEBA; font-size: 30px; color: #ffffff; padding: 15px; } .c_appointment_submitForm-01001 .p_titleA .forward:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_titleB .forward:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_titleC .forward:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_titleB{ width: 316px; height: 72px; background: #65BEBA; font-size: 30px; color: #ffffff; padding: 15px; } .c_appointment_submitForm-01001 .p_titleC{ } .c_appointment_submitForm-01001 .p_headerA{ } .c_appointment_submitForm-01001 .p_images{ margin-right: 10px; float: left; display: block; } .c_appointment_submitForm-01001 .p_headerB{ display: block; width: auto; vertical-align: top; overflow: hidden; } .c_appointment_submitForm-01001 .p_name{ } .c_appointment_submitForm-01001 .p_AssistNameA{ font-size: 24px; color: #8B8B8B; vertical-align: middle; float: left; } .c_appointment_submitForm-01001 .p_AssistNameA .font{ line-height: 36px; } .c_appointment_submitForm-01001 .p_timeA{ display: block; font-size: 28px; color: #323232; vertical-align: middle; } .c_appointment_submitForm-01001 .p_timeA .font{ line-height: 42px; } .c_appointment_submitForm-01001 .p_time{ margin-top: 20px; } .c_appointment_submitForm-01001 .p_AssistNameB{ font-size: 24px; color: #8B8B8B; float: left; } .c_appointment_submitForm-01001 .p_AssistNameB .font{ line-height: 36px; } .c_appointment_submitForm-01001 .p_timeB{ font-size: 28px; color: #323232; display: block; } .c_appointment_submitForm-01001 .p_timeB .font{ line-height: 42px; } .c_appointment_submitForm-01001 .p_bewrite{margin-bottom: 10px;} .c_appointment_submitForm-01001 .p_headerC{ padding: 20px; width: auto; overflow: auto; zoom: 1; } .c_appointment_submitForm-01001 .p_AssistNameC{ font-size: 24px; color: #8B8B8B; float: left; } .c_appointment_submitForm-01001 .p_AssistNameC .font{ line-height: 36px; } .c_appointment_submitForm-01001 .p_timeC{ font-size: 24px; color: #323232; display: block; overflow: hidden; line-height: 36px; } .c_appointment_submitForm-01001 .p_starA{ display: inline-block; color: #FF0000; font-size: 26px; vertical-align: middle; } .c_appointment_submitForm-01001 .p_contentC{padding: 0px 30px 30px 30px;overflow: visible;} .c_appointment_submitForm-01001 .p_ContactsBox{margin: 15px 0px;width: auto;} .c_appointment_submitForm-01001 .p_AssistNameD{ display: inline-block; vertical-align: middle; font-size: 24px; color: #333333; } .c_appointment_submitForm-01001 .p_AssistNameD .font{ line-height: 36px; } .c_appointment_submitForm-01001 .p_timeD{ display: inline-block; width: 580px; height: 54px; vertical-align: middle; position: relative; font-size: 26px; color: rgb(50, 50, 50); line-height: 54px; } .c_appointment_submitForm-01001 .p_timeD .forward{ position: absolute; color: rgba(167,167,167,1); font-size: 24px; left: 20px; height: auto; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_timeD .forward:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_timeD .InputText{ display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 57px; font-size: inherit; } .c_appointment_submitForm-01001 .p_timeE .InputText{ display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 57px; font-size: inherit; } .c_appointment_submitForm-01001 .p_timeF .InputText{ display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 57px; font-size: inherit; } .c_appointment_submitForm-01001 .p_timeG .InputText{ display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 57px; font-size: inherit; } .c_appointment_submitForm-01001 .p_timeH .InputText{ display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 57px; font-size: inherit; } .c_appointment_submitForm-01001 .p_timeI .InputText{ display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 57px; font-size: inherit; } .c_appointment_submitForm-01001 .p_timeJ .InputText{ display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 57px; font-size: inherit; } .c_appointment_submitForm-01001 .p_timeK .InputText{ display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 57px; font-size: inherit; } .c_appointment_submitForm-01001 .p_timeL .InputText{ display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 57px; font-size: inherit; } .c_appointment_submitForm-01001 .p_timeO .InputText{ display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 57px; font-size: inherit; } .c_appointment_submitForm-01001 .p_timeP .InputText{ display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 57px; font-size: inherit; } .c_appointment_submitForm-01001 .p_timeQ .InputText{ display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 57px; font-size: inherit; } .c_appointment_submitForm-01001 .p_timeR .InputText{ display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 57px; font-size: inherit; } .c_appointment_submitForm-01001 .p_timeS .InputText{ display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 57px; font-size: inherit; } .c_appointment_submitForm-01001 .p_timeT .InputText{ display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid rgba(200, 200, 200, 1); padding: 0 60px 0 57px; font-size: inherit; } .c_appointment_submitForm-01001 .p_NicknameBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_AssistNameE{ vertical-align: middle; font-size: 24px; color: #333333; margin-bottom: 5px; } .c_appointment_submitForm-01001 .p_AssistNameE .font{ line-height: 36px; } .c_appointment_submitForm-01001 .p_timeE{ display: inline-block; width: 580px; height: 54px; vertical-align: middle; position: relative; font-size: 26px; color: rgb(50, 50, 50); line-height: 54px; } .c_appointment_submitForm-01001 .p_timeE .forward{ position: absolute; color: rgba(167,167,167,1); font-size: 24px; left: 20px; height: auto; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_timeE .forward:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_GenderBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_nameL{ vertical-align: middle; font-size: 24px; color: #333333; margin-bottom: 5px; } .c_appointment_submitForm-01001 .p_nameL .font{ line-height: 36px; } .c_appointment_submitForm-01001 .p_radioA{ display: inline-block; vertical-align: middle; font-size: 26px; height: 54px; line-height: 54px; border-width: 1px; border-style: solid; border-color: rgba(200, 200, 200, 1); background-color: #fff; width: 580px; margin-bottom: 5px; color: #CCCCCC; } .c_appointment_submitForm-01001 .p_radioA .font .iconfont:before{ content: "\e64a"; color: rgba(167,167,167,1); } .c_appointment_submitForm-01001 .p_radioB{ display: inline-block; vertical-align: middle; font-size: 26px; height: 54px; line-height: 54px; border-width: 1px; border-style: solid; border-color: rgba(200, 200, 200, 1); background-color: #fff; width: 580px; margin-bottom: 5px; color: #CCCCCC; } .c_appointment_submitForm-01001 .p_radioB .font .iconfont:before{ content: "\e64a"; color: rgba(167,167,167,1); } .c_appointment_submitForm-01001 .radio{ z-index: 99; cursor: pointer; display: none; } .c_appointment_submitForm-01001 .option .font{ width: 495px; display: inline-block; padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .c_appointment_submitForm-01001 .option .shape{ width: 60px; height: 30px; position: relative; display: inline-block; vertical-align: middle; border-radius: 50px; transition: all .3s ease-out; box-shadow: 0px 0px 0px 2px #ddd; } .c_appointment_submitForm-01001 .radio:checked + .shape .iconfont.first { left: 30px; } .c_appointment_submitForm-01001 .option .shape .first{ display: block; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; cursor: pointer; background: #ffffff; border-radius: 50px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); transition: all .3s ease-out; } .c_appointment_submitForm-01001 .radio:checked + .shape { background: #65beba; box-shadow: 0px 0px 0px 2px #65beba; } .c_appointment_submitForm-01001 .p_PhoneBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_starB{ display: inline-block; color: #FF0000; font-size: 26px; vertical-align: middle; } .c_appointment_submitForm-01001 .p_starC{ display: inline-block; color: #FF0000; font-size: 26px; vertical-align: middle; } .c_appointment_submitForm-01001 .p_starD{ display: inline-block; color: #FF0000; font-size: 26px; vertical-align: middle; } .c_appointment_submitForm-01001 .p_starE{ display: inline-block; color: #FF0000; font-size: 26px; vertical-align: middle; } .c_appointment_submitForm-01001 .p_starF{ display: inline-block; color: #FF0000; font-size: 26px; vertical-align: middle; } .c_appointment_submitForm-01001 .p_locationBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_locationBoxB{ cursor: pointer; font-size: 24px; width: 580px; height: 54px; position: relative; line-height: 32px; } .c_appointment_submitForm-01001 .p_AssistNameF{ vertical-align: middle; font-size: 24px; color: #333333; margin-bottom: 5px; display: inline-block; } .c_appointment_submitForm-01001 .p_AssistNameF .font{ line-height: 36px; } .c_appointment_submitForm-01001 .p_timeF{ display: inline-block; width: 580px; height: 54px; vertical-align: middle; position: relative; font-size: 26px; color: rgb(50, 50, 50); line-height: 54px; } .c_appointment_submitForm-01001 .p_timeF .forward{ position: absolute; color: rgba(167,167,167,1); font-size: 24px; left: 20px; height: auto; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_timeF .forward:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_timeG .forward{ position: absolute; color: rgba(167,167,167,1); font-size: 24px; left: 20px; height: auto; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_timeG .forward:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_timeH .forward{ position: absolute; color: rgba(167,167,167,1); font-size: 24px; left: 20px; height: auto; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_timeH .forward:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_timeI .forward{ position: absolute; color: rgba(167,167,167,1); font-size: 24px; left: 20px; height: auto; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_timeI .forward:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_timeJ .forward{ position: absolute; color: rgba(167,167,167,1); font-size: 24px; left: 20px; height: auto; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_timeJ .forward:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_timeK .forward{ position: absolute; color: rgba(167,167,167,1); font-size: 24px; left: 20px; height: auto; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_timeK .forward:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_timeL .forward{ position: absolute; color: rgba(167,167,167,1); font-size: 24px; left: 20px; height: auto; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_timeL .forward:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_timeO .forward{ position: absolute; color: rgba(167,167,167,1); font-size: 24px; left: 20px; height: auto; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_timeO .forward:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_timeP .forward{ position: absolute; color: rgba(167,167,167,1); font-size: 24px; left: 20px; height: auto; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_timeP .forward:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_timeQ .forward{ position: absolute; color: rgba(167,167,167,1); font-size: 24px; left: 20px; height: auto; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_timeQ .forward:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_timeR .forward{ position: absolute; color: rgba(167,167,167,1); font-size: 24px; left: 20px; height: auto; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_timeR .forward:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_timeS .forward{ position: absolute; color: rgba(167,167,167,1); font-size: 24px; left: 20px; height: auto; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_timeS .forward:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_timeT .forward{ position: absolute; color: rgba(167,167,167,1); font-size: 24px; left: 20px; height: auto; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_timeT .forward:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_TelBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_AssistNameG{ vertical-align: middle; font-size: 24px; color: #333333; margin-bottom: 5px; } .c_appointment_submitForm-01001 .p_timeG{ display: inline-block; width: 580px; height: 54px; vertical-align: middle; position: relative; font-size: 26px; color: rgb(50, 50, 50); line-height: 54px; } .c_appointment_submitForm-01001 .p_MailBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_AssistNameH{ vertical-align: middle; font-size: 24px; color: #333333; margin-bottom: 5px; } .c_appointment_submitForm-01001 .p_AssistNameH .font{ line-height:36px; } .c_appointment_submitForm-01001 .p_timeH{ display: inline-block; width: 580px; height: 54px; vertical-align: middle; position: relative; font-size: 26px; color: rgb(50, 50, 50); line-height: 54px; } .c_appointment_submitForm-01001 .p_QQBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_AssistNameI{ vertical-align: middle; font-size: 24px; color: #333333; margin-bottom: 5px; } .c_appointment_submitForm-01001 .p_AssistNameI .font{ line-height: 36px; } .c_appointment_submitForm-01001 .p_AssistNameJ{ vertical-align: middle; font-size: 24px; color: #333333; } .c_appointment_submitForm-01001 .p_AssistNameJ .font{ line-height: 36px; } .c_appointment_submitForm-01001 .p_AssistNameK{ vertical-align: middle; font-size: 24px; color: #333333; } .c_appointment_submitForm-01001 .p_AssistNameK .font{ line-height: 36px; } .c_appointment_submitForm-01001 .p_AssistNameL{ vertical-align: middle; font-size: 24px; color: #333333; } .c_appointment_submitForm-01001 .p_AssistNameL .font{ line-height: 36px; } .c_appointment_submitForm-01001 .p_AssistNameM{ vertical-align: middle; font-size: 24px; color: #333333; } .c_appointment_submitForm-01001 .p_AssistNameM .font{ line-height: 36px; } .c_appointment_submitForm-01001 .p_AssistNameN{ vertical-align: middle; font-size: 24px; color: #333333; margin-bottom: 5px; } .c_appointment_submitForm-01001 .p_AssistNameN .font{ line-height: 36px; } .c_appointment_submitForm-01001 .p_AssistNameO{ vertical-align: middle; font-size: 24px; color: #333333; margin-bottom: 5px; } .c_appointment_submitForm-01001 .p_AssistNameO .font{ line-height: 36px; } .c_appointment_submitForm-01001 .p_AssistNameP{ vertical-align: middle; font-size: 24px; color: #333333; } .c_appointment_submitForm-01001 .p_AssistNameP .font{ line-height: 36px; } .c_appointment_submitForm-01001 .p_AssistNameQ{ vertical-align: middle; font-size: 24px; color: #333333; } .c_appointment_submitForm-01001 .p_AssistNameQ .font{ line-height: 36px; } .c_appointment_submitForm-01001 .p_AssistNameR{ vertical-align: middle; font-size: 24px; color: #333333; margin-bottom: 5px; } .c_appointment_submitForm-01001 .p_AssistNameR .font{ line-height: 36px; } .c_appointment_submitForm-01001 .p_AssistNameS{ vertical-align: middle; font-size: 24px; color: #333333; margin-bottom: 5px; } .c_appointment_submitForm-01001 .p_AssistNameS .font{ line-height: 36px; } .c_appointment_submitForm-01001 .p_timeI{ display: inline-block; width: 580px; height: 54px; vertical-align: middle; position: relative; font-size: 26px; color: rgb(50, 50, 50); line-height: 54px; } .c_appointment_submitForm-01001 .p_WechatBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_AssistNameJ{ margin-bottom: 5px; } .c_appointment_submitForm-01001 .p_timeJ{ display: inline-block; width: 580px; height: 54px; vertical-align: middle; position: relative; font-size: 26px; color: rgb(50, 50, 50); line-height: 54px; } .c_appointment_submitForm-01001 .p_ZipCodeBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_AssistNameK{ margin-bottom: 5px; } .c_appointment_submitForm-01001 .p_timeK{ display: inline-block; width: 580px; height: 54px; vertical-align: middle; position: relative; font-size: 26px; color: rgb(50, 50, 50); line-height: 54px; } .c_appointment_submitForm-01001 .p_FaxBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_AssistNameL{ margin-bottom: 5px; } .c_appointment_submitForm-01001 .p_timeL{ display: inline-block; width: 580px; height: 54px; vertical-align: middle; position: relative; font-size: 26px; color: rgb(50, 50, 50); line-height: 54px; } .c_appointment_submitForm-01001 .p_SectorBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_AssistNameM{ margin-bottom: 5px; } .c_appointment_submitForm-01001 .p_timeM{ cursor: pointer; font-size: 24px; width: 580px; height: 54px; position: relative; line-height: 32px; } .c_appointment_submitForm-01001 .p_icon .iconfont{ position: absolute; top:; pointer-events: none; height: auto; left: 15px; font-size: 24px; color: rgba(167,167,167,1); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_iconA .iconfont{ position: absolute; top:; pointer-events: none; height: auto; right: 35px; font-size: 24px; color: rgba(167,167,167,1); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_iconB .iconfont{ position: absolute; pointer-events: none; height: auto; left: 15px; font-size: 24px; color: rgba(167,167,167,1); /* */ -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_iconC .iconfont{ position: absolute; pointer-events: none; height: auto; right: 35px; font-size: 24px; color: rgba(167,167,167,1); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_iconD .iconfont{ position: absolute; top:; pointer-events: none; height: auto; left: 15px; font-size: 24px; color: rgba(167,167,167,1); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_iconE .iconfont{ position: absolute; pointer-events: none; height: auto; right: 35px; font-size: 24px; color: rgba(167,167,167,1); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_iconF .iconfont{ position: absolute; top: 15px; pointer-events: none; height: auto; left: 15px; font-size: 24px; color: rgba(167,167,167,1); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_iconG .iconfont{ position: absolute; pointer-events: none; height: auto; right: 35px; font-size: 24px; color: rgba(167,167,167,1); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_iconH .iconfont{ position: absolute; top: 15px; pointer-events: none; height: auto; left: 15px; font-size: 24px; color: rgba(167,167,167,1); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_iconI .iconfont{ position: absolute; pointer-events: none; height: auto; right: 35px; font-size: 24px; color: rgba(167,167,167,1); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_iconL .iconfont{ position: absolute; top: 15px; pointer-events: none; height: auto; left: 15px; font-size: 24px; color: rgba(167,167,167,1); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_iconM .iconfont{ position: absolute; pointer-events: none; height: auto; right: 35px; font-size: 24px; color: rgba(167,167,167,1); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; } .c_appointment_submitForm-01001 .p_icon .iconfont:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_iconA .iconfont:before{ content: "\e69a"; } .c_appointment_submitForm-01001 .p_iconB .iconfont:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_iconC .iconfont:before{ content: "\e69a"; } .c_appointment_submitForm-01001 .p_iconD .iconfont:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_iconE .iconfont:before{ content: "\e69a"; } .c_appointment_submitForm-01001 .p_iconF .iconfont:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_iconG .iconfont:before{ content: "\e69a"; } .c_appointment_submitForm-01001 .p_iconH .iconfont:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_iconI .iconfont:before{ content: "\e69a"; } .c_appointment_submitForm-01001 .p_iconL .iconfont:before{ content: "\e64a"; } .c_appointment_submitForm-01001 .p_iconM .iconfont:before{ content: "\e69a"; } .c_appointment_submitForm-01001 .p_timeM select{ width: inherit; height: inherit; -webkit-appearance: none; cursor: pointer; font-size: inherit; line-height: inherit; background-color: #fff; border-width: 1px; border-style: solid; border-color: rgba(200, 200, 200, 1); border-radius: 0px; padding: 0px 40px; } .c_appointment_submitForm-01001 .p_timeN select{ width: inherit; height: inherit; -webkit-appearance: none; cursor: pointer; font-size: inherit; line-height: inherit; background-color: #fff; border-width: 1px; border-style: solid; border-color: rgba(200, 200, 200, 1); border-radius: 0px; padding: 0px 40px; } .c_appointment_submitForm-01001 .p_provice select{ width: inherit; height: inherit; -webkit-appearance: none; cursor: pointer; font-size: inherit; line-height: inherit; background-color: #fff; border-width: 1px; border-style: solid; border-color: rgba(200, 200, 200, 1); border-radius: 0px; padding: 0px 40px; } .c_appointment_submitForm-01001 .p_city select{ width: inherit; height: inherit; -webkit-appearance: none; cursor: pointer; font-size: inherit; line-height: inherit; background-color: #fff; border-width: 1px; border-style: solid; border-color: rgba(200, 200, 200, 1); border-radius: 0px; padding: 0px 40px; } .c_appointment_submitForm-01001 .p_area select{ width: inherit; height: inherit; -webkit-appearance: none; cursor: pointer; font-size: inherit; line-height: inherit; background-color: #fff; border-width: 1px; border-style: solid; border-color: rgba(200, 200, 200, 1); border-radius: 0px; padding: 0px 40px; } .c_appointment_submitForm-01001 .p_locationHeade{ vertical-align: middle; font-size: 24px; color: #333333; margin-bottom: 5px; display: inline-block; } .c_appointment_submitForm-01001 .p_timer select{ width: inherit; height: inherit; -webkit-appearance: none; cursor: pointer; font-size: inherit; line-height: inherit; background-color: #fff; border-width: 1px; border-style: solid; border-color: rgba(200, 200, 200, 1); border-radius: 0px; padding: 0px 40px; } .c_appointment_submitForm-01001 .p_locationBoxB select{ width: inherit; height: inherit; -webkit-appearance: none; cursor: pointer; font-size: inherit; line-height: inherit; background-color: #fff; border-width: 1px; border-style: solid; border-color: rgba(200, 200, 200, 1); border-radius: 0px; padding: 0px 40px; } .c_appointment_submitForm-01001 .p_NatureBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_AssistNameN{ } .c_appointment_submitForm-01001 .p_timeN{ cursor: pointer; font-size: 24px; width: 580px; height: 54px; position: relative; line-height: 32px; } .c_appointment_submitForm-01001 .p_BusinessBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_AssistNameO{ } .c_appointment_submitForm-01001 .p_timeO{ display: inline-block; width: 580px; height: 54px; vertical-align: middle; position: relative; font-size: 26px; color: rgb(50, 50, 50); line-height: 54px; } .c_appointment_submitForm-01001 .p_CorNameBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_AssistNameP{ margin-bottom: 5px; } .c_appointment_submitForm-01001 .p_timeP{ display: inline-block; width: 580px; height: 54px; vertical-align: middle; position: relative; font-size: 26px; color: rgb(50, 50, 50); line-height: 54px; } .c_appointment_submitForm-01001 .p_TypeBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_AssistNameQ{ margin-bottom: 5px; } .c_appointment_submitForm-01001 .p_timeQ{ display: inline-block; width: 580px; height: 54px; vertical-align: middle; position: relative; font-size: 26px; color: rgb(50, 50, 50); line-height: 54px; } .c_appointment_submitForm-01001 .p_WebsitesBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_AssistNameR{ } .c_appointment_submitForm-01001 .p_timeR{ display: inline-block; width: 580px; height: 54px; vertical-align: middle; position: relative; font-size: 26px; color: rgb(50, 50, 50); line-height: 54px; } .c_appointment_submitForm-01001 .p_AreaBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_AreaHead{vertical-align: middle;font-size: 24px;color: #333333;margin-bottom: 5px;} .c_appointment_submitForm-01001 .p_provice{ margin-bottom: 5px; cursor: pointer; font-size: 24px; width: 580px; height: 54px; position: relative; line-height: 32px; } .c_appointment_submitForm-01001 .p_city{ margin-bottom: 5px; cursor: pointer; font-size: 24px; width: 580px; height: 54px; position: relative; line-height: 32px; } .c_appointment_submitForm-01001 .p_area{cursor: pointer;font-size: 24px;width: 580px;height: 54px;position: relative;line-height: 32px;} .c_appointment_submitForm-01001 .p_AddressBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_AssistNameS{ } .c_appointment_submitForm-01001 .p_timeS{ display: inline-block; width: 580px; height: 54px; vertical-align: middle; position: relative; font-size: 26px; color: rgb(50, 50, 50); line-height: 54px; } .c_appointment_submitForm-01001 .p_timeT{ display: inline-block; width: 580px; height: 54px; vertical-align: middle; position: relative; font-size: 26px; color: rgb(50, 50, 50); line-height: 54px; } .c_appointment_submitForm-01001 .p_CustomTextarea{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_TextareaName{ margin-bottom: 5px; font-size: 24px; color: #333333; display: inline-block; } .c_appointment_submitForm-01001 .p_textarea{font-size: 24px;width: 580px;color: rgb(50, 50, 50);resize: none;height: 100px;} .c_appointment_submitForm-01001 .p_textarea textarea{padding-top: 10px;display: inline-block;height: inherit;width: inherit;padding-left: 5px;padding-right: 5px;line-height: inherit;border-width: 1px;border-style: solid;border-color: rgba(200, 200, 200, 1);font-size: inherit;} .c_appointment_submitForm-01001 .p_CaptchaBox{ margin: 15px 0px; width: auto; } .c_appointment_submitForm-01001 .p_CaptchaBoxName{ margin-bottom: 5px; vertical-align: middle; font-size: 24px; color: #333333; display: inline-block; } .c_appointment_submitForm-01001 .p_image{ display: inline-block; border: 1px solid; margin-left: 10px; } .c_appointment_submitForm-01001 .p_captcha{display: inline-block;vertical-align: middle;font-size: 26px;} .c_appointment_submitForm-01001 .p_captcha input{ width: 250px; height: 54px; padding: 0px 20px !important; } .c_appointment_submitForm-01001 .p_SubmitBtn{ font-size: 30px; background: #65BEBA; color: #ffffff; text-align: center; height: 72px; margin: 0px 20px; width: 600px; margin-bottom: 1; margin-bottom: 10px; } .c_appointment_submitForm-01001 .p_image:hover:after{ display: none; } .c_appointment_submitForm-01001 .p_thumbnail:hover:after{ display: none; } .c_appointment_submitForm-01001 .p_StarBox{ position: relative; display: inline-block; width: auto; overflow: visible; margin-top: 15px; } .c_appointment_submitForm-01001 .p_starA{ font-size: 26px; vertical-align: middle; display: inline-block; top: 65px; right: -20px; color: rgba(255, 3, 3, 1); } .c_appointment_submitForm-01001 .p_star{ font-size: 26px; vertical-align: middle; display: inline-block; position: absolute; top: 20px; right: -20px; color: rgba(255, 3, 3, 1); } .c_appointment_submitForm-01001 .itembox{max-height:220px;overflow:auto;width:100%;position:absolute;top:inherit;left:0px;border:1px solid rgba(200, 200, 200, 1);border-top:0;overflow-y:auto;z-index:99;background-color:#fff;font-size:inherit;padding:10px 0;} .c_appointment_submitForm-01001 .itembox li{padding:12px 20px;} .c_appointment_submitForm-01001 .e_PromptInfo{position:fixed;top:0;left:50%;width:640px;margin-left:-320px;line-height:40px;font-size:30px;color:#FFF;padding:10px 0;text-align:center;display:none;background:rgba(255, 3, 3, 1);} .c_appointment_submitForm-01001 .p_succ{background:#65beba; i } .c_appointment_submitForm-01001 .error input{border-color:#F00 !important;} .c_appointment_submitForm-01001 .error textarea{border-color:#F00 !important;} .c_appointment_submitForm-01001 .p_timeM input{width:580px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;line-height:52px;border:1px solid rgba(200, 200, 200, 1);padding:0 60px 0 60px;font-size:30px;color:#323232;} .c_appointment_submitForm-01001 .p_timeN input{width:580px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;line-height:52px;border:1px solid rgba(200, 200, 200, 1);padding:0 60px 0 60px;font-size:30px;color:#323232;} .c_appointment_submitForm-01001 .p_provice input{width:580px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;line-height:52px;border:1px solid rgba(200, 200, 200, 1);padding:0 60px 0 20px;font-size:30px;color:#323232;} .c_appointment_submitForm-01001 .p_city input{width:580px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;line-height:52px;border:1px solid rgba(200, 200, 200, 1);padding:0 60px 0 20px;font-size:30px;color:#323232;} .c_appointment_submitForm-01001 .p_area input{width:580px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;line-height:52px;border:1px solid rgba(200, 200, 200, 1);padding:0 60px 0 20px;font-size:30px;color:#323232;} .c_appointment_submitForm-01001 .p_locationBoxB input{width:580px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;line-height:52px;border:1px solid rgba(200, 200, 200, 1);padding:0 60px 0 60px;font-size:30px;color:#323232;} .c_appointment_submitForm-01001 .p_timeM .InputIcon{position:absolute;top:18px;left:20px;pointer-events:none;} .c_appointment_submitForm-01001 .p_timeM .shape{position:absolute;top:18px;right:20px;pointer-events:none;} .c_appointment_submitForm-01001 .p_timeM .InputIcon:before{/* content:"\e69a"; */} .c_appointment_submitForm-01001 .p_timeM .shape:before{content:"\e69a";} .c_appointment_submitForm-01001 .p_timeN .InputIcon{position:absolute;top:18px;left:20px;pointer-events:none;} .c_appointment_submitForm-01001 .p_timeN .shape{position:absolute;top:18px;right:20px;pointer-events:none;} .c_appointment_submitForm-01001 .p_timeN .InputIcon:before{/* content:"\e69a"; */} .c_appointment_submitForm-01001 .p_timeN .shape:before{content:"\e69a";} .c_appointment_submitForm-01001 .p_provice .InputIcon{position:absolute;top:18px;right:20px;pointer-events:none;} .c_appointment_submitForm-01001 .p_provice .shape:before{content:"\e69a";} .c_appointment_submitForm-01001 .p_city .InputIcon{position:absolute;top:18px;right:20px;pointer-events:none;} .c_appointment_submitForm-01001 .p_city .shape:before{content:"\e69a";} .c_appointment_submitForm-01001 .p_area .InputIcon{position:absolute;top:18px;right:20px;pointer-events:none;} .c_appointment_submitForm-01001 .p_area .shape:before{content:"\e69a";} .c_appointment_submitForm-01001 .p_locationBoxB .InputIcon{position:absolute;top:18px;left:20px;pointer-events:none;} .c_appointment_submitForm-01001 .p_locationBoxB .shape{position:absolute;top:18px;right:20px;pointer-events:none;} .c_appointment_submitForm-01001 .p_locationBoxB .InputIcon:before{/* content:"\e69a"; */} .c_appointment_submitForm-01001 .p_locationBoxB .shape:before{content:"\e69a";} .dw-trans .dw-persp { overflow: hidden; perspective: 1000; -webkit-perspective: 1000; -moz-perspective: 1000; } .dw-trans .dwwb { -webkit-backface-visibility: hidden; } .dw-in { animation-timing-function: ease-out; animation-duration: 350ms; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 350ms; -moz-animation-timing-function: ease-out; -moz-animation-duration: 350ms; } .dw-out { animation-timing-function: ease-in; animation-duration: 350ms; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 350ms; -moz-animation-timing-function: ease-in; -moz-animation-duration: 350ms; } .dw-flip, .dw-swing, .dw-slidehorizontal, .dw-slidevertical, .dw-slidedown, .dw-slideup, .dw-fade { backface-visibility: hidden; transform: translateX(0); -webkit-backface-visibility: hidden; -webkit-transform: translateX(0); -moz-backface-visibility: hidden; -moz-transform: translateX(0); } .dw-swing, .dw-slidehorizontal, .dw-slidevertical, .dw-slidedown, .dw-slideup, .dw-fade { transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; } .dw-flip, .dw-pop { transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; } .dw-pop.dw-in { opacity: 1; transform: scale(1); animation-name: dw-p-in; -webkit-animation-name: dw-p-in; -webkit-transform: scale(1); -moz-animation-name: dw-p-in; -moz-transform: scale(1); } .dw-pop.dw-out { opacity: 0; animation-name: dw-p-out; -webkit-animation-name: dw-p-out; -moz-animation-name: dw-p-out; } .dw-flip.dw-in { opacity: 1; transform: scale(1); animation-name: dw-fl-in; -webkit-animation-name: dw-fl-in; -webkit-transform: scale(1); -moz-animation-name: dw-fl-in; -moz-transform: scale(1); } .dw-flip.dw-out { opacity: 0; animation-name: dw-fl-out; -webkit-animation-name: dw-fl-out; -moz-animation-name: dw-fl-out; } .dw-swing.dw-in { opacity: 1; transform: scale(1); animation-name: dw-sw-in; -webkit-animation-name: dw-sw-in; -webkit-transform: scale(1); -moz-animation-name: dw-sw-in; -moz-transform: scale(1); } .dw-swing.dw-out { opacity: 0; animation-name: dw-sw-out; -webkit-animation-name: dw-sw-out; -moz-animation-name: dw-sw-out; } .dw-slidehorizontal.dw-in { opacity: 1; transform: scale(1); animation-name: dw-sh-in; -webkit-animation-name: dw-sh-in; -webkit-transform: scale(1); -moz-animation-name: dw-sh-in; -moz-transform: scale(1); } .dw-slidehorizontal.dw-out { opacity: 0; animation-name: dw-sh-out; -webkit-animation-name: dw-sh-out; -moz-animation-name: dw-sh-out; } .dw-slidevertical.dw-in { opacity: 1; animation-name: dw-dw-sv-in; transform: scale(1); -webkit-animation-name: dw-dw-sv-in; -webkit-transform: scale(1); -moz-animation-name: dw-dw-sv-in; -moz-transform: scale(1); } .dw-slidevertical.dw-out { opacity: 0; animation-name: dw-sv-out; -webkit-animation-name: dw-sv-out; -moz-animation-name: dw-sv-out; } .dw-slidedown.dw-in { animation-name: dw-sd-in; transform: scale(1); -webkit-animation-name: dw-sd-in; -webkit-transform: scale(1); -moz-animation-name: dw-sd-in; -moz-transform: scale(1); } .dw-slidedown.dw-out { animation-name: dw-sd-out; -webkit-animation-name: dw-sd-out; -moz-animation-name: dw-sd-out; } .dw-slideup.dw-in { transform: scale(1); animation-name: dw-su-in; -webkit-animation-name: dw-su-in; -webkit-transform: scale(1); -moz-animation-name: dw-su-in; -moz-transform: scale(1); } .dw-slideup.dw-out { animation-name: dw-su-out; -webkit-animation-name: dw-su-out; -moz-animation-name: dw-su-out; } .dw-fade.dw-in { opacity: 1; animation-name: dw-f-in; -webkit-animation-name: dw-f-in; -moz-animation-name: dw-f-in; } .dw-fade.dw-out { opacity: 0; animation-name: dw-f-out; -webkit-animation-name: dw-f-out; -moz-animation-name: dw-f-out; } /* Fade in */ @keyframes dw-f-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes dw-f-in { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes dw-f-in { from { opacity: 0; } to { opacity: 1; } } /* Fade out */ @keyframes dw-f-out { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes dw-f-out { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes dw-f-out { from { opacity: 1; } to { opacity: 0; } } /* Pop in */ @keyframes dw-p-in { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } } @-webkit-keyframes dw-p-in { from { opacity: 0; -webkit-transform: scale(0.8); } to { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes dw-p-in { from { opacity: 0; -moz-transform: scale(0.8); } to { opacity: 1; -moz-transform: scale(1); } } /* Pop out */ @keyframes dw-p-out { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes dw-p-out { from { opacity: 1; -webkit-transform: scale(1); } to { opacity: 0; -webkit-transform: scale(0.8); } } @-moz-keyframes dw-p-out { from { opacity: 1; -moz-transform: scale(1); } to { opacity: 0; -moz-transform: scale(0.8); } } /* Flip in */ @keyframes dw-fl-in { from { opacity: 0; transform: rotateY(90deg); } to { opacity: 1; transform: rotateY(0); } } @-webkit-keyframes dw-fl-in { from { opacity: 0; -webkit-transform: rotateY(90deg); } to { opacity: 1; -webkit-transform: rotateY(0); } } @-moz-keyframes dw-fl-in { from { opacity: 0; -moz-transform: rotateY(90deg); } to { opacity: 1; -moz-transform: rotateY(0); } } /* Flip out */ @keyframes dw-fl-out { from { opacity: 1; transform: rotateY(0deg); } to { opacity: 0; transform: rotateY(-90deg); } } @-webkit-keyframes dw-fl-out { from { opacity: 1; -webkit-transform: rotateY(0deg); } to { opacity: 0; -webkit-transform: rotateY(-90deg); } } @-moz-keyframes dw-fl-out { from { opacity: 1; -moz-transform: rotateY(0deg); } to { opacity: 0; -moz-transform: rotateY(-90deg); } } /* Swing in */ @keyframes dw-sw-in { from { opacity: 0; transform: rotateY(-90deg); } to { opacity: 1; transform: rotateY(0deg); } } @-webkit-keyframes dw-sw-in { from { opacity: 0; -webkit-transform: rotateY(-90deg); } to { opacity: 1; -webkit-transform: rotateY(0deg); } } @-moz-keyframes dw-sw-in { from { opacity: 0; -moz-transform: rotateY(-90deg); } to { opacity: 1; -moz-transform: rotateY(0deg); } } /* Swing out */ @keyframes dw-sw-out { from { opacity: 1; transform: rotateY(0deg); } to { opacity: 0; transform: rotateY(-90deg); } } @-webkit-keyframes dw-sw-out { from { opacity: 1; -webkit-transform: rotateY(0deg); } to { opacity: 0; -webkit-transform: rotateY(-90deg); } } @-moz-keyframes dw-sw-out { from { opacity: 1; -moz-transform: rotateY(0deg); } to { opacity: 0; -moz-transform: rotateY(-90deg); } } /* Slide horizontal in */ @keyframes dw-sh-in { from { opacity: 0; transform: translateX(-100%); } to { opacity: 1; transform: translateX(0); } } @-webkit-keyframes dw-sh-in { from { opacity: 0; -webkit-transform: translateX(-100%); } to { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes dw-sh-in { from { opacity: 0; -moz-transform: translateX(-100%); } to { opacity: 1; -moz-transform: translateX(0); } } /* Slide horizontal out */ @keyframes dw-sh-out { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(100%); } } @-webkit-keyframes dw-sh-out { from { opacity: 1; -webkit-transform: translateX(0); } to { opacity: 0; -webkit-transform: translateX(100%); } } @-moz-keyframes dw-sh-out { from { opacity: 1; -moz-transform: translateX(0); } to { opacity: 0; -moz-transform: translateX(100%); } } /* Slide vertical in */ @keyframes dw-dw-sv-in { from { opacity: 0; transform: translateY(-100%); } to { opacity: 1; transform: translateY(0); } } @-webkit-keyframes dw-dw-sv-in { from { opacity: 0; -webkit-transform: translateY(-100%); } to { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes dw-dw-sv-in { from { opacity: 0; -moz-transform: translateY(-100%); } to { opacity: 1; -moz-transform: translateY(0); } } /* Slide vertical out */ @keyframes dw-sv-out { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(100%); } } @-webkit-keyframes dw-sv-out { from { opacity: 1; -webkit-transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(100%); } } @-moz-keyframes dw-sv-out { from { opacity: 1; -moz-transform: translateY(0); } to { opacity: 0; -moz-transform: translateY(100%); } } /* Slide Down In */ @keyframes dw-sd-in { from { transform: translateY(-100%); } to { transform: translateY(0); } } @-webkit-keyframes dw-sd-in { from { opacity: 1; -webkit-transform: translateY(-100%); } to { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes dw-sd-in { from { -moz-transform: translateY(-100%); } to { -moz-transform: translateY(0); } } /* Slide down out */ @keyframes dw-sd-out { from { transform: translateY(0); } to { transform: translateY(-100%); } } @-webkit-keyframes dw-sd-out { from { opacity: 1; -webkit-transform: translateY(0); } to { opacity: 1; -webkit-transform: translateY(-100%); } } @-moz-keyframes dw-sd-out { from { -moz-transform: translateY(0); } to { -moz-transform: translateY(-100%); } } /* Slide Up In */ @keyframes dw-su-in { from { transform: translateY(100%); } to { transform: translateY(0); } } @-webkit-keyframes dw-su-in { from { opacity: 1; -webkit-transform: translateY(100%); } to { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes dw-su-in { from { -moz-transform: translateY(100%); } to { -moz-transform: translateY(0); } } /* Slide up out */ @keyframes dw-su-out { from { transform: translateY(0); } to { transform: translateY(100%); } } @-webkit-keyframes dw-su-out { from { opacity: 1; -webkit-transform: translateY(0); } to { opacity: 1; -webkit-transform: translateY(100%); } } @-moz-keyframes dw-su-out { from { -moz-transform: translateY(0); } to { -moz-transform: translateY(100%); } } /* Datewheel overlay */ .dw { position: absolute; top: 5%; left: 0; z-index: 1001; color: #000; font-size: 12px; text-shadow: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -ms-touch-action: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .dwi { position: static; margin: 5px; display: inline-block; } .dwwr { min-width: 170px; zoom: 1; padding: 0 10px; text-align: center; } /* Datewheel overlay background */ .dw-persp, .dwo { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99999999999; } .dwo { background: #000; opacity: .7; filter: Alpha(Opacity=70); } /* Bubble positionings */ .dw-bubble .dw { margin: 20px 0; } .dw-bubble .dw-arrw { position: absolute; left: 0; width: 100%; } .dw-bubble-top .dw-arrw { bottom: -36px; } .dw-bubble-bottom .dw-arrw { top: -36px; } .dw-bubble .dw-arrw-i { margin: 0 30px; position: relative; height: 36px; } .dw-bubble .dw-arr { display: block; } .dw-arr { display: none; position: absolute; left: 0; width: 0; height: 0; border-width: 18px 18px; border-style: solid; margin-left: -18px; } .dw-bubble-bottom .dw-arr { top: 0; border-color: transparent transparent #fff transparent; } .dw-bubble-top .dw-arr { bottom: 0; border-color: #fff transparent transparent transparent; } /* Datewheel wheel container wrapper */ .dwc { float: none; margin: 0 2px 5px 2px; padding-top: 30px; display: inline-block; } .dwcc { clear: both; } /* Datewheel label */ .dwl { text-align: center; line-height: 30px; height: 30px; white-space: nowrap; position: absolute; top: -30px; width: 100%; } /* Datewheel value */ .dwv { padding: 10px 0; border-bottom: 1px solid #000; } /* Datewheel wheel container */ .dwrc { -webkit-border-radius: 3px; border-radius: 3px; } .dwwc { margin: 0; padding: 0 2px; position: relative; background: #000; zoom: 1; } /* Datewheel wheels */ .dwwl { margin: 4px 2px; position: relative; z-index: 5; } .dww { margin: 0 2px; overflow: hidden; position: relative; } .dwsc .dwwl { background: #888; background: linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%); background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.35, #333),color-stop(0.50, #888),color-stop(0.65, #333),to(#000)); background: -moz-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%); background: -o-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%); } .dwsc .dww { color: #fff; background: #444; background: linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%); background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.45, #444),color-stop(0.55, #444),to(#000)); background: -moz-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%); background: -o-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%); } .dw-bf { -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } .dw-ul { position: relative; z-index: 2; } .dw-li { padding: 0 5px; display: block; text-align: center; line-height: 40px; font-size: 26px; white-space: nowrap; text-shadow: 0 1px 1px #000; vertical-align: bottom; opacity: .3; filter: Alpha(Opacity=30); } /* Higlighted */ .dw-li.dw-hl { background: #fff; background: rgba(255,255,255,.3); } /* Valid entry */ .dw-li.dw-v { opacity: 1; filter: Alpha(Opacity=100); } /* Hidden entry */ .dw-li.dw-h { visibility: hidden; } .dw-i { position: relative; height: 100%; } /* Wheel +/- buttons */ .dwwb { position: absolute; z-index: 4; left: 0; cursor: pointer; width: 100%; height: 40px; text-align: center; opacity: 1; transition: opacity .2s linear; -webkit-transition: opacity .2s linear; } .dwa .dwwb { opacity: 0; } .dwwbp { top: 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; font-size: 40px; } .dwwbm { bottom: 0; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; font-size: 32px; font-weight: bold; } .dwpm .dwwc { background: transparent; } .dwpm .dww { margin: 0; } .dwpm .dw-li { text-shadow: none; } .dwpm .dwwol { display: none; } /* Datewheel wheel overlay */ .dwwo { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%); background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.52, rgba(44,44,44,0)),color-stop(0.48, rgba(44,44,44,0)),to(#000)); background: -moz-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%); background: -o-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%); } /* Background line */ .dwwol { position: absolute; z-index: 1; top: 50%; left: 0; width: 100%; height: 0; margin-top: -1px; border-top: 1px solid #333; border-bottom: 1px solid #555; } /* Datewheel button */ .dwbg .dwb { cursor: pointer; overflow: hidden; display: block; height: 40px; line-height: 40px; padding: 0 15px; margin: 0 2px; font-size: 14px; font-weight: bold; text-decoration: none; text-shadow: 0 -1px 1px #000; border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); color: #fff; background: #000; background: linear-gradient(#6e6e6e 50%,#000 50%); background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #000),color-stop(0.5, #6e6e6e)); background: -moz-linear-gradient(#6e6e6e 50%,#000 50%); background: -o-linear-gradient(#6e6e6e 50%,#000 50%); white-space: nowrap; text-overflow: ellipsis; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-border-radius: 5px; } /* Datewheel button container */ .dwbc { padding: 5px 0; text-align: center; clear: both; } .dwbc:after { content: ''; display: block; clear: both; } /* Datewheel button wrapper */ .dwbw { display: inline-block; float: left; width: 50%; position: relative; z-index: 5; } .dwbc-p .dwbw { width: 33.33%; } /* Hidden label */ .dwhl { padding-top: 10px; } .dwhl .dwl { display: none; } /* Multiple selection */ .dwms .dwwms .dw-li { padding: 0 40px; position: relative; } .dwms .dw-msel:after { width: 40px; text-align: center; position: absolute; top: 0; left: 0; content: '✔'; } /* Backgrounds */ .dwbg { background: #fff; border-radius: 3px; -webkit-border-radius: 3px; } .dwbg .dwpm .dwwl { border: 1px solid #aaa; } .dwbg .dwpm .dww { color: #000; background: #fff; -webkit-border-radius: 3px; } .dwbg .dwwb { background: #ccc; color: #888; text-shadow: 0 -1px 1px #333; box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333; } .dwbg .dwwbp { background: linear-gradient(#f7f7f7,#bdbdbd); background: -webkit-gradient(linear,left bottom,left top,from(#bdbdbd),to(#f7f7f7)); background: -moz-linear-gradient(#f7f7f7,#bdbdbd); background: -o-linear-gradient(#f7f7f7,#bdbdbd); } .dwbg .dwwbm { background: linear-gradient(#bdbdbd,#f7f7f7); background: -webkit-gradient(linear,left bottom,left top,from(#f7f7f7),to(#bdbdbd)); background: -moz-linear-gradient(#bdbdbd,#f7f7f7); background: -o-linear-gradient(#bdbdbd,#f7f7f7); } .dwbg .dwb-a { background: #3c7500; background: linear-gradient(#94c840 50%,#3c7500 50%); background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #3c7500),color-stop(0.5, #94c840)); background: -moz-linear-gradient(#94c840 50%,#3c7500 50%); background: -o-linear-gradient(#94c840 50%,#3c7500 50%); } .dwbg .dwwl .dwb-a { background: #3c7500; background: linear-gradient(#94c840,#3c7500); background: -webkit-gradient(linear,left bottom,left top,from(#3c7500),to(#94c840)); background: -moz-linear-gradient(#94c840,#3c7500); background: -o-linear-gradient(#94c840,#3c7500); } /* Android ICS skin */ .android-ics .dw { padding: 0; color: #31b6e7; background: #292829; } .android-ics .dw .dwwc, .android-ics .dw .dwwl, .android-ics .dw .dww, .android-ics .dw .dwb, .android-ics .dw .dwpm .dww { background: none; } .android-ics .dwwr { padding: 0; } .android-ics .dwc { margin: 0; padding: 30px 10px 1px 10px; } .android-ics .dwhl { padding: 1px 10px; } .android-ics .dwv { height: 36px; line-height: 36px; padding: 0; border-bottom: 2px solid #31b6e7; font-size: 18px; } .android-ics .dwwl { margin: 0 2px; } .android-ics .dww, .android-ics .dw .dwpm .dwwl, .android-ics .dw .dwpm .dww { border: 0; } .android-ics .dww .dw-li { color: #fff; font-size: 18px; text-shadow: none; } .android-ics .dww .dw-li.dw-hl { background: #31b6e7; background: rgba(49,182,231,.5); } .android-ics .dwwo { background: linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%); background: -webkit-gradient(linear,left bottom,left top,from(#282828),color-stop(0.52, rgba(40,40,40,0)),color-stop(0.48, rgba(40,40,40,0)),to(#282828)); background: -moz-linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%); background: -o-linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%); } .android-ics .dw .dwwb { background: #292829; box-shadow: none; -webkit-box-shadow: none; } .android-ics .dwwb span { display: none; } .android-ics .dwwb:after { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; color: #7e7e7e; width: 0; height: 0; border-width: 8px; border-style: solid; content: ''; } .android-ics .dwwbm { top: 0; bottom: auto; } .android-ics .dwwbp { bottom: 0; top: auto; } .android-ics .dwwbm:after { border-color: transparent transparent #7e7e7e transparent; } .android-ics .dwwbp:after { border-color: #7e7e7e transparent transparent transparent; } .android-ics .dw .dwwl .dwb-a { background: #292829; } .android-ics .dwwbm.dwb-a:after { border-color: transparent transparent #319abd transparent; } .android-ics .dwwbp.dwb-a:after { border-color: #319abd transparent transparent transparent; } .android-ics .dw .dwwol { width: 60%; left: 20%; height: 36px; border-top: 2px solid #31b6e7; border-bottom: 2px solid #31b6e7; margin-top: -20px; display: block; } .android-ics .dwbc { border-top: 1px solid #424542; padding: 0; } .android-ics .dw .dwb { height: 36px; line-height: 36px; padding: 0; margin: 0; font-weight: normal; text-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -webkit-box-shadow: none; } .android-ics .dw .dwb-a { background: #29799c; } .android-ics .dwb-s .dwb, .android-ics .dwb-n .dwb { border-right: 1px solid #424542; } /* Docked */ .android-ics.dw-bottom .dw, .android-ics.dw-top .dw { border-radius: 0; -webkit-border-radius: 0; } /* Multiple select */ .android-ics .dwwms .dwwol { display: none; } .android-ics .dwwms .dw-li { padding-left: 5px; padding-right: 36px; } .android-ics .dwwms .dw-li:after { content: ''; position: absolute; top: 50%; left: auto; right: 10px; width: 14px; height: 14px; margin-top: -9px; color: #31b6e7; line-height: 14px; border: 1px solid #424542; text-shadow: 0 0 5px #29799c; } .android-ics .dwwms .dw-msel:after { content: '✔'; } /* Light version */ .android-ics.light .dw { background: #f5f5f5; -webkit-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); transform: scale(1.2,1.2); z-index: 999999999999999999999; } .android-ics.light .dww .dw-li { color: #000; } .android-ics.light .dwwo { background: linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%); background: -webkit-gradient(linear,left bottom,left top,from(#f5f5f5),color-stop(0.52, rgba(245,245,245,0)),color-stop(0.48, rgba(245,245,245,0)),to(#f5f5f5)); background: -moz-linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%); background: -o-linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%); } .android-ics.light .dw .dwwb { background: #f5f5f5; color: #f5f5f5; } .android-ics.light .dwbc { border-top: 1px solid #dbdbdb; } .android-ics.light .dwb { color: #000; } .android-ics.light .dwb-a { color: #fff; } .android-ics.light .dwb-s .dwb, .android-ics.light .dwb-n .dwb { border-right: 1px solid #dbdbdb; } /* Bubble positioning */ .android-ics .dw-bubble-bottom .dw-arr { border-color: transparent transparent #292829 transparent; } .android-ics .dw-bubble-top .dw-arr { border-color: #292829 transparent transparent transparent; } /* Bubble positioning */ .android-ics.light .dw-bubble-bottom .dw-arr { border-color: transparent transparent #f5f5f5 transparent; } .android-ics.light .dw-bubble-top .dw-arr { border-color: #f5f5f5 transparent transparent transparent; } /* Multiple select */ .android-ics.light .dwwms .dw-li:after { text-shadow: 0 0 5px #31b6e7; } .p_LoginPrompt{ width: 640px; height: auto; background-color: rgba(255,0,0,.3); text-align: center; position: fixed; top: 0; z-index: 99999999999; padding: 20px; color: #fff; font-size: 30px; } .p_LoginPrompt .font{ } .p_LoginPrompt .iconfont{ margin-right: 5px; } .p_LoginPrompt .iconfont.icon-error:before{ content: "\e63f"; } .p_LoginPrompt .text-error{ display: inline-block; font-style: normal; } .p_LoginPrompt a.p_link{ display: none; } .p_PromptSucc{ width: 580px; height: 360px; background-color:rgba(255, 255, 255, 0.8); border-width: 1px; border-style: solid; border-color: rgba(228,228,228,1); border-radius: 10px; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 0; z-index: 999999999999; } .p_PromptSucc .iconfont{ display: inline-block; margin-left: 40px; color: #09bb07; font-size: 64px; height: auto; vertical-align: -20px; } .p_PromptSucc .iconfont:before{ content: "\e648"; } .p_PromptSucc .fontbox{ display: table-cell; vertical-align: middle; text-align: center; } .p_PromptSucc .promptbox{ display: table; width: inherit; height: inherit; } .p_PromptSucc .font{ width: auto; height: auto; font-size: 43px; display: inline-block; vertical-align: middle; margin-left: 20px; color: #000; } .p_PromptSucc .assistfont{ width: auto; height: auto; font-size: 32px; display: block; margin-top: 20px; margin-bottom: 10px; } .p_PromptSucc .Confirm{ display: none; } .p_PromptSucc .cancel { display: none; } .p_PromptSucc .close{ display: none; } .p_PromptDisabled{ width: auto; height: auto; background-color: inherit; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 999999999; } .p_PromptDisabled .prompt_title .iconfont:before { content: ""; } .p_PromptDisabled .prompt_title .first{ height: auto; color: rgba(255, 0, 0, 1); display: inline-block; font-size: 50px; margin-right: 10px; position: relative; top: 12px; } .p_PromptDisabled .prompt_title .first:before{ content: "\e610"; } .p_PromptDisabled .prompt_title{ font-size: 32px; color: rgba(0,0,0,1); font-weight: bold; } .p_PromptDisabled .prompt_title .font{ display: inline-block; line-height: 50px; vertical-align: top; } .p_PromptDisabled .promptbox{ width: auto; height: auto; } .p_PromptDisabled .prompt_content { font-size: 24px; color: rgba(105, 105, 105,1); padding-left: 65px; } .p_PromptFail{ width: 580px; height: 360px; background-color:rgba(255, 255, 255, 0.8); position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 0; z-index: 999999999; } .p_PromptFail .iconfont{ display: inline-block; margin-left: 40px; color: #de7676; font-size: 64px; height: auto; vertical-align: -20px; } .p_PromptFail .iconfont:before{ content: "\e641"; } .p_PromptFail .fontbox{ display: table-cell; vertical-align: middle; text-align: center; } .p_PromptFail .promptbox{ display: table; width: inherit; height: 360px; border-width: 1px; border-style: solid; border-color: rgba(228,228,228,1); border-radius: 10px 10px 10px 10px; } .p_PromptFail .font{ width: auto; height: auto; font-size: 43px; display: inline-block; vertical-align: middle; margin-left: 20px; color: #000; } .p_PromptFail .assistfont{ width: auto; height: auto; font-size: 32px; display: block; margin-top: 20px; margin-bottom: 10px; } .p_PromptFail .Confirm{ display: inline-block; width: 290px; height: 80px; line-height: 80px; text-align: center; font-size: 32px; border-width: 1px; border-style: solid; border-color: rgba(228,228,228,1); border-radius: 0px 0px 0px 10px; border-right-width: 0; position: absolute; bottom: 0; left: 0; display: none; } .p_PromptFail .Confirm:active{ background-color: #d1ecea; } .p_PromptFail .cancel { display: inline-block; width: 290px; height: 80px; line-height: 80px; text-align: center; font-size: 32px; border-width: 1px; border-style: solid; border-color: rgba(228,228,228,1); border-radius: 0px 0px 10px 0px; position: absolute; bottom: 0; right: 0; display: none; } .p_PromptFail .cancel:active{ background-color: #d1ecea; } .p_PromptFail .close{ display: block; width: 580px; height: 80px; line-height: 80px; text-align: center; font-size: 32px; border-width: 1px; border-style: solid; border-color: rgba(228,228,228,1); border-radius: 0px 0px 10px 10px; position: absolute; bottom: 0; left: 0; } .p_PromptFail .close:active{ background-color: #d1ecea; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; }/*page property_start*/.pagebox,#-remove--flag{}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/.w_common_text-001{font-size:26px; }#c_appointment_submitForm-15221214575352470{ position:absolute; top:391px; left:-1px; z-index:100; width:640px; height:2618px; }#w_rbox-1522121416615 .p_rbox{background-image:url(/img/sq.jpg); background-image-part-image:url(/img/sq.jpg); }#w_rbox-1522121416615 .p_MatteIcon:before{content:'\e752'; }#w_rbox-1522121416615 >div{animation-fill-mode:both; }#w_rbox-1522121416615{ position:absolute; top:100px; left:0px; z-index:103; width:640px; height:300px; }#w_common_text-1522121416625{ position:absolute; top:110px; left:0px; z-index:1; width:640px; height:46px; }#w_common_text-1522121416630{ position:absolute; top:154px; left:0px; z-index:2; width:640px; height:36px; }