﻿.ol-1 img {
  width: 100%;
  display: block;
  height: 7.95rem;
}

.ol-2 {
  margin-top: 0.76rem;
  padding: 0 0.8rem;
}
.ol-2 .nav-box .display-flex > div {
  margin-bottom: 0.3rem;
}
.ol-2 .nav-box .display-flex > div:nth-child(n + 5) {
  margin-bottom: 0;
}
.ol-2 .nav-box .display-flex div img {
  width: 1.89rem;
  height: 1.89rem;
  display: block;
  margin: auto;
}
.ol-2 .nav-box .display-flex div p {
  color: #474747;
  font-size: 0.49rem;
  text-align: center;
  margin: 0.2rem auto;
}
.ol-2 .zi-xun-box button {
  color: white;
  font-size: 0.57rem;
  text-align: center;
  background: #f89304;
  width: 5.87rem;
  height: 2.08rem;
  border-radius: 0.19rem;
}
.ol-2 .zi-xun-box button span {
  font-size: 0.45rem;
}
.ol-2 .zi-xun-box button span span {
  color: #fff100;
}
.ol-2 .zi-xun-box button:nth-child(2) {
  background: #1071e8;
}

.ol-3 {
  padding: 0 0.45rem;
  margin-top: 0.57rem;
}
.ol-3 .like-img-obj {
  float: left;
}
.ol-3 .like-img-obj:nth-child(2) {
  float: right;
}
.ol-3 .like-img-obj:nth-child(1) img {
  display: block;
  width: 5.09rem;
  height: 7.58rem;
}
.ol-3 .like-img-obj:nth-child(2) img {
  display: block;
  width: 7.95rem;
  height: 3.24rem;
  margin-bottom: 0.25rem;
}
.ol-3 .like-img-obj:nth-child(2) .display-flex img {
  display: block;
  width: 3.85rem;
  height: 4.09rem;
}

.img-title {
  display: block;
  width: 4.32rem;
  height: 1.04rem;
  margin: auto;
}
.ol-4 {
  padding: 0 0.45rem;
  margin-top: 0.74rem;
}
.ol-4 .img-title {
  margin-bottom: 0.38rem;
}
.ol-4 .major-list {
  float: left;
  width: 48.6%;
  margin-bottom: 0.38rem;
  border-radius: 0.22rem;
}
.ol-4 .major-list:nth-child(2n) {
  float: right;
}
.ol-4 .major-list .major-contents-obj {
  padding: 0.21rem 0.2rem 0.57rem 0.2rem;
  box-shadow: 0 0 0.1rem #e1e1e1;
  border-bottom-left-radius: 0.22rem;
  border-bottom-right-radius: 0.19rem;
}
.ol-4 .major-list img {
  display: block;
  width: 100%;
  height: 4.17rem;
}
.ol-4 .major-list p {
  color: #1071e8;
  font-size: 0.57rem;
  margin-bottom: 0.5rem;
}
.ol-4 .major-list button {
  width: 2.84rem;
  height: 0.95rem;
  border: 1px solid #1071e8;
  background: white;
  font-size: 0.42rem;
  color: #1071e8;
  border-radius: 0.19rem;
}
.ol-4 .major-list button:last-child {
  color: white;
  background: #1071e8;
}
.zi-xun-btn {
  width: 11.36rem;
  height: 1.52rem;
  background: #f97a13;
  color: white;
  font-size: 0.57rem;
  border-radius: 0.19rem;
  margin: auto;
}

.ol-5 {
  padding: 0 0.45rem;
  margin-top: 0.74rem;
}
.ol-5 .display-flex:nth-child(1) {
  margin-top: 0.38rem;
}
.ol-5 .display-flex:nth-child(2),
.ol-5 .display-flex:nth-child(3) {
  margin-top: 0.19rem;
}
.ol-5 .display-flex:nth-child(1) img {
  display: block;
  width: 6.82rem;
  height: 4.2rem;
}
.ol-5 .display-flex:nth-child(1) img:last-child {
  width: 6.29rem;
}
.ol-5 .display-flex:nth-child(2) div:nth-child(1) img {
  width: 3.79rem;
  height: 3.35rem;
  display: block;
}
.ol-5 .display-flex:nth-child(2) div:nth-child(2) img {
  width: 4.24rem;
  height: 3.35rem;
  display: block;
}
.ol-5 .display-flex:nth-child(2) div:nth-child(1) img:first-child,
.ol-5 .display-flex:nth-child(2) div:nth-child(2) img:first-child {
  margin-bottom: 0.19rem;
  height: 3.14rem;
}
.ol-5 .display-flex:nth-child(2) div:nth-child(3) img {
  width: 4.89rem;
  height: 6.72rem;
  display: block;
}
.ol-5 .display-flex:nth-child(3) img {
  width: 6.06rem;
  height: 4.02rem;
  display: block;
}
.ol-5 .display-flex:nth-child(3) img:last-child {
  width: 7.01rem;
}

