@import 'common.css';
.p25 {
  padding:0.25rem;
}
.bgcor {
  background: #f6faff;
}
.fscol {
  color: #1a5482 !important;
}
.minh {
  min-height: 10rem;
}
.nodata {
  font-size: 0.24rem;
  text-align: center;
  width: 100%;
  padding: 0.5rem 0;
}
.dqbox .dq {
  background: inherit;
}
.mt0 {
  margin-top: 0!important;
}
.xj .xj_title {
  margin-top: 0.2rem;
  border-bottom: 1px solid #e0e5eb;
/*  display: flex;
  justify-content: space-between;
  height: 0.75rem;*/
}
.xj .xj_title a {
/*  display: block;
  position:relative;*/
  font-size: 0.26rem;
  color: #8a8a8a;
  line-height: 0.7rem;
  height:0.96rem;
  margin-right:0.25rem;
}
.xj .xj_title a.on {
  font-weight: bold;
  color: #1a5482;
  border-bottom: 0.05rem solid #1a5482;
}
.xj .xj_title a.stars:after{
     content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: red;
    position: absolute;
    top: 90px;
}
.xj .xx_box h1 {
  font-size: 0.32rem;
  color: #1a5482;
  line-height: 0.5rem;
  width: 93.5%;
  margin: 0.38rem auto 0.15rem auto;
}
.xj .xx_box .zjxx .form {
  width: 93.5%;
  margin: 0 auto;
  padding: 0.4rem 0.3rem;
  box-sizing: border-box;
  background-color: #fff;
}
.xj .xx_box .zjxx .row-item {
  width: 100%;
  margin-bottom: 0.15rem;
}
.xj .xx_box .zjxx .code {
    width: 70%;
}
.xj .xx_box .zjxx .row-item span {
  display: block;
  font-size: 0.24rem;
  color: #1a1a1a;
  line-height: 0.5rem;
  margin-bottom: 0.2rem;
  font-weight:bold
}
.xj .xx_box .zjxx .row-item .uploadpto {
  display: block;
  width: 100%;
  overflow: hidden;
}
.xj .xx_box .zjxx .row-item .uploadpto .upload {
  position: relative;
  width: 5.88rem;
  height: 3.73rem;
  margin: 0 auto 0.2rem auto;
  border: 1px solid #eef0f2;
}
.xj .xx_box .zjxx .row-item .uploadpto .upload .uploadbox {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-align: center;
  margin: 0 auto;
}
.xj .xx_box .zjxx .row-item .uploadpto .upload .uploadbox img {
  max-width: 100%;
  max-height:100%;
}
.xj .xx_box .zjxx .row-item .uploadpto .upload .uploadbox p {
  margin-top: 0.1rem;
  text-align: center;
}
.xj .xx_box .zjxx .upload_ipt {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.xj .xx_box .zjxx .uploadpto .upload .close {
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    top: 0;
}
.xj .xx_box .zjxx .upload .sc {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.xj .xx_box .zjxx .upload.on .bj {
  display: block;
}
.xj .xx_box .zjxx .bj {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  width: 10%;
  height: 20%;
  background: rgba(0, 0, 0, 0.5);
  background-image: url('../img/del.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.36rem 0.36rem;
  color: #fff;
  text-align: center;
  line-height: 0.92rem;
}
.xj .xx_box .zjxx .cns {
  flex-wrap: wrap;
}
.xj .xx_box .zjxx .cns .title {
  width: 100%;
  float: inherit;
  text-align: left ;
  margin-bottom: 0.2rem;
}
.xj .xx_box .zjxx .cns .title em {
  color: #1a5482;
  margin-left: 0.1rem;
}
.xj .xx_box .zjxx .cns .uploadpto {
  display: block;
  float: inherit;
  width: 100%;
}
.xj .xx_box .zjxx .cns .uploadpto .zheng_s {
  text-align: center;
  font-size: 0.26rem;
  color: #333333;
  margin: 0.15rem auto;
}
.xj .xx_box .zjxx .formbtn .btn {
  width: 100%;
  color: #fff;
  background-color: #1a5482;
  border-color: #1a5482;
}
.xj .xx_box .zjxx .formbtn .btn:hover {
  background-color: #5a83fb;
  border-color: #5a83fb;
}
.xj .xx {
  margin-top: 0.38rem;
  background-color: #fff;
  width: 93.5%;
  margin: 0.38rem auto 0.15rem auto;
  padding: 0.3rem;
  box-sizing: border-box;
}
.xj .xx .form .row {
  justify-content: space-between;
}
.xj .xx .form .row-item {
  width: 100%;
  margin-bottom: 0.2rem;
  border-bottom: 1px solid #eef0f2;
}
.xj .xx .form .row-item span {
  font-size: 0.26rem;
  width: 100%;
  display: block;
  text-align: left;
  line-height: 0.7rem;
}
.xj .form .row-item span .star{
  color: #d10000;
}
.xj .form .row-item .label{
    display: inline-block;
    margin-right: 0.72rem;
    font-size: 0.28rem;
    line-height: 0.7rem;
}
.xj  .form .row-item .row-item__ipt {
  width: 100%;
  font-size: 0.28rem;
  color: #8f9499;
  line-height: 0.7rem;
  border-bottom: 1px solid #eef0f2;
}
.forms .row-item__ipt {
    width: 100%;
    font-size: 0.28rem;
    color: #8f9499;
    line-height: 0.7rem;
}
.forms .yzm{
    width:69%;
}
.xj .xx .form .row-item .row-item__select {
    width: 100%;
    font-size: 0.28rem;
    height: 0.7rem;
    color: #8f9499;
    background-color: transparent;
}
.xj .form .row-item .row-item__textarea {
    width: 100%;
    font-size: 0.28rem;
    height: 2rem;
    color: #8f9499;
    line-height: 0.4rem;
    /* border-bottom: 1px solid #eef0f2; */
}
.xj .bg_white {
    background-color: #fff;
    padding: 0.3rem;
    box-sizing: border-box;
}
.xj .mb {
  margin-bottom: 0.2rem;
}
.cjcx {
  width: 93.5%;
  margin: 0.4rem auto 0.6rem auto;
  min-height: 6rem;
}
.cjcx .grzp {
  text-align: center;
}
.cjcx .grzp img {
  width: 3.37rem;
  height: 4.64rem;
}
.cjcx .xx {
  padding: 0;
  width: 100%;
  background: transparent;
}
.cjcx .xx .form .row-item__ipt em {
  color: #1ab458;
  margin-left: 0.2rem;
}
.wddd {
  width: 93.5%;
  margin: 0.5rem auto;
}
.wddd select {
  width: 100%;
  height: 0.8rem;
  margin-bottom: 0.3rem;
  border: 1px solid #bdbdbd;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding: 0 0.3rem;
  box-sizing: border-box;
  background: url('../img/xl.jpg') no-repeat 96% center;
  background-size: 0.24rem 0.14rem;
}
.xgmm {
  width: 93.5%;
  margin: 0 auto;
  margin-top: 1rem;
  min-height: calc(100vh - 3.45rem);
}
.xgmm .formkuang {
  display: block;
  box-sizing: border-box;
}
.xgmm .formkuang .colomn {
  border: none;
  background-color: #fff;
  margin-bottom: 0.2rem;
  padding: 0 0.25rem;
  box-sizing: border-box;
}
.xj .xx_box .zjxx .row-item .many {
    float: left;
    width: 30%;
    height: 2rem;
    display:inline-block
}
.xj .xx_box .zjxx .row-item .many img{
    max-width:100%;
    max-height:100%
}
.xj .xx_box .zjxx .row-item  .files {
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 48px;
    float: right;
}
.forms .row .files {
    display:none;
    position: absolute;
    margin-left: 0.1rem;
    right: 0.7rem;
    top: 47%;
}
.forms .row .uploadpto:not(#book){
    float:left;
    max-width:30%;
}
.forms .row .uploadpto img{
    max-width: 100%;
    display: block;
}
.forms .row .uploadpto .cns-zy {
    float: right;
    margin-right: 1.2rem;
    margin-top: 0.3rem;
}
}