@charset "utf-8";

/*reset css  重置默认的一些样式  浏览器子自带的  目的是保持各种终端显示一致*/
/*所有的标签和伪类  before after*/
*,
::before,
::after {
    padding: 0;
    margin: 0;
    -webkit-touch-callout: none;
    /*在移动端特殊的设置*/
    /*清除点击高亮效果*/
    -webkit-tap-highlight-color: transparent;
    /*设置所有的盒子的宽度以边框开始计算*/
    -webkit-box-sizing: border-box;
    /*要兼容 webkit 浏览器内核厂商 这种情况一般是老的移动端浏览器*/
    box-sizing: border-box;
    /*     设置内嵌的元素在 3D 空间如何呈现：保留3D
 	-webkit-transform-style: preserve-3d;
	设置进行转换的元素的背面在面对用户时是否可见：隐藏 */

    -webkit-backface-visibility: hidden;
}

html,
body {
    font-size: 14px;
    color: #333;
    font-family: "PingFangSC-Medium", "MicroSoft YaHei", "sans-serif";
    /*是设备默认的字体*/
    height: 100%;
}

.zb_body {
    overflow-y: scroll !important
}

/*上下拉动滚动条时卡顿、慢*/
body {
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.van-dialog__confirm,
.van-dialog__confirm:active {
    color: #4488ff;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    color: #19bcf9;
}

input,
textarea {
    border: none;
    outline: none;
    resize: none;
    /*特殊的属性定义  清除浏览器给input自带的样式*/
    -webkit-appearance: none;
    /*组件默认的样式空*/
}

/*common css  也就是我们公用的css*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix::after,
.clearfix::before {
    content: ".";
    line-height: 0;
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

.p10 {
    padding: 10px;
}

.p20 {
    padding: 20px;
}

.pt10 {
    padding-top: 10px;
}

.pm10 {
    padding-bottom: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pt20 {
    padding-top: 20px;
}

.pm20 {
    padding-bottom: 20px;
}

.pl20 {
    padding-left: 20px;
}

.pr20 {
    padding-right: 20px;
}

.m_r10 {
    margin-right: 10px;
}

.m_l10 {
    margin-left: 10px;
}

.m_t10 {
    margin-top: 10px;
}

.m_b10 {
    margin-bottom: 10px;
}

.m_t20 {
    margin-top: 20px;
}

.m_b20 {
    margin-bottom: 20px;
}
.m20 {
    margin: 20px;
}
.mianColor {
    background: #3377ff;
    color: #fff
}

.whiteBg {
    background: #fff;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis1 {
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -moz-box-orient: vertical;
    -moz-line-clamp: 1;
    overflow: hidden;
}

.ellipsis3 {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #666;
    vertical-align: middle;
}

.van-button--primary {
    background: #3377ff;
    border-color: #3377ff
}

@font-face {
    font-family: 'custom-iconfont';
    src: url('../fonts/iconfont.ttf') format('truetype');

}

@font-face {
    font-family: 'custom-iconfont2';
    src: url('../fonts2/iconfont.ttf') format('truetype');

}

.van-icon {
    font-family: 'vant-icon', 'custom-iconfont', 'custom-iconfont2' !important
}

.van-nav-bar .van-icon {
    color: #656766;
}

.van-icon-locked:before {
    content: "\e610";
}

.van-icon-arrowleft:before {
    content: "\e617";
}

.van-icon-locked2:before {
    content: "\e6f2";
}

.van-icon-myorder:before {
    content: "\e60e";
}

.van-icon-replay:before {
    content: "\e60f";
}

.van-icon-user:before {
    content: "\e627";
}

.van-icon-yuyue:before {
    content: "\e67a";
}

.van-icon-zixun1:before {
    content: "\e8dc";
    font-size: 16px;
    line-height: 28px;
}



/*个人中心咨询*/

.van-icon-yijian:before {
    content: "\e614";
}

.van-icon-qiehuan:before {
    content: "\e621";
}

.van-icon-kecheng:before {
    content: "\e605";
}

.van-icon-bianji:before {
    content: "\e602";
}

.van-icon-gerenziliao:before {
    content: "\e60d";
}

.van-icon-cuoti:before {
    content: "\e6d5";
}

.van-icon-wenti:before {
    content: "\e640";
}

.van-icon-kecheng4:before {
    content: "\e61e";
}

.van-icon-xuanzegou:before {
    content: "\e9fa";
}

.van-icon-kebiao:before {
    content: "\e61c";
}

.van-icon-powersettingsnew:before {
    content: "\eca5";
}

.van-icon-hot:before {
    content: "\e618";
}

.van-icon-new:before {
    content: "\e638";
}

.van-icon-jian:before {
    content: "\e619";
}
.van-icon-iconjianli-shise:before {
    content: "\e635";
}
/* 下接刷新样式 */
.van-pull-refresh {
    /* height:calc(100vh - 50px) */
}

.noData {
    height: calc(100vh - 57px);
}

[v-cloak] {
    display: none;
}


/* 证书切换 */
.topBar img {
    vertical-align: middle;
    max-height: 24px;
    max-width: 90px;
}

.topBar .van-nav-bar__title {
    max-width: 50%;
    color: #1a1a1a;
}

.switchCertif h3 {
    text-align: center;

}

.switchCertif .con {
    background: #fff;
    padding: 20px;
}

.switchCertif .con dt {
    font-weight: 600
}

.switchCertif .close {
    float: right;
}

.switchCertif ul {
    padding: 10px 0 20px;
    display: flex;
    flex-wrap: wrap;
}

.switchCertif ul li {
    line-height: 32px;
    border: 1px dotted #ddd;
    margin: 0 10px 10px 0;
    padding: 0 8px;
    border-radius: 4px;
    font-size: 13px;
}

.switchCertif ul li.active {
    border-color: #fd4d3f;
    border-style: solid;
}

/* 导航 */
.nav {
    z-index: 9999;
}

.nav .navBtn {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 15px;
    bottom: 20%;
    background: rgba(81, 139, 255, .8);
    border-radius: 100%;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    z-index: 999;
    box-shadow: 2px 2px 5px #518bff;
}

.nav .navList ul {
    
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    align-items: center;
    padding: 20px;
}

.nav .navList ul li {
    width: 25%;
    margin-bottom: 20px;
    text-align: center;
}

.nav .navList ul li a {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    line-height: 60px;
    margin: 0 auto;
}

.nav .navList ul li a img {
    vertical-align: middle;
}

.nav .navList ul li a:hover {
    transform: scale(.98)
}

.nav .navList ul li:nth-child(1) a {
    background: #e6507b;
}

.nav .navList ul li:nth-child(2) a {
    background: #ffa200;
}

.nav .navList ul li:nth-child(3) a {
    background: #5bb4da;
}

.nav .navList ul li:nth-child(4) a {
    background: #35b87f;
}

.nav .navList ul li:nth-child(5) a {
    background: #f26d5f;
}

.nav .navList ul li:nth-child(6) a {
    background: #5bb4da;
}

.nav .navList ul li:nth-child(7) a {
    background: #ec6c91;
}

.nav .navList ul li:nth-child(8) a {
    background: #35b87f;
}

.nav .navList ul li:nth-child(1) a img {
    width: 18px;
}

.nav .navList ul li:nth-child(2) a img {
    width: 16px;
}

.nav .navList ul li:nth-child(3) a img {
    width: 21px;
}

.nav .navList ul li:nth-child(4) a img {
    width: 16px;
}

.nav .navList ul li:nth-child(5) a img {
    width: 17px;
}

.nav .navList ul li:nth-child(6) a img {
    width: 21px;
}

.nav .navList ul li:nth-child(7) a img {
    width: 18px;
}

.nav .navList ul li:nth-child(8) a img {
    width: 21px;
}

.nav .navList ul li:nth-child(9) a img {
    width: 58px;
}

.nav .navList ul li:nth-child(10) a img {
    width: 58px;
}

.nav .navList ul li span {
    font-size: 12px;
}

.nav .navList p {
    padding: 20px;
    font-size: 20px;
    text-align: center;
    border-top: 1px solid #ddd;
}

.more-toast {
    width: 159px;
    height: 35px;
    position: fixed;
    right: 70px;
    bottom: 20%;
    background: url(../images/shadow_bg.png);
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    z-index: 999;
}

/*自定义证书课程信息图片样式*/
#course .thumb .customImg {
    width: 100%;
}

