@import url("basic.css");
@import url("font-awesome.min.css");
.box-show { box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
.bg-white {
  background-color: #fff;
  margin: 10px auto;
  border-radius: 5px;
  padding: 10px;
  min-height: 650px;
  height: auto !important;
  height: 650px;
  overflow: hidden;
  overflow: visible;
}
.bg-white2 {
  background-color: #fff;
  overflow: hidden;
  margin: 10px auto;
  padding: 10px;
}
.w1280 {
  width: 1280px;
  margin: 0 auto;
}
.w1180 {
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  overflow: hidden;
  width: 1180px;
  height: 100%;
}
.w960 {
  margin: 0 auto;
  position: relative;
  width: 960px;
  height: 100%;
  overflow: hidden;
  padding: 10px 0;
}
.w970 {
  margin: 0 auto;
  position: relative;
  width: 960px;
  height: 100%;
  overflow: hidden;
  padding: 10px 0;
  font-size: 12px;
  
}
.readonly-input {
  color: #999;
  background-color: #e8e8e8;
}
a.bicon,
a.red {
  display: inline-block;
  text-align: center;
  color: #4ac5c2;
  width: 22px;
  height: 32px;
  font: 100 18px/32px '';
}
a.bicon:hover { color: #1a9895; }
a.red { color: #ff6b6b; }
a.red:hover { color: #e12828; }
a.green{ color:#4ac5c2 !important; }
/* 登录头部 */
.head {
  height: 110px;
  background-color: #fff;
  border-bottom: 1px solid #c5c4c4;
}
.head .login-logo {
  height: 110px;
  background: url(/public/images/dulihuiyuan/logo.png) no-repeat left center;
}
.head .login-logo ul {
  height: 30px;
  font: normal 14px/30px '';
  float: right;
  margin-top: 60px;
}
.head .login-logo ul li {
  float: left;
  overflow:hidden;
  height: 30px;
  display: inline-block;
}
.head .login-logo ul li a:link,
.head .login-logo ul li a:visited {
  display: block;
  width: 100%;
  height: 30px;
  padding:0 10px;
  color: #666;
}
.head .login-logo ul li a:hover,
.head .login-logo ul li a:active { color: #4ac5c2; }
.head .login-logo ul li a i{
  margin-right: 5px;
}
/* 头部右侧菜单 */
.nav-home,
.nav-message,
.nav-user {
  color: #999;
  float: left;
  margin-left: 20px;
  position: relative;
}
.nav-home a,
.nav-message a,
.nav-user a {
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  font: normal 22px/30px '';
}
.nav-message a { font: normal 20px/26px ''; }
.nav-message .num {
  color: #fff;
  background-color: #4ac5c2;
  border-radius: 7px;
  display: inline-block;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 4px;
  line-height: 12px;
  min-width: 12px;
  padding: 1px 2px;
  text-align: center;
}
/* 头像下拉框 */
.nav-user {
  border: 1px solid #f5f5f5;
  position: relative;
  z-index: 98;
  background: url(/public/images/dulihuiyuan/angle-right.png) 22px -170px no-repeat;
}
.nav-user a {
  padding: 4px;
  width: 22px;
  height: 22px;
  display: block;
}
.nav-user img {
  height: 22px;
  width: 22px;
  vertical-align: top;
}
.nav-user .menu::before {
  border-bottom: 1px solid #e0dede;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  content: "";
  display: block;
  margin: 0 -10px;
}
.nav-user .menu {
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  line-height: 1;
  overflow: hidden;
  position: absolute;
  right: -1px;
  top: 30px;
  width: 180px;
}
.nav-user .menu dl {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #e1dfdf;
}
.nav-user .menu dl dt {
  width: 100%;
  overflow: hidden;
}
.nav-user .menu dl dt a {
  color: #666;
  display: block;
  width: 100%;
  height: 38px;
  font: normal 14px/38px '';
}
.nav-user .menu dl dt a:hover { background-color: #f2f2f2; }
.nav-user .menu dl dt a i {
  margin: 0 0 0 10px;
  width: 15px;
  text-align: center;
}
/* 登录框 */
.login-main {
  /*
  position: absolute;
  top: 111px;
  bottom: 150px;
  left: 0;
  right: 0;
  */
  height: 700px;
  background: url(/public/images/dulihuiyuan/login-bg.jpg) no-repeat center top #fff;
}
.login-maina {
  /*
  position: absolute;
  top: 111px;
  bottom: 150px;
  left: 0;
  right: 0;
  */
  min-height: 700px;
  
}


.login-main .w1280 { position: relative; }
.login-main .login-box {
  position: absolute;
  top: 50%;
  right: 12px;
  padding: 15px 30px 10px;
  width: 340px;
  margin-top: -240px;
 *margin-top: 0px;
 *height:340px;
  border: 1px solid #eee;
  background-color: #fff;
  -webkit-box-shadow: 3px 3px 3px #999;
  -moz-box-shadow: 3px 3px 3px #999;
  box-shadow: 3px 3px 3px #999;
}
.login-main .login-box h2 {
  color: #4ac5c2;
  height: 36px;
  text-align: center;
  font: normal 18px/24px '';
}
.login-main .login-box h2 a {
  color: #6c6c6c;
  width: 32%;
  height: 36px;
  display: inline-block;
}
.login-main .login-box h2 a.current { color: #4ac5c2; }
.login-main .login-box li {
  color: #666;
  margin: 15px 0;
  height: 54px;
  border: 1px solid #d8d8d8;
}
.login-main .login-box li label {
  width: 54px;
  height: 54px;
  vertical-align: top;
  display: inline-block;
  border-right: 1px solid #d8d8d8;
}
.login-main .login-box li input {
  width: 261px;
  height: 54px;
  vertical-align: top;
  padding: 0 10px;
  font: normal 14px/54px '';
}
.login-main .login-box li label {
  background-repeat: no-repeat;
  background-image: url(/public/images/dulihuiyuan/login-icon.png);
  background-position: center center;
}
.login-main .login-box li.login-user label { background-position: 5px -84px; }
.login-main .login-box li.login-pd label { background-position: 5px 4px; }
.login-main .login-box div.verification { overflow: hidden; margin: 15px 0; }
.login-main .login-box div.verification input {
  float: left;
  width: 190px;
  height: 54px;
  text-align: center;
  border: 1px solid #d8d8d8;
  font: normal 14px/54px '';
}
.login-main .login-box li.error,
.login-main .login-box li.error input,
.piao-table input.error,
.setup-form ul li input.error,
.login-main .login-box div.error input { background-color: #ffe7e7; }
.login-main .login-box li.error,
.login-main .login-box div.error input { border: 1px solid #f00; }
.login-main .login-box li.error label { border-right: 1px solid #f00; }
.login-main .login-box div.verification img {
  float: right;
  width: 130px;
  height: 54px;
}
.login-main .login-box .loginFormCheck {
  color: #999;
  margin: 15px 0 5px;
  overflow: hidden;
  font: normal 12px/22px '';
}
.login-main .login-box .loginFormCheck input { vertical-align: middle; }
.login-main .login-box a.submit:link,
.login-main .login-box a.submit:visited,
.setup-form ul li a:link,
.setup-form ul li a:visited {
  border-radius: 5px;
  text-align: center;
  color: #fff;
  margin: 30px 0 10px;
  padding: 10px 0;
  display: block;
  width: 100%;
  height: 26px;
  letter-spacing: 3px;
  background-color: #4ac5c2;
  font: normal 22px/26px '';
}
.login-main .login-box .loginFormCheck span { float: left; }
.login-main .login-box .loginFormCheck a:link,
.login-main .login-box .loginFormCheck a:visited {
  color: #4ac5c2;
  float: right;
}
.login-main .login-box .login-send {
  height: 44px;
  margin: 10px 0;
}
.login-main .login-box .login-send label { background-position: 5px -40px; }
.login-main .login-box .login-send li {
  float: left;
  width: 190px;
  margin: 0;
}
.login-main .login-box .login-send li input { width: 110px; }
.login-main .login-box .login-send a:link,
.login-main .login-box .login-send a:visited,
.setup-form ul li a:link,
.setup-form ul li a:visited {
  width: 110px;
  float: right;
  margin: 0;
  font: normal 14px/28px '';
  letter-spacing: normal;
}
.login-main .login-box .login-send a:link,
.login-main .login-box .login-send a:visited{
  width: 130px;
  height: 36px;
  line-height:36px;
}
.login-main .login-box .loginFormCheck span a { text-decoration: underline; }
/* 底部 */
.login-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.footer {
  color: #fff;
  overflow: hidden;
  background-color: #4ac5c2;
  font: normal 12px/22px '';
}
.footer ul { float: left; }
.footer ul h4 {
  height: 22px;
  font: bold 12px/22px '';
}
.footer ul a {
  color: #fff;
  display: block;
  width: 90px;
  height: 22px;
  font: normal 12px/22px '';
}
.footer ul a:hover { color: #ff0; }
.footer ul a i {
  width: 18px;
  height: 22px;
}
.footer ul li { height: 22px; }
.footer ul img {
  width: 85px;
  height: 85px;
}
.footer .external-links dl {
  position: absolute;
  top: 20px;
  left: 11px;
  right: 11px;
  bottom: 0;
  padding: 10px 15px;
  background-color: #1961ce;
}
.footer .external-links dl h4 {
  height: 32px;
  font: bold 14px/32px '';
  margin-bottom: 5px;
}
.footer .external-links dl dt {
  float: left;
  width: 50%;
  height: 22px;
}
.footer .external-links dl dt a:link,
.footer .external-links dl dt a:visited {
  color: #fff;
  display: block;
  width: 100%;
  height: 22px;
  font: normal 12px/22px '';
}
.footer .external-links dl dt a:hover,
.footer .external-links dl dt a:active { color: #ff0; }
/* 选择会员 */
.member-box {
  padding: 10px;
  overflow: hidden;
}
.member-box ul {
  color: #666;
  float: left;
  width: 575px;
  height: 520px;
  text-align: center;
  overflow: hidden;
  padding: 20px;
  border: 2px solid #fff;
  /*cursor: pointer;*/
}
.member-box ul:hover,
.member-box ul.gray {
  background-color: #f8f8f8;
  border: 2px solid #d8d8d8;
}
.member-box ul.check {
  border: 2px solid #4ac5c2;
  background: url(/public/images/dulihuiyuan/angle-right.png) right -211px no-repeat;
}
.member-box ul h3 {
  padding: 5px;
  height: 28px;
  font: bold 16px/28px '';
}
.member-box ul h4 {
  padding: 5px;
  height: 28px;
  text-align: left;
  padding: 0;
  margin: 0;
  font: bold 16px/28px '';
}
.member-box ul span { color: #666; }
.member-box ul pre {
  color: #999;
  margin: 10px 0;
  padding: 0;
  text-align: left;
  font: normal 14px/22px '';
  text-indent: 0;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
/* 通用底部按钮 */
.button {
  margin-top: 20px;
  text-align: center;
}
.button a:link,
.button a:visited,
a.bm:link,
a.bm:visited {
  background-color: #4ac5c2;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font: 16px/22px '';
  height: 22px;
  letter-spacing: 3px;
  margin: 0 10px;
  padding: 10px 20px;
  text-align: center;
}
a.bm:link,
a.bm:visited {
  padding: 3px 10px;
  letter-spacing: 0;
  margin: 0 2px;
  font: 14px/22px '';
}
.button a:hover,
.button a:active,
a.bm:hover,
a.bm:active,
.login-main .login-box a.submit:hover,
.login-main .login-box a.submit:active,
.setup-form ul li a:hover,
.setup-form ul li a:active { background-color: #1a9895; }
.login-main .login-box a.gray:link,
.login-main .login-box a.gray:visited,
.login-main .login-box a.gray:hover,
.login-main .login-box a.gray:active,
.button a.gray:hover,
.button a.gray:active,
.button a.gray:link,
.button a.gray:visited {
  cursor: default;
  background-color: #999;
}
/* 个人中心 */
.user_card {
  background-color: #fff;
  margin: 60px 0 0 0;
  position: relative;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  min-height: 170px;
}
.user_card .maozi {
  background-color: #fff;
  border-radius: 4px;
  height: 150px;
  left: 15px;
  position: absolute;
  top: -40px;
  width: 150px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.user_card .inner {
  min-height: 170px;
  padding-left: 180px;
  position: relative;
}
.user_card .avatar-unit {
  border-radius: 4px;
  left: 20px;
  position: absolute;
  top: -35px;
  width: 140px;
}
.user_card .avatar-unit span {
  display: block;
  color: #999;
  margin: 10px 0;
  height: 22px;
  white-space: nowrap;
  font: normal 12px/22px '';
}
.user_card .head-line {
  line-height: 1;
  padding: 20px 0;
  position: relative;
}
.user_card .head-line span {
  color: #4ac5c2;
  font: normal 14px/28px '';
  margin-left: 20px;
}
.user_card .head-line a:link,
.user_card .head-line a:visited {
  color: #fff;
  height: 28px;
  border-radius: 2px;
  padding: 0 5px;
  margin-left: 20px;
  background-color: #4ac5c2;
  font: normal 12px/28px '';
}
.user_card .head-line a.name:link,
.user_card .head-line a.name:visited {
  color: #333;
  margin: 0;
  padding: 0;
  display: inline-block;
  background: none;
  font: bold 24px/28px '';
}
.user_card .head-line a.name:hover,
.user_card .head-line a.name:active { color: #1a9895; }
.user_card .head-line a:hover,
.user_card .head-line a:active { background-color: #4ac5c2; }
.current-avatar{
  width: 140px;
  height: 140px;
}
.inner ul { }
.inner ul li {
  color: #666;
  margin-bottom: 5px;
  height: 22px;
  font: normal 14px/22px '';
}
.inner ul li span {
  float: left;
  margin-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.inner ul li span.unit { width: 160px; }
.inner ul li a:link,
.inner ul li a:visited {
  border-radius: 3px;
  padding: 0 10px;
  border: 1px solid #4ac5c2;
  background-color: #ebfafa;
  float: left;
  color: #999;
  height: 20px;
  font: normal 12px/20px '';
}
.inner ul li a:hover,
.inner ul li a:active {
  color: #4ac5c2;
  border: 1px solid #4ac5c2;
  background-color: #ebfafa;
}
.inner ul li i {
  color: #999;
  padding: 1px 0 0 1px;
}
/* 个人列表栏 */
.user_list {
  overflow: hidden;
  margin-left: -5px;
  padding: 10px 5px;
  width: 1280px;
}
.user_list ul {
  background-color: #fff;
  float: left;
  padding: 10px;
  width: 400px;
  height: 430px;
  margin-right: 10px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.user_list ul h4 {
  color: #666;
  height: 20px;
  font: bold 16px/20px '';
  padding: 5px 0 10px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #c7c7c7;
}
.user_list ul h4 span { float: left; }
.user_list ul h4 a {
  color: #999;
  float: right;
  font: normal 12px/20px '';
}
.user_list ul h4 a:hover { color: #4ac5c2; }
.user_list ul li { overflow: hidden; }
.user_list ul li a {
  float: left;
  width: 295px;
  padding: 5px 0 5px 15px;
  height: 22px;
  font: normal 14px/22px '';
  background: url(/public/images/dulihuiyuan/angle-right.png) 0 13px no-repeat;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user_list ul li a:hover { background: url(/public/images/dulihuiyuan/angle-right.png) 0 -27px no-repeat; }
.user_list ul li span {
  color: #666;
  float: right;
  text-align: right;
  display: inline-block;
  width: 90px;
  padding: 5px 0;
  height: 22px;
  font: normal 14px/22px '';
}
.user_list ul li:hover span { color: #4ac5c2; }
.user_list ul .inner a {
  display: block;
  text-align: center;
  width: 99%;
  padding: 180px 0;
  font-size: 14px;
  height: 24px;
  border: 1px dashed #dedede;
  font: normal 14px/24px '';
}
.user_list ul .inner a:hover { background: rgba(0, 0, 0, .05) none repeat scroll 0 0; }
/* 步骤头部 */
.select-box h1 {
  padding: 5px 0 15px 20px;
  letter-spacing: 1px;
  height: 36px;
  font: normal 28px/36px '';
}
.select-box ul {
  text-align: center;
  padding: 20px 190px;
  margin-left: -10px;
  width: 900px;
  height:40px;
  overflow: hidden;
  background-color: #f6f6f6;
}
.select-box ul li {
  color: #999;
  float: left;
  font-size: 16px;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
  width: 180px;
}
.select-box ul li.current { color: #4ac5c2; }
.select-box ul li i {
  background-repeat:no-repeat;
  background-position:center center;
  background-image:url(/public/images/dulihuiyuan/circle2.png);
  bottom: -30px;
  height: 24px;
  left: 50%;
  margin-left: -12px;
  position: absolute;
  width: 24px;
  z-index: 1;
}
.select-box ul li span{
  display:block;
  width:100%;
  position: absolute;
  bottom: -20px;
  left: 50%;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
}
.select-box ul li.current span{ border-color: #4ac5c2; }
.select-box ul li.current i { background-image:url(/public/images/dulihuiyuan/circle4.png); }
.select-box ul li.conduct i { background-image:url(/public/images/dulihuiyuan/conduct.png); }
/* 搜索框 */
.mechanism-search {
  text-align: center;
  overflow: hidden;
  padding: 20px 0;
}
.mechanism-search form {
  position: relative;
  width: 442px;
  margin: 0 auto;
}
.mechanism-search form input {
  border: 1px solid #ddd;
  border-radius: 16px;
  color: #999;
  height: 32px;
  padding: 0 40px 0 20px;
  width: 380px;
  font: normal 14px/32px '';
}
.mechanism-search form a {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 40px;
  height: 34px;
  font: normal 14px/30px '';
}
/* 协会列表 */
.mechanism-box {
	overflow: hidden;
  position:relative;
}
.mechanism-box .legend{
  color:#999;
  position:absolute;
  width:100%;
  top:10px;
  text-align:center;
}
.mechanism-box .legend span{
  color: #4ac5c2;
  margin-left:10px;
}
.mechanism-box .legend span i{
  display:inline-block;
  width: 10px;
  height: 10px;
  background-color: #4ac5c2;
  border-radius:2px;
  margin: 0 10px;
}
.mechanism-box .legend  span.disabled{ color:#ccc; }
.mechanism-box .legend  span.disabled i{ background-color:#ccc; }
.mechanism-box h1{
 	font: 24px/36px '';
  height: 36px;
  letter-spacing: 1px;
  padding: 15px 0 5px 20px;
}
.mechanism-box ul {
  overflow: hidden;
  margin: 0 20px;
  border-bottom: 1px dashed #d2d2d2;
}
.mechanism-box ul li {
  height: 40px;
  padding:0 6px;
  border-top: 1px dashed #d2d2d2;
}
.mechanism-box ul li input {
  margin: 0 7px 0 20px;
  vertical-align: middle;
}
.mechanism-box ul li label {
  color: #666;
  display: inline-block;
  width: 320px;
 *width: 300px;
  padding:0 60px 0 20px;
  height: 40px;
  letter-spacing: 1px;
  vertical-align: middle;
  font:  16px/40px '';
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position:relative;
}
.mechanism-box ul li label a{
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: #999;
  border-radius: 3px;
  color: #fff;
  padding: 0 10px;
  font-family: '';
  font-size: 12px;
  line-height: 20px;
}
.mechanism-box ul li a:hover { background-color: #4ac5c2; }
.mechanism-box ul li label .disabled a{
  color:#999;
}
/* 提示框 */
.tip-yellow {
  z-index: 999999;
  text-align: left;
  min-width: 50px;
  max-width: 530px;
  color: #fff;
  border: 1px solid #ff6b6b;
  background-color: #ff6b6b;
  border-radius: 5px;
  margin-top: -6px;/**
	 * - If you set a background-image, border/padding/background-color will be ingnored.
	 *   You can set any padding to .tip-inner instead if you need.
	 * - If you want a tiled background-image and border/padding for the tip,
	 *   set the background-image to .tip-inner instead.
	 */
}
.tip-yellow .tip-inner {
  font: normal 12px/18px 'trebuchet ms', arial, helvetica, sans-serif;
  padding: 2px 5px;
}
/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-yellow .tip-arrow-top {
  margin-top: -7px;
  margin-left: 15px;
  top: 0;
  left: 50%;
  width: 16px;
  height: 10px;
}
.tip-yellow .tip-arrow-right {
  margin-top: -9px; /* approx. half the height to center it */
  margin-left: -4px;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 20px;
}
.tip-yellow .tip-arrow-bottom {
  margin-top: -6px;
  margin-left: 15px;
  top: 100%;
  left: 50%;
  width: 16px;
  height: 13px;
}
.tip-yellow .tip-arrow-left {
  margin-top: -9px; /* approx. half the height to center it */
  margin-left: -6px;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 20px;
}
/* 浮动效果 */
.info {
  border-radius: 5px;
  border: 1px solid #ff6b6b;
  margin-top: 15px;
  padding: 0 5px;
  color: #4D94BE;
  position: absolute;
  display: none;
  line-height: 10px;
  background-color: #ff6b6b;
}
.dec {
  bottom: -8px;
  display: block;
  height: 15px;
  overflow: hidden;
  position: absolute;
  left: 20px;
  width: 12px;
}
.dec s {
  font-family: simsun;
  font-size: 9px;
  height: 19px;
  left: 0;
  line-height: 21px;
  position: absolute;
  text-decoration: none;
  top: -9px;
  width: 17px;
}
.dec .dec1 {
  top: -2px;
  color: #ff6b6b;
}
.dec .dec2 {
  top: -3px;
  color: #ff6b6b;
}
/*--弹窗样式--*/
#gray {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  position: fixed;
  top: 0px;
  display: none;
  z-index: 99;
}
.tanbox { box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }
.tanbox .top_nav a.guanbi {
  width: 40px;
  height: 40px;
  display: inline-block;
  float: right;
  cursor: pointer;
  background: url(/public/images/dulihuiyuan/popup_guanbi.png) no-repeat 0px 0px;
}
.tanbox .top_nav a.guanbi:hover { background: url(/public/images/dulihuiyuan/popup_guanbi.png) no-repeat 0px -40px; }
.tanbox .top_nav {
  width: 100%;
  height: 48px;
  position: relative;
  cursor: move;
}
.tanbox .top_nav i {
  width: 48px;
  height: 48px;
  float: left;
}
.tanbox .top_nav span {
  color: #333;
  float: left;
  margin-left: 20px;
  font: bold 18px/48px 'microsoft yahei';
}
.tanbox .min {
  padding: 0 60px;
  height: auto;
}
.popup,
.xianxia-box {
  width: 640px;
  height: auto;
  background-color: #fff;
  position: absolute;
  z-index: 100;
  border: 1px solid #ebeaea;
  left: 400px;
  top: 96px;
  border-radius: 10px;
  padding: 10px 10px 30px;
  display: none;
}
.popup .min h1 {
  height: 56px;
  font: 24px/28px 'microsoft yahei';
}
.popup .min h1 i,
.success-box i {
  display: inline-block;
  width: 56px;
  height: 56px;
  vertical-align: top;
  margin-right: 24px;
  background: url(/public/images/dulihuiyuan/judge.png) no-repeat 0px 0;
}
.popup .min ul { padding-left: 80px; }
.popup .min ul li {
  color: #999;
  font: 14px/24px 'microsoft yahei';
}
.popup .min ul li label {
  width: 80px;
  display: inline-block;
}
.popup .min h2 {
  color: #4ac5c2;
  padding: 10px 0 10px 80px;
  font: normal 24px/28px 'microsoft yahei';
}
.xianxia-box pre {
  color: #666;
  font: 14px/24px 'microsoft yahei';
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.xianxia-box pre b { color: #333; }
/* 缴费 */
.pay-box {
  overflow: hidden;
  width: 700px;
  margin: 20px auto;
}
.pay-box table {
  width: 100%;
  border: 0 none;
  border-collapse: collapse;
  border-spacing: 0;
}
.pay-box table tr td {
  color: #666;
  vertical-align: top;
  padding: 10px 0 10px 0;
  font: normal 16px/24px 'microsoft yahei';
}
.pay-box table tr td label {
  display: inline-block;
  width: 100px;
  text-align: right;
  font-weight: bold;
  color: #333;
  padding-right: 20px;
}
.pay-box table tr td span {
  display: inline-block;
  width: 120px;
  height: 30px;
  padding: 5px;
  border: 1px solid #e8e8e8;
  cursor: pointer;
  margin: 0;
}
.pay-box table tr td span.check {
  border: 1px solid #4ac5c2;
  background: rgba(0, 0, 0, 0) url(/public/images/dulihuiyuan/angle-right.png) no-repeat scroll right -163px;
}
.pay-box table tr td span img {
  width: 120px;
  height:30px;
}
.pay-box table input,
.pay-box table select {
  border: 1px solid #d8d8d8;
  height: 28px;
  border-radius: 5px;
  padding: 0 0 0 10px;
  font: normal 14px/28px 'microsoft yahei';
}
.pay-box table font { padding: 0 20px 0 10px; }
/* 线下支付说明 */
.below-line {
  display:none;
  background-color: #f8f8f8;
}
.below-line ul {
  padding-left: 127px;
}
.below-line ul li {
  color: #666;
  font: normal 14px/22px 'microsoft yahei';
}
.below-line ul li b {
  display: inline-block;
  height:22px;
  margin-top: 10px;
}
.pay-box table tr.below-line ul li label {
  color: #666;
  font-weight: normal;
}
.below-line ul li label:after {
  color: #666;
  content: '：';
}
/* 开票表格 */
.piao-table { background-color: #f8f8f8; }
.pay-box .piao-table tr td,
.pay-box .piao-table tr td label {
  padding: 5px 20px 5px 0;
  color: #999;
  font: normal 14px/24px 'microsoft yahei';
}
.piao-table input {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  height: 28px;
  width: 300px;
  padding: 0 10px;
  font: normal 14px/28px 'microsoft yahei';
}
/* 左侧二级菜单 */
.nav-left {
  float: left;
  width: 140px;
  margin: 10px 0 0 -10px;
}
.nav-left h1 {
  width: 120px;
  color: #fff;
  background-color: #4ac5c2;
  padding-left: 30px;
  margin-left: -10px;
  height: 36px;
  font: normal 16px/36px 'microsoft yahei';
  position: relative;
}
.nav-left h1 i {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -10px;
  left: 0;
  background: url(/public/images/dulihuiyuan/angle-green.png) no-repeat right 0;
}
.nav-left ul { padding: 10px 0; }
.nav-left ul li { height: 28px; }
.nav-left ul li a {
  display: block;
  width: 100px;
  height: 28px;
  padding-left: 40px;
  font: normal 14px/28px 'microsoft yahei';
  background: url(/public/images/dulihuiyuan/angle-right.png) no-repeat scroll 20px 12px;
}
.nav-left ul li a:hover {
  color: #666;
  background: url(/public/images/dulihuiyuan/angle-right.png) no-repeat scroll 20px 12px #f2f2f2;
}
.nav-left ul li a.check {
  color: #4ac5c2;
  background: url(/public/images/dulihuiyuan/angle-right.png) no-repeat scroll 20px -28px;
}
/* 右侧二级内容 */
.nav-right {
  float: right;
  width: 1100px;
  margin-right: 10px;
}
/* 路径 */
.nav-right .path {
  color: #666;
  border-bottom: 1px solid #e2e2e2;
  font: 12px/46px '';
  height: 46px;
}
.nav-right .path i {
  text-align: center;
  width: 20px;
  display: inline-block;
}
/* 搜索框 */
.search-box {
  padding: 15px 0;
  height: 30px;
  font: 14px/30px '';
}
.search-box input,
.search-box select {
  border-radius: 3px;
  border: 1px solid #d2d2d2;
  height: 28px;
  font: 14px/28px '';
  margin-right: 10px;
  padding: 0 10px;
}
/* 订单 */
.dingdan { overflow: hidden; }
.dingdan .dingdan-box {
  border: 1px solid #d2d2d2;
  overflow: hidden;
  margin-bottom: 10px;
}
.dingdan .dingdan-box dl {
  height: 40px;
  background-color: #eee;
  font: 14px/40px '';
}
.dingdan .dingdan-box dl * {
  width: 180px;
  padding: 0 10px;
  display: inline-block;
  text-align: center;
  color: #333;
}
.dingdan .dingdan-box dl dd {
  float: left;
  font-weight: bold;
  width: 600px;
  text-align: left;
  padding-left: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dingdan .dingdan-box dl dt { float: right; }
.dingdan .dingdan-box ul {
  color: #666;
  height: 40px;
  margin: 5px 0 5px 0;
  font: 14px/40px '';
}
.dingdan .dingdan-box ul li {
  vertical-align: middle;
  text-align: center;
  color: #666;
  float: left;
  width: 300px;
  margin: 10px 0 10px 0;
  font: 14px/20px '';
  border-right: 1px solid #d2d2d2;
}
.dingdan .dingdan-box ul .dingdan-link {
  float: right;
  width: 190px;
  text-align: center;
}
/* 分页 */
.pages-num {
  overflow: hidden;
  text-align: center;
  font: 14px/24px '';
}
.pages-num a {
  display: inline-block;
  height: 24px;
  padding: 0 8px;
  margin: 0 2px;
  border: 1px solid #d8d8d8;
  font: 14px/24px '';
}
.pages-num a.cur {
  font-weight: bold;
  color: #fff;
  border: 1px solid #4ac5c2;
  background-color: #4ac5c2;
  cursor: default;
}
.pages-num a.gray {
  color: #ccc;
  border: 1px solid #e8e8e8;
  background-color: #f8f8f8;
  cursor: default;
}
/* 订单详细 */
.ingdan-detailled,
.list-box {
  margin-top: 10px;
  overflow: hidden;
  font: 14px/24px '';
}
.ingdan-detailled h1,
.list-box h1 {
  background-color: #eee;
  color: #333;
  font: bold 14px/32px '';
  height: 32px;
  padding: 0 20px;
}
.list-box h1 {
  color: #fff;
  background-color: #4ac5c2;
}
.list-box h1 span { float: left; }
.list-box h1 a {
  color: #996b30;
  float: right;
  font-weight: normal;
  display: inline-block;
  height: 18px;
  margin: 7px 0 0 10px;
  padding: 0 10px;
  border-radius: 9px;
  text-align: center;
  background-color: #ffc;
  font: normal 12px/18px '';
}
.list-box h1 a:hover {
  color: #ffffcc;
  background-color: #996b30;
}
.ingdan-detailled table {
  border: 0 none;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  margin: 10px 0 10px 0;
  width: 100%;
}
.ingdan-detailled table tr td {
  color: #999;
  padding: 5px;
  width: 24%;
  font: 14px/22px '';
  white-space: nowrap;
}
.ingdan-detailled table tr td label {
  float: left;
  display: inline-block;
  width: 90px;
  height: 22px;
  text-align: right;
  color: #666;
  font: 14px/22px '';
}
/* 普通列表 */
.list-box table {
  border: 0 none;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  margin: 0 0 10px 0;
  width: 100%;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
}
.list-box table tr th,
.list-box table tr td {
  color: #666;
  text-align: center;
  padding: 2px 5px;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  font: 14px/32px '';
}
.list-box table tr th {
  color: #333;
  background-color: #f8f8f8;
  font-weight: bold;
}
/* 会员权益 */
.rights-interests { padding-top: 20px; }
.rights-interests ul li {
  float: left;
  width: 25%;
  text-align: center;
}
.rights-interests ul li a { font: 14px/28px ''; }
.rights-interests ul li a * { display: block; }
.rights-interests ul li a img {
  border: 1px solid #d8d8d8;
  width: 140px;
  height: 140px;
  margin-left: 60px;
 *margin-left: 0;
  border-radius: 10px;
  margin-bottom: 10px;
}
.rights-interests ul li a:hover img { border: 1px solid #4ac5c2; }
.rights-interests ul li a b,
.rights-interests ul li a span { padding: 0 20px; }
/* 常见问题 */
.problem-box { overflow: hidden; }
.problem-left {
  float: left;
  width: 900px;
  padding: 0 20px;
  border-right: 1px solid #e1e1e1;
  overflow: hidden;
}
.sub {
  float: right;
  width: 310px;
}
.problem-right {
  width: 300px;
  top: 0;
}
.problem-right ol {
  counter-reset: sectioncounter;
  margin-left: 30px;
}
.problem-right ol li {
  color: #666;
  list-style: demical;
  font: 14px/22px '';
  margin-bottom: 10px;
}
.problem-right ol li a { font: 14px/22px ''; }
.problem-left div {
  color: #666;
  border-top: 1px solid #f2f2f2;
  padding: 10px 0 20px 0;
  letter-spacing: 1px;
  font: 14px/26px '';
}
.problem-left div h1 {
  color: #1a9898;
  padding: 10px 0;
  font: 14px/26px '';
}
a.back-top {
  color: #fff;
  margin: 25px 0 0 15px;
  text-align: center;
  border-radius: 5px;
  display: block;
  width: 50px;
  height: 50px;
  background-color: #d8d8d8;
  font: 44px/40px '';
}
a.back-top:hover { background-color: #999; }
/* 帮助中心 */
.help-box {
  width: 90%;
  margin: 0 auto;
  padding: 20px 0;
  letter-spacing: 1px;
  font: 14px/28px '';
  background-repeat: no-repeat;
  background-position: right bottom;
}
.help-box pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
/* 404 */
.error-box {
  overflow: hidden;
  height: 300px;
  background: url(/public/images/dulihuiyuan/error-bg.png) no-repeat center center scroll;
}
.error-font {
  width: 500px;
  margin: auto;
  overflow: hidden;
  padding: 0 0 50px;
  display: block;
}
.error-font * {
  display: block;
  height: 28px;
  padding: 10px;
}
.error-font font {
  color: #ee0a09;
  font: 24px/28px '';
}
.error-font span {
  color: #666;
  font: 14px/22px '';
}
/* 安全设置 */
.setup-box {
  overflow: hidden;
  width: 1000px;
  margin: 0 auto;
}
.setup-box ul {
  margin-top: 30px;
  overflow: hidden;
  border-top: 1px dashed #e6e6e6;
}
.setup-box ul li {
  height: 40px;
  padding: 30px 0 30px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.setup-box ul li * { float: left; }
.setup-box ul li i {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-image: url(/public/images/dulihuiyuan/icon-prompt.png);
}
.setup-box ul li i.wrong { background-position: 0 -40px; }
.setup-box ul li font {
  width: 100px;
  margin: 0 20px;
  font: 18px/40px '';
}
.setup-box ul li span {
  color: #999;
  font: 14px/40px '';
}
.setup-box ul li a {
  display: inline-block;
  width: 40px;
  float: right;
}
/* 设置文本框 */
.setup-form {
  width: 480px;
  margin: 0 auto;
  padding: 60px 0;
  overflow: hidden;
}
.setup-form ul li {
  padding: 15px 0;
  color: #666;
  font: 18px/44px '';
}
.setup-form ul li label {
  text-align: right;
  width: 120px;
  display: inline-block;
  margin-right: 20px;
 *float:left;
}
.setup-form ul li input {
  color: #666;
  font: 18px/44px '';
  height: 44px;
  padding: 0 10px;
  width: 280px;
  border-radius: 5px;
  border: 1px solid #d8d8d8;
 *float:left;
}
.setup-form ul li a:link,
.setup-form ul li a:visited { margin-right: 32px; *margin-right: 38px;
}
.setup-form img {
  width:110px;
  height:46px;
  margin-left: 7px;
  vertical-align:top;
}
/* 成功 */
.success-box {
  color: #4ac5c2;
  width: 740px;
  margin: 0 auto;
  padding: 100px 0;
  overflow: hidden;
  font: 18px/40px '';
}
.success-box i,
.success-box div { float: left; }
/* 基本信息 */
.contentDiv {
  width: 1100px;
  margin: 20px auto;
}
.contentDiv table {
  width: 1070px;
  margin-bottom: 20px;
}
.contentDiv table td {
  padding: 5px 0;
  white-space: nowrap;
}
.contentDiv table td input,
.contentDiv table select,
.upload-photos ul li input {
  border: 1px solid #A9A9A9;
  padding: 0 10px;
  margin-right: 10px;
  height: 30px;
  width: 150px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.upload-photos ul li input { width: 120px; }
.contentDiv table select {
  padding: 0 0 0 10px;
  height: 32px;
  width: 172px;
}
.contentDiv table tr.cbcheck td{
  color:#f00;
  padding:0 !important;
}
.contentDiv table tr.cbcheck td span{
  margin-left:100px;
}
.contentDiv table td input.long { width: 290px; }
.contentDiv table td select.long { width: 312px; }
.contentDiv table td input.xlong { width: 350px; }
.contentDiv table td select.xlong { width: 372px; }
.contentDiv table td input.xxlong { width: 432px; }
.contentDiv table td select.xxlong { width: 454px; }
.contentDiv table td label {
  color: #666;
  float: left;
  text-align: right;
  display: inline-block;
  height: 30px;
  width: 100px;
  font: 14px/30px '';
}
.contentDiv table td label span {
  position: static;
  color: #f00;
  margin-right: 5px;
}
.contentDiv table td .form-group {
  float: left;
  display: inline-block;
  line-height:32px;
}
.w3-per{
  width:182px;
}
.required { color: red; }
.contentDiv table td.photo-box{
   text-align:center;
   position:relative;
   padding:0;
   width:196px;
}
.photo-img {
  width:100px;
  height:140px;
  position:absolute;
  top:10px;
  left:45px;
}
.photo-limit{
  color: #999;
  display: block;
  font: 11px/16px "";
  position: absolute;
  text-align: left;
  top: 168px;
  white-space: normal;
  width: 192px;
}
/* 上传图片 */
.upload-photos {
  width: 100%;
  border-top: 1px dashed #d8d8d8;
}
.upload-photos ul {
  width: 1100px;
  margin: 0 auto;
  margin-top: 30px;
}
.upload-photos ul li {
  height: 190px;
  text-align: center;
  float: left;
  width: 240px;
  margin: 0 63px;
  overflow: hidden;
  position: relative;
}
.NotDoc ul li {
  margin-left:185px !important;
}
.upload-photos ul li img {
  display: block;
  width: 240px;
  height: 160px;
  border-radius: 2px;
  margin-bottom: 10px;
  border: 1px solid #e8e8e8;
}
.floatDiv {
  display: none;
  position: absolute;
  top: 122px;
  left: 0;
  width: 100%;
  height: 40px;
  background-color: rgba(74,197,194,0.7);
}
.floatDiv a:link,
.floatDiv a:visited {
  text-align: center;
  color: #fff;
  display: inline-block;
  width: 49%;
  height: 40px;
  font: 14px/40px '';
}
.floatDiv a:hover,
.floatDiv a:active { color: #ff0; }
/* loading遮罩 */
.loadingPage_bg1 {
  background: none repeat scroll 0 0 #000;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0; /*:rgba(0,0,0,0.5);*/
  opacity: 0.7;
  filter: alpha(opacity=70);
  z-index: 110;
}
#loadingPage {
  color: #666;
  font: bold 12px/24px '';
  display: block;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -80px;
  padding: 10px;
  z-index: 111;
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 5px;
}
#loadingPage i {
  vertical-align: middle;
  margin-right: 5px;
}
.previewImgClass { width: 100%; }
/* 证书气泡 */
#zgz,
#zyz,
#gzz {
  margin-top: -58px;
  left: 85px;
  display: none;
}
.register-box {
  text-align:center;
  font: 24px/40px '';
  width:1040px;
}
/* 提示框 */
.warning-main{
  background-color: #ffe5cd;
  border: 1px dashed #f7af68;
  margin:10px auto;
  padding:10px 20px;
  width:1240px;
}
.warning-box {
  color: #f60;
  line-height:24px;
  font-size:14px;
  overflow:hidden;
  position:relative;
}
.warning-box  li{
  height:24px;
}
.warning-box a{
  color: #f60;
  overflow: hidden;
  line-height:24px;
  height:24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  display:block;
  width:100%;
}
.warning-box a:hover{ text-decoration: underline; }
.warning-box i {
  margin-right:5px;
}
.warning-box i.fa-times-circle-o{
  position:absolute;
  font-size:18px;
  display:block;
  width:30px;
  height:30px;
  text-align:center;
  top:5px;
  right:0px;
  line-height:30px;
  cursor:pointer;
}
tr.trchecked{
  /*background-color: #ffc;*/
}
tr.mousebg{
  background-color: #dbf3f3;
}