.ol-6 {
  padding: 0 0.45rem;
  margin-top: 0.76rem;
}
.ol-6 div {
  margin-top: 0.38rem;
}
.ol-6 div img {
  display: block;
  width: 100%;
  height: 4.81rem;
}
.ol-6 div img:nth-child(2) {
  height: 3.16rem;
  margin-top: 0.19rem;
}
.ol-6 div img:nth-child(3) {
  height: 2.65rem;
  margin-top: 0.19rem;
}

.ol-7 {
  padding: 0 0.45rem;
  margin-top: 0.45rem;
}
.ol-7 .form-box {
  box-shadow: 0 0 0.1rem #d4d4d4;
  border-radius: 0.19rem;
  padding: 0.4rem 0.27rem;
}
.ol-7 .form-box div {
  position: relative;
  padding-left: 0.83rem;
}
.ol-7 .form-box div:before {
  position: absolute;
  left: 0;
  top: 0.225rem;
  width: 0.68rem;
  height: 0.68rem;
  background: url("../image/qq_blue.png") no-repeat;
  background-size: 100% 100%;
  display: block;
  content: "";
}
.ol-7 .form-box div:nth-child(2):before {
  position: absolute;
  left: 0;
  top: 0.225rem;
  width: 0.59rem;
  height: 0.68rem;
  background: url("../image/tel_blue.png") no-repeat;
  background-size: 100% 100%;
  display: block;
  content: "";
}
.ol-7 .form-box div:nth-child(2) {
  margin-left: 0.25rem;
}
.ol-7 .form-box div input {
  height: 1.13rem;
  line-height: 1.13rem;
  padding: 0 0.36rem;
  font-size: 0.49rem;
  border-radius: 0.19rem;
  background: #c3e8ff;
  width: 3.77rem;
  outline: none;
  border: none;
  display: block;
}
.form-box div {
  float: left;
}
.form-box button {
  float: right;
  width: 2.84rem;
  height: 1.13rem;
  line-height: 1.14rem;
  text-align: center;
  color: white;
  background: #f97a13;
  font-size: 0.49rem;
  border-radius: 0.19rem;
  outline: none;
  border: none;
  display: block;
}
.ol-7 .form-box input::-webkit-input-placeholder {
  color: #8191ab;
}
.ol-7 .form-box input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #8191ab;
}
.ol-7 .form-box input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #8191ab;
}
.ol-7 .form-box input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #8191ab;
}
/*input number去掉上下箭头*/
.ol-7 .form-box input::-webkit-outer-spin-button,
.ol-7 .form-box input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.ol-7 .form-box input[type="number"] {
  -moz-appearance: textfield;
}

.ol-8 {
  padding: 0 0.45rem;
  margin-top: 0.45rem;
}

/*滚动报名开始*/
.gun-dong-big-obj {
  border: 0.1rem solid #117ff5;
  border-radius: 0.19rem;
}
.gun-dong-title {
  color: #f8740a;
  font-size: 0.49rem;
  text-align: center;
  font-weight: bold;
  height: 1.2rem;
  line-height: 1.2rem;
}
.gun-dong-t div {
  float: left;
  width: 30%;
  font-size: 0.49rem;
  color: white;
  background: #117ff5;
  text-align: center;
  height: 1.14rem;
  line-height: 1.14rem;
  border-right: 1px solid #0d77e9;
}
.gun-dong-t div:first-child {
  width: 13%;
}
.gun-dong-t div:nth-child(3) {
  width: 35%;
}
.gun-dong-t div:last-child {
  width: 22%;
  border-right: none;
}
.gun-dong-m div {
  float: left;
  width: 30%;
  font-size: 0.42rem;
  text-align: center;
  height: 1.14rem;
  line-height: 1.14rem;
  border-right: 1px solid #0d77e9;
}
.gun-dong-m div:first-child {
  width: 13%;
}
.gun-dong-m div:nth-child(3) {
  width: 35%;
}
.gun-dong-m div:last-child {
  width: 22%;
  border-right: none;
}
.gun-dong-m {
  background: white;
}
.gun-dong-m:nth-child(2n) {
  background: #e0efff;
}
/*滚动报名结束*/

