@charset "utf-8";
/**
 * 对齐控制
 */
.radio-group.ly-o-line {
  padding-top: 7px;
}
.radio-group.ly-o-line .radio {
  margin-right: 4%;
  margin-bottom: 10px;
}
.radio-group.ly-o-line .radio:first-child {
  margin-left: 0;
}
/**
 * 性别组件
 */
.ly-md-sex .radio-group {
  padding-top: 7px;
}
.ly-md-sex .radio-group .radio {
  margin-left: 10%;
}
.ly-md-sex .radio-group .radio:first-child {
  margin-left: 0;
}
/**
 * 简单左右2栏式布局
 * 一般该布局应用于表单和右侧展示性单内容
 * 该布局将在页面拉伸到手机样式时隐藏右侧内容 (.ly-showbox)
 */
.layout-simple {
  width: 100%;
  display: inline-block;
}
.layout-simple .ly-form {
  width: 40%;
  float: left;
  /**
		 * 自定义系统控件边距
		 */
}
.layout-simple .ly-form .ly-title {
  width: 100%;
  line-height: 22px;
  font-size: 14px;
  padding-bottom: 10px;
}
.layout-simple .ly-form .ly-title .ly-title-bg {
  font-size: 10px;
  color: #8c8c8c;
}
.layout-simple .ly-form .ly-title .ly-title-bg span {
  color: #cc0033;
}
.layout-simple .ly-form .ly-submit {
  width: 100%;
  margin: 40px 0;
  position: relative;
}
.layout-simple .ly-form .ly-submit .checkbox-group {
  width: auto;
  position: absolute;
  right: 180px;
}
.layout-simple .ly-form .ly-submit .btn-primary {
  float: right;
}
.layout-simple .ly-form .radio-group,
.layout-simple .ly-form .input-group,
.layout-simple .ly-form .select-group {
  margin: 10px 0;
}
.layout-simple .ly-showbox {
  width: 57%;
  float: right;
}
.layout-simple .ly-showbox img {
  width: 100%;
  display: block;
  margin-top: 5px;
}
/**
 * 通用 上 下{左右} 3栏内容布局
 * 该布局实际上是对 .layout-simple 的一个拓展
 * 该布局将在页面拉伸到手机样式时隐藏右侧内容 (.ly-showbox)
 */
.layout-tcolumns {
  width: 100%;
  display: inline-block;
}
.layout-tcolumns .ly-title {
  width: 40%;
  padding-right: 60%;
  float: left;
  line-height: 22px;
  font-size: 14px;
  color: #333333;
}
.layout-tcolumns .ly-title div {
  display: inline;
  color: #8c8c8c;
  font-size: 10px;
  -webkit-transform: scale(0.75);
  /*12×0.75=9*/
  -o-transform: scale(1);
}
.layout-tcolumns .ly-title div span {
  color: #cc0033;
}
.layout-tcolumns .ly-form {
  width: 40%;
  float: left;
  /**
		 * 自定义系统控件边距
		 */
}
.layout-tcolumns .ly-form .ly-submit {
  width: 100%;
  margin: 40px 0;
  position: relative;
}
.layout-tcolumns .ly-form .ly-submit .checkbox-group {
  width: auto;
  position: absolute;
}
.layout-tcolumns .ly-form .ly-submit .btn-primary {
  float: right;
}
.layout-tcolumns .ly-form .radio-group,
.layout-tcolumns .ly-form .input-group,
.layout-tcolumns .ly-form .select-group {
  margin: 20px 0;
}
.layout-tcolumns .ly-form .ly-md-sex {
  margin: -5px 0 !important;
}
.layout-tcolumns .ly-showbox {
  width: 55%;
  float: right;
}
.layout-tcolumns .ly-showbox img {
  width: 100%;
  display: block;
  margin-top: 10px;
}
/**
 * 通用-左右两列内容等宽布局
 * 拉伸到手机版合并一列
 */
.layout-lr {
  width: 100%;
  margin-bottom: 20px;
}
.layout-lr .ly-notes {
  line-height: 22px;
  font-size: 14px;
  color: #333333;
}
.layout-lr .ly-notes p {
  color: #8c8c8c;
  font-size: 10px;
  display: inline-block;
}
.layout-lr .ly-notes span {
  color: #cc0033;
}
.layout-lr .ly-content {
  width: 100%;
  overflow: hidden;
  margin-top: 26px;
}
.layout-lr .ly-content .ly-left {
  width: 40%;
  float: left;
  overflow: hidden;
}
.layout-lr .ly-content .ly-right {
  width: 40%;
  float: left;
  margin-left: 40px;
}
.layout-lr .ly-content .ly-submit {
  width: 100%;
  margin: 40px 0;
  position: relative;
}
.layout-lr .ly-content .ly-submit .checkbox-group {
  width: auto;
  position: absolute;
  right: 180px;
}
.layout-lr .ly-content .ly-submit .btn-primary {
  float: right;
}
/**
 * 定义个人中心窄版页面
 */
