body{background:#ebeef1;font-size:15px;}
a,a:hover,a:focus{  text-decoration:none;}
ul{list-style: none;padding: 0;margin:0;}
input[type=button],input[type=text],input[type=password]{-webkit-appearance:none;outline:none}
@font-face {font-family: "iconfont";
    src: url('../xiquefont/iconfont.eot'); /* IE9*/
    src: url('../xiquefont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../xiquefont/iconfont.woff') format('woff'), /* chrome, firefox */
    url('../xiquefont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../xiquefont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

        .iconfont {
          font-family:"iconfont" !important;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
        }
html,
body,
.app {
  height: 100%;
}
.win {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.view {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.wrapper {
  height: 100%;
}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight: normal;}
/**********首页********/
.index-img{width:100%;max-width:750px;margin:0 auto;}
/*margin-top:-50px;padding-top:15px;*/
.huiyi-box{position:relative;z-index:101;}
.huiyi-box>ul{padding:15px 15px;}
.huiyi-box>ul>li{position: relative;
  border-radius: 20px;
  padding:18px 25px 10px;
  background-color: #fff;
  box-shadow: 0px 7px 18px 0px rgba(213, 213, 213, 0.6);
	margin-bottom:25px;
  }
.huiyi-box>ul>li:last-child{margin-bottom:0}
.huiyi-box>ul>li h2{position: absolute;width:120px;height:32px;line-height: 32px;border-radius: 15px;left:50%;margin:0;padding:0;margin-left:-60px;color:#fff;top:-15px;font-size:0.9em;background-color: rgb(51, 132, 207);
  box-shadow: 0px 3px 6px 0px rgba(170, 211, 250, 0.8);text-align:center;vertical-align: middle;}
.huiyi-box>ul>li h2 i{margin-left:6px;font-size:0.8em;vertical-align: middle;margin-top:-3px;}
.huiyi-box>ul>li>ul>li{border-bottom:1px solid #ebeef1;padding:1em 0 0.5em 4.6em;position: relative;}
.huiyi-box>ul>li>ul>li .date-box{ position: absolute;left:0;top:1em;width:2.6em; text-align: center;}
.huiyi-box>ul>li>ul>li .date-box h3{text-align:center;color:#fe770e;font-size:17px;}
.huiyi-box>ul>li>ul>li .date-box p{font-size:0.9em;color:#999;}
.huiyi-box>ul>li>ul>li h1{font-size:1em; position: relative;padding-left:1.3em;line-height:1.2;}
.huiyi-box>ul>li>ul>li h1 i,.huiyi-box>ul>li>ul>li p i{color:#d3d3d3;font-size:12px;position: absolute;left:0;top:3px;}
.huiyi-box>ul>li>ul>li p.adress-p{font-size:0.85em;color:#999;padding-left:1.3em;line-height:1.2; position: relative;margin-top:5px;}
.huiyi-box>ul>li>ul>li:last-child{border:0;}

.zhuban{margin:0 15px;  background-color: #fff;
  box-shadow: 0px 7px 18px 0px rgba(213, 213, 213, 0.6);padding:1em;margin-top:15px;border-radius:10px;font-size:0.85em;color:#888;padding-left:30px;}
.menu{margin:0;margin-top:0.8em;padding:20px 20px;
    display:box;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:space-around;
    -moz-justify-content:space-around;
    -ms-justify-content:space-around;
    -o-justify-content:space-around;
    -khtml-justify-content:space-around;
    justify-content:space-around;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
    -khtml-align-items:center;
    align-items:center;
}
.menu a{ text-align: center;color:#fff;}
.menu a span{display:block;width:100%;padding-top:100%;background:rgb(51, 132, 207); position: relative;border-radius:10px;}
.menu a span i{position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-15px;width:30px;height:30px; background: url(../images/icons.png);background-size: auto 100%;}
.menu a span i.i-js{background-position:0 0;}
.menu a span i.i-zb{background-position:-30px 0;}
.menu a span i.i-hf{background-position:-60px 0;}
.menu a span p{position:absolute;bottom:0;left:0;right:0;line-height:1.6em;}
/*****直播大厅列表*****/
.shaixuan{height:48px;color:#666;border-bottom:1px solid #ebeef1;box-sizing: border-box}
.shaixuan .row{max-width:750px;margin:0 auto;background:#fff;}
.shaixuan .row>li{position: relative;padding:0;}
.shaixuan .row>li>a{color:#666; text-align: center;display:block;height:48px;line-height:48px;}
.shaixuan i{font-size:0.7em;margin-left:5px;color:#aaa; transition: all 0.2s;}
.shaixuan .row li.active>a{color:#fe7c1a;}
.shaixuan .row li.active i{color:#fe7c1a;}
/*.shaixuan .row li:nth-child(2).active>a{color:#3384cf;}*/
/*.shaixuan .row li:nth-child(2).active i{color:#3384cf;}*/
.shaixuan .row li.active a i{transform: rotate(-180deg);}

/****筛选二级菜单*****/
.mask-box{ position: fixed;top:48px;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);display:none;}
.shaixuan .row li ul{background:#f9f9f9;padding:0 15px;border-top:1px solid #ebeef1; position: absolute;top:48px;left:0;width:200%;z-index:199;display:none;max-height:270px;overflow:auto;-webkit-overflow-scrolling: touch;}
.shaixuan .row li.active ul{display:block;}
.shaixuan .row li:nth-child(2) ul{left:-100%;}
.shaixuan .row li ul li a{display:block;padding:0.8em 0;color:#666;border-bottom:1px solid #ebeef1;font-size:1em;box-sizing: border-box}
.shaixuan .row li ul li.active a{color:#fe7c1a;}
.shaixuan .row li:nth-child(2) ul li.active a{color:#3384cf;}
.shaixuan .row li ul li i{float:right;display:none;margin-top:1.2em;font-size:0.8em;}
.shaixuan .row li ul li.active i{display:block;}
.shaixuan .row li ul li button{margin:0 auto;display:block;width:60%;background:none;border:0;padding:0.8em;color:#666;}


.v-list{margin:0 0;}
.v-list li{margin-top:1.4em;background:#fff;}
.v-list .img-box{display:block;width:100%;padding-top:50.7%; position: relative;background:url(../images/750-380.jpg);background-size: cover;}
.v-list h1{font-size:1.1em;color:#f9f9f9;background:rgba(0,0,0,0.6);height:45px;line-height:45px;padding:0 15px; position: absolute;bottom:0;right:0;left:0;margin:0;font-weight:normal; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hc-box{padding:0.4em 1.1em;  background-color: rgb(51, 132, 207);
  box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.2); position: absolute;left:15px;top:-10px;color:#fff;border-radius:24px;font-size:0.85em;min-width:80px; text-align: center;}
.ck-box{padding:0.4em 1.1em;  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.2); position: absolute;right:15px;top:-10px;border-radius:24px;font-size:0.85em;color:#666;min-width:80px; text-align: center;}
.ck-box i{margin-right:5px;font-sizze:0.7em;color:#777;vertical-align: middle;margin-top:-5px;}
.time-box{padding:0.6em 0;color:#fe7c1a;margin:0 15px;border-bottom:1px solid #ebeef1;}
.zt-box{float:right;color:#999;font-size:0.85em;}
.color-g{color:#3384cf!important;}
.btn-box{margin:0 15px;align-items: center;justify-content: center; display: flex;}
.btn-box a{color:#888;font-size:0.85em; text-align: center;padding:0.8em 0; vertical-align: middle}
.btn-box a i{margin-right:5px;}
.btn-box a i.icon{font-size:1.1em;}
.tishi{padding:1em;font-size:0.85em;color:#999; text-align: center;margin:0;}
.color-o{color:#fe7c1a!important;}
/**************回看列表***************/
.cksc-i span,.cksc-i a{margin-left:1.5em;color:#666;font-size:13px;}
.cksc-i span i,.cksc-i a i{margin-right:0.4em;color:#888;}
.hk-time-box{padding:0 15px;}
.hk-time-box span{color:#999;border:none;line-height:2.6em;}
.hkbf-btn{padding:0.8em 0;color:#888;font-size:0.85em;}
.hkbf-btn i{margin-right:0.4em;}
.shaixuan .row li ul::-webkit-scrollbar{
    width: 6px;
    margin-right: 2px;
    height: 100%;
}.shaixuan .row li ul::-webkit-scrollbar-thumb {
     background: rgba(255, 124, 26, 0.76);
    border-radius: 4px;
 }
 #player{  width: 100%;}
.video-box{margin:0 auto;background:#fff; position: relative;width:100%;}
.return-btn{width:32px;height:32px;display:block; position: absolute;right:15px;top:15px;background:rgba(0,0,0,0.6);color:#ccc;border-radius:50%; text-align: center;line-height:32px;z-index:9999;}
.video-box video{width: 100%;height: 18rem;  background-color: rgba(0, 0, 0, 0.5);}
.v-xinx{padding:0 15px;}
.v-xinx h1{font-size:1.1em;padding:0;line-height:40px;margin:0;border-bottom:1px solid #ebeef1;font-weight:normal;}
.zhuchi{height:40px;line-height:40px;color:#888;}
.zhuchi p{font-size:0.9em;margin:0}
.video-tabTitle{height:45px;line-height: 45px;border-bottom:1px solid #ebeef1;background:#fff;padding:0;margin:0;margin-top:0.6em;}
.video-tabTitle a{ text-align:center;color:#666;font-size:0.9em;padding:0;}
.video-tabTitle a.active{border-bottom:2px solid #3d6fcc;color:#3d6fcc;box-sizing: border-box;line-height:42px;font-weight:bold;}
.tab-content{background:#fff;}
.tab-content>li.view{display:none;}
.rc-list{padding:0 15px}
.rc-list li{padding:0.7em 0 0.7em 65px;position: relative;border-bottom:1px solid #ebeef1;font-size:1em;}
.header-img{display:block;width:45px;height:45px;position: absolute;left:0;top:1em;border-radius:50%;overflow: hidden;background:url(../images/header.jpg);background-size: cover;}
.rc-list li h5{font-size:0.85em;color:#999;margin:0;line-height:1.4em;font-weight:normal;}
.rc-list li h1{font-size:0.95em;font-weight:normal;margin:0;line-height:1.3em;padding:0.3em 0;color:#666}
.rc-list li h1 span{margin-right:5px;color:#444;}
.rc-list li p{font-size:0.85em;color:#888;margin-bottom:4px;}
.rc-list li p span{font-size:1.2em;color:#333;margin-right:8px}
.about-box{padding:5px 15px;color:#666;line-height:1.5em;}
.about-box p{color:#666;line-height:1.5em; text-indent: 2em;margin:1em 0;text-align: justify;}
.liuyan-box{height:44px;box-shadow: 0 0 1px rgba(0, 0, 0, .5);
    background-color: #fff;}
.liuyan-list{padding:0 10px;}
.liuyan-list li{margin:1em 0;}
.liuyan-list li.t-box{ text-align:center;}
.t-box span{padding:0.3em 1.2em;background:#eee;color:#999;font-size:0.8em;border-radius:20px;}
.liuyan-list li.ly-r{ text-align:right; position: relative;padding-right:55px;}
.liuyan-list li.ly-l{ text-align:left; position: relative;padding-left:55px;}
.liuyan-list li .header-img{width:40px;height:40px;top:0;}
.ly-r .header-img{left:auto;right:0;}.ly-l .header-img{left:0;right:auto;}
.liuyan-list li h5{display:block;width:50px; text-align: center; position: absolute;top:45px;margin:0;padding:0;color:#999;font-size:0.8em; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight:normal;}
.ly-r h5{right:-5px;}.ly-l h5{left:-5px;}
.liuyan-list li h4{font-size:0.8em;color:#999;margin-bottom:4px;font-weight:normal;}
.liuyan-list li p{padding:0.8em 0.9em;max-width:85%;display:inline-block;background:#eee;border-radius:0.8em;margin:0;line-height:1.2em; position: relative;color:#555;text-align: justify}
.liuyan-list li p:after{content:'';display:block;border:10px solid transparent;border-top-color:#eee;position:absolute;top:5px;}
.bg-g{background:#46bc5f!important;color:#fff!important;}
.bg-g:after{border-top-color:#46bc5f!important;}
.ly-r p:after{right:-10px;}
.ly-l p:after{left:-10px;}
.liuyan-list li button{display:block;width:80px;height:26px;line-height:24px;background:#fff;border:1px solid #ccc; text-align: center;color:#fe770e;border-radius:6px;margin:0 auto;font-size:0.9em}
.interaction-box{width: 30px;height: 30px;overflow:hidden;border-radius: 50%;position:absolute;left:10px;top:7px;}
.interaction-box img {padding: 0 !important;border: none !important;background-color: #f7f7f7; outline: none !important; box-shadow: none !important;width:100%;}
.liuyan-box form{width:100%;height:100%;position: relative;}
.inp {
    outline: none;
    display: block;
    height: 34px;
    padding: 2px 6px;
    font-size: 0.9em;
    color: #3a3f51;
    background-color: #f0f0f0;
    border:none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	
}
.inp-box{position:absolute;left:45px;top:5px;right:70px;bottom:5px;}
.interaction_inp{width:100%;border-radius:0;border-top-left-radius:17px;border-bottom-left-radius:17px;text-indent:1em;}
.interaction_btn{position:absolute;right:10px;top:5px;width:65px;background:#46bc5f;color:#fff;border-radius:0;border-top-right-radius:17px;border-bottom-right-radius:17px;}
.footer-img{margin:0.8em auto;width:90%}
.zhanwei{height:0.8em;}
.hk-v-list{background:#fff;}
.hk-v-list>ul>li{background:#f2f8fd;border-bottom:1px solid #ebeef1}
.hk-v-list ul li>div{height:45px;line-height:45px;padding:0 15px; position: relative;}
.hk-v-list ul li>div a{width:100%;display:inline-block;margin-right:40px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;color:#333; position: relative;text-indent:1.2em;font-size:1.05em;}
.hk-v-list ul li>div a i{    display: inline-block;  border: 9px solid transparent;border-left-color: #555;transform: scaleY(0.8);position: absolute;left: 0;top: 0;bottom: 0;  margin: auto; width: 0;  height:
    0;transition: all .3s;}
.hk-v-list ul li>div a i.i_active{transform: scaleY(0.8) rotate(90deg)!important;  top: 10px!important;}
.hk-v-list .rc-list{background:#fff;display:none;}
.hk-v-list .rc-list li:last-child{border-bottom:0;}
.hk-v-list ul li>div button{ position:absolute;right:10px;top:50%;margin-top:-20px;width:40px;height:40px;line-height:40px; text-align: center;font-size:1.6em;color:#666;border:0;background:none;}
/***注册登录页通用***/
.top{  border-bottom: 1px #dadada solid;
   background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0) 0%), color-stop(100%,rgba(0,0,0,0.1)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );
    
  height: 42px;line-height:42px;color:#888;vertical-align:middle;}
.mask{width: 100%;height: 100%;background:rgba(0,0,0,0.8);position: fixed;left: 0px;top: 0px;z-index: 1000;}
.login-body{width:80%;max-width:750px;padding-bottom:10px;position: fixed;top:50%;left: 50%;margin-left: -40%;margin-top: -170px;background-color: #fff;border-radius: 5px;z-index: 1500;transition: all 0.3s;display:-none;}
.tc-top{height: 40px;line-height: 40px;}
.tc-top p{color:#444;font-size:15px;text-indent: 1em;}
.tc-top a{width: 40px;height: 40px;display: block;position: absolute;right: 5px;top: -2px;line-height:40px;font-size: 30px;color:#666;text-align: center}
.head_wenzi{
    text-align: center;
    width: 100%;
    background-color: rgb(51, 132, 207);
    color:white;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
}
/***登录页***/
.login-body>p{color:#525252;font-size:14px;text-align:center;margin-top:15px;}
.login-body form{padding:0 30px;}
.login-body form table{width:100%;}
.login-body form td{height:36px;border:1px solid #eee;position:relative;}
.login-body form td.error{border:1px solid #C50D25;}
.login-body form td.ts{height:20px;border:0px;font-size: 14px;color:#c40d23; text-align: center;}
.login-body form td i{ position: absolute;left:0;top:0;font-size: 13px;color: #999;line-height:40px;width:36px; text-align: center;}
.login-body form td input{width:100%;height:40px;border:0px;font-size: 15px;color:#525252;text-indent:2.2em;background:none;}
.login-body > input:hover{background:#dc1c05;}
.btn-submit {width: 100%;font-size:1.2em;padding: 10px;margin: 10px auto;background-color: rgb(51, 132, 207);color:#fff;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);}
.zc-btn{display:inline-block;padding:5px;font-size:15px;text-indent:0;}
.zhuce{background:#fff;}
.zhuce label{text-align: right;font-weight:normal;font-size:14px;}
.zhuce input{background:#fff;height:40px;padding:10px 0; text-indent:1em;}
.zc-img{width:100%;height:120px;background:url(../images/user-registration.jpg);background-size:cover;margin-bottom:20px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);}
.zhuce .form-group{margin-bottom:5px;}
.dl-img{width:100%;height:120px;background:url(../images/user-login.jpg);background-size:cover;margin-bottom:20px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);}
/* 中等屏幕（桌面显示器，小于 992px） */
@media (min-width:768px) {
	.view,.video{width:750px;margin:0 auto;}
}

/* 中等屏幕（桌面显示器,大于992px */
@media (min-width: 992px) {
	
}
@media (min-width: 1200px) {
	
}