.ol-9 {
  padding: 0 0.45rem;
  margin-top: 0.76rem;
}
.ol-9 .img-title {
  width: 4.32rem;
  height: 1.04rem;
  margin-bottom: 0.38rem;
}
.wen-list {
  float: left;
  width: 6.53rem;
  margin-bottom: 0.19rem;
  position: relative;
  border-radius: 0.11rem;
  overflow: hidden;
}
.wen-list div {
  position: absolute;
  bottom: 1.61rem;
  left: 0.35rem;
  font-size: 0.34rem;
}
.wen-list:nth-child(n + 5) div,
.wen-list:nth-child(3) div {
  bottom: 1.78rem;
}
.wen-list:nth-child(1) div {
  bottom: 1.67rem;
}
.wen-list:nth-child(2) div {
  bottom: 1.69rem;
}
.wen-list:nth-child(4) div {
  bottom: 1.69rem;
}
.wen-list div span {
  color: #e91c1c;
}
.wen-list:nth-child(2n) {
  float: right;
}
.wen-list img {
  width: 100%;
  display: block;
  height: 4.79rem;
}
.wen-list:nth-child(n + 5) {
  margin-bottom: 0.57rem;
}

.ol-10 {
  padding: 0 0.45rem;
  margin-top: 0.76rem;
}
.ol-10 .img-title {
  width: 4.32rem;
  height: 1.04rem;
}
.person-name-a {
  font-size: 0.52rem;
  color: #1b1b1b;
  margin-top: 0.2rem;
  text-align: center;
}
.person-name-a span {
  color: #777777;
  font-size: 0.37rem;
}
.person-head {
  margin-top: 0.33rem;
  display: flex;
  justify-content: space-between;
}
.person-pic,
.person-video-obj {
  float: left;
  width: 6.5rem;
  max-width: 48.8%;
  position: relative;
  margin-top: 0.38rem;
}
.person-video-obj img {
  width: 100%;
  display: block;
  height: 3.79rem;
}
.person-pic:nth-child(2n),
.person-video-obj:nth-child(2n) {
  float: right;
}
.person-pic img {
  display: block;
  width: 100%;
  height: 3.9rem;
}
.person-pic div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200%;
  height: 1.48rem;
  line-height: 1.48rem;
  color: white;
  text-align: center;
  font-size: 0.95rem;
  background: rgba(47, 112, 192, 0.5);
  border-bottom-left-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
  transform: scale(0.5);
  transform-origin: 0% 100%;
}
.person-pic div span {
  font-size: 0.7rem;
}
.person-pic,
.person-video-obj .xiao-yuan-videos {
  border-radius: 0.11rem;
  overflow: hidden;
}
.video-text-name {
  font-size: 0.53rem;
  color: #1b1b1b;
  text-align: center;
}
.video-text-name span {
  font-size: 0.34rem;
  color: #777777;
}
.person-video-obj .xiao-yuan-videos:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
}
.person-video-obj .xiao-yuan-videos:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../image/bo_ico.png) no-repeat;
  background-size: 100% 100%;
  transform: translate(-50%, -50%);
  z-index: 50;
}
.person-video {
  position: relative;
}

.ol-11 {
  padding: 0 0.45rem;
  margin-top: 0.76rem;
}

#new-bottom {
  position: fixed;
  z-index: 99999;
  width: 100%;
  left: 50%;
  bottom: 0;
  max-width: 750px;
  transform: translate(-50%, 0);
  background: rgba(1, 69, 142, 0.8);
}

#new-bottom div {
  font-size: 0.37rem;
  color: white;
  text-align: center;
  float: left;
  width: 25%;
  position: relative;
  padding: 0.95rem 0 0.15rem;
  background: #5bdc91;
}

#new-bottom div:nth-child(2) {
  background: #6eb4ff;
}

#new-bottom div:nth-child(3) {
  background: #ff6f6f;
}

#new-bottom div:nth-child(4) {
  background: #ebc478;
}

#new-bottom > div:nth-child(1):before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0.17rem;
  width: 0.86rem;
  height: 0.71rem;
  background: url(../image/new_bottom_ico_1.png) no-repeat;
  background-size: 100% 100%;
  transform: translate(-50%, 0);
}