/*视频上的水印logo*/
.liveBox {
    position: relative;
}

.dlLogo {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    opacity: .5;
    z-index: 998;
}

.dlLogo img {
    max-width: 90px;
    max-height: 35px;
}

/*百度统计样式*/
img[src='https://hmcdn.baidu.com/static/hmt/icon/21.gif'] {
    position: fixed;
    right: 15px;
    bottom: 10px;
    opacity: 0
}

@media (min-device-width: 300px) and (max-device-width: 360px) {
    /*针对iPhone 4, 5c,5s, 所有iPhone6的放大模式，个别iPhone6的标准模式*/

}

/* 选择地址样式 */
.conWrap {
    padding: 20px;
}

.conWrap .van-index-bar__index {
    color: #4388ff;
}

.conWrap .van-index-bar__index--active {
    color: #ee0a24;
}

.conWrap .van-index-anchor {
    width: 22px !important;
    height: 22px;
    border-radius: 11px;
    line-height: 22px;
    background-color: #4388ff;
    text-align: center;
    color: #fff;
    padding: 0;
}

.conWrap .van-cell::after {
    display: none;
}

.conWrap .van-cell {
    float: left;
    width: 96px;
    background-color: #eeeeee;
    padding: 6px 0;
    border-radius: 5px;
    text-align: center;
    margin-top: 12px;
    margin-right: 12px;
}

.conWrap .van-cell.active {
    color: #ee0a24;
}

.conWrap .vantitle {
    margin-bottom: 12px;
}

.topBar {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.topcon {
    display: flex;
    justify-content: space-around
}

.topcon p {
    color: #3377ff;
}

.topcon h3 {
    font-size: 16px;
    font-weight: 400;
}

.locationCity {
    font-size: 16px;
}

.conWrap h4 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 12px;
}

.locationS {
    margin-bottom: 12px;
}

.selectNum {
    display: flex;
}

.con_tit {
    text-align: center;
}

.con_tit h3 {
    display: inline-block;
}

.con_tit h2 {
    float: right;
}