﻿* { box-sizing: border-box; }
html { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; }
body { width: 100%; height: 100%; padding: 0px; margin: 0px; background-color: #F7FAFD; color: #737373; font-family: 'Source Han Sans CN','微软雅黑','宋体'; font-size: 14px; }

/*头部*/
.page_header { height: 45px; background-color: #4778C7; text-align: left; line-height: 45px; color: #FFFFFF; font-size: 16px; }
.page_header div { display: inline-block; height: 100%; float: left; }
.page_header a { color: #FFFFFF; }
.page_header .mcdex_logo { margin-left: 15px; margin-right: 50px; padding-right: 36px; background-image: url('../img/V3.png'); background-repeat: no-repeat; background-position: right center; letter-spacing: 1px; }
.page_header .mcdex_title { }
.page_header .mcdex_service { float: right; margin-right: 20px; }
.page_header .mcdex_feedback { float: right; }
.mcdex_feedback a { display: block; height: 100%; padding: 0px 20px 0px 50px; background-image: url('/Content/images/feedback.png'); background-repeat: no-repeat; background-position-x: 10px; background-position-y: center; text-decoration: none; cursor: pointer; }
.mcdex_feedback a:hover { background-color: #2F579B; }

/*底部*/
.page_footer { margin: 0; height: 40px; line-height: 40px; color: #8D8E90; background-color: #242736; text-align: center; font-size: 12px; }
.page_footer table { table-layout: fixed; }
.page_footer table td { white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; }
.page_footer span { height: 40px; line-height: 40px; color: #999; margin-left: 15px; }
.page_footer_logo { display: block; height: 40px; width: 240px; background-image: url('../images/medicom_logo_s.gif'); background-position: center;  }


/*内容*/
.maindiv { overflow: auto; }
.page_client { width: 800px; text-align: center; vertical-align: top; padding: 1px; margin: 0px auto; }

/*进度*/
.page_step_tag { width: 800px; height: 170px; position: relative; padding: 50px 0px 40px 0px; }
.page_step_tag .step_bg { width: 592px; height: 3px; position: absolute; top: 66px; left: 104px; background-color: #DCDCDC; z-index: 2; text-align: left; }
.step_prog { width: 0%; height: 100%; background-color: #9ADA35; }
.step_table { width: 100%; position: relative; z-index: 3; }
.step_table td { text-align: center; }
.step_icon1, .step_icon2, .step_icon3 { display: inline-block; width: 36px; height: 36px; background-image: url("../img/gray_BG.png"); background-repeat: no-repeat; text-align: center; color: #FFF; line-height: 34px; font-size: 16px; }
.step_text1, .step_text2, .step_text3 { display: inline-block; font-size: 16px; line-height: 20px; margin-top: 20px; }
.step1 .step_icon1, .step2 .step_icon1, .step2 .step_icon2,
.step3 .step_icon1, .step3 .step_icon2, .step3 .step_icon3 { background-image: url("../img/green_BG.png"); }
.step1 .step_text1, .step2 .step_text1, .step2 .step_text2,
.step3 .step_text1, .step3 .step_text2, .step3 .step_text3 { color: #80C026; }
.step2 .step_prog { width: 50%; }
.step3 .step_prog { width: 100%; }
.msg_text_panel { height: 30px; line-height: 30px; }
.msg_text_panel u { text-decoration: none; color: #4778C7; }

/*注册 第一步*/
#startreg { width: 800px;  border: 0px;  padding: 25px 30px; }
.input_text_panel span { display: inline-block; top: 25px; right: -10px; color: red; height: 20px; line-height: 20px; }
.input_button_panel { margin: 25px 0px 15px 0px; }

/*警告信息显示*/
.page_warning_msg_area { margin: 40px 0px; text-align: left; padding: 0px 60px; }
.page_warning_msg_area ul { margin: 0; }
.page_warning_msg_area li { padding: 4px 0px; line-height: 20px; font-size: 14px; list-style: none; }
.page_warning_msg_area li::after { content: ""; display: inline-block; width: 2px; height: 2px; background-color: #999999; position: absolute; left: -14px; top: 13px; }

/*文本框*/
.input_text { width: 100%;*width:90%; height: 40px;*height:20px; margin: 15px 0px; border: 1px solid #E4EAF1; background-color: #FFFFFF; padding: 9px 4px; line-height: 20px; resize: none; }

/*按钮*/
.mbtn, .mabtn, .backbtn { display: inline-block; width: 170px; height: 40px; padding: 6px; border: 0px; background-color: #557ACB; text-decoration: none; color: #FFFFFF; letter-spacing: 1px; font-size: 16px; line-height: 28px; text-align: center; cursor: pointer; }
.backbtn { background-color: #DBE0EB; }

/*文本框 图标*/
.icon { padding-left: 40px; background-repeat: no-repeat; }
.icon9 { background-image: url('../img/pic9.png'); }
.icon10 { background-image: url('../img/pic10.png'); }
.icon11 { background-image: url('../img/pic11.png'); }
.icon12 { background-image: url('../img/pic12.png'); }
.icon13 { background-image: url('../img/pic13.png'); }
.icon20 { background-image: url('../img/pic20.png'); }
.icon21 { background-image: url('../img/pic21.png'); }
.icon22 { background-image: url('../img/pic22.png'); }
.icon23 { background-image: url('../img/pic23.png'); }

/*注册 错误提示样式*/
.validation-summary-valid ul, .validation-summary-errors ul { margin: 0; padding: 0; }
.validation-summary-valid li, .validation-summary-errors li { list-style: none; color: red; text-align: center; line-height: 20px; }

/*注册 第二步 注册信息显示*/
#userinfo { width: 580px; margin: 20px 110px 0px 110px; border: 1px solid #E4EAF1; background-color: #FFFFFF; padding: 25px 30px; }

.contentTable { width: 100%; }
.contentTable th { width: 110px; height: 40px; padding: 10px 0px; font-weight: normal; text-align: right; vertical-align: top; background-repeat:no-repeat; padding-left: 30px; background-position: -1px -1px; }
.contentTable td { padding: 10px 4px; vertical-align: top; line-height: 20px; text-align: left; color: #333333; }

/*注册 第三步 激活码显示*/
.active_code_panel { margin-left: 100px; width: 600px; }
.active_code_panel span { display: block; font-size: 16px; text-align: left; }
.active_code_content { display: block; margin: 20px 0px; padding: 10px 0px 30px 0px; border: solid 1px #E4EAF1; background-color: #FFFFFF; }

#mcdex_active_code { display:block; height: 50px; margin-bottom: 10px; color: #888; font-size: 20px; letter-spacing: 3px; padding: 10px; line-height: 28px; text-align: center; }
#mcdex_active_code u { color: red; font-style: normal; text-decoration: none; }

/*问题反馈*/
.contentDiv { margin: 75px 0px 40px 0px; padding: 30px 50px; background-color: #FFFFFF; border: 1px solid #E4EAF1; position: relative; }
.wirteicon { width: 78px; height: 78px; position: absolute; top: -39px; left: 211px; background-image: url('../img/semicircle_BG.png'); background-position: center top; background-repeat: no-repeat; }
.wirteicon div { width: 100%; height: 100%; background-image: url('../img/pic8.png'); background-repeat: no-repeat; background-position: center center; }

/*文件上传*/
#up_img_panel { width: 100%; text-align: left; }
#up_img_panel span { display: block; line-height: 40px; height: 40px; font-size: 16px; }

/*上传按钮*/
#upimg.haspre { display: inline-block; float: left; width: 80px; height: 80px; position: relative; overflow: hidden; border: 1px solid #E4EAF1; background-color: #F7FAFD; background-image: url('../img/M_plus.png'); background-position: center center; background-repeat: no-repeat; cursor: pointer; text-align: center; }
#upimg.haspre.selectimg { background-image: none; }

/*图片预览*/
#img_pre { display: inline-block; max-height: 80px; max-width: 80px; }

/*有预览*/
#upimg.haspre #file_img { margin: 0; padding: 0; position: absolute; z-index: 100; right: -5px; background-color: rgba(255,255,255,0); filter: alpha(opacity=1); opacity: 0.01; top: -5px; width: 260px; height: 90px; color: rgba(255,255,255,0); }

/*没有预览*/
#upimg.nopre { width: 100%; }
#upimg.nopre #file_img { width: 100%; height: 40px; border: 1px solid #E4EAF1; background-color: #F7FAFD; }

.hidelogo{
    background-image:none!important;
}