.common-right {
  float: right;
  padding-top: 24px;
  width: 299px;
}

.common-right .common-r-title {
  font-size: 20px;
  color: #666;
}

.common-right .common-r-info {
  margin: 5px 0 7px;
}

.common-right .info-item {
  position: relative;
  padding-left: 19px;
  font-size: 14px;
  line-height: 39px;
}

.common-right .info-item .info-i-link:hover {
  color: #4792fa;
}

.common-right .info-item::after {
  position: absolute;
  top: 12px;
  left: 0;
  content: "";
  width: 11px;
  height: 14px;
  background: url(../images/zixun_icon.png) center no-repeat;
}

.common-right .common-r-tool {
  overflow: hidden;
  margin: 4px 0 25px;
  width: 308px;
}

.common-right .tool-item {
  float: left;
  margin: 4px;
  width: 145px;
  height: 117px;
  border-radius: 10px;
  overflow: hidden;
}

.common-right .tool-item .tool-i-link {
  display: block;
}

.common-right .tool-item .pic {
  width: 100%;
  height: 100%;
}

.common-right .common-r-form {
  padding: 18px 22px 20px;
  background-image: linear-gradient(-210deg, #2d71ec 0%, #798af4 100%);
  border-radius: 10px;
}

.common-right .common-f-title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

.common-right .yellow-word {
  color: #fff200;
}

.common-right .form-yuyue {
  border-radius: 5px;
  padding: 25px 0 12px;
  color: #777;
  background-color: #fff;
}

.common-right .form-y-input {
  display: block;
  position: relative;
  margin: 0 auto 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  border: solid 1px #d7d7d7;
  width: 226px;
  height: 31px;
  line-height: 31px;
  cursor: pointer;
}

.common-right .form-y-input:after {
  position: absolute;
  right: 12px;
  top: 10px;
  content: "";
  border-width: 11px 6px 0;
  border-style: solid;
  border-color: #777 transparent transparent;
}

.common-right .form-y-input span {
  display: block;
  padding-left: 12px;
}

.common-right .yzmcode-box {
  margin: 0 auto 6px;
  width: 226px;
  height: 31px;
}

.common-right .yzmcode-box .code {
  float: left;
  border: solid 1px #d7d7d7;
  padding-left: 12px;
  width: 60%;
  height: 29px;
  outline: none;
}

.common-right .yzmcode-box .codetxt {
  float: right;
  width: 30%;
  height: 100%;
  cursor: pointer;
}

.common-right .tel-input {
  padding-left: 12px;
  cursor: inherit;
}

.common-right .submit-btn {
  display: block;
  margin: 2px auto 12px;
  width: 160px;
  height: 41px;
  font-size: 18px;
  color: #fff;
  line-height: 41px;
  text-align: center;
  background-image: linear-gradient(-210deg, #ff8e42 0%, #fc6909 100%);
  border-radius: 20px;
  cursor: pointer;
}

.common-right .form-y-tip {
  text-align: center;
}

.common-right .common-ul {
  display: none;
  position: absolute;
  top: 29px;
  left: -1px;
  padding-top: 5px;
  width: 226px;
  font-size: 11px;
  color: #626262;
  background-color: #fff;
  -webkit-box-shadow: inset 0px 1px 3px 0px rgba(26, 7, 11, 0.2);
          box-shadow: inset 0px 1px 3px 0px rgba(26, 7, 11, 0.2);
  cursor: pointer;
  z-index: 999;
}

.common-right .common-option {
  margin-bottom: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
  width: 100%;
  height: 15px;
  line-height: 15px;
}

.common-right .common-option:hover {
  color: #fff;
  background-color: #f39800;
}

/*# sourceMappingURL=map/common_right.css.map */