/* a {
  color: #212B34;
  outline: none;
  text-decoration: none;
  background-color: transparent;
  box-sizing: border-box;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration-skip: objects;
} */
input,button,textarea,select {
 *font-size:100%;
 border:0;
 margin:0;
 padding: 0;
}
body{font-family: "Arial","Hiragino Sans GB", 微软雅黑, "Helvetica", "sans-serif";background: #f0f0f0;}
.fr{float: right;}
.fl{float: left;}
.clearfix{zoom:1;}
.clearfix:after,.clearfix:before{content:"";display:table;}
.clearfix:after{clear:both;}
.g-flow,.wap12{width: 1200px; margin:0 auto;}
.info-wrap{height: 190px; background: url(/static/personal/images/head.jpg) no-repeat center center;}
.intro{height: 190px;}
.intro .pic{width: 120px; height: 120px;border-radius: 50%; padding-left: 36px; padding-top: 33px; position: relative; margin-right: 40px; float: left; }
.intro .pic img{width: 120px; height: 120px;border-radius: 50%; border: 4px solid rgba(250, 250, 250, 0.6);}
.picModal,.picModal1{position: absolute; left: 87%; top:70%; cursor: pointer; width: 29px; height: 29px; background: url(/static/personal/images/icon-xiangji.png) no-repeat; }
.intro .desc{width: 775px; float: left; padding-top: 55px;}
.intro .desc .name{font-size: 30px; color: #FFF; line-height: 40px; width: 400px;}

.intro .desc .msg0{font-size: 14px; color: #FFF; line-height: 30px;}
.uc-interest-wrap{width: 119px; height: 26px; line-height: 26px; text-align: center; cursor: pointer; border:1px solid #00C87F; color: #FFF; border-radius: 100px; background: #00C87F; font-size: 14px; margin-top: 10px;}
.personcenterPage{margin-top: 20px; margin-bottom: 30px;}
.personcenterPage .left-nav {
  width: 230px;
  display: block;
  height: 100%;
  min-height: 545px;
  background-color: #fff;
  float: left;
}
.personcenterPage .view-content {
  width: 890px;
  float: left;
  vertical-align: top;
  padding: 0 30px;
  min-height: 545px;
  background-color: #fff;
  margin-left: 20px;
  /* padding-bottom: 50px; */
 
}
.tabnavigator .tabbar {
  border-bottom: 1px solid #e4e4e4;
  position: relative;
}
.tabnavigator .tabbar .btn-item {
  display: inline-block;
  padding: 23px 36px 17px;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #333;
  margin-right: 10px;
  margin-bottom: -1px;
}

.tabnavigator .tabbar .color2cb{border-bottom: 1px solid #00C87F; color: #00C87F;}
.my-data-1 .cy-myprofile-myfom-dv-1 {
  margin-top: 18px;
  margin-bottom: 20px;
}
.my-data-1 div .buer {
  line-height: 30px;
  width: 76px;
  text-align: right;
  margin-right: 20px;
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  color: #666;
}
.my-data-1 div .ipt {
  height: 38px;
  width: 258px;
  text-indent: 10px;
  border: 1px solid #eee;
  display: inline-block;
  color: #333;
  font-size: 14px;
 
}
.geren .red,
.kecheng .red {
  color: red;
  margin-top: 3px;
  margin-right: 5px;
  font-style: normal;
}
.geren div{margin-bottom: 20px;}
html .my-data-1 div .cy-myprofile-myfom-dv-span,
body .my-data-1 div .cy-myprofile-myfom-dv-span {
  float: left;
  margin-right: 20px;
  margin-top: 5px;
}
html .my-data-1 div textarea,
body .my-data-1 div textarea {
  font-size: 14px;
  display: inline-block;
  width: 390px;
  height: 38px;
  line-height: 40px;
  resize: none;
  text-indent: 5px;
  color: #333;
  border: 1px solid #eee;
}
.moco-control-input{width: 200px; display: inline-block; margin-bottom: 0;}
.left-nav ul {padding-top: 10px;}
.left-nav ul li{border-bottom: 1px solid #f2f2f2; height: 56px; line-height: 56px;} 
.personcenterPage .left-nav ul li.selected i {
  display: inline-block; position: absolute; left: 0; top: 14px; width: 3px; height: 28px; vertical-align: middle; background: #00C87F;
}
.personcenterPage .left-nav ul li a {
  text-decoration: none;
  display: block;
  cursor: pointer;
  color: #333;
  font-size: 16px;
  vertical-align: middle;
  margin-top: -2px; position: relative; padding: 0 30px;}
.personcenterPage .left-nav ul li a span{display: block;}
.personcenterPage .left-nav ul li.selected a span{color: #00C87F;}
.my-data-1{font-size: 14px;}
.my-data-1 div{/* height: auto; */ /* margin-bottom: 20px; */}
.zhanghu_set .centinfo {
  padding: 0px 60px;
  color: #333;
  margin-top: 20px;
}
.zhanghu_set .centinfo .preName {
  line-height: 56px;
  font-size: 16px;
}
.zhanghu_set .centinfo .set {
  line-height: 44px;
}
.zhanghu_set .centinfo .set i {
  font-size: 46px;
  vertical-align: middle;
  color: #bbbbbb;
}
.zhanghu_set .centinfo .set .leftSet {
  width: 60px;
  display: inline-block;
}
.zhanghu_set .centinfo .set span {
  margin-left: 23px;
 
}
.zhanghu_set .centinfo .set .setFright {
  float: right;
  color: #00C87F;
}
.zhanghu_set .centinfo .set .setFright:hover {
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: #00C87F;
}
.zhanghu_set .centinfo .line {
  height: 20px ;
  border-bottom: 1px solid #F0F0F0;
}
.zhanghu_set .centinfo .thirdLogin .preName {
  margin-top: 20px;
}
.zhanghu_set .centinfo .thirdLogin .binding {
  margin-top: 15px;
}
.zhanghu_set .centinfo .thirdLogin .set span{
  float: left;
}
.zhanghu_set .centinfo .thirdLogin .set img{
  float: left;
}
.zhanghu_set .centinfo .thirdLogin .set .setFright {
  float: right;
  color: #00C87F;
}
.zhanghu_set .centinfo .thirdLogin .binding img{
  display: inline-block; width: 46px; height: 46px; 
}
.zhanghu_set .centinfo .thirdLogin .weix {
  margin-top: 30px;
}
.zhanghu_set .centinfo .thirdLogin .weib {
  margin-top: 28px;
}
html .my-data-1 .cy-myprofile-myfom-dv-radio-zu2 span,
body .my-data-1 .cy-myprofile-myfom-dv-radio-zu2 span{
  display: inline-block;
  margin-left: 5px;
  font-weight: normal;
  margin-right: 20px;
}
button, input, optgroup, option, select, textarea{font-family:inherit; font-size: inherit; font-style:inherit; font-weight:inherit; outline: 0;}
.cy-myprofile-myfom-dv-select-4{border: 1px solid #eee; height: 32px; width: 130px; color: #666; margin-right: 5px;}
html .my-data-1 .menpaihao,
body .my-data-1 .menpaihao {
  height: 74px;
  overflow: hidden;
  width: 377px;
  line-height: 27px;
  margin-top: -2px;
  padding: 10px;
}
html .my-data-1 .menpaihao:focus,
body .my-data-1 .menpaihao:focus {
  border: 1px solid #00C87F;
}
html .my-data-1 div .btn1,
body .my-data-1 div .btn1 {
  width: 95px;
  height: 34px;
  background-color: #00C87F;
  color: #FFF;
  cursor: pointer;
}
html .my-data-1 div .btn1:hover,
body .my-data-1 div .btn1:hover {
  background: #42a542;
}
.js-course-list .tl-item-first .courselist{margin-top: 30px;}
.js-course-list .tl-item-first .courselist li{width: 844px; border-bottom: 1px solid #dfdfdf; padding: 20px 25px; position: relative;}
.js-course-list .tl-item-first .courselist li .course-detail{display: block; width: 700px;}
.js-course-list .tl-item-first .courselist li .fl>img{width: 200px;height: 109px;}
.tl-item-first .course-list-cont{margin-left: 20px; width: 470px;}
.tl-item-first .course-list-cont .course-name{font-size: 16px; color: #4a4a4a; padding-top: 20px; padding-bottom: 10px;}
.tl-item-first .course-list-cont .section-name{font-size: 16px;
  font-weight: 600;
  color: #151515; padding-top: 20px; padding-bottom: 10px;}

.tl-item-first .course-list-cont .live-course-name{font-size: 14px;
  color: #999; padding-top: 20px; padding-bottom: 10px;}

.tl-item-first .course-list-cont .orgName .tea-name{font-size: 16px; color: #757575;}
.tl-item-first .course-list-cont .or7{font-size: 14px; color: #999;}
.live .or7{font-size: 14px; color: #999;    display: flex;
  align-items: center;}
.or7 .time{
  width: 15px !important;
  height: 15px !important;
  margin-right: 5px;
}
.livinggif{
  width: 13px !important;
  height: 13px !important;
  margin-right: 5px;
}
.livingbtn{
  width: 117px !important;
  height: 34px !important;
  background: linear-gradient(90deg,#f3453b,#fc736b);
  border-radius: 17px;
  font-size: 16px;
  font-weight: 600;
  color: #fff !important;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  border: none !important;
}
.live .course-list-cont{
  margin-left: 0;
}
.live .section-name{
  padding-top: 0 !important;
}
.live .live-course-name{
  padding: 0 !important;
}
.live .teachers{
  overflow: hidden;
}
.live .p-teacher-item{
  float: left;
  text-align: center;
}
.live .p-teacher-item img{
  width: 30px !important;
  height: 30px !important;
  display: inline-block;
}
.live .p-teacher-name{
  margin-top: 8px;
  font-size: 12px;
  line-height: 12px;
  color: #828282;
}
.live .bot{
  margin-top: 20px;
}
.tl-item-first .course-list-cont .desc{font-size: 16px; color: #949494;}
.tl-item-first .courselist li .continute-btn{position: absolute; right: 20px; top: 60px; display: inline-block; width: 90px; height: 38px; line-height: 38px; text-align: center; color: #00C87F; font-size: 16px; border: 1px solid #00C87F;}
.tl-item-first .courselist li .continute-btn:hover{ background-color: #00C87F; color: #ffffff; }
.mybuy .right-title {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  padding-top: 7px;
}
.mybuy .right-title div {
  padding: 0 20px;
  font-size: 16px;
  color: #333;
  line-height: 56px;
  display: block;
  float: left;
  margin-right: 10px;
  cursor: pointer;
}
.mybuy .right-title .allorder {
  padding: 0;
  position: relative;
}
.mybuy .right-title .allorder span {
  width: 69px;
  padding: 0 28px;
  height: 40px;
  display: block;
  border: 1px solid #fff;
  margin: 8px 0;
  text-align: center;
  line-height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mybuy .right-title .allorder em {
  background: url(../images/home_select_down.png) left top no-repeat;
  position: absolute;
  width: 9px;
  height: 5px;
  display: block;
  right: 14px;
  top: 28px;
}
.mybuy .right-title .act.allorder em {
  background: url("../images/home_select_down_green.png") left top no-repeat;
}
.mybuy .right-title .allorder .all-change {
  position: absolute;
  width: 100%;
  border: 1px solid #EBEBEB;
  background: #fff;
  top: 47px;
  left: 0;
  display: none;
}
.mybuy .right-title .allorder .all-change {
  position: absolute;
  width: 100%;
  border: 1px solid #EBEBEB;
  background: #fff;
  top: 47px;
  left: 0;
  display: none;
}
.mybuy .right-title .allorder .all-change:hover {
  display: block;
}
.mybuy .right-title .allorder .all-change a {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 37px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
}
.mybuy .right-title .allorder .all-change a:hover {
  color: #fff;
  background: #3492fd;
}
.mybuy .right-title .allorder .all-change .active {
  color: #fff;
  background: #3492fd;
}
.mybuy .right-title .allorder:hover {
  color: #00C87F;
}
.mybuy .right-title .allorder:hover span {
  border: 1px solid #EBEBEB;
}
.mybuy .right-title .allorder:hover em {
  background: url("../images/home_select_up.png") left top no-repeat !important;
}
.mybuy .right-title .allorder:hover .all-change {
  display: block;
}
.mybuy .right-title .act {
  border-bottom: 1px solid #00C87F;
  color: #00C87F !important;
}
.mybuy .right-title .act.allorder em {
  background: url("../images/home_select_down_green.png") left top no-repeat;
}
.mybuy .right-course {
  width: 100%;
  clear: both;
  margin: 20px auto 0;
  font-size: 14px;
}
.mybuy .right-course .ordername {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #f5f5f5;
  padding: 0 20px;
}
.mybuy .right-course .ordername span {
  display: block;
  text-align: center;
  float: left;
  color: #333;
  font-size: 14px;
}
.mybuy .right-course {
 
  clear: both;
  margin: 20px auto 0;
  font-size: 14px;
}
.mybuy .right-course .ordername {
  width: 872px;
  height: 40px;
  line-height: 40px;
  background: #f5f5f5;
  padding: 0 10px;
}
.mybuy .right-course .ordername span {
  display: block;
  text-align: center;
  float: left;
  color: #333;
  font-size: 14px;
}
.mybuy .right-course .or1 {
  
  width: 243px;
  text-align: left!important;
  padding-left:122px;
}

.mybuy .right-course .or2 {
  width: 99px;
  text-align: center;
}
.mybuy .right-course .or4 {
  width: 97px;
  text-align: center;
}
.mybuy .right-course .or5 {
 width: 116px;
  text-align: center;
}
.mybuy .right-course .or6 {
  width: 58px;
  text-align: center;
  display: table;
  height: 100%;
}
.mybuy .right-course .ordertable {
  width: 100%;
  
}
.mybuy .right-course .ordertable2 {
  display: none;
  
}
.mybuy .right-course .ordertable .ord {
  width: 100%;
  margin-top: 20px;
  border: 1px solid #EBEBEB;
  clear: both;
  position: relative;
}
.mybuy .right-course .ordertable .ord .ord-01 {
  line-height: 40px;
  background: #FAFAFA;
  color: #333;
  font-size: 14px;
  font-weight: normal;
  padding: 0 20px;
}
.mybuy .right-course .ordertable .ord .ord-01 .time {
  margin-right: 25px;
}
.mybuy .right-course .ordertable .ord .reBox {
  clear: both;
  padding: 20px 10px;
}
.ordertable .reBox .aimg{width: 173px; float: left;}
.ordertable .reBox .bookimages{width: 173px; height: 108px; background: #ebe7e8; text-align: center; padding-top: 8px; float: left;}
.ordertable .reBox .aimg img{width: 173px; height: 95px;}
.ordertable .reBox .name{width: 195px; float: left; margin-left: 15px; position: relative;}
.ordertable .ord .hascommon{position: absolute; right: 34px; bottom: 41px; }
.ordertable .ord .isexpiry,.ordertable .ord .isshelf{display: none;}
.ordertable .ord .hascommon .icon-yiguoqi,.ordertable .ord .hascommon .icon-yixiajia{font-size: 62px; color: #949494; }
.ordertable .reBox .cxzContent{line-height: 20px; word-break:break-all; word-wrap:break-word; text-overflow:ellipsis; vertical-align:middle; color: #4a4a4a; font-size: 16px; padding-top: 15px;display: block;height: 40px;overflow: hidden;}
.ordertable .reBox .or7{line-height: 20px; word-break:break-all; word-wrap:break-word; text-overflow:ellipsis; vertical-align:middle; color: #949494; display: block; padding-top: 3px;}
.right-course .ordertable .reBox .or2{width: 95px; float: left; padding-top: 45px;}
.right-course .ordertable .reBox .or4{width: 95px; float: left; color:#ff5544;padding-top: 45px;}
.right-course .ordertable .reBox .or5{width: 116px; float: left; padding-top: 45px;}
.right-course .ordertable .reBox .or6{width: 78px; float: left; margin-top: 10px;}
.mybuy .right-course .or6 a {
  display: block;
  width: 78px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  border: 1px solid #00C87F;
  color: #00C87F;
  margin-top: 14px;
  border-radius: 2px;
  cursor: pointer;
}
.mybuy .right-course .or6 a:hover {
  background-color: #42a542;
  color: #fff;
}
.mybuy .right-course .or6 span {
  margin-top: 15px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  display: block;
  margin-left: -10px;
}
.mybuy .right-course .or6 span:hover {
  color: #00C87F;
}
.rrrrTips {
  width: 300px;
  height: 60px;
  position: fixed;
  z-index: 111111;
  top: 45%;
  left: 50%;
  margin-left: -150px;
  margin-top: -31px;
  line-height: 60px;
  background: #000;
  filter: alpha(opacity=50);
  /*ie*/
  -moz-opacity: 0.4;
  -o-opacity: 0.4;
  -webkit-opacity: 0.4;
  opacity: 0.4;
  color: white;
  text-align: center;
  font-size: 14px;
  border-radius: 2px;
  display: none;
}
.rrrrrTips {
  width: 120px;
  height: 60px;
  position: fixed;
  z-index: 111111;
  top: 45%;
  left: 50%;
  margin-left: -60px;
  margin-top: -31px;
  line-height: 60px;
  background: #000;
  filter: alpha(opacity=50);
  /*ie*/
  -moz-opacity: 0.4;
  -o-opacity: 0.4;
  -webkit-opacity: 0.4;
  opacity: 0.4;
  color: white;
  text-align: center;
  font-size: 14px;
  border-radius: 2px;
  display: none;
}
.avater-mask{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9998;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=20);
    /*ie*/
    -moz-opacity: 0.2;
    -o-opacity: 0.2;
    -webkit-opacity: 0.2;
    opacity: 0.2;
    /*display: block;*/
    display: block;
    overflow: hidden;
}
.headImg, .headAcc{
  z-index:99999;
  position: fixed;
  top:15%;
  left: 50%;
  margin-left: -270px;
  width: 510px;
  background: #fff;
  display: block;
}
.headAcc{
	width:465px;
	padding-bottom:40px;
}
.headImg .container{
    font-family: 微软雅黑;
    font-size: 12px;
    margin: 0;
    margin-left: 20px;
    padding: 0;
}

.headImg .container .img-title{
    width: 100%;
    line-height: 30px;
    font-size: 18px;
}
.headImg .container .rl-close]{
 position:absolute;
 top:17px;
 right:20px;
 width:12px;
 height:12px;
 cursor:pointer;
 background:url(../images/close.png) no-repeat center center;
 
}
.headImg .container .rl-close:hover]{
  background: url(../images/closeHover.png) no-repeat center center;
}
.headImg .container .img-title p{line-height: 30px; display: inline-block; color: #333; margin-top: 15px;}
/*个人账户*/
.headAcc .Authen .tipTitle {
    margin: 20px auto;
    width: 210px;
    text-align: center;
    font-size: 12px;
}
.headAcc .Authen .tipTitle span {
    color: red;
}
.headAcc .unbundBox{
  margin-bottom:50px;
}
.headAcc .Authen .form-control {
    width: 332px;
    margin: 0 auto;
    padding: 10px 10px;
    border: 0px;
    cursor: pointer;
    background: #f6f6f6;
    display: block;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border-radius: 2px;
}
.headAcc .Authen .showOption {
    position: absolute;
    width: 332px;
    margin: 0 auto;
    display: block;
    left: 40px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-top: 6px;
}
.headAcc .Authen .showOption p {
    padding: 6px 12px;
    margin: 0px;
    cursor: pointer;
}
.headAcc .mobileBoxl p {
    margin-top: 20px;
    width: 356px;
    margin:20px auto 0;
}
.headAcc .mobileBoxl p.errorTip{
	 margin-top: 10px;
}
.headAcc .Authen .form-control p {
    padding: 0px;
    margin: 0px;
}
.headAcc input{
    font-size: 14px;
    padding-left: 12px;
}
.headAcc .mobileBoxl .moble input {
    outline: none;
    background: #F0F0F0;
    width: 297px;
    border: none;
    height: 40px;
    padding-left: 10px;
}
.headAcc .Authen .paw input {
    width: 346px;
    margin: 0 auto;
}
.headAcc .mobileBoxl .yzm input {
    outline: none;
    background: #F0F0F0;
    width: 240px;
    border: none;
    height: 40px;
}
.headAcc .mobileBoxl .yzm .sendyzm {
    display: inline-block;
    height: 40px;
    color: #fff;
    background: #2dbe60;
    vertical-align: top;
    width: 90px;
    text-align: center;
    margin-left: 10px;
    line-height: 40px;
    padding: 0 !important;
    border-radius: 2px;
    border: none;
    cursor:pointer;
}
.headAcc .mobileBoxl .ycbtn {
    text-align: center;
    margin-top: 20px;
}
.rl-modal-body label{
    margin-right: 8px;
    font-size: 14px;
    color: #333;
    font-weight: 600;
    text-align: right;
    display: inline-block;
    width: 77px;
}
.account-group{
  text-align: center;
  padding-top:10px;
}
.btn-account{
  padding:0;
  width: 145px;
}
.rlf-acc-wrap{
  padding-left: 93px;
}
.warning{
  font-size: 14px;
  color: #ff5544;
  line-height: 30px;
  text-indent: 20px;
  background: url("../images/warn.png") no-repeat left center;
  margin-left: 10px;
  display:inline-block;
}
/*个人账户结束*/
a.upload-img {
    width: 165px;
    display: inline-block;
    margin-bottom: 10px;
    height: 57px;
    line-height: 57px;
    font-size: 20px;
    color: #FFFFFF;
    background-color: #f38e81;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    border: 0px #fff solid;
}
.img-box1 {
    display: block;
    position: relative;
    height: 328px;
    width: 330px;
    background: #F8F8F8;
    overflow: hidden;
    background-repeat: no-repeat;
    margin-top: 15px;
    text-align: center;
}
.img-box1 .upload-img {
    width: 80px;
    height: 28px;
    font-size: 12px;
    color: #333;
    color: #EEEEEE;
    line-height: 28px;
    margin-top: 170px;
    cursor: pointer;
}

.img-box1 .upload-img p {
    width: 80px;
    margin-top: 0;
    height: 28px;
    line-height: 28px;
    background: white;
    color: #333;
    font-weight: normal;
    cursor: pointer;
}
.img-box1 .upload-img p span {
    color: #58cd95;
    font-size: 20px;
    line-height: 22px;
    float: left;
    margin-left: 5px;
    margin-top: 2px;
}
.cropped {
    position: absolute;
    right: 20px;
    top: 60px;
    width: 112px;
    height: 307px;
    padding: 4px;
    text-align: center;
    padding-top: 17px;
    font-size: 14px;
    color: #666;
    background: #f8f8f8;
    
}
.cropTitle{
    font-size:16px;
    color:#333;
}
.action {
    width: 400px;
    height: 30px;
    margin: 10px 0;
}
.bbtn {
    display: block;
    float: left;
    width: 68px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin-top: 9px;
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.btn-upload {
    color: white;
    background: #58cd95;
    border: 1px solid #58cd95;
    margin-left: 150px;
    cursor: pointer;
}

.btn-upload:hover {
    color: white;
    background: #23b962;
}

.action .btn-quit {
    color: #333;
    background: white;
    border: 1px solid #eee;
    margin-left: 40px;
}

.action .btn-quit:hover {
    border: 1px solid #23b962;
    color: #23b962;
}
.hide{display:none;}
.imageBox {
    position: relative;
    height: 330px;
    width: 330px;
    background: #F8F8F8;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor: move;
    margin-top: 15px;
    text-align: center;
    display: none;
}
.imageBox .thumbBox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    border-radius: 200px;
    margin-left: -100px;
    box-sizing: border-box;
    border: 1px solid rgb(102, 102, 102);
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0% 0% transparent;
}

.imageBox .spinner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
    color: #2F2A2A;
    background: rgba(213, 211, 211, 0.7);
}
.new-contentarea {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    float: left;
    height: 30px;
}

.new-contentarea p {
    width: 100%;
    height: 100%;
    display: block;
}

.new-contentarea input[type=file] {
    width: 0px;
    height: 0px;
    background: #333;
    margin: 0 auto;
    position: absolute;
    right: 500%;
    margin-right: -94px;
    top: 0;
    right /*\**/: 0px \9;
    margin-right /*\**/: 0px \9;
    width /*\**/: 10px \9;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
}

.bbox {
    width: 330px;
    height: 28px;
    position: relative;
}
.bbox input{
  position: absolute;
  left: -4000px;
  top: -2000px;
}
.bbox span{
  line-height: 30px;
  float: left;
}
.action .reclick {
    width: 64px;
    height: 28px;
    background: white;
    border: 1px solid #EEEEEE;
    float: right;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
}

.action .reclick p {
  position: absolute;
  z-index: 100;
    background: white;
    color: #333;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 28px;
    font-weight: normal;
    border-radius: 2px;
    cursor: pointer;
}
.action .reclick p:hover{
  color: #23b962;
  border-color:#23b962;
}
.tc{display: none;}
.tips1,.gettics-tips2 {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 98;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.gettics-tips2 .gettics-detail{
  display: none;
  position: fixed;
  left: 50%;
  top: 40%;
  width: 752px;
  height: 352px;
  z-index: 9999;
  margin-left: -376px;
  background: white;
  overflow: hidden;
}
.gettics-tips2 .gettics-detail .gettics-header{
  display: block;
  width: 100%;
  height: 39px;
  background:#FAFAFA;
}
.gettics-tips2 .gettics-detail .gettics-header span{
  display: block;
  float: left;
  color: #222;
  font-size: 16px;
  margin-left: 15px;
  line-height: 39px;
}
.gettics-tips2 .gettics-detail .gettics-header .close{
  cursor: pointer;
  width: 30px;
  display: block;
  float: right;
  margin-top: 8px;
  margin-right: 8px;
  text-align: right;
  color: #535151;
  height: 13px;
  font-size: 16px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.gettics-tips2 .gettics-detail .logistics_info{padding-top: 20px; color: #212121; height: 290px; overflow-y:scroll; margin-bottom: 20px;}
.gettics-tips2 .gettics-detail .logistics_info .logistics-item{margin-bottom: 5px;}
.gettics-tips2 .gettics-detail .logistics_info .logistics-block{margin-left: 30px; height: 36px; line-height: 36px; font-size: 14px;}
.tips1 .tips {
  width: 260px;
  padding-bottom: 40px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -168px;
  margin-left: -134px;
  z-index: 99;
  background: #fff;
}
.tips1 .tips .title1 {
  display: block;
  padding: 0 20px;
  height: 16px;
  width: 100%;
  line-height: 52px;
}
.tips1 .tips .title1 .close {
  font-size: 12px;
  float: right;
  cursor: pointer;
  margin-top: 20px;
  color: #666;
  opacity: 1;
}
.tips1 .tips .content {
  width: 100%;
  margin-top: 40px;
  font-size: 16px;
  color: #333;
  text-align: center;
}
.tips1 .tips .content img {
  width: 18px;
  height: 18px;
  margin-right: 6px;
  display: inline-block;
  /* vertical-align: sub; */
  margin-top: -4px;
}
.tips1 .tips .tool {
  display: block;
  margin-top: 40px;
}
.tips1 .tips .tool span {
  display: block;
  width: 66px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  float: left;
  border-radius: 2px;
  font-size: 14px;
  cursor: pointer;
}
.tips1 .tips .tool .ok {
  margin-left: 51px;
  color: #fff;
  background: #3492fd;
}
.tips1 .tips .tool .ok:hover {
  background: #0e73e7;
}
.tips1 .tips .tool .qx {
  color: #999;
  background: #fff;
  border: 1px solid #ccc;
  margin-left: 30px;
}
.tips1 .tips .tool .qx:hover {
  color: #3492fd;
  border: 1px solid #3492fd;
}
html .del-sure,
body .del-sure {
  display: none;
  position: fixed;
  left: 50%;
  top: 40%;
  width: 260px;
  height: 149px;
  z-index: 9999;
  margin-left: -130px;
  background: white;
}
html .del-sure .del-header,
body .del-sure .del-header {
  display: block;
  width: 100%;
  height: 39px;
}
html .del-sure .del-header span,
body .del-sure .del-header span {
  display: block;
  float: left;
  color: #666666;
  font-size: 12px;
  margin-left: 15px;
  line-height: 39px;
}
html .del-sure .del-header .close,
body .del-sure .del-header .close{
  cursor: pointer;
  width: 30px;
  display: block;
  float: right;
  margin-top: 8px;
  margin-right: 8px;
  text-align: right;
  color: #ccc;
  height: 13px;
  font-size: 16px;
  opacity: 1;
  filter: alpha(opacity=100);
}
html .del-sure .qxIntro,
body .del-sure .qxIntro {
  text-align: center;
  font-size: 14px;
  color: #333;
  margin-top: 10px;
}
html .del-sure .qxIntro i,
body .del-sure .qxIntro i {
  display: inline-block;
  width: 20px; height: 20px;
  background: url(../images/tanhao.png) no-repeat;
  margin-right: 10px;
}
html .del-sure .qxIntro span,
body .del-sure .qxIntro span {
  display: inline-block;
  vertical-align: middle;
  margin-top: -12px;
}
html .del-sure .qxBtn,
body .del-sure .qxBtn {
  height: 54px;
  width: 100%;
  margin-top: 16px;
}
html .del-sure .qxBtn span,
body .del-sure .qxBtn span {
  width: 62px;
  height: 26px;
  display: block;
  float: right;
  text-align: center;
  font-size: 14px;
  line-height: 26px;
  margin-top: 10px;
  cursor: pointer;
  border-radius: 2px;
}
html .del-sure .qxBtn .ok,
body .del-sure .qxBtn .ok,
html .del-sure .qxBtn .qxSure,
body .del-sure .qxBtn .qxSure {
  background: #3492fd;
  color: white;
  margin-right: 15px;
}
html .del-sure .qxBtn .ok:hover,
body .del-sure .qxBtn .ok:hover,
html .del-sure .qxBtn .qxSure:hover,
body .del-sure .qxBtn .qxSure:hover {
  background: #0e73e7;
}
html .del-sure .qxBtn .qx,
body .del-sure .qxBtn .qx,
html .del-sure .qxBtn .qxQuit,
body .del-sure .qxBtn .qxQuit {
  border: 1px solid #EEEEEE;
  color: #999;
  margin-right: 55px;
}
html .del-sure .qxBtn .qx:hover,
body .del-sure .qxBtn .qx:hover,
html .del-sure .qxBtn .qxQuit:hover,
body .del-sure .qxBtn .qxQuit:hover {
  border: 1px solid #3492fd;
  color: #3492fd;
}
.page-no-result {
  width: 250px;
  min-height: 300px;
  padding-top: 66px;
  text-align: center;
  margin: 0 auto;
}
.page-no-result img {
  display: block;
  margin: 0 auto;
}
.page-no-result .no-title {
  font-size: 13px;
  color: #999;
  text-align: center;
  margin-top: 15px;
}
.tl-item-first1 .pages{margin-bottom: 20px;}
.tl-item-first1 .page{ 
  margin: 0 auto;
  vertical-align: top;
  height: 32px; text-align: center;}
.tl-item-first1 .page ul li{display: inline; width: 32px; height: 30px; margin-right: 5px;}
.tl-item-first1 .page a.a1{width:50px;}
.tl-item-first1 .page a{display:inline-block;width:32px;line-height:30px;text-align:center;font-size:14px;color: #787878;border: 1px solid #e5e5e5;}

.tl-item-first1 .page a:hover{ color:#00C87F; text-decoration:none; border: 1px solid #00C87F;}
.tl-item-first1 .page span{  display:inline-block;width:32px;line-height:30px; text-align: center;border: 1px solid #e5e5e5; color:#787878; font-size: 14px;}
.tl-item-first1 .page li.active span{background:#00C87F; border: 1px solid #00C87F; color:#FFF; font-size: 14px;}
.tl-item-first1 .page a.active{border: 1px solid #00C87F; color:#00C87F;}

.tl-item-first1 .page .disabled span{  vertical-align: middle; }

.play-living{width: 22px; float: left; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; }
    .play-living:before {
      content: "";
      background: url(../images/icon-play-active2.gif);
      width: 13px;
      display: inline-block;
      font-size: 0;
      text-indent: -9999em;
      vertical-align: -1px;
      height: 13px;
      margin-right: 4px;
    }
.ready-start1 .play-living:before {
  background: url(../images/icon-play-active2.png) no-repeat;
  background: url(../images/icon-play2.gif) \9;
  vertical-align: -2px;
  margin-right: 1px;
}
@media screen and (min-width: 0px) {
  .play-living:before {
    background: url(../images/icon-play-active2.png) no-repeat;
    -webkit-animation: living 0.52s steps(1, start) infinite;
            animation: living 0.52s steps(1, start) infinite;
  }
}
@keyframes living {
  0% {
    background-position: 0 0;
  }
  25% {
    background-position: -13px 0;
  }
  50% {
    background-position: -26px 0;
  }
  75% {
    background-position: -39px 0;
  }
}
@-webkit-keyframes living {
  0% {
    background-position: 0 0;
  }
  25% {
    background-position: -13px 0;
  }
  50% {
    background-position: -26px 0;
  }
  75% {
    background-position: -39px 0;
  }
}
/*myredeem*/
.myredeem .redeemList{margin-top: 21px;}
.myredeem .redeemList .redeemListTitle {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #e4e4e4;
}
.myredeem .redeemList .redeemListTitle ul li {
  padding: 0px 20px 20px 20px;
  color: #333333;
  font-size: 16px;
  border-bottom: 1px solid #ffffff;
  float: left;
  cursor: pointer;
}
.myredeem .redeemList .redeemListTitle ul .yt {
  color: #00C87F !important;
  border-bottom-color: #00C87F !important;
}
.myredeem .redeemList .redeemListBody {
  margin-top: 20px;
  overflow: hidden;
  
}
.myredeem .redeemList .redeemListBody .redeem-List {
  float: left;
  overflow: hidden;
 
  margin-bottom: 45px;
  width: 100%;
}
.myredeem .redeemList .redeemListBody .redeem-List:nth-child(3n) {
  margin-right: 0;
}
.myredeem .redeemList .redeemListBody .redeem-List .fcode {
  width: 230px;
 float: left;
margin-right: 30px;
margin-top: 20px;
  position: relative;
}
.myredeem .redeemList .redeemListBody .redeem-List .fcode .duimaTop{height: 120px; width: 230px; background: #74d2d4; color: #FFF; padding-top: 30px; position: relative;}
.myredeem .redeemList .redeemListBody .c-price{margin:0 0 5px; text-align: center; font-weight: 400;}
.myredeem .redeemList .redeemListBody .c-price em{font-family: verdana; font-size: 24px; position: relative; top:-11px;}
.myredeem .redeemList .redeemListBody .c-price strong{font-size: 40px; line-height: 45px; font-family: Arial;}
.myredeem .redeemList .redeemListBody .c-limit{height: 25px; line-height: 22px; overflow: hidden; margin: 0 5px 5px; text-align: center; font-size: 12px;} 
.myredeem .redeemList .redeemListBody .c-time{font-family: verdana; color: #197f81; font-size: 12px; text-align: center;}
.myredeem .redeemList .redeemListBody .c-type-top{position:absolute; width: 40px; height: 13px; top:0; left: 50%; margin-left: -23px; background: url(../images/coupon.png) no-repeat 0 -91px;}
.myredeem .redeemList .redeemListBody .c-type-bottom{position: absolute; width: 100%; height: 3px; bottom: 0; left: 0; background: url(../images/coupon.png) no-repeat 0 -123px;}
.myredeem .redeemList .redeemListBody .duimaBottom{height: 100px; padding: 15px 0 0; background: #f9f9f9; overflow: visible;}

.myredeem .redeemList .redeemListBody .duimaBottom .range-item{display: block; margin:0 0 10px; font-size: 12px;}
.myredeem .redeemList .redeemListBody .duimaBottom .range-item .label{float: left; width: 60px; display: inline; text-align: right; padding-left: 15px;}
.myredeem .redeemList .redeemListBody .duimaBottom .range-item .txt{float: left; width: 144px; color: #999; overflow: hidden;white-space:nowrap;}
.myredeem .redeemList .redeemListBody .duimaBottom .op-btns{margin-top: 20px; text-align: center;}
.myredeem .redeemList .redeemListBody .duimaBottom .op-btns .sy_btn{width: 119px; height: 31px; line-height: 31px; border:1px solid #74d2d4; color: #74d2d4; border-radius: 15px; vertical-align:middle; margin: 0 auto; display: inline-block; font-size:14px;}
.myredeem .redeemList .redeemListBody .duimaBottom .op-btns .sy_btn:hover{background: #74d2d4; color: #FFF;}
.myredeem .redeemList .redeemListBody .bc2 .icon-site{position: absolute; width: 62px; height: 61px; background: url(../images/coupon.png) no-repeat; overflow: hidden; right: 18px; bottom: 15px;}
.myredeem .redeemList .redeemListBody .bc3 .icon-site{position: absolute; width: 62px; height: 61px; background: url(../images/coupon.png) no-repeat -65px 0; overflow: hidden; right: 18px; bottom: 15px;}
.my-topic .tabbar .btn-item{padding: 0;}
.my-topic .tabbar .btn-item1 a{display: block; padding: 23px 14px 17px;}
.my-topic .tabbar .btn-item1.color2cb span{color: #00C87F;}
.listallbox{margin-bottom: 25px;}
.listcontent{margin-top: 30px; }
.listcontent .userhead{width: 44px; height: 44px; border-radius: 50%; overflow: hidden;}
.userhead img{width: 100%; height: 100%;}
.listtext{width: 800px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-bottom:1px solid #eee; padding-bottom: 20px; margin-left: 25px;}
.listtext-l .listtitle{font-size: 18px; color: #313131; float: left; line-height: 24px; margin-right: 10px; cursor: pointer; max-width: 485px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.listtext-l .listtitle:hover{color: #00C87F;}
.listtext-l .listtop{padding:3px 8px; height: 20px; line-height: 20px; border-radius: 4px; text-align: center; font-size: 14px; color: #FFF; margin-right: 7px;} 
.listtext-l .placedtop{background: #ff4c4c; }
.listtext-l .digest{background: #ff8b3d;}
.listtext-l .announcement{background: #488eee;}
.listmain{max-height: 52px; margin-top: 12px; color: #515151; cursor: pointer; line-height: 24px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size: 14px;}
.listmain a{color: #515151;}
a.maincontent img{vertical-align: middle; padding: 0 2px;}
.pimgul{margin-top: 15px; margin-bottom: 10px; overflow: hidden; width: 622px; height: 135px;}
.pimgul .pic{width: 196px; height: 135px; float:left; text-align: center; overflow: hidden;margin-right: 10px; font-size: 0;}
.pimgul .pic a{display: block;}
.post-tags{margin-top: 10px;}
.tag{line-height: 19px; padding: 1px 8px;  font-size: 12px; margin-right: 10px; color: #4c4a4b;background: #eee; cursor: pointer; border-radius:10px; text-align: center; display: inline-block;}
.tag:hover{background-color: #4fb951; } 
.tag a{color: #898989; }
.tag:hover a{color: #FFF;}
.listmessage{height: 26px; line-height: 26px; margin-top: 8px; color: #999; font-size: 14px;}
.createtime{margin:0 9px 0 15px;}
.listuse{float: right;}
.listuse li{margin-left: 22px; float: left;}
.listuse li span{float: left;}
.listRadioMain{width: 100%; margin-top: 14px; line-height: 24px; color: #666;}
.radioBg{width: 106px; height: 30px; background: url(../images/radioBg.png) no-repeat; overflow: hidden; cursor: pointer; position: relative;}
.icon_audio_default{width: 15px; height: 18px; background: url(../images/wi-icon.png) no-repeat center center; position: absolute; left: 15px; top: 6px;}
.icon_audio_playing{width: 27px; height: 30px; background: url(../images/wi-icon-play.gif) no-repeat center center; position: absolute; left: 10px; top: 0px; display: none;}
.radioTime{position: absolute; right: 10px; top: 3px; color: #FFF; font-size: 14px;}
.seeicon{width: 15px; height: 26px;float:left; background: url(../images/seeicon.png) no-repeat center left; margin-right: 3px;}
.likeicon{width: 11px; height: 26px;float:left; background: url(../images/likeicon.png) no-repeat center left; margin-right: 3px;}
.talkicon{width: 13px; height: 26px;float:left; background: url(../images/talkicon.png) no-repeat center left; margin-right: 3px;}
.card-content{margin-top: 20px; padding-left: 110px; font-size: 14px; color: #707070; background: #f5f5f5; line-height: 40px;}
.card-content .card-title{width: 445px; float: left;}
.card-content .frm{width: 170px; float: left; text-align: center;}
.card-content .type{width: 140px; float: left; text-align: center;}
.card-text{margin-top: 20px; margin-left: 110px; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 25px;}
.card-detail {float: left; width: 445px; }
.card-detail .card-name{height: 30px; line-height: 30px;}
.card-detail .card-name a{font-size: 16px; color: #313131; width: 410px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;height: 30px; line-height: 30px;}
.card-detail .card-list { margin-left: 25px; }
.card-detail .card-list li{background: url(../images/postdot.png) no-repeat 0px 15px; text-indent: 10px;}
.card-detail .card-list li a{font-size: 14px; color: #999; line-height: 30px; display: block; width: 400px; }
.card-detail .reply-time{font-size: 14px; color: #999; padding-top: 10px;}
.card-text .frm1{width: 170px; float: left; text-align: center; color: #999; font-size: 14px; height: 30px; line-height: 30px;}
.card-text .type1{width: 140px; float: left; text-align: center; color: #999; font-size: 14px; height: 30px; line-height: 30px;}
.plate-wrap{margin-top: 30px;}
.focus{font-size: 14px; color: #707070; }
.plate-li{width: 720px;}
.plate-li li{width: 160px; height: 80px; background: #74d2d4; position: relative; float: left; margin-right: 20px; margin-top: 20px;}
.plate-li li a.plate-txt{display: block; color: #FFF; font-size: 14px;padding-top: 10px; padding-left: 20px;}
.plate-txt-1{font-size: 20px; font-weight: 600; padding-bottom: 10px;}
.plate-close{position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: url(../images/plate-close.png) no-repeat; display: none;}
.plate-li li:hover .plate-close{display: block; cursor: pointer;}

.mask{position: fixed;
    left: 0;
    top: 0;
    z-index: 9998;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=20);
    /*ie*/
    -moz-opacity: 0.2;
    -o-opacity: 0.2;
    -webkit-opacity: 0.2;
    opacity: 0.2;
    /*display: block;*/
    display: none;
    overflow: hidden;}
.change-wrap {
   position: fixed;
  z-index: 11111;
  top: 20%;
  background: #fff;
  left: 38%;
  width: 436px;
  display: none;
}
.changetitle{line-height: 56px;
  font-size: 16px;
  background: #fafafa;
  padding: 0px 20px;}
.changetitle p{line-height: 30px; display: inline-block; color: #333; margin-top: 15px;}
.change-close {
 position:absolute;
 top:17px;
 right:20px;
 width:12px;
 height:12px;
 cursor:pointer;
 background:url(../images/close.png) no-repeat center center;
 
}
.change-close:hover {
  background: url(../images/closeHover.png) no-repeat center center;
}
.change-psd{padding-bottom: 30px; padding-top: 10px;}
.change-psd .moble {
  margin-top: 20px;
  margin-left: 20px;
}
.change-psd .moble input {
   outline: none;
  background: #F0F0F0;
  width: 250px;
  height: 40px ;
  padding-left: 10px;
  font-size: 14px;
  border:1px solid #F0F0F0;
}
.change-psd .moble input:focus{
  border: 1px solid #466de2;
}
.change-psd .moble label{
  margin-right: 8px;
    font-size: 14px;
    color: #555;
    text-align: right;
    display: inline-block;
    width: 77px;
}
.account-group{
  text-align: center;
  padding-top:25px;
}

.btn-full{background: #2dbe60;
  outline: none;
  width: 144px;
  font-size: 16px;
  line-height: 36px;
  border-radius: 3px; color: #FFF; cursor: pointer;}
.btn-full:hover{background: #00bd42; }
.change-psd .errorTxt{margin-left: 90px; color: #ff5544; font-size: 14px; text-indent: 20px; background: url(../images/warn.png) no-repeat left center; margin-top: 10px; display: none;}
.tips1{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 98;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
html .del-sure,
body .del-sure {
  display: none;
  position: fixed;
  left: 50%;
  top: 40%;
  width: 260px;
  height: 149px;
  z-index: 9999;
  margin-left: -130px;
  background: white;
}
html .del-sure .del-header,
body .del-sure .del-header {
  display: block;
  width: 100%;
  height: 39px;
}
html .del-sure .del-header span,
body .del-sure .del-header span {
  display: block;
  float: left;
  color: #666666;
  font-size: 12px;
  margin-left: 15px;
  line-height: 39px;
}
html .del-sure .del-header .close,
body .del-sure .del-header .close{
  cursor: pointer;
  width: 30px;
  display: block;
  float: right;
  margin-top: 8px;
  margin-right: 8px;
  text-align: right;
  color: #ccc;
  height: 13px;
  font-size: 16px;
  opacity: 1;
  filter: alpha(opacity=100);
}
html .del-sure .qxIntro,
body .del-sure .qxIntro {
  text-align: center;
  font-size: 14px;
  color: #333;
  margin-top: 10px;
}
html .del-sure .qxIntro i,
body .del-sure .qxIntro i {
  display: inline-block;
  width: 20px; height: 20px;
  background: url(../images/tanhao.png) no-repeat;
  margin-right: 10px;
}
html .del-sure .qxIntro span,
body .del-sure .qxIntro span {
  display: inline-block;
  vertical-align: middle;
  margin-top: -12px;
}
html .del-sure .qxBtn,
body .del-sure .qxBtn {
  height: 54px;
  width: 100%;
  margin-top: 16px;
}
html .del-sure .qxBtn span,
body .del-sure .qxBtn span {
  width: 62px;
  height: 26px;
  display: block;
  float: right;
  text-align: center;
  font-size: 14px;
  line-height: 26px;
  margin-top: 10px;
  cursor: pointer;
  border-radius: 2px;
}
html .del-sure .qxBtn .ok,
body .del-sure .qxBtn .ok,
html .del-sure .qxBtn .qxSure,
body .del-sure .qxBtn .qxSure {
  background: #3492fd;
  color: white;
  margin-right: 15px;
}
html .del-sure .qxBtn .ok:hover,
body .del-sure .qxBtn .ok:hover,
html .del-sure .qxBtn .qxSure:hover,
body .del-sure .qxBtn .qxSure:hover {
  background: #0e73e7;
}
html .del-sure .qxBtn .qx,
body .del-sure .qxBtn .qx,
html .del-sure .qxBtn .qxQuit,
body .del-sure .qxBtn .qxQuit {
  border: 1px solid #EEEEEE;
  color: #999;
  margin-right: 55px;
}
html .del-sure .qxBtn .qx:hover,
body .del-sure .qxBtn .qx:hover,
html .del-sure .qxBtn .qxQuit:hover,
body .del-sure .qxBtn .qxQuit:hover {
  border: 1px solid #3492fd;
  color: #3492fd;
}
.interest-guide-dialog{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  filter:Alpha(opacity=70);
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  
}
.ux-modal_dialog{width: 665px; position: fixed; left: 50%; top: 30%; background: #FFF; min-height: 400px; margin-left: -332px; border-radius: 8px;}
.ux-modal_bd_ct{padding: 30px;}
.uc-interest-title{font-size: 20px; color: #333; margin-bottom: 30px;}
.uc-interest-title span{margin-left: 20px;}
.treeview_block_top1{margin-top: 15px;}
.th-fs0fc4{font-size: 14px; color: #666;}
.treeview_item{color: #333; font-size: 16px; line-height: 21px; margin-bottom: 14px;}
.treeview_item .spot{position: relative; bottom: 2px; width: 8px; height: 8px; border-radius: 4px; margin-right: 3px; background: #f5706c; display: inline-block;}
.treeview_block{float: left;}
.treeview_item_ib{padding: 0 16px; font-size: 12px; border-radius: 13px; margin-right: 10px; margin-bottom: 12px; height: 26px; line-height: 26px; border:1px solid #ccc; color: #666; cursor: pointer;}
.uc-interest-guide-dialog_footer{margin-top: 18px;}
.th-fs2fc1{width: 180px; height: 44px; margin: 0 auto; line-height: 44px; border-radius: 22px; text-align: center; cursor: pointer; color: #FFF;background: #ccc;}
.disabled-btn{background: #ccc;}
.item_selected{background: #49af4f; border:1px solid #49af4f; color: #FFF;}
.select-btn{background: #49af4f;}
.content-wrap .txt{font-size: 1.5rem; color: rgb(25,25,25); padding-bottom: 10px;}
.uc-interest-close,.uc-integral-close{width: 36px; height: 36px; background: #FFF url(../images/login-close.png) no-repeat center center; border-radius: 100%; box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); top: -18px; right: -18px; cursor: pointer; z-index: 100000; position: absolute; }
.message-content{padding-top: 30px; border-bottom: 1px solid #eee; padding-bottom: 20px;}
.message-content .userhead{width: 44px; height: 44px; border-radius: 50%; overflow: hidden;}
.message-text{width: 800px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-left: 25px;}
.my-data-1 .message-l {height: 24px; line-height: 24px; margin-bottom: 10px;}
.message-l span{font-size: 16px; color: #313131; float: left; line-height: 24px;}
.message-l .color-f{font-size: 16px; color: #ff4c4c; width: 220px; overflow: hidden; white-space
:nowrap; text-overflow:ellipsis; line-height: 24px; float: left; margin-right: 30px;}
.message-l .other-color{font-size: 14px; color: #b5b5b5;}
.message-l .message-replay{float: right; font-size: 14px; color: #313131; cursor: pointer;}
.message-l .message-replay:hover{color: #00C87F;}
.message-main{max-height: 48px; margin-top: 12px; color: #515151; cursor: pointer; line-height: 24px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size: 14px;}
.message-main a{color: #898989;}
.message-pimgul{height: 135px; margin-top: 15px; margin-bottom: 10px; overflow: hidden; width: 600px;}
.message-pimgul .pic{width: 240px; height: 135px; float:left; text-align: center; overflow: hidden;margin-right: 10px; font-size: 0;}
.message-pimgul .pic img{width: 240px; height: 135px; cursor: pointer; vertical-align: middle;}
.mr30{margin-right: 30px;}
.createtime{color: #999;}
.messageview .tagbtn{line-height: 19px; padding: 1px 8px;  font-size: 12px; margin-right: 10px; color: #4c4a4b;background: #eee; cursor: pointer; border-radius:10px; text-align: center; display: inline-block;}
.messageview .tagbtn a{color: #898989;}
.messageview .tagred{background:#ff5544; }
.messageview .tagred a{color: #FFF;}
.integral-wrap{float: left; width: 190px; padding-top: 70px;}
.integral-box{color: #FFF;}
.integral-box-l{font-size: 16px; line-height: 40px;}
.integral-box-r{font-size: 34px; line-height: 40px; padding-left: 10px;}
.uc-integral{margin-top: 15px;}
.uc-integral .earn{width: 120px; height: 26px; line-height: 25px; text-align: center; cursor: pointer; border:1px solid #e6b41e; color: #FFF; border-radius: 100px;  font-size: 16px; color: #e6b41e;}
.uc-integral .integral-detail{font-size: 16px; color: #aeb6c0; line-height: 28px; padding-left: 15px; cursor: pointer;}
.integral-guide-dialog{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  filter:Alpha(opacity=70);
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  
}
.ux-modal_dialog{width: 665px; position: fixed; left: 50%; top: 30%; background: #FFF; min-height: 400px; margin-left: -332px; border-radius: 8px;}
.integral-title{font-size: 18px; color: #313131; text-align: center;}
.integral-top{padding-top: 30px; font-size: 14px; color: #999; border-bottom: 1px solid #dfdfdf; height: 35px;}
.integral-row1{width: 130px; float: left; text-align: center;}
.integral-row2{width: 350px; float: left; text-align: center;}
.integral-row3{width: 88px; float: right; text-align: center;}
.integral-list li{height: 42px; line-height: 42px; font-size: 12px; color: #999; border-bottom: 1px solid #dfdfdf; }
.integral-page{font-size: 12px; color: #999; text-align: center; position: absolute; bottom: 20px; width: 600px; left: 50%; margin-left: -300px;}
.integral-page a{display:inline-block;line-height:30px;text-align:center;font-size:12px;color: #999;margin-right: 5px; min-width: 15px; cursor: pointer;}
.integral-page a.current{color: #00C87F;}
.integral-page a,.positive-page a.next{color:#999;}
.integral-page a.prev{font-size: 12px; color:#999; margin-right: 10px;}
.integral-page a.next{margin-left: 10px;}
.integral-page a:hover{color:#00C87F; text-decoration:none; }
/* 公益模考 */
.mt-10{margin-top:10px;}
.ml-30{margin-left:30px;}
.bg-f7{background-color:#f7f7f7;}
.font-red{color:#f85252;display:inline-block;margin-left:15px;}
.font-green{color:#00C87F;font-size:15px;}
.font-green:hover{color:#00C87F;}
.font-green-btn{cursor: pointer;color:#00C87F;border:1px solid #00C87F;border-radius:5px;display:inline-block;padding:3px 25px;}
.font-green-btn:hover{color:#00C87F;}
.font-gary{color:#999;font-size:14px;}
.font-box{padding:10px 15px;background-color:#999;color:#fff;}
.pitch-item{background-color:#00C87F;color:#fff;}
.pitch-item:hover{background-color:#7cc274;color:#fff;}
.examination-container{margin-left:20px;width: 890px;float: left;padding:0 10px;background-color:#fff;}
/* 考场安排 */
.examination-plan{position: relative;}
.examination-plan-box{position: relative;min-height:25px;}
.examination-plan-title{width:12%;text-align: center;position: absolute; top: 42%; transform: translateY(-50%);}
.examination-plan-time{width:88%;margin-left: 12%;border-bottom:1px solid #eee;float:left;}
.examination-plan-time li{float:left;width:110px;height:25px;border-radius:5px;line-height:25px;text-align:center;margin:5px auto;cursor: pointer;}
/* 考试须知 */
.subscribe{color:#e45c40;font-size:14px;display:block;height:40px;line-height:40px;width:100%;text-align:center;background-color:#eed2cd;}
.subscribe:hover{color:#fff;background-color:#e45c40;}
.sk-01-msg {font-size: 14px;padding: 0 20px;margin-top:-10px;vertical-align: middle;color: #e45c40;background: #f5f5f5;position: relative;}
.sk-01-msg p{font-size:16px;text-align: left;line-height:20px;}
/* 考场信息 */
.on-line-exam{display:inline-block;margin-left:30px;}
.examination-box{padding:20px 30px;margin-bottom:10px;background-color:#fff;}
.model-title{font-size:15px;line-height: 30px;border-bottom:1px solid #eee;padding-bottom:5px;}
.model-little-title{font-size:14px;color:#999;line-height:40px;}
.details-area-map,.details-area-card{display:inline-block;margin-left:50px;position: relative;}
.details-area-map:after,.details-area-card:after{content:"";display:inline-block;width:20px;height:20px;position: absolute;top: 6px;left: 8px;}
.model-little-content{display:inline-block;font-size:20px;color:#333;line-height:36px;}
.details-area-map:after{background: url(../images/exam-icon-map.png) no-repeat;}
.details-area-card:after{background: url(../images/exam-icon-card.png) no-repeat;}
/* 表格 */
.page-table {color: #333;font-size: 14px;border-collapse: collapse;vertical-align: middle;border-spacing: 0;margin: 0px auto;text-align: left;width: 100%;margin-top:20px;}
.page-table td {height:55px;border-bottom: 1px solid #e6e6e6;text-align: center;vertical-align: middle;}
.page-table th {font-weight: normal;background-color: #f5f5f5;height:40px;text-align: center;vertical-align: middle;}
.page-th-bg th{background-color:#e6f0fb;}
.page-table tr:hover {background-color: #dddddd !important;color: #2F4056;}
/* 视频解析 */
.mock-video{padding-top:20px;}
.video-resolution{margin-top:20px;}
.liveclass_list {padding-top:10px;}
.liveclass_list ul li.liveclass-item1 {width: 25%;float: left;margin-right: 0;margin-bottom: 0;}
.liveclass_list ul li.liveclass-item1 .liveurl {float: left; border-left: none;padding-left: 6px;padding-right: 6px;width: 100%;border-left: 1px solid #f4f4f4;}
.liveclass_list ul li.liveclass-item1 .course-pic { position: relative;overflow: hidden;height: 135px;text-align: center;width: 100%;}
.hd-itemList ul li .course-pic img {width: 100%;height: 100%;-webkit-transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;transform-origin: center;}
.liveclass_list ul li.liveclass-item1 .course-pic .courses-info {position: absolute;bottom: 0;left: 0;right: 0;background-color: #000;background-color: rgba(0, 0, 0, 0.35);color: #fff;font-size: 14px;line-height: 30px;padding-left: 10px;height: 30px;overflow: hidden;text-align: left;}
.liveclass_list ul li.liveclass-item1 .hd-itemList-cell {    line-height: 25px;width: 210px;border: none;}
.liveclass_list ul li.liveclass-item1 .hd-itemList-cell h3 {box-sizing:border-box;font-size: 15px;padding-left: 6px;padding-right: 6px;padding-top: 5px; width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/* .liveclass_list ul li.liveclass-item1 .teacher-list {padding-bottom: 0;padding-left: 6px;padding-right: 0;} */
.liveclass_list ul li.liveclass-item1 .orgName {font-size:12px;border-top: none;padding-left: 6px;padding-right: 0; width: 80%;}
.liveclass_list ul li.liveclass-item1 .teacher-list1 span {float: left;color: #828282;font-size: 13px;}
.liveclass_list ul li.liveclass-item1 .orgName .live-names {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 127px;color: #49b849;}
.orgName .watch {font-size: 12px;color: #999;float: right;}
.orgName .tea-name {margin-left: 8px;}
/* 弹框按钮 */
.submitImmediately{border-radius:5px;background-color:#00C87F;color:#fff;display:inline-block;margin-right:15px;width:110px;height:35px;line-height:35px;text-align:center;}
.submitImmediately:hover{background-color:#7cc274;color:#fff;}


/* 电子码兑换 */
.mycode .codeList{margin-top: 21px;}
.mycode .codeList .codeListTitle {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #e4e4e4;
}
.mycode .codeList .codeListTitle ul li {
  padding: 0px 20px 20px 20px;
  color: #333333;
  font-size: 16px;
  border-bottom: 1px solid #ffffff;
  float: left;
  cursor: pointer;
}
.mycode .codeList .codeListTitle ul .yt {
  color: #00C87F !important;
  border-bottom-color: #00C87F !important;
}
.mycode .codeList .codeListBody {
  margin-top: 20px;
  overflow: hidden;
  
}
.mycode .codeBody1 .input{
  height: 40px;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
}
.mycode .codeBody1 .input input{
  width: 100%;
  height: 100%;
  background: transparent;
  padding-left: 5px;
}
.mycode .codeBody1 .input ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 
  font-size: 14px;
}
.mycode .codeBody1 .input ::-moz-placeholder { /* Chrome/Opera/Safari */ 
  font-size: 14px;
}
.mycode .codeBody1 .input :-ms-input-placeholder { /* Chrome/Opera/Safari */ 
  font-size: 14px;
}
.mycode .codeBody1 .input :-moz-placeholder { /* Chrome/Opera/Safari */ 
  font-size: 14px;
}
.mycode .codeBody1 .yan{
  width: 300px;
  overflow: hidden;
  margin-top: 40px;
}
.mycode .codeBody1 .img{
  width: 128px;
  height: 40px;
  border: 1px solid #e8e8ee;
  float: right;
}
.mycode .codeBody1 .img img{
  width: 100%;
  height: 100%;
}
.mycode .input1{
  width:300px;
}
.mycode .input2{
  width: 155px;
  float: left;
}
.mycode .subBtn{
  display: inline-block;
  width:300px;
  height: 40px;
  /* background: #e8e8e8; */
  color: #00C87F;
  border:1px solid #00C87F;
  text-align: center;
  line-height: 40px;
  margin-top: 20px;
  cursor: pointer;
}
.mycode .subBtn:hover{
  color: #fff;
  background:#00C87F;
}
.codeBody1 .errorTxt{
  color: #ff5544; font-size: 14px; text-indent: 20px; background: url(../images/warn.png) no-repeat left center; margin-top: 10px; display: none;
}
.mycodepage .marking{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 240px;
  height: 65px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 8px 17px 3px rgba(5, 2, 82, 0.24);
  display: none;
}
.mycodepage .marking .title{
  font-size: 20px;
  text-align: center;
  color: #666;
  margin-top: 20px;
}
.mycodepage .marking .btn{
  text-align: center;
  margin-top: 30px;
}
.mycodepage .marking .btn a{
  display: inline-block;
  width: 60px;
  height: 30px;
  border: 1px solid #00C87F;
  text-align: center;
  color: #00C87F;
  line-height: 30px;
}

.myTest{
    display: inline-block;
    font-size: 24px;
    margin-top: 50px;
}


/* 我的测评 */
  .my-test .li {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 0 0 2px 2px #eae8e8;
  }
  .my-test .li:first-child{
    margin-top: 30px;
  }
  .my-test .li .top {
    padding: 25px 40px 25px 0;
    box-sizing: border-box;
  }
  .my-test .li .top .title_b {
    overflow: hidden;
  }
  .my-test .li .top .title_b .title_l {
    float: left;
    overflow: hidden;
  }
  .my-test .li .top .title_b .green_b {
    display: inline-block;
    width: 8px;
    height: 40px;
    background-color: #3fdb99;
    border-radius: 4px;
    margin-right: 35px;
    float: left;
  }
  .my-test .li .top .title_b .title {
    color: #464646;
    font-size: 24px;
    float: left;
  }
  .my-test .li .top .rulesBtn {
    color: #a3a3a3;
    font-size: 16px;
    float: right;
    margin-top: 10px;
  }
  .my-test .li .top .rulesBtn img {
    margin-right: 10px;
  }
  .my-test .li .top .son_list {
    margin-left: 42px;
    color: #9b9b9b;
    font-size: 16px;
    margin-top: 10px;
  }
  .my-test .li .top .son_list li {
    line-height: 32px;
  }
  .my-test .li .bot {
    padding: 25px 40px 15px 43px;
    box-sizing: border-box;
    border-top: 2px solid #f5f5f5;
    overflow: hidden;
  }
  .my-test .li .bot span {
    color: #9b9b9b;
    font-size: 16px;
    float: left;
  }
  .my-test .li .bot b {
    font-weight: normal;
  }
  .my-test .li .bot a {
    display: inline-block;
    width: 179px;
    height: 47px;
    border-radius: 23px;
    background: #3fdb99;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    line-height: 47px;
    float: right;
  }

  .marking {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.14);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 500;
  }
  .marking .rulesMark {
    width: 800px;
    background: #fff;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    box-sizing: border-box;
    position: relative;
    font-family: 微软雅黑;
    line-height: 28px;
    z-index: 501;
  }
  .marking .rulesMark p {
    margin-top: 10px;
    color: #282828;
    line-height: 28px;
    font-size: 16px;
  }
  pre{
    font-family: "Arial","Hiragino Sans GB", 微软雅黑, "Helvetica", "sans-serif";
  }


/* 云集训  开始 */
.student_person .persons {
  width: 235px;
  white-space: nowrap;
  overflow: hidden;
  /*text-overflow: ellipsis; */
  float: left;
}

.student_person .persons img {
  width: 25px !important;
  height: 25px !important;
  border-radius: 50%;
}

.userinfo_count {
  padding-left: 20px;
  display: inline-block;
}

.warming,
.classed {
  width: 75px !important;
  height: auto !important;
  vertical-align: top;
  margin-left: 10px;
}

.testing,
.studying {
  width: 80px !important;
  height: auto !important;
  vertical-align: top;
  margin-left: 10px;
}

.breaking {
  width: 90px !important;
  height: auto !important;
  vertical-align: top;
  margin-left: 10px;
}

.live_status_src img {
  width: 100px !important;
  height: auto !important;
}

.nocontinute-btn {
  color: #666 !important;
  border-color: #666 !important;
}

.nocontinute-btn:hover {
  background-color: #666 !important;
  color: #fff !important;
}

.ellipsis {
  float: left;
  width: 20px !important;
  height: auto !important;
}

.mark_nomic,
.mark_novideo,
.uploadMsg {
  width: 400px;
  height: 235px;
  background: #fff;
  border-radius: 8px;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  box-shadow: 0px 5px 33px 2px rgba(182, 208, 249, 0.52);
  display: none;
}

.mark_nomic img,
.mark_novideo img {
  width: 111px;
  margin-top: 20px;
}

.mark_nomic p,
.mark_novideo p {
  font-size: 18px;
  color: #220e0e;
  padding: 20px 0;
}

.mark_nomic .p,
.mark_novideo .p {
  padding-top: 0;
  font-size: 16px;
}

.course-name {
  padding-bottom: 15px !important;
}

.uploadMsg {
  width: 400px;
  height: auto;
  /* height: 490px; */
  /* display: block; */
  padding: 30px;
  /* position: relative; */
}

.uploadMsg .close {
  position: absolute;
  right: 32px;
  top: 32px;
  cursor: pointer;
}

.uploadMsg h5 {
  font-size: 20px;
  color: #222222;
  line-height: 30px;
  font-weight: bold;
  margin-top: 10px;
}

.uploadMsg>p {
  font-size: 14px;
  color: #220e0e;
  padding-top:10px;
}

.uploadMsg .yxface {
  width: 200px;
  height: 200px;
  background-color: #eeeeee;
  border-radius: 16px;
  position: relative;
  margin: 0 auto;
}
.yxface .photo{
width: 100%;height: 100%;
}
.yxface .camera{
  width: 100%;height: 100%;
  display: none;
  }
.yxface .jia{
  width: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.yxface .user_real_logo {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 15px;
}
.yxface video{
  border-radius: 16px;
}
.yxface p{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #999;
  white-space: nowrap;
  display: none;
}
.yxface button{
  position: absolute;
  right: 0;
  bottom: 0;
  border: 1px solid #ccc;
  padding: 0 3px;
  z-index: 1;
}
.yxface #canvas{
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 15px;
}
.camera #del{
  position: absolute;
  bottom: 0;
  left: 5px;
  width: 25px;
  cursor: pointer;
  display: none;
  z-index:1;
}
.camera #sure{
  position: absolute;
  bottom: 0;
  left: 35px;
  width: 25px;
  cursor: pointer;
  display: none;
  z-index: 1;
}
.camera .takePhotoAgain{
  display: none;
}
.changeBtn .upload_camera {
  width: 28px;
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 50%;
  float: left;
  background: url('/static/personal/images/upload.png') no-repeat;
  background-size: 21px;
  background-position:center;
  margin-right: 15px;
}

.upload_camera input {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.photo .upload_camera{
  background: url(/static/personal/images/jia.png) no-repeat;
  height: 100%;
  background-size: 50px;
  background-position: center;
  cursor: pointer;
}
.photograph{
  width: 30px;
  float: left;
}
.changeUpload{
  overflow: hidden;
  display: inline-block;
  padding-top: 10px;
}
.realnames {
  display: inline-block;
  margin-top: 20px;
}

.realnames span {
  font-size: 18px;
  color: #999999;
  float: left;
  margin-right: 10px;
  padding-top: 8px;
}

.realnames p {
  width: 240px;
  height: 40px;
  border: 1px solid #eeeeee;
  border-radius: 8px;
  float: left;
}

.realnames input {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  padding: 0 5px;
  box-sizing: border-box;
}

.tips {
  font-size: 14px;
  font-weight: normal;
  display: block;
  color: red;
  display: none;
}

.uploadMsg .sub {
  display: inline-block;
  width: 160px;
  height: 40px;
  background-color: #67af3a;
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  margin-top: 30px;
}

.mark_noPersonFace {
  display: block;
}
.devices_mark{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  display:none;

}
.devices_check {
  width: 480px;
  /* height: 510px; */
  background-color: #ffffff;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 5px 33px 2px rgba(182, 208, 249, 1);
}
.devices_check .title{
  height: 40px;
  line-height: 40px;
  background: rgb(224, 222, 222);
  padding:0 20px;
  color: #220e0e;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.devices_check .title .close{
  width: 40px; 
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 26px;
  cursor: pointer;
}
.devices_top {
  height: 127px;
  background-color: #eeeeee;
 
  padding: 25px 54px;
  box-sizing: border-box;
}

.devices_top dl {
  float: left;
  margin: 0 20px;
  text-align: center;
  font-size: 16px;
  color: #220e0e;
}

.devices_top dl dt {
  position: relative;
}

.normal {
  position: absolute;
  bottom: 0;
  right: 0;
  display: none;
}

.devices_top .line {
  width: 80%;
  height: 2px;
  background-color: #fff;
  margin-left: 30px;
  margin-top: 25px;
}

.devices_bot {
  height: 383px;
  overflow: hidden;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.devices_bot .section {
  height: 335px;
  padding: 0 80px;
  padding-top: 20px;
  box-sizing: border-box;
}

.devices_bot .section .device_tips {
  border-top: 1px dashed #eee;
}

.devices_bot .section .device_tips h5 {
  font-size: 16px;
  color: #67af3a;
  padding-top: 20px;
  padding-bottom: 8px;
}

.devices_bot .section .device_tips p {
  font-size: 14px;
  color: #222;
  padding-left: 70px;
  line-height: 22px;
}

.resultContent .section {
  width: 100%;
  padding: 0 !important;
}

.resultContent table {
  width: 100%;
}

.resultContent table tr {
  height: 40px;
  display: block;
  text-align: center;
}

.resultContent table td {
  height: 100%;
  font-size: 16px;
  color: #222;
  line-height: 40px;
  width: 100px;
}

.resultContent table tr td:first-child {
  padding-right: 80px;
  padding-left: 87px;
}

.resultContentTable tr:nth-child(odd) {
  background-color: #eeeeee;
}

.devices_bot .content {
  display: none;
}

.devices_bot .content.active {
  display: block;
}

.devices_bot .footer {
  height: 48px;
}

.devices_bot .footer button,
.devices_bot .footer a {
  display: inline-block;
  width: 50%;
  float: left;
  height: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 48px;
  cursor: pointer;
}

.devices_bot .footer button:first-child,
.devices_bot .footer a:first-child {
  background-color: #67af3a;
  color: #fff;
}

.devices_bot .footer button:nth-child(2),
.devices_bot .footer a:nth-child(2) {
  background-color: #eeeeee;
  color: #222;
}

.plv-web-client__devices__list {
  position: relative;
}

.plv-web-client__devices__select {
  position: relative;
  display: inline-block;
  width: 248px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px 0 10px;
  background: #fff;
  border: 1px solid #d8d8d8;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  text-align: left;
  margin-left: 8px;
  box-sizing: border-box;
}

.plv-web-client__devices__select>span {
  position: absolute;
  right: 0;
  top: 9px;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAFVBMVEVHcEyBjqCIkaSCjqCCjqCCj6GBjZ/kw++xAAAABnRSTlMA2RivkD4d6uglAAAAYElEQVQ4y2NgGAXDA7AaQWjlADSJsEQFEMUkloomYZYmBKIU05LRJJjTQFqYxNIMGLBpwdQA0YJNA1gLNg0MDCxpiWJpDti84paWloLVjyxp2DUAtaTgCBYWh9GkMYwAAMMKDvIOF8E8AAAAAElFTkSuQmCC);
  background-size: cover;
}

.plv-web-client__select__lists {
  position: absolute;
  z-index: 99;
  left: 60px;
  width: 248px;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-top: none;
  display: none;
}

.plv-web-client__select__lists .active-list {
  line-height: 32px;
  color: #2096f3;
  cursor: default;
  background-color: #f7f7fd;
}

.plv-web-client__select__lists>li {
  height: 32px;
  width: 100%;
  padding: 0 10px;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
  text-align: left;
  font-size: 12px;
  color: #333;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
}

.plv-web-client__check__camera {
  width: 192px;
  height: 108px;
  margin-top: 8px;
  margin-left: 60px;
  background-color: #eee;
  margin-bottom: 25px;
  text-align: center;
  position: relative;
}

.no_camera {
  padding-top: 25px;
  position: absolute;
  left: 40%;
}

#clientCamera video {
  left: 0;
}

/* .notclick{
  cursor: no-drop;
} */
button[disabled] ,
a[disabled]{
  cursor: no-drop !important;
}

.error-devices {
  color: #f56151 !important;
}

.plv-web-client__audio {
  margin-left: 60px;
  margin-top: 10px;
  margin-bottom: 25px;
  overflow: hidden;
}

.plv-web-client__audio .audio-content {
  width: 96px;
  height: 32px;
  line-height: 32px;
  background-color: #eeeeee;
  text-align: center;
  cursor: pointer;
  float: left;
  margin-right: 10px;
}

.play_audio {
  width: 144px;
  height: 32px;
  background-color: #eeeeee;
  float: left;
}
.play_mic{
  width: 248px;
  height: 32px;
  background-color: #eeeeee;
  float: left;
}
.micContent  .section{
  padding: 20px 70px 0;
}
.speaker_active,.check_mic{
  display: inline-block;
  height: 100%;
  background: #67af3a;
}
.is_read{
  width: 400px;
  background-color: #fff;
  border: solid 1px #d3d5d5;
  border-radius: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 5px 33px 2px rgba(182, 208, 249, 1);
  display: none;
}
.is_read .top{
  height: 40px;
  background: #5eb978;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  border-radius: 12px 12px 0px 0px;
}
.is_read .bot{
  height: 100px;
  text-align: center;
  color: #4a4a4a;
}
.is_read .bot p{
  line-height: 60px;
}
.is_read .bot a{
  width: 60px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  display: inline-block;
  border-radius: 3px;
}
.is_read .bot a:nth-child(2){
  border: 1px solid #00C87F;
  color: #00C87F;
  margin-right: 10px;
}
.is_read .bot a:last-child{
  background: #00C87F;
  color: #fff;
}
/* 云集训  结束 */