*{
    font-family: '微软雅黑';
    margin: 0;
    padding: 0;
    outline: none !important;
}

html{font-size: 68px;height: 100%;}
ul,li{
    list-style: none;
}
a{
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}
 a:hover, a:visited, a:link, a:active {
    text-decoration: none;
}
body{min-width: 300px;height:100%;}
.color_blue{color:#1b78b6;}
.color_red{color:red;}
.container{position: relative;}
.container-fluid{padding: 0;}
.line{
    width: 100%;
    height: 1px;
    background-color: rgba(255,255,255,0.7);
    margin: 20px 0;
}
.js-loading{
    text-align:center;font-size:14px;
}
.js-loading img{
    height:18px; vertical-align: middle;
}
.js-loadend{
    text-align:center;font-size:14px; color:#666;
}
.imgCenter{/*图片垂直居中显示*/
    display: block;
    border-radius: 50%;
    background: #6aa9d01f;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.clear::after{
    content: "";
    display: block;
    clear: both;
}
.layui-layer-demo{width: 90%;max-width: 430px!important;min-width: 0!important;}
.layui-layer-demo .layui-layer-content{line-height: 1.5;}
/* 第一种背景 */
.login_bg{
    background: url("") no-repeat center top;
}

/* 第二种背景 */
.live_bg{background-color: #ffffff;}

/*必填*/
.required::after{
    content: "*";
    display: inline;
    color: red;
    font-family: '宋体';
}
/* 登录+注册+找回密码 */
.login_main{
    min-height: calc(100vh - 40px);
    padding: 0;
}
.login_box{
    width: 100%;
    max-width: inherit;
    margin: 0 auto;
    padding:0.3rem 0.4rem 0.7rem;
}
.login_head{
    width: 100%;
    height: 0.7rem;
    border-bottom: 1px solid #cccccc;
}
.login_head a{
    float: left;
    display: block;
    position: relative;
    width: 50%;
    line-height: 0.7rem;
    font-size: 0.3rem;
    color: #999999;
    text-align: center;
}
.login_head a.check{
    color: #1b78b6;
    font-weight: bold;
}
.login_head a.check::after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: 0;
    -webkit-transform: translate(0,50%); 
    transform: translate(0,50%);
    background-color: #1b78b6;
}
.login_head .glyphicon{
    position: static;
    color: #1b78b6;
    -webkit-transform: translate(0,0); 
    transform: translate(0,0);
    margin-right: 5px;
    font-size: 0.3rem;
}
.login_form{
    width: 100%;
    padding: 0.4rem 0 0;
}
.login_form .form-control{height: 40px;}
.login_form label{font-size: 16px;position: relative;}
.login_form .form-group{
    position: relative;
    margin-bottom: 30px;
}
.login_form .form-group .glyphicon{
    position: absolute;
    left: 10px;
    -webkit-transform: translate(0,-60%);
    transform: translate(0,-60%);
    color: #d0d0d0;
    top: auto;
    bottom: 0;
    font-size: 18px;
}
.login_form .form-group .glyphicon+.form-control{padding-left: 30px;}
.forget_btn{
    display: inline-flex;
    float:right;
    text-align: right;
    font-size: 16px;
    color: #000000;
    line-height: 40px;
    margin-top: -30px;
    margin-bottom: 30px;
}
.login_form .btn{
    width: 100%;
    margin-bottom: 10px;
    padding: 9px 12px;
}
.login_form .btn_a{border: 1px solid #64acee;}
.login_form input[type="submit"]{background-color: #1b78b6;color: #ffffff;}
.login_form select[name="sheng"], .login_form select[name="shi"]{
    display: inline-block;
    width: 48%;
    margin-right: 2%;
}
.login_form select[name="shi"]{margin-right: 0;}
.login_form .btn.btn-info{background-color: #64acee;}
.reg_yzm{
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 40px;
    color: #1b78b6;
    padding: 0 12px;
}
.login_else{
    display: none;
    width: 100%;
    position: relative;
    border-top: 1px solid #cccccc;
    margin-top: 40px;
}
.login_else span{
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 16px;
    padding: 5px 12px;
    color: #999999;
    background-color: white;
}
.login_else a{
    display: block;
    width: 40px;
    margin: 30px auto 0;
}
.login_else a img{
    display:block;
    width: 100%;
}
/* END登录+注册+找回密码 */

/* 导航栏 */
.navbar{
    display: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 0;
    background-color: #ffffff;
    border: none;
}
.navbar-toggle{
    margin-top: 0;
    margin-bottom: 0;
    line-height: 30px;
    padding: 10px 0;
}
.navbar-brand{
    display: block;
    width: 60%;
    padding: 3px 0;
    position: relative;
    margin-left: 15px;
}
.navbar-brand img{
    display: block;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    left:0;
    top:50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
.navbar-toggle .icon-bar{background-color: #666666;}
.nav>li{border-top: 1px dashed rgba(0, 0, 0, 0.1);}
.navbar-nav{margin: 0 -15px;}
.navbar-nav>li>a{color: #000000;}
.nav .nav_info{
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 9px;
}
.navinfo-wapper .dropdown-menu{
    min-width:auto;
    width:100%;
    margin:0;padding:0;
}
.navinfo-wapper .dropdown-menu a{
    padding:8px;
}
.nav_info_img{
    float: left;
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    margin-right: 10px;
}
/* END导航栏 */


/* 个人中心 */
.badge_box{
    background:#1f65aa url() no-repeat center top;
    background-size: 100%;
    padding: 26vw 0 0;
}
.badge_top{
    width: 100%;
    height: 1.8rem;
    position: relative;
    margin-bottom: 0.1rem;
}
.badge_left{
    width: 85%;
    height: 1.4rem;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 0.8rem 0.8rem 0;
    background-color: rgba(255,255,255,0.8);
    box-shadow:0 0 10px rgba(0,0,0,0.2);
    padding-left: 1.9rem;
    z-index: 9;
}
.badge_man{
    width: 1.16rem;
    height: 1.16rem;
    position: absolute;
    top: 50%;
    left: 0.31rem;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    border-radius: 50%;
    overflow: hidden;
}
.badge_name{
    font-size: 0.4rem;
    font-weight: bold;
    color: #1b78b6;
    line-height: 2;
    margin-top: 0.1rem;
}
.badge_type{
    font-size: 0.24rem;
    font-weight: bold;
    color: #000000;
    line-height: 1;
}
.badge_right{
    width: 32%;
    height: 1.4rem;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius:  0.8rem 0 0 0.8rem ;
    background-color: rgba(100,172,238,0.7);
    box-shadow:0 0 10px rgba(0,0,0,0.2);
    z-index: 8;
}
.badge_bottom{
    display: none;
    padding:0 15px 20px;
}
.badge_title{
    font-size: 0.26rem;
    line-height: 2;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 10px;
}
.badge_text{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    line-height: 0.7rem;
    font-size: 0.3rem;
    color: #ffffff;
}
.badge_text img{width: 0.4rem;vertical-align: middle;margin-right: 0.2rem;}

.badge_text i{font-style: normal;vertical-align: middle;font-size: 0.5rem;font-weight: bold;margin-right: 0.1rem;}
.badge_more{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-size: 0.2rem;
    line-height: 2.5;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
}
.badge_more img{height: 12px;margin-left: 6px;}

.center_main{padding: 20px 15px;}
.cen_btn{
    float: left;
    display: block;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 20px;
    border-radius: 10px;
    transition: all 0.3s ease;
}
.cen_btn:nth-child(2n){margin-right: 0;}
.cen_btn:nth-child(1){box-shadow: 0 0 5px rgba(158,87,255,0.5);background-image: linear-gradient(to right, #d786ff, #9e57ff);}
.cen_btn:nth-child(2){box-shadow: 0 0 5px rgba(254,118,148,0.5);background-image: linear-gradient(to right, #fdbd98, #fe7694);}
.cen_btn:nth-child(3){box-shadow: 0 0 5px rgba(95,142,255,0.5);background-image: linear-gradient(to right, #24d0ff, #5f8eff);}
.cen_btn:nth-child(4){box-shadow: 0 0 5px rgba(237,148,51,0.5);background-image: linear-gradient(to right, #f9dd5e, #ed9433);}
.cen_btn:nth-child(5){box-shadow: 0 0 5px rgba(50,222,237,0.5);background-image: linear-gradient(to right, #67f8a8, #32deed);}
.cen_btn:nth-child(6){box-shadow: 0 0 5px rgba(175,121,250,0.5);background-image: linear-gradient(to right, #70b0ff, #af79fa);}
.cen_btn:nth-child(7){box-shadow: 0 0 5px rgba(158,87,255,0.5);background-image: linear-gradient(to right, #d786ff, #9e57ff);}
.cen_btn:nth-child(8){box-shadow: 0 0 5px rgba(254,118,148,0.5);background-image: linear-gradient(to right, #fdbd98, #fe7694);}
.cen_btn:nth-child(9){box-shadow: 0 0 5px rgba(95,142,255,0.5);background-image: linear-gradient(to right, #24d0ff, #5f8eff);}

.cen_btn_box{
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    border-radius: 10px;
    background-color: #ffffff;
    padding: 30px 0 30px 10px;
    margin-bottom: 10px;
}
.cen_btn_img{width: 50px;margin-right: 10px;}
.cen_btn_text1{font-size: 0.28rem;color: #000000;font-weight: bold;}
/* END个人中心 */

/* 倒计时 */
.djs_main{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
}
.ClassyCountdownDemo{
    max-width: 1060px;
    width: calc(96%);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.ClassyCountdown-wrapper>div{
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.7);
}
.ClassyCountdown-value>div{font-weight:bold;}
/* END倒计时 */

/* 左侧直播视频 */
.live_left{
    width: 100%;
    position: relative;
}
.live_head{display: none;}
.live_head .glyphicon{
    color: #1d5e9e;
    margin-right: 10px;
}
.video_box{
    width: 100%;
    position: relative;
    margin-bottom: 1px;
    background-color: #464646;
    overflow: hidden;
}
.video-wapper{
    background-size: cover;
    height:9vw;
}
.video_bg{
    display: block;
    width: 100%;
}
.video-js{
    width: 100%;
    height:100%;
    position: absolute;
    top: 0;
    left: 0;
}
.video-js .vjs-big-play-button{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.live_lt{
    position: absolute;
    bottom: 5px;
    right:40px;
    font-size: 16px;
    color: #ffffff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 1);
    z-index: 99;
}
.live_lt img{
    height: 16px;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: -4px;
}
.live_talk{
    display: none;
    width: 100%;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    z-index: 9;
}
.live_talk .form-control{
    float: left;
    width: calc(100% - 1rem);
    border-radius: 0;
}
.live_talk .btn{
    float: left;
    width: 1rem;
    border-radius: 0;
}
/* END左侧直播视频 */

/* 右侧日程+留言区+ 厂商介绍 */
.live_right{
    width: 100%;
   /* background-color: #f8f8f8;*/
}
.comPhoto{
    display:none;
    height: 0;
    overflow: hidden;
    position: relative;

}
.comPhoto, .comPhoto img{
    display:none;
    width: 100%;
    height: 0;
}
.live_right_head{
    width: 100%;
    height: 0.6rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}
.live_right_head li{
    flex: 1;
    height: 100%;
    display: flex;
    position: relative;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 0.6rem;
    font-size: 0.23rem;
    color: #999999;
    cursor: pointer;
    border-bottom: 1px solid #f6f6f6;
}
.live_right_head li.check{color: #1b78b6;font-weight: bold;}
.live_right_head li.check::after{
    content: "";
    display: block;
    width: 90%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%,50%);
    transform: translate(-50%,50%);
    background-color: #1b78b6;
}
.live_right_head li img{
    width: 0.22rem;
    margin-right: 0.1rem;
}
.live_right_head li img:nth-child(1){display: none;}
.live_right_head li img:nth-child(2){display: block;}
.live_right_head li.check img:nth-child(1){display: block;}
.live_right_head li.check img:nth-child(2){display: none;}
.live_right_box{
    width: 100%;
}
.live_tab{
    display: none;
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
    overflow-y: auto;
}
.live_tab:first-child{display: block;}
.live_tab_logo{
    width: 100%;
    box-shadow: 0 5px 5px rgba(153, 153, 153, 0.1);
    margin-bottom: 10px;
    padding: 10px 15px;
}
.live_tab_logo img{display: block;width: 66%;}
.live_tab_talk{padding:15px 15px 45px;position: relative;}
.live_tab img{max-width:100%;}
.phone-talk{
    width: 100%;
    height: 40px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    bottom: 0.6rem;
    background-color: #eeeeee;
    z-index: 999;
}
.phone-input{
    float: left;
    width: 76%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dad6d6;
    background-color: #ffffff;
    padding: 0 15px;
    color: #999;
}
.phone-send{
    float: left;
    width: 1rem;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    background-color: #337ab7;
}
.date_none{
    display: block;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.comment{
    width: 100%;
    padding-left: 50px;
    position: relative;
    margin-bottom: 10px;
}
.comment.us{
    padding-left: 0;
    padding-right: 50px;
}
.comment_img{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 4px;
    overflow: hidden;
    z-index: 9;
}
.comment.us .comment_img{left: inherit;right: 0;}
.comment_head{
    margin-bottom: 5px;
    font-size: 14px;
    color: #999999;
}
.comment_name{margin-right: 10px;}
.comment.us .comment_head span{float: right;}
.comment.us .comment_head .comment_name{margin-right: 0;margin-left: 10px;}
.comment_content{
    display:inline-block;
    width: auto;
    max-width: 80%;
    position: relative;
    padding:6px 10px;
    background-color: #337ab7;
    border-radius: 4px;
    text-align: justify;
    color: #fff;
}
.comment.us .comment_content{
    float: right;
    background-color: #ffbc00;
}
.comment_content::after{
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: -10px;
    border-top: 5px solid transparent;
    border-right: 5px solid #ffffff;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
}
.comment.us .comment_content::after{
    left: inherit;
    right: -10px;
    border-left: 5px solid #ffffff;
    border-right: 5px solid transparent;
}
/* 右侧日程+留言区+ 厂商介绍 */

/* 直播间底部导航 */
.foot_nav{
    width: 100%;
    height: 0.6rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    background-color: #FAFAFA;
    z-index: 2;
    box-shadow: 0 0 0.1rem rgba(27, 120, 182, 0.19);
}
.foot_li{
    flex: 1 0 auto;
    height: 100%;
    border-right: 1px solid #F3F3F3;
}
.foot_li:last-child{border-right: none;}
.foot_li a{
    height: 100%;
    display: flex;
    flex-flow:row nowrap;
    justify-content: center;
    align-items: center;
    color: #1b78b6;
}
.foot_li a img{height: 18px;margin-right: 5px;}
/* END直播间底部导航 */

/* 个人信息 */
.info{
    margin-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    background-color: #ffffff;
}
.in_man{
    box-sizing: border-box;
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    position: relative;
    margin: 0 auto;
    border: 3px solid white;
    border-radius: 50%;
    overflow: hidden;
}
.modify_btn{
    display: block;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #000000;
}
.modify_red{font-size: 14px;font-weight: normal;color: red;}
.modify_red:hover, .modify_red:visited, .modify_red:link, .modify_red:active{text-decoration: underline;}
.modify_btn:hover{color: #1e82c0;}
.modify_btn img{display: inline-block;height: 14px;}
.modify_btn img:nth-child(2){display: none;}
.modify_btn:hover img:nth-child(1){display: none;}
.modify_btn:hover img:nth-child(2){display: inline;}
.in_name{
    font-size: 0.4rem;
    font-weight: bold;
    line-height: 0.7rem;
    text-align: center;
    margin: 10px auto;
    letter: spacing 5;
}
.in_showTime{
    display: none;
    text-align: center;
    line-height: 3;
    cursor: pointer;
}
.in_showTime2{display: none;}
.modify_btn2{
    display: block;
    font-size: 14px;
    color: #1b78b6;;
    text-align: center;
    margin: 0;
}
.layui-layer-demo{min-width: 70%;}
.layui-layer-demo .layui-layer-content{
    padding: 30px 10px;
    text-align: center;
    font-size: 16px;
}
.layui-layer-demo .layui-layer-content p{font-size: 18px;color: #666666;}
.layui-layer-demo .layui-layer-content span{
    font-size: 24px;
    margin-right: 5px;
    font-weight: bold;
}
/* END个人信息 */

/* 聊天输入框 */
.talk_mian{
    display: none;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: rgba(0,0,0,0.5);
    transition: all 0.3s ease;
}
.talk_box{
    width: 80%;
    height: 250px;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    background-color: white;
    border-radius: 0.2rem;
    overflow: hidden;
}
.talk_box_head{
    width: 100%;
    height: 40px;
    background-color: #dadada;
    line-height: 40px;
    font-size: 16px;
    color: black;
    text-align: center;
}
.talk_box_btn{
    display: block;
    width: 90px;
    height: 100%;
    font-size: 16px;
}
.talk_box_close{float: left;color:#666666;}
.talk_box_send{float: right;color:#d41a1c;    background: transparent;  border: 0;}
.talk_box textarea{
    box-sizing: border-box;
    width: 100%;
    height: 210px;
    padding: 0.2rem;
    outline: none;
    resize:none;
    border: none;
    font-size: 14px;
    color: black;
}
/* 聊天输入框 */

/* 直播间列表 */
.pindao-nav{
    overflow: hidden;
}
.liveList_nav{
    width:100%;
    margin-top: 10px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0 10px rgba(27,95,159,0.2);
}
.liveList_nav .swiper-slide {
    width: auto;
}
.liveList_nav_btnBox{
    flex: 1 0 auto;
    height: 100%;
    position: relative;
    padding:  0.1rem 0.3rem;
    text-align: center;
}
.liveList_nav_btnBox::after{
    content: "";
    display: block;
    width: 1px;
    height: 80%;
    position: absolute;
    top: 10%;
    right: 0;
    background-color: #eeeeee;
}
.liveList_nav_btnBox.check{background-image: linear-gradient(to bottom,#1b61a0,#2594bf);}
.liveList_nav_btnBox:last-child::after, .liveList_nav_btnBox.check::after, .liveList_nav_btnBox:hover::after{
    display: none;
}
.liveList_nav_btnBox p{margin: 0;}
.liveList_nav_year{
    font-size: 0.14rem;
    color: #999999;
}
.liveList_nav_date{
    font-size: 0.2rem;
    color: #000000;
}
.liveList_nav_btnBox.check .liveList_nav_name,.liveList_nav_btnBox.check .liveList_nav_year, .liveList_nav_btnBox.check .liveList_nav_date{color: #ffffff;}

.liveList_nav_name{
    font-size: 0.3rem;
    color: #000000;
    padding: 4px 0;
}


.liveList_content{
    margin:0;padding:0;
    margin-top: 0.4rem;
    overflow: hidden;
    width: 100%;
}
.liveList_box{
    display: block;
    width: 100%;
    position: relative;
   
    margin-bottom: 0.4rem;
    border-radius: 0.1rem;
}
.liveList_box:nth-child(2n-1){border:1px solid #64acee; background:#64acee;}
.liveList_box:nth-child(2n) {border:1px solid #1b78b6; background:#1b78b6;}
/* .liveList_box>div{padding-top: 0.2rem;padding-bottom: 0.2rem;} 
.liveList_box:nth-child(2n-1) .liveList_right{background: #2594bf;}
.liveList_box:nth-child(2n) .liveList_right{background-image: linear-gradient(to right,#278ae0, #2594bf);}*/
.liveList_box a{min-height:2.1rem;}
.liveList_left{
    float: left;
    width: 32%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    padding: 0.1rem 0;
    border-radius:0.1rem  0 0 0.1rem;
    background-color: #ffffff;
}
.liveList_right{
    float: left;
    width: 68%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    padding: 0.1rem;
    border-radius: 0 0.1rem 0.1rem 0;
    
}
.liveList_right div{color: #ffffff;}
.liveList_mon{
    font-size: 0.24rem;
    color: #999999;
    text-align: center;
}
.liveList_day{
    font-size: 0.8rem;
    font-weight: bold;
    color: #000000;
    line-height: 0.9rem;
    text-align: center;
}
.liveList_year{
    width: 1rem;
    font-size: 0.16rem;
    color: #000000;
    text-align: center;
    background-color: rgba(206, 228, 252, 0.253);
    border-radius: 0.1rem;
    margin: 0.1rem auto 0;
}
.liveList_title{
    font-size: 0.3rem;
    margin: 0.1rem 0;
}
.liveList_date{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.16rem;
    line-height: 0.3rem;
}
.liveList_date img{
    height: 0.16rem;
    margin-right: 0.1rem;
}
.reserve_btn{
    width: 1.5rem;
    height: 0.36rem;
    line-height: 0.36rem;
    position: absolute;
    right: -10px;
    bottom: 0.06rem;
    border-radius: 1.8rem;
    background-color: #eeeeee;
    padding: 0 0.1rem;
    letter-spacing: 2px;
    font-size: 0.18rem;
    box-shadow: 0 0 0.1rem rgba(0,0,0,0.2);
    cursor: pointer;
    z-index: 9;
}
.reserve_btn span{margin-right: 0.06rem;font-size: 0.2rem;top: 2px;}
.reserve_btn[data-num="1"]{
    color: #c20000;
}
/* END直播间列表 */

/* 底部 */
footer{
    display: none!important;
    height: 40px;
    display: flex;
    flex-flow:column nowrap;
    justify-content: center;
    text-align: center;
    color: #999999;
    font-size: 12px;
}
footer a{color: #999999;}
.live_footer{display: none;}
/* END底部 */

/* 侧边返回按钮和返回顶部按钮 */
.aside{
    box-sizing: border-box;
    height: auto;
    position: fixed;
    bottom:90px;
    right: 5px;
    z-index: 9999;
    background-color: white;
    border: 1px solid rgba(0,0,0,0.1);
    border-bottom:none;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    opacity:0.9;
}
.aside a{
    box-sizing: border-box;
    display: block;
    width: 100%;
    width: auto;
    font-size: 0.2rem;
    text-align: center;
    color: #666666;
    padding: 4px 10px;
    border-top: 1px solid rgba(0,0,0,0.1);
    letter-spacing: 2px;
}
.aside a:first-child{border-top: none;}
.aside a:focus{background-color: rgba(0,0,0,0.1);}
.aside a img{
    display: block;
    width: 0.26rem;
    margin: 4px auto 4px;
}
.aside .back_up{display: none;}
.aside_box{
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(-102%, 0);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    padding: 0.1rem;
    background-color: #ffffff;
}
.aside_box img{width: 2rem;}
.aside_text{
    text-align: center;
    font-size: 14px;
    margin-bottom: 0;
}
.aside_pc{display: none;}
/* END侧边返回按钮和返回顶部按钮 */

@media (min-width:540px){
    /* 登录+注册+找回密码 */
    .login_box{
        min-width: 400px;
        max-width: 5.4rem;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        background-color: #ffffff;
    }
    /* END登录+注册+找回密码 */
}

@media (min-width:768px){
    .live_bg{background-color: #ffffff;}
    /* 登录+注册+找回密码 */
    .login_box{margin: 8vh auto 0;}
    /* END登录+注册+找回密码 */

    /* 导航栏 */
    .navbar{display: block;}
    .navbar-fixed-top{position: static;}
    .navbar-header{width: 300px;}
    .navbar-brand{width: 100%;margin-left: 0;}
    .nav>li{border-top: 1px solid transparent;}
    .nav_info{
        display: block!important;
        padding: 10px 15px;
        line-height: 30px;
    }
    /* END导航栏 */

    /* 个人中心 */
    .center_main{padding: 0 15px;}
    /* END个人中心 */

    /* 直播间列表 */
    .liveList_nav{
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(27,95,159,0.2);
    }
    .liveList_content{margin-top: 0.4rem;}
    .liveList_box{
        float: left;
        width: 48%;
        margin-right:4%;
    }
    .liveList_nav_btnBox:hover{background-image: linear-gradient(to bottom,#1b61a0,#2594bf);}
    .liveList_nav_btnBox:hover p{color: #ffffff;}
    .liveList_box:nth-child(2n){margin-right: 0;}
    .liveList_left, .liveList_right{padding: 0.2rem;}
    .liveList_title{font-size: 0.26rem;}
    .reserve_btn{
        width: 1.7rem;
        right: -20px;
        transition: all 0.2s ease;
    }
    .reserve_btn:hover{transform: scale(1.05);}
    /* END直播间列表 */

    /* 直播页面主体 */
    .live_main{
        width: 75%;
        margin: 0.3rem auto;
        box-shadow: 0 0 0.3rem #f8f8f8;
    }
    .live_head{
        display: block;
        font-size: 0.24rem;
        font-weight: bold;
        color: #000000;
        padding:0.08rem 0.22rem 15px;
        position: relative;
        line-height: 0.3rem;
    }
    .live_talk{display: block;}
    .foot_nav{display: none;}
    /* END直播页面主体 */

    /* 左侧视频直播 */
    .live_left{
        /* float: left;
        width: calc(100% - 5.2rem); */
    }
    .live_talk{position: static;}
    .ClassyCountdown-wrapper > div {
        width: calc(25% - 0.8rem);
        margin: 0.4rem;
    }
    /* END左侧视频直播 */    
    
    /* 右侧日程+留言区+ 厂商介绍 */
    .live_right{
        /* float: right;
        width: 5rem; */
        margin-bottom: 0;
    }
    .phone-talk{display: none;}
    .live_tab_talk{padding: 15px 50px;}
    /* 右侧日程+留言区+ 厂商介绍 */

    /* 个人信息 */
    .info{box-shadow:0 0 10px rgba(0, 0, 0, 0.2);margin-top: 0.3rem;}
    .info .login_form{padding:0.4rem 0;}
    .modify_btn2{float:left;display: inline-block;text-align: left;line-height: 0.6rem;margin-left: 14px;}
    .in_showTime{display: none;}
    .in_showTime2{
        line-height: 2;
        font-size: 0.3rem;
        font-weight: bold;
        margin-top: 20px;
        padding-top: 10px;
        border-top: 1px dashed #eeeeee;
    }
    .in_showTime2 span{
        font-size: 0.36rem;
        font-weight: bold;
        padding: 0 10px;
    }
    .in_showTime2 p{margin-bottom: 0;color: #666666;font-size: 0.36rem;}
    /* END个人信息 */

    /* 个人中心 */
    .badge_main{margin-top: 20px;}
    .badge_box{padding: 1.4rem 0 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
    .badge_left{padding-left: 1.2rem;}
    .badge_man{width: 1rem;height: 1rem;left: 0.1rem;}
    .badge_bottom{display: block;}
    .badge_more{display: none;}
    .cen_btn:hover{transform: scale(1.06);}
    /* END个人中心 */

    /* 底部 */
    footer{
        flex-flow: row nowrap;
        align-items: center;
    }
    .live_footer{display: block;}
    /* END底部 */

    /* 侧边导航栏 */
    .aside_phone{display: none;}
    .aside_pc{display: block;}
}

@media (min-width:992px){
    /* 导航栏 */
    .navbar-header{width: 400px;}
    /* END导航栏 */

    /* 个人中心 */
    .center_main{padding: 10px 15px;}
    .cen_btn{width: 31%;margin-right: 3.5%;}
    .cen_btn:nth-child(2n){margin-right: 3.5%;}
    .cen_btn:nth-child(3n){margin-right: 0;}
    /* END个人中心 */
}

@media (min-width:1200px){
    /* 个人中心 */
    .badge_box{padding: 100px 0 0;}
    .badge_left{
        height: 100px;
    }
    .badge_top{height: 140px;}
    .badge_name{font-size: 30px;margin-top: 2px;}
    .badge_type{font-size: 18px;}
    .badge_title{font-size: 20px;}
    .badge_text{font-size: 22px;}
    .badge_text span i{font-size: 40px;}
    .badge_right{height: 100px;}
    .cen_btn{margin-bottom: 0.6rem;}
    .cen_btn_box{padding: 34px 0 34px 10px;}
    .cen_btn_img{width: 60px;}
    .cen_btn_text1{font-size: 24px;line-height: 1.5;}
    /* END个人中心 */
}

.form-control.error{
    border-color: #ef4949;
    background-color: #ffeded;
}
.form-control.error label{
    color:#ef4949;
}

.type-19 .inputs::after{
    content: "";
    display: block;
    clear: both;
}
.type-19 .form-control{
    float: left;
    width: calc((100% - 90px) / 3);
}
.type-19 .inputs span{
    float: left;
    display: block;
    width: 30px;
    line-height: 34px;
    text-align: center;
}
.type-19 .form-control:last-child{margin-right: 0;}
.form-group div.desc{display: none;}
.form-group .radio label,.form-group .checkbox label{
    margin-right: 15px;
}
.form-group i.ric{
    font-style: normal;
    font-family: '宋体';
    color:#e26b6b;
    padding-left:5px;
}
.inline-table{
    display:inline-table;
    width:100%;
}
.type-10 .inline-table *{
    display: table-cell;
}
.type-10 .inline-table select{
    width:30%;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-right:0;
}
.type-10 .inline-table select+input{
    width:70%;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}


.ClassyCountdown-wrapper > div {
    display: inline-block;
    position: relative;
    width: calc(25% - 0.3rem);
    margin: 0.15rem;
}

.ClassyCountdown-wrapper .ClassyCountdown-value {
    width: 100%;
    line-height: 1em;
    position: absolute;
    top: 50%;
    text-align: center;
    left: 0;
    display: block;
}

.video-js *{outline: none;}
.vjs-error .vjs-error-display .vjs-modal-dialog-content .end{
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffbc00;
    font-size: 0.8rem;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content .waiting{
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffbc00;
    font-size: 0.8rem;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content .waiting img{
    display: inline;
    width:1.2rem;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content .waiting span{
    display: inline-block;
    vertical-align: middle;
    font-size:.3rem;
}
.vjs-error .vjs-error-display:before{
    color: #ffbc00;
    display: none;
}


.play-center-icon{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.play-center-icon img{
    width:90px;
}
.dialog{
    opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
    transition: all .5s;
}
.dialog.open{
    display: block;
    opacity: 1;
}
.dialog .mask{
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
}
.dialog img.to-close{
    position: absolute;
    top: 8px;
    right: 8px;
    width: 15px;
    transition: all .5s;
    opacity: 1;
}
.dialog img.to-close:hover{
    filter: alpha(opacity=60);
    opacity: .6;
    transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -webkit-transform:rotate(180deg);
        -o-transform:rotate(180deg);
}


.dialog .row-dialog{
    position: fixed;
    display: table;
    z-index: 9999;
    width: 85%;
    max-width: 300px;
    top: 50%;
    left: 50%;
    margin: auto;
    background-color: #fff;
    text-align: center;
    border-radius: 5px;
        -webkit-transform:  translate(-50%,-50%) scale(0.7);
        -moz-transform: translate(-50%,-50%) scale(0.7);
        -ms-transform: translate(-50%,-50%) scale(0.7);
    transform:  translate(-50%,-50%) scale(0.7);
    opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
    transition: all .5s;
}

.dialog.open .row-dialog{
    -webkit-transform: translate(-50%,-50%) scale(1);
    -moz-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
}


.dialog .login-header{
    padding-top: 12px;
}
.dialog .login-header img{
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border-radius: 10px;
}
.dialog .login-header h1{
    text-align: center;
    margin:0;
    padding: 6px 0;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
}
.dialog .input-box{
    padding: 10px 15px;
    background: #fff;
    border-radius: 0 0 5px 5px;
}
.dialog .input-group{
    margin-bottom: 22px;
    font-size: 14px;
    display: block;
}
.dialog .group-btn{
    margin-bottom: 22px;
    font-size: 14px;
    display: block;
    padding-left: 10px;
    padding-right:10px;
}
.dialog .group-btn button{
    color: #fff;
    font-size: 16px;
    border:none;
    background-color: #06a7fe;
    background-image: -webkit-linear-gradient(135deg,#06a7fe,#6350fe);
    background-image: linear-gradient(-45deg,#06a7fe,#6350fe);
    border-radius: 100px;
    padding: 8px 0;
    text-align: center;
    box-sizing: border-box;
    width:100%;
}
.dialog .input-group input{
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    width: 100%;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: #fff;
    border-bottom: 1px solid #f0f4fa;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0;
}
.dialog .input-group input.error{
    border-bottom: 1px solid #ff380b;
    background-color: #fff;
}


.dialog .yzm{
    position: relative;
}
.dialog .yzm input.yzmtxt{
    padding-right:90px;
}
.dialog .clc{
    position: absolute;
    right: 10px;
    top: 9px;
    color: #0078ff;
    font-size: 14px;
}
.dialog .clc.curr{
    color: #666;
    font-size: 12px;
}
.needcode{
    position: absolute;
    bottom: 0px;
    right: 10px;
    background: #1f185a;
    border-radius: 5px;
    border: solid 1px #f1f1f1;
    width: 110px;
    padding: 6px;
}
.dialog .input-group .needcode input{
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color:#000;
    background-color: #fff;
    border:solid 1px #f2f2f2;
    margin-top:5px;
    text-align: center;
}
.needcode .btn{
    margin-top: 5px;
    padding: 1px 12px;
}
.needyzm{
    position: relative;
}
.needyzm img{
    position: absolute;
    width: 110px;
    height: 34px;
    right: 0;
    bottom: 2px;
}




/* 倒计时 */
.djs-wapper{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.4);
}
.djs-wapper .bx{
    box-sizing: border-box;
    width: 80%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    border: 2px solid rgb(255 255 255 / 75%);
    max-width: 550px;
    max-height: 200px;
    border-radius: 15px;
}

.djs-wapper .tit{
    width: 60%;
    height: 45px;
    padding: 5px;
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    background-color: #fff;
    line-height: 35px;
    font-size: 24px;
    color: #505a9a;
    text-align: center;
    border-radius: 30px;
    word-spacing:10px;
    letter-spacing:10px;
}
.djs-wapper .nums{
    width: 100%;
    text-align: center;
    color: white;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    height: 60px;
}

.djs-wapper .nums div{
    display: inline-block;
    font-size:20px;
}
.djs-wapper .nums>div{
    overflow: hidden;
    margin-right:15px;
}
.djs-wapper .nums>div:last-child{
    margin-right:0px;
}

.djs-wapper .nums em{
    height: 60px;
    font-size: 40px;
    display: inline-block;
    font-style: normal;
    width:50px;
}
.djs-wapper .nums span{
    vertical-align: top;
    font-size: 18px;
    color: rgb(255 255 255 / 82%);
}


.djs-wapper .nums em.tf{
    transition-duration:0.3s;
        -moz-transition-duration:0.3s;
        -webkit-transition-duration:0.3s;
        -o-transition-duration:0.3s;
}

.djs-wapper .nums>div>div {
    width: 50px;
    height: 60px;
    overflow: hidden;
}

.djs-wapper .nums em.chu{
    transform: translateY(-60px); 
    -webkit-transform: translateY(-60px);
}
.djs-wapper p{
    position: absolute;
    left: 50%;
    bottom: 15px;
    transform: translate(-50%,0px);
    -webkit-transform: translate(-50%,0%);
    font-size: 18px;
    color: rgb(255 255 255 / 76%);
    text-align: center;
}

/* .djs-wapper .nums span{
    display: inline-block;
    margin-right: 10px;
}
.djs-wapper .nums span:last-child{
    margin-right: 0;
}
.djs-wapper .nums span em{
    font-style: normal;

} */

.layui-layer-msg .layui-layer-btn{
    text-align: center;
}


.hui-area select:last-child{
    margin-right: 0;
}
.hui-area select{
    display:inline-block;
    width:auto;
    margin-right:2%;
}
.ifgrass label{
    font-size: 15px;
    color:#666;
}
.iy-description{
    padding-bottom: 20px;
    font-size: 18px;
    text-align: center;
    display: none;
}
#ps-uploads{
    padding-bottom: 25px;
    margin-bottom: 20px;
}
#ps-uploads .ubtn{
    width:110px;
    height:110px;
    display: inline-block;
    padding:5px;
    border:solid 1px #20a0ff;
    border-radius: 20px;
}
#ps-uploads .add{
    height: 100px;
    margin: auto;
    text-align: center;
}
#ps-uploads .items{
    
}
#ps-uploads .item{
    text-align: center;
    margin-bottom: 15px;
}
#ps-uploads .item div{
    display: inline-block;
    position: relative;
}
#ps-uploads .item img{
    max-width:80%;
    max-width: 200px;
}
#ps-uploads .item em{
    display: block;
    position: absolute;
    top: -7px;
    right: -7px;
    width:24px;
    height: 24px;
    background: #de1717 url(../images/close.png) no-repeat;
    border-radius: 50%;
}
.btnck{
    border: solid 1px #ccc;
    width: 100px;
    margin: auto;
    padding: 4px;
    border-radius: 27px;
    color: #fff !important;
    background: #6ac723;
    font-weight: 400;
}
.btnck.ckred{
    background: #de684e;
}
.vjs-user-active
.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
    display: block;
}
.vjs-error.vjs-paused .vjs-big-play-button{
    display: none;
}
.vjs-error.vjs-has-started .vjs-poster{
    display: block;
}
.video-js .vjs-big-play-button{
    line-height: 90px;
    height: 90px;
    width: 90px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    background-color: #73859f;
    background-color: rgba(115,133,159,.7);
    border-width: 3px;
}
/* 中间的播放箭头 */
.vjs-big-play-button .vjs-icon-placeholder {
    font-size: 2.8em;
}
/* 加载圆圈 */
.vjs-loading-spinner {
    font-size: 2.5em;
    width: 2em;
    height: 2em;
    border-radius: 1em;
    margin-top: -1em;
    margin-left: -1.5em;
}


@media screen and (max-width: 700px){
    .vjs-error .vjs-error-display .vjs-modal-dialog-content .waiting img{
        width:1rem;
    }
    .vjs-error .vjs-error-display .vjs-modal-dialog-content .waiting span{
        font-size:.2rem;
    }
    .play-center-icon img{
        width:60px;
    }
    .dialog img.to-close{
        left:8px;
        right: auto;
    }
    .djs-wapper .tit{
        bottom: -13px;
        height: 25px;
        font-size: 14px;
        word-spacing: 5px;
        letter-spacing: 5px;
        line-height: 18px;
    }
    .djs-wapper .nums>div>div {
        width: 32px;
        height: 32px;
        overflow: hidden;
    }
    .djs-wapper .nums>div{
        margin-right:1px;
    }
    .djs-wapper .nums{
        font-size: 25px;
        overflow: hidden;
        height:50px;
    }
    .djs-wapper .nums em{
        font-size: 25px;
        height: 30px;
        width:30px;
    }
     .djs-wapper .nums span{
        font-size: 12px;
    }   
    .djs-wapper .nums em.chu{
        transform: translateY(-30px); 
        -webkit-transform: translateY(-30px);
    }
    .djs-wapper p{
        bottom: 8px;
        width: 170px;
        font-size: 13px;
    }
    .video-js .vjs-big-play-button{
        line-height: 60px;
        height: 60px;
        width: 60px;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        border-width: 2px;
    }
    /* 中间的播放箭头 */
    .vjs-big-play-button .vjs-icon-placeholder {
        font-size: 1.8em;
    }
    
}

.loading{
    padding:12px;
    background: url('/assets/image/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
}