/* 头部 */
.con-header {width: 100%; border-bottom: 2px #eee solid; padding: 20px 30px; background-color: #fff;}
.con-header .con-logo {margin-right: 40px;}
.con-header .con-logo a img {height: 30px;}
.con-nav li {float: left; margin-right: 30px;}
.con-nav li a {line-height: 30px;}
.con-search {width: 160px; height: 30px; line-height: 30px; font-size: 0.75em; background-color: #f1f3f5; border: 0; border-radius: 2px; padding-left: 10px; padding-right: 40px;}
.con-search:focus {width: 200px;}
.con-search-sub {width: 30px; height: 30px; margin-left: -32px; border: 0; background-image: url(main_res/search.png); background-size: 70%; background-repeat: no-repeat; background-position: center; opacity: 0.5; cursor: pointer;}
.con-search-sub:hover {opacity: 1;}
.con-user-box {margin-left: 20px;}

/* 头部2 */
.con-header2 {height: 150px; background: url(http://renwen.sanyau.edu.cn/skin/default/images/img03.jpg) no-repeat center #9d2677;}
.con-header2 .logo {line-height: 150px;}
.con-header2 .logo li {float: left; margin-right: 30px;}
.con-header2 .logo li a img {max-height: 60px;}
.con-header2-search-layout {float: right; margin-top: 57px;}
.con-header2-search {float: left;}
.con-header2-search li {float: left;}
.con-header2-search .search-inp {border: 0; background-color: #cf95bc; line-height: 32px; height: 32px; padding: 0 10px; width: 200px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; font-size: 0.875em;}
.con-header2-search .search-btn2 {border: 0; background-color: #6b1a51; line-height: 32px; height: 32px; padding: 0 20px; color: #fff; border-top-right-radius: 2px; border-bottom-right-radius: 2px; font-size: 0.875em; cursor: pointer;}
.con-header2-search .search-btn2:hover {background-color: #801e60;}
.con-header2-home-layout {float: left; margin-left: 10px;}
.con-header2-home {display: block; background: #6b1a51; color: #ffffff; height: 32px; line-height: 32px; padding: 0 10px; border-radius: 2px; font-size: 0.875em;}
.con-header2-home i{ font-size: 1.5em; line-height: 32px; float: left; margin-right: 5px;}
.con-header2-home:hover{background: #801e60; color: #ffffff;}
.index-nav, .nav, .nav .sub {background-color: #6b1a51;}
.nav .nLi span a, .nav .sub li a {color: #fff;}
.nav .nLi span a:hover, .nav .on span a, .nav .sub li a:hover {/* background-color: #cc7f1a; */}

/* 底部 */
.con-footer {width: 100%; line-height: 50px; color: #fff; background-color: #333; text-align: center; font-size: 0.75em;}

/* 底部2 */
.footer-bg {height: 150px; background: url(http://renwen.sanyau.edu.cn/skin/default/images/img11.png) no-repeat center #9d2677; text-align: center; color: #ffffff; display: flex; align-items: center; justify-content:center; font-size:0.875em;}
.footer-bg ul li span {margin: 0 10px; line-height: 2;}
.footer-bg ul li a {color: #fff;}
.footer-bg ul li a:hover {text-decoration: underline;}

/* 底部3 */
.con-footer3 {background: url(main_res/pic06.jpg) no-repeat center; background-size: 100%; height: 450px;}
.con-footer3 .foot-text {font-size: 0.875em; color: #ffffff; line-height: 2; margin-top: 20px; padding-right: 50px; text-align: justify;}
.con-footer3-right {color: #fff; padding-top: 25px; padding-left: 80px;}
.con-footer-right-title {font-size: 1.25em;}
.con-footer3-tel {overflow: hidden;}
.con-footer3-tel .ico {margin-right: 15px;}
.con-footer3-tel .ico .fa-inverse {color: #63922a;}
.con-footer3-tel .text {line-height: 1.2;}
.con-footer3-tel .text strong {font-size: 1.25em;}
.con-footer3-tel .text span {font-size: 0.875em;}
.con-footer3-text {font-size: 0.875em; line-height: 2;}
.con-footer3-text a {color: #fff;}
.con-footer3-text a:hover {text-decoration: underline;}

/* 底部4 */
.page-footer4 {background-color: #333; color: #ffffff; font-size:0.875em; padding-top: 40px; padding-bottom: 30px;}
.page-footer4 li span {margin-right: 10px; line-height: 2;}
.page-footer4 li a {color: #fff;}
.page-footer4 li a:hover {text-decoration: underline;}
.page-footer4 .qrcode {float: right;}
.page-footer4 .qrcode li {text-align: center; float: left; margin-left: 40px; width: 100px;}
.page-footer4 .qrcode li img {height: 100px;}
.page-footer4 .qrcode li .text {font-size: 0.875em; margin-top: 10px;}

/* 标签切换 */
.slideTxtBox {width: 100%; text-align: left; background-color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; top: -46px; position: relative;}
.slideTxtBox .hd {height: 48px; line-height: 48px; background: #ebf8db; opacity: 0.9; position:relative; border-bottom: 2px solid #3e581e;}
.slideTxtBox .hd ul {float: left; position: absolute; left: 0; height: 46px; width: 100%;}
.slideTxtBox .hd ul li {float: left; height: 100%; cursor: pointer; width: 16.6666%; text-align: center; font-size: 0.875em;}
.slideTxtBox .hd ul li.on, .slideTxtBox .hd ul li:hover.on {background:#63922a; color: #fff;}
.slideTxtBox .hd ul li:hover {background: #a8d176;}
.slideTxtBox .bd ul {padding: 20px 25px; zoom:1; overflow: hidden;}

/* 轮播新闻 */
.swiper-container {width: 100%; height: 400px;}
.swiper-slide {text-align: center; background: #fff; height:330px;
    /* Center slide text vertically */
    display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative;}
.swiper-slide .title {position: absolute; bottom: -70px; left: 0; z-index: 9; width: 100%; height: 70px; background-color: #9d2677; color: #ffffff; text-align: left; padding: 0 15px; display: flex; align-items: center}
.swiper-pagination-bullet-active {color: #fff; background: #007aff;}
.swiper-container .swiper-pagination {bottom: 75px;}
.swiper-pagination-bullet-active {background-color: #9d2677;}
.swiper-container-layout-lvyou {width: 450px;}
.swiper-container-layout-lvyou .swiper-container {height: 370px;}
.swiper-container-layout-lvyou .swiper-slide {height: 300px;}

/* 新闻调用列表 */
.index-text-list li {float: left; font-size: 0.875em; line-height: 2.5;}
.index-text-list li.c1 {width: 80%;}
.index-text-list li.c1 a:hover {color: #9d2677;}
.index-text-list li.c2 {width: 20%; text-align: right; color: #999;}
.index-text-list-layout-lvyou {width: 640px; margin-left: 40px;}
.index-text-list-layout-lvyou .index-text-list li {line-height: 3;}
.index-text-list-layout-lvyou p a {color: #63922a; font-size: 0.875em;}
.index-text-list-layout-lvyou p a:hover {text-decoration: underline;}

/* 搜索 */
.search-inp {width: 500px; height: 40px; line-height: 40px; border: 2px #ddd solid; border-right: 0; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding: 0 15px;}
.search-inp:focus {border-color: #3d6fd3;}
.search-btn {width: 100px; height: 40px; border: 2px #3d6fd3 solid; border-left: 0; background-color: #3d6fd3; color: #fff; cursor: pointer; border-bottom-right-radius: 4px; border-top-right-radius: 4px;}
.search-btn:hover {opacity: 0.9;}
.search-nav {padding: 20px 0; overflow: hidden;}
.search-nav li {float: left; margin-right: 10px;}
.search-nav li a {display: block; font-size: 0.75em; padding: 5px 10px; border-radius: 2px;}
.search-nav li a:hover {background-color: #f1f3f5;}
.search-nav li.on a {background-color: #3d6fd3; color: #fff;}

/* 首页轮播图 */
.slide-full, .slide-full .bd ul li a {height: 460px;}
.slide-full .hd ul .on {background: #9d2677; border-color: #9d2677;}
.slide-full .prev, .slide-full .next {background-color: #9d2677;}
.slide-full .prev:hover, .slide-full .next:hover {background-color: #cc7f1a;}
.slide-full.lvyou,.slide-full.lvyou .bd ul li a {height: 520px;}

/* 内容 */
.con-title h1 {font-size: 36px; font-weight: bold; line-height: 1.8;}
.con-left-info {border-right: 1px #f1f3f5 solid; text-align: center; padding-right: 40px;}
.con-left-info ul {position: relative; margin-bottom: 50px;}
.con-left-info hr {border-color: #eee; position: relative; z-index: 0;}
.con-left-info .first {z-index: 1; position: relative; background-color: #fff; display: inline-block; padding: 0 10px;}
.con-left-info .text {font-size: 0.875em;}
.con-left-date {padding-top: 5px;}
.con-left-date .date {font-size: 2em;}
.con-left-hit .hit {font-size: 2em;}
.con-left-nav {line-height: 1.8;}
.con-left-nav .line {font-size: 0.75em; color: #ccc;}
.content-main-box {padding: 0 40px;}
.content-main {font-size: 1.125em; line-height: 2;}
.content-main p {margin-bottom: 30px;}
.content-main a:hover {text-decoration: underline;}
.con-title-h3 {font-size: 1.375em; line-height: 2;}
.con-title-hr {border-bottom: 1px #eee solid;}
.con-list-pic a {display: block; margin-bottom: 30px;}
.con-list-pic a p {padding-top: 10px;}
.con-list-pic a span {font-size: 0.75em; color: #999;}
.con-end-line {position: relative;}
.con-end-line hr {border-color: #eee; position: relative; z-index: 0; top: 14px;}
.con-end-line p {z-index: 1; position: relative; background-color: #fff; display: inline-block; padding: 0 10px; color: #999; font-size: 0.75em;}
.con-right-post-box {position: relative; top: -70px;}

/* 内容列表 */
.con-list ul {border-bottom: 1px #eee solid; padding: 20px 0; overflow: hidden;}
.con-list ul:after {content: "."; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden;}
.con-list .title {line-height: 1.8;}
.con-list .title a {display: block;}
.con-list .info {font-size: 0.75em; line-height: 2; color: #999;}
.con-list .info .date {margin-right: 10px;}
.con-list .info .hit img {height: 18px; display: inline-block;}
.con-list .info a {color: #999;}
.con-list .info a:hover {text-decoration: underline;}
.con-list-text .title {margin-bottom: 15px;}
.con-list-image {clear: both;}
.con-list-image .image {width: 33%; float: left;}
.con-list-image .image a {display: block;}
.con-list-image .title {width: 67%; min-height: 95px; float: right; padding-left: 20px;}
.con-list-image .info {padding-left: 20px; float: right; width: 67%;}
.con-list-photo .title {margin-bottom: 15px;}
.con-list-photo .image {margin: 0 -5px; clear: both; overflow: hidden;}
.con-list-photo .image a {width: 33.3333%; display: block; float: left; padding: 0 5px;}
.con-list-photo .info {margin-top: 15px;}
.con-list-head a {display: block; position: relative;}
.con-list-head a .title {position: absolute; z-index: 1; bottom: 0; background: url(main_res/news_bg.png) repeat-x; height: 98px; width: 100%;}
.con-list-head a .title p {display: block; position: absolute; bottom: 0; padding: 15px 20px; color: #fff; font-size: 1.25em; width: 100%;}

/* 相关栏目 */
.con-left-class {border: 1px #eee solid; text-align: center; padding: 0 20px; font-size: 0.875em;}
.con-left-class li strong, .con-left-class li a {display: block; padding: 10px 0;}
.con-left-class li a {border-top: 1px #eee solid;}

/* 侧边栏目列表 */
.con-class-list {background: #f1f3f5; text-align: center; font-size: 0.875em; border-radius: 4px; overflow: hidden;}
.con-class-list li strong {background-color: #017cc2; color: #ffffff;}
.con-class-list li strong, .con-class-list li a {display: block; padding: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.con-class-list li a {border-top: 1px #fff solid;}
.con-class-list li a:hover, .con-class-list li.on a {background-color: #ccc;}
.con-class-list.right-50px {margin-right: 50px;}
.con-class-list.left-50px {margin-left: 50px;}


/* 内页栏目导航 */
.con-sub-nav li {margin-right: 40px; float: left; line-height: 40px;}
.con-crumb li {float: left; margin-right: 10px;}
.con-crumb img {height: 16px;}

/* 课程 */
.couser-video-box {position: relative;}
.couser-buy {position: absolute; width: 100%; height: 315px; background: url(main_res/mask_bg.png); z-index: 9; text-align: center; padding-top: 90px;}
.couser-buy .ico {margin-bottom: 10px;}
.couser-buy .ico img {height: 60px;}
.couser-buy .text {color: #fff; font-size: 1.125em;}
.couser-video {width: 100%; height:330px;}
.couser-info {padding-left: 30px;}
.couser-info .title {width: 100%; overflow: hidden; position: relative; padding-bottom: 10px;}
.couser-info .title hr {border-color: #eee; display: block; position: absolute; top: 24px; width: 100%;}
.couser-info .title li {position: relative; z-index: 9; display: inline-block; background-color: #fff; font-size: 2em;}
.couser-info .text {margin-bottom: 30px;}
.couser-info .text span {margin-right: 50px; font-size: 0.875em; color: #666;}
.couser-info .tip {background-color: #f1f3f5; font-size: 0.875em; width: 100%; padding: 10px 20px; margin-bottom: 20px;}
.couser-info .price {font-size: 2em; margin-bottom: 68px;}
.couser-info .price span {font-size: 0.5em;}
.couser-info .btn li {float: left; margin-right: 20px;}
.couser-content-box {background-color: #fff; padding: 20px 30px;}
.couser-content-title {font-size: 1.375em; margin-bottom: 30px;}
.couser-index {background-color: #fff; padding: 0 20px;}
.couser-index li {border-top: 1px #eee solid; font-size: 0.875em; padding: 15px 0; line-height: 1.8;}
.couser-index li a {display: block;}
.couser-index .on a {font-weight: bold;}
.couser-index p {font-size: 1.375em; padding: 20px 0;}

/* 团队 */
.team-list a {background-color: #ffffff; display: block; margin-bottom: 30px;}
.team-list a .text {padding: 10px 20px; height: 220px;}
.team-list a .text hr {margin-bottom: 15px; margin-top: 10px;}
.team-list a .text .name {padding-top: 10px;}
.team-list a .text .position {color: #666; font-size: 0.75em; padding-top: 5px;}
.team-list a .text .about {color: #999; font-size: 0.875em; height: 100px; overflow: hidden; line-height: 1.8;}
.team-list a:hover {box-shadow: 0px 0px 15px #999;}

/* 专业 */


/* 报名 */
.baoming-list {padding: 20px 30px; margin-bottom: 30px;}
.baoming-list .pic {width: 240px; float: left; margin-right: 20px;}
.baoming-list .con {width: 550px; float: left;}
.baoming-list .con .title {font-size: 1.375em; margin-bottom: 20px;}
.baoming-list .con .title span {margin-left: 15px; font-size: 0.63em; color: #666;}
.baoming-list .con .ke-title {font-size: 0.875em; margin-bottom: 5px;}
.baoming-list .con .ke-list span {float: left; display: block; padding: 4px 5px; margin-right: 5px; margin-bottom: 5px; background-color: #40ad45; font-size: 0.75em; color: #fff;}
.baoming-list .right {float: right; text-align: center; padding-top: 45px;}
.baoming-list .right .price {font-size: 2em; padding-right: 10px;}
.baoming-list .right .price.old {color: #999;}


/* 登录 */
html, body {height: 100%;}
.body-bg {background-color: #f1f3f5;}
.login-box {width: 100%; height: 100%; display: -webkit-flex; display: flex; justify-content: start; flex-direction: column;}
.login-logo {padding: 20px 30px; height: 70px;}
.login-logo a img {height: 30px;}
.login-copy {width: 100%; text-align: center; font-size: 0.75em; color: #999; line-height: 60px;}
.login-main-box {display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex: 1;}
.login-main {display: -webkit-flex; display: flex; align-items: stretch; width: 1000px;}
.login-main-left, .login-main-right {float: left; background-color: #fff; border-radius: 4px;}
.login-main-right {width: 400px; padding: 30px 0; text-align: center;}
.login-title {font-size: 1.75em;}
.login-text {padding: 0 20px; font-size: 1.125em; line-height: 1.8; margin-top: 10px;}
.login-pic {margin-top: 20px;}
.login-main-left {width: 580px; padding: 30px 40px; margin-right: 20px;}
.login-form .inp-text {min-height: 90px;}
.login-form .inp-text input {border: 0; border-bottom: 1px #eee solid; width: 100%; height: 46px; line-height: 46px; transition: border-color 0.5s;}
.login-form .inp-text input:focus {border-color: #3d6fd3;}
.login-form .inp-code {position: relative;}
.login-form .inp-code span {position: absolute; z-index: 1; right: 0; display: block; height: 46px; line-height: 46px;}
.login-form .tip {font-size: 0.875em; text-align: right; padding-top: 5px; color: #999;}
.login-form .inp-sub {margin-bottom: 10px;}
.login-form .inp-sub input {width: 100%; height: 50px; line-height: 50px; background-color: #3d6fd3; border: 0; border-radius: 4px; color: #fff; cursor: pointer; transition: background-color 0.5s;}
.login-form .inp-sub:hover input {background-color: #5284e8;}
.login-link {float: right;}
.login-link span {margin-left: 20px; display: inline-block;}
.login-link a {color: #3d6fd3;}
.login-link a:hover {text-decoration: underline;}

/* 订单 */
.pay-order {width: 1000px; padding: 30px 40px; background-color: #fff; border-radius: 4px;}


/* 用户 */
.user-main-box {display: -webkit-flex; display: flex; justify-content: center; flex: 1;}
.user-nav {width: 150px; background-color: #fff; text-align: center; padding-top: 20px; font-size: 0.875em;}
.user-nav li {margin-bottom: 1px;}
.user-nav li a {display: block; line-height: 40px;}
.user-main {background-color: #fff; justify-content: stretch; flex: 1; margin: 20px 20px 0 20px; padding: 30px; border-top-left-radius: 4px; border-top-right-radius: 4px;;}
.user-index ul {margin-bottom: 20px;}
.user-index ul a {color: #3d6fd3;}
.user-index ul a:hover {text-decoration: underline;}
.user-title {font-size: 1.375em; margin-bottom: 20px;}
.user-sdudy ul {line-height: 40px; border-bottom: 1px #eee solid; font-size: 0.875em;}

.order-info h3 {margin-bottom: 15px; color: #339900;}
.order-info p {font-size: 0.875em; margin-bottom: 2px;}

/* 用户设置表单 */
.form-box dl {position: relative; margin-bottom: 15px;}
.form-box dl .inp,.form-box dl input,.form-box dl .btn-default {border-radius: 0;}
.form-box dl.wjmm a {font-size: 0.75em;}
.form-box dl.wjmm a:hover {text-decoration: underline;}
.form-box dl .yzmpic {margin-left: 20px;}
.form-box dt {position: absolute; line-height: 20px; left: 15px; top: 10px; width: 85px; border-right: 1px #dddddd solid; color: #666666; z-index: 2;}
.form-box dt .title {font-size: 0.75em;}
.form-box dt i { width: 18px;}
.form-box dd .inp {padding-left: 110px;}
.form-box dd textarea.inp-md {line-height: 28px;}
.form-box dd textarea:focus {height: 60px; padding-top: 9px; line-height: 1.5;}
.form-box dd .inp-text-info {font-size: 0.75em; line-height: 40px; margin-left: 10px;}

/* 自定义颜色 */
.page-bg {background-color: #f1f3f5;}
.con-nav li.on a, .con-nav li a:hover, .con-user-login a, .con-left-info a:hover, .content-main a, .con-list .title a:hover, .con-left-class li a:hover, .con-left-class li.on a, .con-sub-nav li a:hover, .con-sub-nav .on a, .con-crumb li a:hover, .couser-info .price, .couser-index li a:hover, .baoming-list .right .price, .couser-index .on a {color: #017cc2;}
.con-user-login a:hover, .couser-info .btn li.buy a, .couser-info .btn li.link a:hover, .btn-user-main a, .user-nav li a:hover, .user-nav .on a {background-color: #017cc2; color: #fff;}
.btn-user-main a:hover {opacity: 0.75;}