/*重置style*/
html,body{height: 100%;}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{ margin:0; }
h4,h5,h6{ font-size:1em; }
ul,ol{ padding-left:0; list-style-type:none; }
a img{border:0;}
img{border:0;}

body {
min-width: 1200px;
    font: 14px/1.4 'STHeiti', 'Microsoft YaHei', 'arial';
    color: #333333;
background-color: #f0f1f5;
}
a{text-decoration: none; color:inherit;}
a:hover{color:#21529b;}
.l{float:left;}
.r{float:right;}
.ovh { overflow: hidden; }
.h100{height: 100%}
.dl{display:inline-block;}
.dn{display: none}
.db{display: block}
.vm{vertical-align: middle}
/*图片处理*/
.img-circle,.img-circle img {
    border-radius: 50%;
    width: 28px;
}
.img-responsive{
    display: block;
    max-width: 100%;
    height: auto
}
/*字体颜色*/
.wh{color:white;}
/* .gc{color:#ccc;} */
.gb4{color:#b48017;}
.g79{color: #797979;}
.green{color:green;}
.red{color:red;}
.white{color:white;}
.whitebg{background:white;}
.fw700{font-weight: 700;}
/* percent width value */
.pct5{width:5%;}
.pct10{width:10%;}
.pct15{width:15%;}
.pct20{width:20%;}
.pct25{width:25%;}
.pct30{width:30%;}
.pct33{width:33.3%;}
.pct40{width:40%;}
.pct50{width:50%;}
.pct55{width:55%;}
.pct60{width:60%;}
.pct66{width:66.6%;}
.pct70{width:70%;}
.pct75{width:75%;}
.pct80{width:80%;}
.pct90{width:90%;}
.pct95{width:95%;}
.pct100{width:100%;}

/* line-height */
.lh0{line-height:0;}
.lh16{line-height:14px;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.lh30{line-height:30px;}
/* font-size */
.f0{font-size:0;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f28{font-size:28px;}

/* margin */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mtb10{margin:10px 0;}
.mb10{margin-bottom: 10px}
.mtb10at{margin:10px auto;}
.mb20{margin-bottom:20px;}
.mb60{margin-bottom:60px;}
.mr5per{margin-right:5%;}
.mlr10{margin-left:10px;margin-right:10px;}
.mr15{margin-right: 15px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
/* padding */
.p15{padding:15px;}
.pl10 {padding-left: 10px;}
.pt1{ padding-top: 1px;}
.p10{padding:10px;}
/* position */
.pr{position:relative;}
.pa{position:absolute;}
/*z-index*/
.zx1{z-index:1;}
.zx2{z-index:2;}

/* text-align */
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.tj{text-align:justify;}

.boxshow{box-shadow: 3px 3px 6px -3px rgba(0,0,0,.8);}
/* 块状元素水平居中 */
.auto{margin-left:auto; margin-right:auto;}
/* 清除浮动*/
.fix{*zoom:1;}
.fix:after{display:table; content:''; clear:both;}
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.cell{display:table-cell; *display:inline-block; }
.cell_bk {
    display: table;
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
}
.text_overflow{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.ul-dl li{display:inline-block;}

.container{
    width: 100%;
    overflow: hidden;
}
.row{width:1200px;margin:0 auto;}
.allTrans {
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.title{ color: #21529b;width: 100%; text-align: center; border-bottom: currentColor solid 3px;line-height:40px; }
.titleUl li{text-align: center; border-bottom: #e5e5e5 solid 3px;line-height:40px; font-weight:bold;font-size: 1.5em; color: #666666; cursor: pointer;}
.titleUl li.active{color: #21529b;text-align: center; border-bottom: currentColor solid 3px;line-height:40px; font-weight:bold;}
/*头部*/
#headerimg {
    padding: 10px 2%;
    /*overflow: hidden;*/
    height: 40px;
    zoom: 1;
    background: #21529b;
}
.headerBox{
 height: 40px;
 line-height: 40px;
 /*overflow: hidden;*/
}
/*app下载*/

.appimg{
    position: absolute;
    display: none;
    top: 38px;
    left: 3px;
    width: 140px; 
    height: 140px;
    border: 2px solid #21529b;
    z-index: 100;
    transition: all .3s;
}
.down:hover .appimg{display: block;}

.headerBox a:hover{color: #fff;}
.zsBtn{
   vertical-align: top;
  font-size: 16px;
    background: #fff;
    color: #21529b;
    border: 2px solid #fff;
    border-radius: 2px;
    padding:0px 50px; height:36px;line-height: 36px;margin-right:20px;}
.zsBtn:hover{background: #21529b;}
.mnBtn{
   vertical-align: top;
  font-size: 16px;
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 2px;
    padding:0px 50px; height:36px;line-height: 36px; }
.mnBtn:hover{color: #21529b;}
.welcomeBtn{color: #fff; margin:0 5px; display: inline; }
.welcomeBtn:hover{ background: #113f85;}
.down{ vertical-align: top;
  font-size: 16px;
    color: #fff;
height:40px;line-height: 40px; margin-left:20px;margin-right: 20px;}
.downIcon{width: 40px;height: 40px; background: url(../images/downIcon.png) no-repeat center; display: inline-block;    vertical-align: middle;}

.headImg{
  color: #fff;
   font-size: 16px;
}
.headImg img{vertical-align: middle; margin-right: 10px; width:34px;overflow: hidden; border-radius: 50%;}

/*主内容*/
.the_main {
    width: 100%;
    float: left;
}

#content {
    font-size: 14px;
    padding-bottom: 10px;
}

.narrowcolumn {
  margin-top:10px;
    margin-right:410px;
}

.narrowcolumn:before {
    content: '';
    display: table;
    clear: both;
}

#sidebar {
  margin-top:10px;
    width:400px;
    float: left;
    margin-left: -400px;
    font-size: 12px;
    height: 792px;
    height: calc(.305 * 100vw + 17.99rem);
    clear: right;
    background: #fff;
}

#sidebar .dialoglist{
      height: 89%;
}

.sidebarBox{height: 100%;}

#footer {
    clear: both;
    background: #B7CBE8;
    border-top: 3px solid #A7BFE8;
    zoom: 1;
}

/*快讯*/
.nf_content{height:625px;overflow: hidden;position: relative}
.nflist{height: 480px;padding:15px 0;}
.nflist b{font-size: 15px;color: #ffaa56;}
#newsFlash ul{padding-left:20px;padding-right: 20px;}
#newsFlash ul::before{content:'';position: absolute; height: 100%;border-left:1px solid #21529b;width: 1px;margin-left: -10px;}
#newsFlash li {
    position: relative;
    border-bottom: 1px solid #f0f1f5;
    padding: 13px 0 13px 70px
}
#newsFlash li span {
    font-size: 12px;
    line-height: 22px;
    text-align: justify;
    text-justify: distribute
}
#newsFlash .kxb {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #21529b;
    padding: 0 4px;
    line-height: 17px;
    border: 1px solid #21529b;
    border-radius: 2px;
    margin-right: 13px;
    position: absolute;
    left: 0;
    top: 15px
}
#newsFlash li i {
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color:#21529b;
    position: absolute;
    left: -13px;
    top: 20px
}

/*直播视频*/
.slide-list{width:70%;box-shadow: 0 0px 2px rgba(0,0,0,.2); border-radius:3px;margin-bottom: 3px;  background: #fff;}
.slide-title{
    height: 46px;
    line-height: 46px;
    width: 98%;
    margin: 0 auto;
    border-bottom: 1px solid #e5e5e5;}
.title-h2{border-left:3px solid #ff9934; height: 20px;font-size: 18px;line-height: 20px; margin:13px; padding-left:10px;}
.online{line-height: 50px;margin-right: 15px;font-size: 12px;}
#online-num{color:#ffaa56}
.livetip{color: #646463; margin-right: 20px;padding-top: 2px;}
.livetip::before{content:'';display: inline-block;width:10px;height:10px;background-color:#70ED3A;border-radius: 50%;margin-right:6px;vertical-align: 0px;}

/*课堂速记*/
.noteUl{width: 92%;margin:0 auto;}
.noteUl li{border-bottom: 1px solid #e5e5e5;margin-bottom:15px;}
.noteText{ background: #f8f8f8; padding:10px; clear:left; margin:10px 0 15px;}
.teacherImg{width: 45px; height: 45px;border-radius: 50%; float:left; margin-right: 10px;}
.noteUl b{color: #21529b;font-size: 16px;display: block;margin-bottom:5px;}
.noteUl time{color: #999999;}
/*轮播*/
.team-button-next,.team-button-prev{width:40px;height:40px;line-height:40px;cursor:pointer;border-radius:50%; z-index: 1; top:50%;margin-top:-20px; background: rgba(0,0,0,.8);}
.team-button-prev{left:20px;}
.team-button-next{right:20px;}
.team-button-next.swiper-button-disabled,.team-button-prev.swiper-button-disabled {
   opacity: 0.2;
}
.team-button-next svg,.team-button-prev svg{
   display: inline-block;
    stroke-width: 1px;
  width: 1.5em;
  height: 1.5em;
  stroke: #999;
  fill:none;
    margin-top: 9px;
    margin-left: 10px;
}

.team-button-prev svg{
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
margin-left:6px;
}

.team-button-next.swiper-button-disabled svg,.team-button-prev.swiper-button-disabled svg{
  stroke:#d2d2d2;
}

.team-button-next:hover,.team-button-prev:hover{
  background: #fcaa2c
}
.team-button-next:hover svg,.team-button-prev:hover svg{
  stroke:#fff;
}

.page-post{ width: 98%;margin:15px auto; height: 500px; height: calc(.305 * 100vw );}
/*聊天窗口*/
.live-box {
    width: 30%;
}
.chat-box{margin-left: 10px;  background: #fff;}

.chat_content {
     height: 625px;
    height: calc(.305 * 100vw + 2.6rem);
    overflow: hidden;
    position: relative;
}
.dialoglist{height: 91%;padding:4% 0; width: 99%}

.welcome-tip {
    color: #36363a;
    text-align: center;
    margin: 10px auto;
    background-color: #f0f0f7;
    border-radius: 13px;
    padding: 5px;
    width: 77%;
}
.userlogin {
    color: #999999;
    text-align: center;
    margin: 10px auto;
    background-color: #efefef;
    border-radius: 20px;
    padding: 5px;
    width: 60%;
}
.userlogin time{margin-right: 5px}

/*聊天*/
.dialog{padding:0px  10px  5px  10px;min-height:80px;position: relative;margin-top: 10px;}
.dialog_head {float: left;margin-top:30px; }
.dialog_feed_flow { margin-left:40px;padding-top:5px; padding-bottom:5px;}

.mine .dialog_feed_flow{float:left;margin-left:0;width: 100%;}
.mine .dialog_feed_flow .mib_feed_flow{margin-right:81px; }
.mine .dialog_head{margin-left: -66px;}

 .mine .dcont::before {
    display: none;
  }

.dialogbtn {
   position:absolute;
  background: #f6f7f9;
  vertical-align: middle;
  box-sizing: border-box;
  width: 4em;
  padding:.2em 0;
 -webkit-filter: drop-shadow(.1em .1em .1em rgba(0,0,0,.1));
filter: drop-shadow(.1em .1em .1em rgba(0,0,0,.1));
  text-align: center;
  border-radius: .3em;
  z-index: 1;
}

.dialogbtn::before {
  content: '';
  position: absolute;
  top: -.4em;
  right: 2.5em;
  width: 0;
  height: 0;
  border: .5em solid transparent;
  border-bottom-color: #f6f7f9;
  border-top-width: 0;
}
.dialogbtn span{color:#000;display: inline-block;}
.dialogbtn span:hover{color:#ccc}


.dcont{border-radius:2px; background-color:#ebf5fd; display: inline-block; word-break: break-all;padding:5px 10px;-webkit-filter: drop-shadow(1px 1px 1px hsla(0,0%,0%,.1));
filter: drop-shadow(1px 1px 1px hsla(0,0%,0%,.1));
}


.dcont::before {
       content: ' ';
    width: 0;
    height: 0;
    display: inline-block;
    border-width:7px;
    border-style: solid;
    border-color: transparent #ebf5fd transparent transparent;
    position: absolute;
    margin-left: -24px;
}

.dcont-me{
  border-radius:2px; background-color:#ebf5fd; display: inline-block; word-break: break-all;padding:5px 10px;-webkit-filter: drop-shadow(-1px 1px 1px hsla(0,0%,0%,.1));
filter: drop-shadow(-1px 1px 1px hsla(0,0%,0%,.1));
}

.dcont-me::after {
    content: ' ';
    width: 0;
    height: 0;
    display: inline-block;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent transparent  #ebf5fd;
    position: absolute;
       top: 5px;
    right: -14px;
}




.dcont-teacher{border-radius:2px; background-color:#f7f1e3; display: inline-block; word-break: break-all;padding:5px 10px;-webkit-filter: drop-shadow(1px 1px 1px hsla(0,0%,0%,.1));
filter: drop-shadow(1px 1px 1px hsla(0,0%,0%,.1));
}


.dcont-teacher::before {
       content: ' ';
    width: 0;
    height: 0;
    display: inline-block;
    border-width:7px;
    border-style: solid;
    border-color: transparent #f7f1e3 transparent transparent;
    position: absolute;
    margin-left: -24px;
}


.uname {color:#4c7fcb; font-weight: 700; }
.dcont img{vertical-align: text-bottom;}
.memberList .name-list{line-height: 15px;}
.callTa{cursor:pointer;}
.delTa{cursor:pointer;}


.mecolor .dcont-me{
  background-color:#FFFFCC;
}

.mecolor .dcont-me::after{
border-color: transparent transparent transparent  #FFFFCC;
}

.mecolor .dcont-me::before{display: none;}

.assistant .dcont-me{
  background-color:#f7f1e3;
}

.assistant .dcont-me::after{
border-color: transparent transparent transparent  #f7f1e3;
}

.assistant .dcont-me::before{display: none;}
/*信息发布*/
.chat-footer{margin-left: 10px; background: #fff;}
.cs-box{height:46px;line-height:46px;font-size: 14px;border-bottom: 1px solid transparent; text-indent:1em; background-color: #fff;margin-top:2px;color:#808080}
.cs-icon{display:inline-block;vertical-align: middle;width: 36px;height: 36px;background: url(../images/cs-icon.png)no-repeat; background-position: left top;margin:0 10px;}
.cs-icon1{background-position: right top;}

.cs-icon::before{content: '';
width:5px;height:5px;background-color:#70ED3A;border-radius: 50%;
position: absolute;
margin-left: 10px;
box-shadow: 0 0 0 5px hsla(0,0%,100%,.2);
    border: 2px solid rgba(255,255,255,0.2);
    opacity: 0;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}

.cs-icon:hover::before{
  opacity: 1;
}

.faceIcon{display:inline-block;width:20px;height: 20px; background: url(../images/faceIcon.png)no-repeat center;vertical-align: middle;}
.tfacebtn{background-position: 0 0;margin-right:5px;}
.scrollbtn{background-position: 0 -20px;}
.scrollbtn.on{background-position: 0 -40px;}
.textarea_box:empty:before {
    content: attr(placeholder);
    font-size: 14px;
    color: #ccc;
}
.sendbtn{ display: inline-block;
    height: 28px;
    line-height: 28px;
    background-color: #4c7fcb;
    border-radius: 2px;
    color: #fff;
    box-shadow: 0 1px 1px 0px #4c7fcb;
    padding: 0px 30px;
     margin-right:8px;
    float: right;
  }
.sendbtn:hover{color: #fff;box-shadow:0 1px 1px 1px #4c7fcb;}
.chat-face{background-color: #fff;height:32px;line-height:32px;padding:5px;max-width:93%;
    margin:0 auto;}
.chat-textarea{height: 112px;}
.textarea_box {
    color: #000;
    padding: 0 3px;
    outline: 0;
    border: none;
    border-radius: 10px;
    height:120px;
    resize: none;
    line-height: 1.5;
    font-size: 15px;
    max-width:93%;
    margin:0 auto;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-user-modify: read-write-plaintext-only;
    background: #f8f8f8;
}
.qqFace{line-height: 14px;}
.msg-input-num {
   font-size: 12px;
    color: #949ca1;
    text-align: right;
    padding-right: 10px;
}
/* qqFace */
.qqFace{margin-top:4px;background:#fff;padding:2px;border:1px #dfe6f6 solid;}
.qqFace table td{padding:0px;}
.qqFace table td img{cursor:pointer;border:1px #fff solid;}
.qqFace table td img:hover{border:1px #0066cc solid;}

/*===============下层建筑=================================*/
.twoPage{clear:left; padding-bottom: 10px;overflow: hidden;}
.tmain{margin:0 40% 0 20%; width: 40%; }
.article-list img{width: 174px;height: 174px;}
.tmainBox{margin:0 10px; height: 1025px;}

/*课程表*/
.tableMenu {border-bottom:2px solid #e5e5e5; margin-top:20px;}
.tableMenu li{display: inline-block; width: 20%;  text-align: center; padding:10px 0;}
.tableMenu time{display: block;font-size: 12px;}
.tableMenu .active{ color: #21529b;}
.tableMenu .active span{border-bottom:2px solid #21529b;padding-bottom: 8px}
.tableon{background: url(../images/tableon.png)no-repeat;width: 19px; height: 13px; display: none;}
.table{width: 100%;}
.table td{border-bottom:1px solid #e5e5e5;font-size: 12px;padding:10px 0;}
.table .on td{font-weight: bold;}
.table .on .tableon{display: block;}

/*讲师简介*/
.teacherUl{padding:20px 10px 10px; height:1015px;}
.teacherUl .teacherImg{width:100px;height: 100px;border-radius: 50%;overflow: hidden;border:1px solid #e5e5e5;}
.teacherUl li{overflow: hidden;border-bottom:1px solid #e5e5e5;padding-bottom:22px;margin-bottom:15px;}
.teacherUl li p{clear:left;color: #999;margin-top:40px;}
.teacherUl h3{margin-top: 25px;margin-bottom: 5px;}
.article-content img{width:25px;height:25px; border-radius: 50%; }
.timeicon{display: inline-block;width:13px;height: 13px;background: url(../images/timeicon.png) no-repeat; }

/*文章*/
.article-list{height:1025px;padding-top:20px; background: #fff;}
.article-list li{border-bottom: 1px solid #e5e5e5;height: 195px; margin-bottom:20px;width: 94%;margin-left:auto;margin-right:auto;}
.article-content{margin-left:190px; overflow: hidden;}
.article-content h3{margin:15px 0 10px;}
.article-content p{height:57px;overflow: hidden;margin:10px 0 20px;}
.auther{height:36px; line-height: 36px;}
.auther img {vertical-align: -6px;}
.auther .timeicon{margin:0 5px 0 10px;}

/*财经日历*/
.diagram{padding-top:30px; height: 1015px;}
.calendar{height: 1025px;padding-top:20px;}
.g5i_n {
  width: 95%;margin:0 auto;
border-top: 1px solid #e6e6e6;
}
.g5i_n span{
  display: block;
  font-size:18px;
    margin: -13px auto 0;
    color: rgb(51, 51, 51);
    font-weight: bold;
    width: 110px;
    height: 18px;
    background-color: #fff;
    text-align: center;}
.g5i_img{margin:10px 0; height: 250px;}
.g5i_text{padding:0 10px;}
/*美元指数*/
.gjf_icon7 {
    margin-top: 40px;
    border: 1px solid #e6e6e6;
    border-top: 0;
}

.gj7_main {
   clear:left;
   padding: 30px;
}

.gj7_main .products li {
    min-height: 442px;
}

.g7m_nav {
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border:1px solid #21529b;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.g7m_nav li {
 /*    float: left;
 width: 20%; */
    text-align: center;
}

.g7m_nav li a {
    display: block;
    font-size: 14px;
    color: rgb(128, 128, 128);
}

.g7m_nav li.active a {
  border-left:1px solid #21529b;
     border-right:1px solid #21529b;
    color: rgb(51, 51, 51);
    font-weight: bold;
}
.g7m_nav li a:hover{
   color: rgb(51, 51, 51);
    font-weight: bold;
}

/* .g7m_nav li:first-child.active a {
     border-right:1px solid #21529b;
     border-left:none;
}

.g7m_nav li:last-child.active a {
     border-left:1px solid #21529b;
     border-right:none;
} */

.g7m_img {
    width: calc(100%);
    margin: 20px 0;
    height: 442px;
   position: relative;
}

.g7m_img img {
    width: 100%;
    height: 100%;
}

.g7m_text {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: rgb(77, 77, 77);
    line-height: 1.357;
}

.g7m_text h4 {
    margin-bottom: 10px;
}

.g7m_text a {
    color: rgb(77, 77, 77);
}

.g6m_item{
  height: 1025px;
  background: #fff;
  padding:20px 20px 0;
  overflow: hidden;
}
.one-txt-cut{margin-bottom:10px;}

.handle{width: 20px;
    height: 100px;
    background: #21529b;
    position: absolute;
    top: 213px;
    margin-left: -20px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    z-index: 2;
    padding: 10px 0;
    display: none;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
  }
.topPart{overflow:hidden;}
#goldAverage{width: calc(100%);overflow: hidden;}
.handleL {
  height:190px;
    top: 213px;
    margin-left: 470px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    z-index: 2;
    padding: 10px 0;
    display: none;
     border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.fxtip{color: #abacad;
    font-size: 12px;
    padding: 2px 0 0 0;
    margin-right: 10px;
  }
.signBtn{color: #fff; background: #cfcfcf;padding: 3px 10px;
    border-radius: 5px; margin-left:10px;}
.signBtn:hover{background: #4c7fcb; color: #fff;}

/*登录窗口*/
.blackbg {
    background: #000;
    opacity: .4;
    filter: alpha(opacity=40);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index:20;
}
.login {
    position: fixed;
    width:530px;
    height:340px;
    border-radius: 5px;
    background: #fff;
     z-index:20;
     padding:10px;
     top:0;
     bottom:0;
     left:0;
     right:0;
     margin:auto;
}
.login h2 {
    font-size: 24px;
    font-weight: 400;
    color: #1b1b1b;
    width: 90%;
    margin: 10px auto;
    text-align: center;
}
.login-group{margin-top:25px;}
.login a {
    vertical-align: top;
}
.pop_close {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 27px;
    height: 27px;
    font-size: 2rem;
}
.pop_close>svg{ -webkit-transition: .2s all ease-in;
    transition: .2s all ease-in}
.pop_close:hover>svg{fill:#21529b;
  }
.login-mode {
    margin: 10px auto 0;
    width: 90%;
}
.login-mode li{display: inline-block;  text-align: center; height:40px;
    line-height:40px;
    font-size: 18px;
    color: #3f3f3f;   width: 100px; border-bottom: 2px solid #fff;}
 .login-mode .active{

    border-bottom: 2px solid #fff;
 }
.login-mode .active, .login-mode li:hover a {
    border-color: #21529b;
    text-decoration: none;
    background: transparent;
}
.login-modebox {
    margin: 25px auto 0;
    width:90%;
    font-size: 0;
}
.login-modebox label{display: none;}
.login-modebox li {
    margin-bottom: 10px;
    padding: 0 10px;
    line-height: 40px;
    border: 1px solid #e2e2e2;
}
.login-modebox li:last-child{
  padding-right: 0;
}
.login-modebox li i, img {
    vertical-align: middle;
}
.login-modebox i {
    display: inline-block;
    width:22px;
    height: 22px;
}
.phone-icon {
    background: url(../images/login-icon.png) no-repeat;
}

.pw-icon {
    background: url(../images/login-icon.png) -48px 0 no-repeat;
}

.inf-icon {
    background: url(../images/login-icon.png) -25px 0 no-repeat;
}


.login-modebox li input {
    width:324px;
    font-size: 14px;
    color: #3f3f3f;
    line-height: 40px;
    height: 40px;
    text-indent: 20px;
    vertical-align: top;
    border: 0;
    outline:none;
}
.login-modebox li.login-help {
    line-height: 15px;
    padding: 0;
}
.login-modebox li.login-help{border:none;}
.login-help span {
    float: right;
    font-size: 14px;
    color: #7c7c7c;
   padding-top: 3px;
}
.login-help label {
    font-size: 14px;
    color: #7c7c7c;
}
.login-modebox li.login-help input {
    width: 15px;
    height: 15px;
    vertical-align: -2px;
}
.login-btn {
    display: block;
    font-size: 22px;
    color: #fff;
    line-height:40px;
    cursor: pointer;
    border-radius: 5px;
    background: #21529b;
    border:none;
}
.login-btn:hover{background:#cc0000 }
.forget-a{line-height: 40px;}
.login-link {
    margin: 25px auto 0;
    width: 70%;
}
.yzm {
    padding: 0 0 0 10px;
}
.yzm img {
    display: block;
    width: 90px;
    height: 40px;
}

/*上传头像*/
.target_list{
width: 319px;
height: 187px;
background-color: #fff;
z-index: 2;
line-height: 40px;
padding: 10px 0px 15px 20px;
border: 5px solid #fff;
border-radius: 5px;
-webkit-filter: drop-shadow(-1px 1px 2px hsla(0,0%,0%,.2));
filter: drop-shadow(-1px 1px 2px hsla(0,0%,0%,.2));
display:none;
margin-left:407px;
color: #434343;
}

.target_list::before{
  content: '';
  display: block;
  border-width: 9px;
  border-style: solid;
  border-color: transparent transparent #fff transparent ;
  position: absolute;
  margin: -33px 2px 10px 267px;
}
.submit{border:none;cursor: pointer;padding-top: 2px;overflow: hidden;}

::-ms-browse, [type='file'] {
    padding:.3em 1.2em;
    border: 1px solid #dadadb;
    border-radius: 5px;
    background: #f1f1f5;
    color: #A1A1A1;
    cursor:pointer;
}
::-webkit-file-upload-button {
    padding:.3em 1.2em;
    border: 1px solid #dadadb;
    border-radius: 5px;
    background: #f1f1f5;
    color: #A1A1A1;
    cursor:pointer;
}

.userlogin{
color: #a8a8ad;
text-align: center;
margin: 10px auto;
background-color: #f0f0f7;
border-radius: 20px;
padding: 5px;
width: 70%;
}

.txt_dia{color:#f39801}

.form-control {
    width:32%;
    height: 14px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-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;
}

input[type="file"] {
  width:90px;
 margin-left: 54px;
}

.vt{vertical-align: top;}
.preview{width: 60px; height: 60px;margin-top: 12px;}




@media screen and (max-width: 1400px) {
  html,body{width: 100%;}
  #sidebar{position: absolute;    margin-left:100%; background: rgba(255,255,255,.8);
          transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
      }
  .narrowcolumn{margin-right:50px;}
  .handle{display: block;}
  .leftDide{position: absolute;width:470px;background: rgba(255,255,255,.9);
    transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -o-transition: all .5s; margin-left: -470px;}
  .teacherUl li p{color: #333}
  .tmain{margin: 0;width: 48%;float: right;}
  .dataContent{width:50%;}
  .page-post{height: calc(.40 * 100vw )}
  .chat_content {height: calc(.40 * 100vw + 2.85rem)}
  #sidebar {height: calc(.40 * 100vw + 18.3rem)}
}

/*详情页*/
.xq-btn{float: right;text-align: center;margin-top: 8px;}
.xq-btn a{display: inline-block;width: 170px;height: 40px;line-height: 40px;font-size: 16px;color: white;border-radius: 3px;transition:.3s;}
.xq-btn a:nth-child(1){border: 1px solid white;}
.xq-btn a:nth-child(2){background: #d8eaff;color: #21529b;height: 42px;line-height: 42px;margin-left: 15px;}
.xq-btn a:hover{width: 190px;}
.xq-l{display: inline-block;margin-top: 20px;text-align: left}
.xq-tit{margin-bottom: 20px;background: white;padding: 20px;width: 115px;}
.xq-tit2{background: white;padding: 20px 0;width: 155px;height: auto;overflow: hidden;}
.xq-tit2 p{padding: 0 20px;}
.xq-tit2 div{padding: 0 20px;}
.xq-tit2 div a{display: block;width: 100%;height: auto;overflow: hidden;}
.xq-tit2 div a:nth-child(1){margin-top: 15px;}
.xq-tit2 div a:nth-child(2){margin: 15px 0;}
.jiathis_style_24x24 .jiathis_button_tsina  .jtico{background: url(../images/wb.jpg) no-repeat;width: 80px!important;height: 18px!important;}
.jiathis_style_24x24 .jiathis_button_qzone  .jtico{background: url(../images/qq_kj.jpg) no-repeat;width: 80px!important;height:20px!important;}
.xq-tit2 div a i{font-size: 16px;vertical-align: middle;padding-left: 10px;}
.jiathis_style{padding: 0 20px;margin-top: 10px;}
.xq-c{width: 700px;background: white;display: inline-block;vertical-align: top;margin: 20px 20px 0 20px;text-align: left}
.xq-d{width: 94%;margin: 20px auto}
.xq-s{font-size: 22px;padding-left: 10px;border-left: 3px solid #4c7fcb}
.xq-d h1{
    color: #333;
    margin: 30px 0 10px;
    font-size: 20px;}
.xq-p{vertical-align: middle;color: #666;font-size: 16px;margin-bottom: 15px;}
.xq-p img{margin-right: 10px;}
.xq-font-img p{margin-bottom: 20px;}
.xq-r{width: 240px;vertical-align: top;background: white;display: inline-block;margin-top: 20px;padding: 20px;}
.xq-r h4{color: #0b1335;font-size: 22px;}
.xq-r p{text-align: left;margin: 20px 0}
.xq-r p:before{content: "";width: 7px;height: 7px;border-radius: 50%;background: #4c7fcb;display: inline-block;}
.xq-r-act{color: #4c7fcb}

.swiper-wrapper img{height: 190px;}
/*转盘*/
.gd-overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 0;
    background-color: rgba(25,28,34,0);
    background-image: url(about:blank);
    text-align: center;
    color: inherit;
    overflow: auto;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CC191c22, endcolorstr=#CC191c22);
    z-index: 19;
    display: none;
}

.gd-overlay .gd-mid-con {
    width: 200px;
    height: 200px;
    text-align: center;
    -webkit-transition: all .25s;
    transition: all .25s;
    overflow: hidden
}
.rotateBtn{display: block;}
.yw-news-lay-shut {
    position: absolute;
    right: 14%;
    top: 5%;
    width: 45px;
     height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size:30px;
    overflow: hidden;
    border-radius: 50%;
    background: rgba(0,0,0,.5);
}

.gd-mid-con {
    display: inline-block;
    white-space: normal;
    *display: inline;
    *zoom:1;vertical-align: middle
}

.gd-mid-i {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
  .g-lottery-box .g-lottery-img {
        width: 600px;
        height:548px;
        position: relative;
        background: url(../images/bg-lottery.png) no-repeat;
           left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: 80px;
      }

      .g-lottery-box .playbtn {
         width: 145px;
        height:145px;
        position: absolute;
        top: 277px;
        left: 227px;
        background: url(../images/playbtn.png) no-repeat;
      }
.rotateNote{ position: absolute;
    width: 610px;
    height: 475px;
    background: #fff;
    text-align: left;
    z-index: 5;
    padding: 20px;
    border-radius: 8px;
    line-height: 1.7;
    margin-left: 160px;
    margin-top: 225px;
    display: block;
	 overflow-y: auto;
  }
   .rotateNote h1 {    margin-top: 40px;
    text-align: center;}
.rotateNote .ax-lay-shut {
    position: absolute;
    top: 25px;
    right: 42px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    color: #333;
    font-size: 40px;
    z-index: 1;
    overflow: hidden;
}
/*转盘抽奖 e*/


/*猜金价*/
.gd-onlineGold{
    width:900px;
    height:700px;
    position: relative;
    background: url(../images/casegold1130.gif) no-repeat;
    left:0;
    right:0;
    top: 50%;
   margin-left:auto;
   margin-right:auto;
    margin-top: 80px;
    padding-top: 154px;
    overflow: hidden;
}

.gd-onlineGold  b{color:#b88154;font-size: 36px;    padding-left: 40px;}
.gd-Input{ overflow: hidden; width: 100px;height:100px;  margin: 203px  auto 30px;}
.gd-Input input{    border: none;
    width: 69%;
    display: inline-block;
    height: 52px;
    line-height: 52px;
    padding-left: 1%;
    vertical-align: top;
    font-size: 20px;
    background: transparent;
      }
.gd-Input a{display: inline-block;width: 100px;}
.rotateBtn{width:146px;height: 34px;overflow:hidden;margin:168px auto 0;}

/*zhangyi pop*/
.zy-pop{width: 450px;height: auto;position: fixed;top: 50%;left: 50%;z-index: 111;text-align: center;margin: -129px 0 0 -225px;display: none;box-shadow: 3px 5px 30px rgba(166,137,105,.15)}
.zy-pop img{vertical-align: bottom;width: 100%}
.zy-pop_btn{width: 449px;height: auto;background: #fff;padding: 15px 0;border-radius:0 0 5px 5px;}
.zy-pop_btn a{display: inline-block;width: 160px;line-height: 38px;height: 38px;font-size: 24px;border-radius: 8px;transition:.3s;color: #fff;}
.zy-pop_btn a:first-child{color: #806013;background:#dfb55a;}
.zy-pop_btn a:first-child+a{background: #c9143f;margin-left: 50px;color: white;}
.zy-pop_btn a:hover{cursor: pointer;}
.zy-pop_gb{width: 24px;line-height: 24px;border-radius: 50%;display: block;position: absolute;right: 3px;top: 2px;border:1px solid #997c30;font-size: 14px;color: #997c30;transition:.3s;}
.zy-pop_gb:hover{border:1px solid #e07e7d;color: #e07e7d;}
.zzc{width: 100%;height: 100%;position: fixed;top:0;left:0;background: rgba(0,0,0,.2);display: none;z-index: 11;}

.zy-pop2_btn a:first-child{color: #f45f6d;border:1px solid #f45f6d;background: none;line-height: 36px;height: 36px;}
.zy-pop2 .zy-pop_gb{color: #b51d3c;border:1px solid #b51d3c;}

/*无直播状态*/
.vedio-wait{width: 100%;height: 100%; background: black; position: absolute;left:0;top:0;right:0;bottom:0;z-index: 1; text-align: center;color: #fff;}
.wait-text{display: inline-block;
    white-space: normal;
    *display: inline;
    *zoom:1;vertical-align: middle;
    font-size: 16px;
}
.vedio-wait i{
  display: inline-block;
    height: 100%;
    vertical-align: middle
}
.nextvedio{font-size: 14px;margin-top:15px; color: #9c9c9c}
.wait-text a{text-decoration:underline;}



/*猜金价*/
.smallgoldimg{position: absolute; width:100px;height:187px;background: url(../images/smallrotate1130.gif) no-repeat center 15px ;    bottom: 10px;
    right: 10px; z-index: 1;cursor: pointer;}
.smallgoldimg-close{    position: absolute;
    border: 1px solid #ddd;
     border-radius: 50%;
       top: 2px;
     right: 2px;
    width: 20px;
    height:20px;
     background: #fff;
     font-size: 14px;
     text-align: center;
     line-height: 20px;
     font-family: 'Microsoft YaHei';
     color: #999;
     z-index: 2;
    }
    .smallgoldimg-close::after,.smallgoldimg-close::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%) rotate(45deg);
        transform: translate(-50%,-50%) rotate(45deg)
    }
    
    .smallgoldimg-close::before {
        width:14px;
        border-top: 1px solid
    }
    
    .smallgoldimg-close::after {
        height: 14px;
        border-left: 1px solid
    }


#smallgoldtime{width: 100px; text-align: center; position:absolute; bottom:0;color: #333333; font-weight: 700;}
#smallgoldtime span{display: inline-block; border:2px solid #e60012;padding:0 4px; margin:0 2px;}
.ycvalueBtn{width: 100px;height: 100px; }



/*抽奖*/
.countdown{
  position: absolute; width:66px;height:85px;padding:5px ;background: url(../images/countdown.png) no-repeat;    bottom:100px;
    left: 38px; z-index: 1;
    display: none;
}
.smallrotate{position: absolute; width: 128px;height:72px;background: url(../images/smallrotate.png) no-repeat;    bottom: 10px;
    left: 10px; z-index: 1}
.countdownBox{border:1px solid #ffecac;border-radius: 4px; text-align: center; color: #ffecac;margin-top:60px; display: none;}
.countBtn{display: none;border:1px solid #ffecac;border-radius: 4px; text-align: center; color: #ffecac;margin-top:60px;}

.ctbox{width: 235px; height: 327px; background: url(../images/counttime-bg.png) no-repeat; position: absolute; top:50%;left:50%; z-index: 1;margin-left: -171px;margin-top:-163px; padding:0 70px 0 36px; display: none;}
.ctbox-close{width: 32px;height: 32px; background: url(../images/counttime-close.png) no-repeat; position:absolute;top:10px;right: 30px;}
.smallrotate-close{width: 32px;height: 32px; background: url(../images/counttime-close.png) no-repeat; position:absolute;bottom: 70px;left: 120px;z-index: 2;}
.ctbox-title{width: 100%;height: 64px;}
.ctbox-1 .ctbox-title{background: url(../images/counttime-title1.png)no-repeat center;}
.ctbox-2 .ctbox-title{background: url(../images/counttime-title2.png)no-repeat center;}
.ctbox-3 .ctbox-title{background: url(../images/counttime-title3.png)no-repeat center;}
.ctbox-p{font-size: 18px;color: #fff; }
.ctbox-p{ margin: 40px 0 40px;padding: 10px;}
.ctbox-num{color: #ffeba9;font-size: 20px; text-align: center;}
.ctbox-num b{font-size:30px;}
.ctbox-2 .ctbox-p{margin:0 0 0; text-indent: 0;}
.ctbox-img{width: 100%; text-align: center; margin-bottom:10px;}
.ctbox-tip{color: #fff;font-size: 12px; text-align: center;}

.ctbox-3 .ctbox-p{margin: 5px 0 35px;}

.wobble{
	 -webkit-animation-duration: 3s;
      animation-duration: 3s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
	  -webkit-animation-name: wobble;
      animation-name: wobble;
	animation-direction: alternate;
	 -webkit-animation: wobble 3s linear 2s  infinite; 
    animation: wobble 3s linear 2s infinite; 
}

    @-webkit-keyframes wobble {
      from {
        -webkit-transform: none;
        transform: none;
      }
    
      15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      }
    
      30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      }
    
      45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      }
    
      60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      }
    
      75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      }
    
      to {
        -webkit-transform: none;
        transform: none;
      }
    }    
    @keyframes wobble {
      from {
        -webkit-transform: none;
        transform: none;
      }
    
      15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      }
    
      30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      }
    
      45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      }
    
      60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      }
    
      75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      }
    
      to {
        -webkit-transform: none;
        transform: none;
      }
    }
    /*修改昵称*/
    .s_bj{
            width:100%;
            height: 100%;
            position: fixed;
            top:0;
            left: 0;
            background: rgba(0,0,0,.3);
            z-index: 100;
            display: none;
        }
         .s_box{
            width: 460px;
            height: 320px;
           
            background-color: #ffffff;
            border-radius: 7px;
            position: absolute;
            top:50%; 
            left:50%;
            transform: translate(-50%,-50%);
            padding-bottom: 30px;
        }
        .s_box h3{
           width: 100%;
            height: 50px;
            margin: 0;
               background-color: #fcaa2c;
            border-radius: 7px 7px 0px 0px;
            color:#fff; 
            font-size: 20px;
            line-height:50px;
            text-align: center;
             font-weight:bold;
        }
        .s_span{color: white;font-size: 30px;position: absolute;right: 15px;top: 0;cursor: pointer;}
        .s_bcen{width: 365px;margin: 0 auto;color: #666;text-align: center;}
        .s_line{width: 365px;border: solid 1px #bcbcbc;border-radius: 4px;height: 40px;line-height: 40px;margin: 20px 0 25px;text-align: left;}
        .s_name{line-height: 18px;border: none;outline: none;padding-left: 9px;font-size: 18px;color: #666;}
        .s_line img{vertical-align: sub;padding-left:13px;}

        .s_line span{border-right: 1px solid #bcbcbc;padding-right:13px;font-size: 18px;color: #333;}
        .s-b-bott{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
        .s_bl{width: 200px;}
        .s_bl p{line-height: 25px;margin: 0;text-align: left;}
        .s_bl p,.s_br p{font-size: 16px;}
        .s_bl p b{color: #333;}
        .s_br{width: 90px;text-align: center;}
        .s_br p{margin: 0;}
        .s_br img{cursor: pointer;width:90px;height: 90px;}
        .s_but{width: 180px;height: 40px;line-height: 40px;border-radius: 5px;background: #fcaa2c;font-size: 20px;outline: none;cursor: pointer;border: none;color: white;margin: 30px auto 0;}