#new-bottom > div:nth-child(2):before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0.17rem;
  width: 0.71rem;
  height: 0.71rem;
  background: url(../image/new_bottom_ico_2.png) no-repeat;
  background-size: 100% 100%;
  transform: translate(-50%, 0);
}

#new-bottom > div:nth-child(3):before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0.17rem;
  width: 0.71rem;
  height: 0.71rem;
  background: url(../image/new_bottom_ico_3.png) no-repeat;
  background-size: 100% 100%;
  transform: translate(-50%, 0);
}

#new-bottom > div:nth-child(4):before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0.17rem;
  width: 0.71rem;
  height: 0.71rem;
  background: url(../image/new_bottom_ico_4.png) no-repeat;
  background-size: 100% 100%;
  transform: translate(-50%, 0);
}

#new-bottom i {
  position: absolute;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background: red;
  color: white;
  font-size: 0.35rem;
  line-height: 0.9rem;
  left: 16%;
  top: -0.2rem;
  z-index: 999;
  text-align: center;
  font-style: normal;
}

#new-bottom .LR_User_Icon0 {
  padding: 0;
}

.ol-1 img {
  height: 8.1rem;
}

.top-titles img {
  width: 100%;
  display: block;
}

.ol-4 .major-list p {
  margin-bottom: 0.1rem;
  font-size: 0.55rem;

}

.guan-zhu {
  font-size: 0.45rem;
  margin-bottom: 0.2rem;
  color: #8a8a8a;
}

.guan-zhu span {
  color: #ff2d2b;
}

.ol-3 .img-title {
  display: block;
  width: 6.46rem;
  height: 1.1rem;
}

.qu-yu-list {
  float: left;
  width: 22%;
  margin-bottom: 0.38rem;
  box-shadow: 0.02rem 0.03rem 0.03rem 0.03rem rgba(186, 151, 136, 0.17);
}

.qu-mar-right {
  margin-right: 4% !important;
}

.qu-w-3 {
  width: 30.6%;
}

.qu-w-2 {
  width: 22%;
  float: left;
}

.qu-yu-list:nth-child(4n) {
  margin-right: 0;
}

.qu-yu-list:nth-child(n + 12) {
  margin-bottom: 0;
}

.qu-yu-list .relatives {
  display: block;
  width: 100%;
  height: 0.95rem;
  font-size: 0.42rem;
  color: #333;
  text-align: center;
  line-height: 0.95rem;
  border-radius: 0.09rem;
  background: white;
}

.qu-yu-bg {
  background: url("../image/qu_bg.png") no-repeat;
  background-size: 100% 100%;
  margin-top: 0.38rem;
  padding: 0.47rem 0.4rem;
}

.qu-yu-list .relatives:active {
  background: #1071e8;
  color: #ffffff;
}

#fang-xh {
  height: 1.7rem;
  overflow: hidden;
  margin-top: 0.7rem;
}

.xh-left {
  float: left;
  width: 30%;
  overflow: hidden;
  color: #000;
  font-size: 0.5rem;
  line-height: 0.88rem;
}

.xh-left span {
  color: #dd1d1d;
  font-size: 0.6rem;
  font-weight: bold;
}

.fang-xh {
  background: #d6e8f6;
  padding: 0.4rem 0.49rem;
}

.xh-right {
  float: right;
  overflow: hidden;
  padding: 0.1rem;
  height: 0.9rem;
  line-height: 0.7rem;
  border-radius: 0.45rem;
  background: white;
  max-width: 8.5rem;
}

.xh-right-img {
  float: left;
  width: 14%;
}

.xh-right-img img {
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
}

.xh-right-txt {
  float: right;
  width: 86%;
  font-size: 0.45rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: max-content;
}

.xh-right-obj {
  height: 0.9rem;
  position: relative;
}

.swiper-container-xh {
  width: 100%;
  height: 100%;
}

.xh-right-obj {
  float: right;
}

.shou-qu {
  width: 100%;
  height: 2.28rem;
}

.shou-qu a {
  line-height: 2.28rem !important;
  height: 2.28rem !important;
}

.qu-w-7 {
  float: right;
  width: 74%;
}

.qu-w-48 {
  width: 48%;
}

.zhong-dian {
  line-height: 1.8rem;
  background: #ff0000;
  color: white;
  font-weight: bold;
  text-align: center;
  font-size: 0.8rem;
  text-shadow: 0 0.1rem 0.08rem rgb(166 0 0);
  letter-spacing: 0.1rem;
}