.layout-mini {
  max-width: 469px;
  margin: 0 auto;
}
.layout-mini h1 {
  width: 100%;
  line-height: 30px;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 8px;
}
.layout-mini .for-text {
  width: 100%;
  height: auto;
  line-height: 30px;
  font-size: 14px;
}
/**
 * PAD版样式表
 * @param  {[type]} min-width: 769px)        and (max-width: 1024px [分辨率769-1024]
 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  /**
	 * 简单左右2栏式布局
	 * 在PAD 版本中 主要对2栏比例的调整
	 */
  .layout-simple .ly-form {
    width: 55%;
  }
  .layout-simple .ly-showbox {
    width: 40%;
  }
  .layout-simple .ly-submit {
    margin: 10px 0!important;
  }
  /**
	 * 通用 上 下{左右} 3栏内容布局
	 * 在PAD 版本中 主要对2栏比例的调整
	 */
  .layout-tcolumns .ly-title {
    width: 55%;
    padding-right: 45%;
  }
  .layout-tcolumns .ly-form {
    width: 55%;
  }
  .layout-tcolumns .ly-showbox {
    width: 40%;
  }
  .layout-tcolumns .ly-submit {
    margin: 10px 0!important;
  }
}
/**
 * [MOBILE版样式表]
 * @param  {[type]} max-width: 768px         [分辨率小于768]
 */
@media screen and (max-width: 768px) {
  /**
	 * 手机一行特殊引用属性
	 * 一般用于性别
	 */
  .ly-mobi-inline .title {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
  }
  .ly-mobi-inline .module {
    margin-left: 60px;
  }
  .layout-lr .ly-content .ly-submit {
    margin-bottom: 0;
  }
  /**
	 * 性别组件
	 */
  .ly-md-sex .title {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
  }
  .ly-md-sex .module {
    margin-left: 60px;
  }
  .ly-mobi-gray {
    color: #666666;
  }
  /**
	 * 简单左右2栏式布局
	 * 在MOBILE 版本中 取消了右栏的显示
	 */
  .layout-simple .ly-form {
    width: 100%;
  }
  .layout-simple .ly-form .ly-submit .checkbox-group {
    position: static;
    width: 100%;
    float: left;
  }
  .layout-simple .ly-form .ly-submit input {
    margin-top: 10px;
  }
  .layout-simple .ly-showbox {
    display: none;
  }
  .layout-simple .ly-submit {
    margin: 10px 0!important;
  }
  /**
	 * 通用 上 下{左右} 3栏内容布局
	 * 在PAD 版本中 主要对2栏比例的调整
	 */
  .layout-tcolumns .ly-title {
    width: 100%;
    padding-right: 0;
  }
  .layout-tcolumns .ly-form-r {
    margin-top: 13px;
  }
  .layout-tcolumns .ly-form {
    width: 100%;
  }
  .layout-tcolumns .ly-form .ly-submit .checkbox-group {
    position: static;
    width: 100%;
    float: left;
  }
  .layout-tcolumns .ly-form .ly-submit input {
    margin-top: 10px;
  }
  .layout-tcolumns .ly-showbox {
    display: none;
  }
  .layout-tcolumns .ly-submit {
    margin: 10px 0!important;
  }
  /**
	 * 通用-左右两列内容等宽布局
	 * 拉伸到手机版合并一列
	 */
  .layout-lr .ly-notes {
    line-height: 22px;
    font-size: 14px;
  }
  .layout-lr .ly-notes span {
    color: #cc0033;
  }
  .layout-lr .ly-content {
    width: 100%;
    overflow: hidden;
    margin-top: 3px;
  }
  .layout-lr .ly-content .ly-left {
    width: 100%;
    float: left;
  }
  .layout-lr .ly-content .ly-right {
    width: 100%;
    float: left;
    margin-left: 0px;
  }
  .layout-lr .ly-content .ly-submit .checkbox-group {
    position: static;
    width: 100%;
    float: left;
  }
  .layout-lr .ly-content .ly-submit input {
    margin-top: 10px;
  }
}