html,
body {
  font-family: "微软雅黑", "Microsoft YaHei", "Apple LiGothic Medium";
  -webkit-tap-highlight-color: transparent;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
/* 去掉各 Table  cell 的边距并让其边重合 */
p {
  text-align: justify;
  text-justify: inter-ideograph;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* 去除默认边框 */
fieldset,
img {
  border: 0;
}
img{
	border-radius:3px;
}
/* 去掉 firefox 下此元素的边框 */
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
/* 一致的 del 样式 */
del {
  text-decoration: line-through;
}
/* 去掉列表前的标识, li 会继承 */
ol,
ul {
  list-style: none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
q:before,
q:after {
  content: '';
}
/* 正常链接 未访问 */
/* 鼠标悬停 */
a:hover {
  text-decoration: none;
}
a{color: #333;
  transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
}
/* 默认不显示下划线，保持页面简洁 */
ins,
a {
  list-style-type: none;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
em {
  font-style: normal;
}
input {
  padding-top: 0;
  padding-bottom: 0;
}
input::-moz-focus-inner {
  border: none;
  padding: 0;
}
select,
input {
  vertical-align: middle;
}
select,
input,
textarea {
  font-size: 14px;
  margin: 0;
}
input[type="text"],
input[type="number"],
input[type="password"],
textarea {
  outline-style: none;
  -webkit-appearance: none;
  border-radius:3px;
}
textarea {
  resize: none;
}
input,
textarea {
  background: none;
  border: 1px #000 solid;
}

*{margin: 0px; padding: 0px;  }
body {font-size: 12px;
		  min-height: 100%;
		  box-sizing: border-box;
		  background: #ffffff;
}
button{cursor: pointer;}
header{width: 100%;}
.width_1200 {width: 1200px; 
             margin: 0 auto;  
             }
.heard{width: 100%;
       min-width: 1200px;
       height: 39px;
       background-color: #f5f6f8;
       border-bottom: 1px solid #ececec;
       overflow: hidden;} 
.heard_a{overflow: hidden;}
.boy{float: left; 
     height: 40px;}  
.boy p{line-height: 40px; 
       font-weight: 500;}
.girl{float: right; 
      height: 40px; 
      line-height: 40px;} 
.girl a{color: #000000; font-size: 12px;} 
.log{overflow: hidden; } 
.logo{float: left; 
      overflow: hidden;}
.logo a{display:inline-block;
        float: left;
        vertical-align: middle;
        padding: 23px 0;}            
.logo img{float: left; 
          overflow: hidden;
          padding:5px 0;
 
          vertical-align: middle;
          display:inline-block;}    
.logo h1{float: left; 
         line-height: 124px; 
         font-size: 40px; 
         padding-left: 20px;} 
.fom{float: right; 
     overflow: hidden; 
     padding-top: 40px;
     }
.fom input{height: 32px; 
           border: 2px solid #000000; 
           width: 240px; 
           padding-left: 5px; 
           color: #b6b6b6;
           float: left;}
.fom button{height: 36px; 
            background-color: #000000; 
            color: #FFFFFF; 
            width: 80px;
            border:2px solid #000000;
            float: left;}
.list{width: 100%;
      min-width: 1200px;
      background: #333333;
      height: 40px;
      overflow: hidden;}
.li{overflow: hidden;}  
.li li{float: left; 
       padding: 0px 60px; 
       line-height: 40px;
       }
.li li a{color: #FFFFFF; font-size: 16px;}
.tist{background: #0054d0;}
.li li:hover{background: #0054d0; 
             -webkit-transition: all .28s ease-in .1s;
             transition: all .28s ease-in .1s;
             }
.bi{width: 100%;
    min-width: 120px;
    height: 40px;
    line-height:40px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;} 
.bi p{line-height: 40px; 
      color: #666666;
       font-size: 14px;}
.bi p a{color: #666666; font-size: 14px;}      
.bi p .se{color: #0054d0;}
#middle{background: #fff;
        width: 100%;
        min-width: 1200px;
        overflow: hidden;}
.slide{margin-top: 20px;
       overflow: hidden;
       padding-bottom: 40px;} 
.slide_l{width: 240px;
         height: 740px;
         float: left;
         background: #f6f6f6;
         border: 1px solid #f6f6f6;
         }
.user{overflow: hidden; 
       width: 100%;
       margin-bottom: 30px;}
.user .ti{ 
          border: 1px solid #E6E6E6;}
.ty{text-align: center;}
.ty a{display:inline-block; margin-top: 20px;} 
.ty img{width: 70px; height: 70px;}         
.ty h4{padding: 5px 0;
         font-size: 1em;}
.pp{text-align: center;
    padding: 2px 0;
    font-size: 0.8em;
    line-height: 21px;
    color: #999;}
.pp a{color: #0054d0;
     text-decoration:underline;
     padding-left:5px;}    
.py{text-align: center;
    font-size: 0.8em;
    color: #999;}
.py span em{color: #0054d0;}
.py a{color: #999999;}
.kol{width: 100%;}
.kol li{margin: 10px 0;}
.kol li a{text-align: left;
		        height: 40px;
		        width: 100%;
		        line-height:40px;
		        font-size: 16px;
		        display:block;
		        }
.kol li img{width: 16px; height: 16px; overflow: hidden; padding-right: 10px; padding-left: 50px;  vertical-align:middle;margin-top:-5px}		        
.kol .gat{color: #000000;}		        
.kol .gta{background-color: #0054d0; color: #FFFFFF;}
.kol li a.gta:hover{background-color: #0054d0; color: #FFFFFF;}
.kol li .gat:hover{background: #E6E6E6;
                color: #000000;}
.slide_r{float: right; 
         margin-left: 15px;
         overflow: hidden;
         width: 940px;
         min-height: 740px;
         }
.slide_u{float: right; 
         margin-left: 15px;
         overflow: hidden;
         width: 940px;
         min-height: 740px;
         background-color: #FFFFFF;
         }         
.content_top{overflow: hidden;
             }
.ttop{height: 33px;
	  line-height: 33px;
	  font-size: 16px;
	  text-indent:20px;
	  margin-bottom:20px;
	  background:url(/application/views/web/static/images/item.png) left no-repeat;
}
 
.bbot{overflow: hidden;
      padding: 20px; 
      background-color:#F6F6F6;
      padding-bottom:30px;
      margin-bottom:10px;
      }
.topa{overflow: hidden;
      text-align: center;
      float: left;
      margin-right: 50px;}
.topa .huan{font-size: 14px;
            padding-bottom: 20px;
            width: 100px;
            height: 17px;}
.topa .xuan{font-size: 14px;
            padding-bottom: 20px;} 
.topa .xuan a{color: #0054d0;
              text-decoration: underline;}                   
.topa p em{color: #0054d0;
           }
.box{width: 150px;
     height: 100px;
     border: 1px solid #E6E6E6;
     text-align: center;
     padding: 8px 0;
     margin: 0 auto;}
.box p{text-align: center; font-size: 16px;}
.box h3{padding: 10px 0;
        font-size: 24px;}
.box a{color: #0054d0;
        text-decoration: underline;
        font-size: 14px;}
.content_bot{overflow: hidden;
             margin-top: 10px;
             }
.bbq{overflow: hidden;
     }
.vide{ 
      overflow: hidden;
          margin-bottom: 10px;
      }
.video{overflow: hidden;
       float: left;
       margin-right: 15px;
       width: 220px;
       }
.video img{width: 220px; height:165px;border-radius:5px } 
.video a em{display: block;font-weight:600; margin-top:5px;}       
.video a{font-size: 14px;
line-height:20px;
 
         text-align: left;
         color: #666666;
         display: block;
         overflow: hidden;} 
 .video i{
              height:28px; 
              line-height:28px;
              font-style:normal;
}
         .video p{
              height:28px; border-top:1px solid #ececec;
              line-height:28px;
              margin-top:5px;
              }
#footer{background-color: #333333; 
        width: 100%;
        min-width: 1200px; 
        overflow: hidden; 
        }
.bot{overflow: hidden;
     padding: 40px 0;}
.boota{overflow: hidden;
       float: left;
       width: 24%;
       height: 145px;
       overflow: hidden;
       border-right: 1px solid #b9b9b9;
       padding-bottom: 34px;}
.bootb{overflow: hidden;
       float: left;
       width: 22%;
       height: 145px;
       overflow: hidden;
       padding-bottom: 34px;}
.bootc{overflow: hidden;
       float: left;
       overflow: hidden;
       height: 179px;
       }              
.ttp{padding: 24px 32px;
     overflow: hidden;}
.ttp img{padding-right: 20px;
         float: left;}
.ttp h3{font-size: 16px;
        color: #999999;
        line-height: 30px;
        font-weight: 500;
        } 
.bbo{padding-left: 32px;
     overflow: hidden;
     padding-top: 15px;}
.bbo a{color: #999999;
       font-size: 12px;
       display: block;
       width: 78px;
       float: left;}
.bbo a:hover{color: #FFFFFF; 
             -webkit-transition: all .28s ease-in .1s;
             transition: all .28s linear .1s;}       
.bbo p{color: #999999;
       font-size: 12px;
       padding-bottom:15px;}
.bootc img{padding-top: 30px;}
.te{overflow: hidden;
    padding: 20px 0;}  
.te p{text-align: center; 
      color: #999999;
      font-size: 12px;} 
.tab{overflow: hidden; width: 100%;}
.tab tbody tr th{
		         padding: 5px 5px;
		         font-size: 14px;
		         font-weight: 100;
		         height: 37px;
		         overflow: hidden;}
.tha{width: 10%; text-align: right;} 
.thb{width: 90%; text-align: left;} 
.thb textarea{width: 500px; height: 100px; border: 1px solid #cccccc;}  
.thb .op{background: #0054d0; 
         border: 1px solid #0054d0; 
         padding: 2px 5px;
         color: #FFFFFF;}
.thb .rui{text-decoration: underline; color: #000000;}  
.thb .oneps{background: #0054d0; 
            color: #FFFFFF;
 
            border: 1px solid #0054d0;}
.bgb{background: #FFFFFF;}            
.bor{border: 0px;}
.alter{color: #0054d0;}  
.inpp{border: 1px solid #999999; 
      height: 25px; 
      padding-left: 5px;
      float: left;}
.red{color: red;} 
.yzm{border: 1px solid #999999;
     height: 27px;
     padding: 5px;
     margin-left:5px;}
.taba{width: 325px;
      background: #FFFFFF;
     } 
.taba tbody tr th{
		         padding: 10px 5px;
		         font-size: 12px;
		         font-weight: 100;
		         overflow: hidden;}
.cz{text-align: left;
    font-size: 14px;}	
.form{padding: 5px 0;}
.form label{width: 40px; 
            text-align: right;    
            display: inline-block;
            line-height: 36px;}
.form input{padding: 4px; 
            font-size: 10px;
            border: 1px solid #999999;
            margin-left: 5px;}
.duan{width: 40px; }
.in{border: 1px solid #999999;
    color: #FFFFFF;
    height: 20px;
    }  
.it{background: #0054d0;
    border: 1px solid #0054d0;
    color: #FFFFFF;
    padding: 5px;} 
.ppt{
     padding: 20px;
     overflow: hidden;}
.jifen{overflow: hidden;
       padding-bottom: 20px;}
.jifen label{width: 120px; 
            text-align: right;    
            display: inline-block;
            line-height: 36px;
            float: left;}
.yue{line-height: 36px;
     padding: 0 10px;
     float: left;
     width: 600px;
     padding-left: 20px;} 
.pen{float: left;}
.pen em{color: #0054d0; font-weight: 600;}  
.pan{float: right;}
.pan em{color: #0054d0; font-weight: 600;} 
.tox{width: 135px;
     height: 60px;
     border: 1px solid #999999;
     border-radius: 8px;
     text-align: center;
     float: left;
     margin-right: 20px;
     margin-bottom: 15px;} 
.tox .ppq{text-align: center;
          font-weight: 600;
          height: 20px;
          font-size:14px;
          line-height: 20px;
          padding-top: 10px;
          overflow: hidden;}
.tox .opp{text-align: center;
	      font-weight: 600;
	      height: 20px;
	      color: #999999;
	      line-height: 20px;
	      overflow: hidden;}
.xung{border:1px solid red; 
      background-image: url(../images/xuanzhong.png);
      background-repeat: no-repeat;
      background-position: 101px 29px;
      }
.xuon{border:1px solid red; 
      background-image: url(../images/xuanzhong.png);
      background-repeat: no-repeat;
      background-position:right bottom;
      }      
.yueut{border: 1px solid #999999;
       width: 120px;
       height: 30px;
       padding-left: 5px;}
.aem{color: #999999;}
.bem{color: red;
     font-weight:600;
     padding-right: 3px;}
.zf{overflow: hidden;}
.zf .zfb{padding: 10px 30px;
	     border: 1px solid #999999;
	     border-radius: 8px;
	     margin-right: 10px;}
.zf .wxzf{padding: 10px 30px;
	      border: 1px solid #999999;
	      border-radius: 8px;
	      } 
.dewm{padding: 20px;
      border: 1px solid #999999;
      width: 225px;}
.ttm{width: 290px;
     padding-top: 20px;}
.ttm button{width: 100%;
            height: 50px;
            line-height: 50px;
            border: 1px solid red;
            border-radius: 5px;
            color: #FFFFFF;
            background-color: red;
            font-size: 16px;}
.jilu{ overflow: hidden;}
.jilua{width: 100%; 
       overflow: hidden; 
       border-bottom: 1px solid #E6E6E6; 
       padding-top: 10px;
       margin-bottom:10px;
       }
.sli{widows: 100%; 
     overflow: hidden; 
     padding: 2px 0;}
.sla{widows: 100%; 
     overflow: hidden; 
     color: #999999; 
     padding-bottom: 10px;}
.zo{float: left;}  
.yo{float: right;}
.buu{padding-left: 20px; float: right; padding-top: 20px; padding-bottom: 20px;} 
.buu ul{overflow: hidden;}
.buu ul li{float: left;}
.fanye{padding:3px 10px;
       color: #000000;
       display: block;
       border: 1px solid #E6E6E6;
       border-radius: 5px;
       margin: 5px;
       text-align: center;}
.fanye:hover{background: #0054d0; color: #FFFFFF;
             -webkit-transition: all .28s ease-in .1s;
             transition: all .28s linear .1s;}       
.cl{background: #0054d0; color: #FFFFFF;}
.xiaofei{margin: 10px; overflow: hidden; }
.xfjl{padding: 10px; 
      border: 1px solid #E6E6E6; 
      overflow: hidden;
      margin-bottom: 10px;} 
.liz{float: left; overflow: hidden;}
.liz .mg{float: left; width: 122px; height: 82px; overflow: hidden;}
.liz .mg a{display: inline-block; width: 122px; height: 82px; overflow: hidden;}
.liz .mg img{width: 122px; height: 82px;border-radius:3px}
.wj{overflow: hidden; 
    float: left;
    width: 600px;
    padding-left: 10px;
    height: 83px;}
.wj a{padding-bottom: 15px; color: #000000; display: block; font-size: 16px;height: 42px;overflow:hidden} 
.wj span{width: 100%; 
          display: block; 
          padding-bottom: 15px;}
.wj em{width: 100%; display: block;} 
.wj em i{font-style: normal; color: red; padding-right: 10px;}
.liy{float: right; 
     line-height: 83px;
     padding-right: 40px;
     text-align: left;
     width: 119px;
     height: 83px;}
.liy a{color: #000000;}     
 .yi{color: #E6E6E6;}
 .kec{padding-bottom: 10px;}
 #tc{width:100%;height:100%;position: fixed;left:0;top:0;z-index:99;display: none;background: rgba(255,255,255,0.5);}
 .jcpl{width: 390px;
       background-color: white;
       margin:0 auto;
       position:relative;
       top:50%;
       -webkit-transform:translateY(-50%);
       overflow: hidden;
       border: 1px solid #ebebeb;
       }
.tan{width: 100%; padding: 5px; overflow: hidden; border-bottom:1px solid #E6E6E6 ;}
.tan p{float: left;} 
.tan a {float: right; 
        margin-right: 30px; 
        padding: 2px 5px; 
        color: #000000;
        font-size: 12px;
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        }    
.bai{color: #000000; line-height: 22px;} 
.tcwz{padding: 10px;} 
.tcwz p{color: #000000; padding: 5px; font-size: 14px;}
.tcwz textarea{border: 1px solid #999999;
              color: #000000;} 
.tcwz button{float: right;
             margin-right: 5px;
             margin-top: 10px;
             margin-bottom: 10px;
             width: 80px;
             border: 1px solid #0054d0;
             background: #0054d0;
             padding: 5px;
             color: #FFFFFF;} 
.tcwz input{margin-left: 5px;
            padding-left: 5px;
            padding-top: 2px;
            padding-bottom: 2px;
            border: 1px solid #DCDCDE;} 
.tcwz .bm{margin: 0 auto; width: 120px;  overflow: hidden;}            
.tcwz .xm{width: 100px; 
          display: block;
          height: 25px;
          line-height: 25px; 
          float: left; 
          text-align: right;}               
.heise{color: #000000;} 
.togo{margin: 0 auto; overflow: hidden; width: 3.3rem;} 
#bag{background: url(../images/abb.jpg) no-repeat;
     background-size: cover;
     overflow: hidden;
     height:5.8rem;
     }
.zc{
    background: #fff;
    float: right;
    border-radius: 8px;
    margin-top: 0.4rem;
    margin-bottom: 0.85rem;
    margin-right: 2rem;
    padding: 0.28rem 0.46rem;}
#register_code .getCode{
		width: 1.2rem; 
         font-size: 0.15rem; 
         background-color: #0054d0; 
         color: #FFF; 
         cursor:pointer;
         text-align: center; 
         border-radius:5px;
         line-height: 0.3rem;}    
.sjh{overflow: hidden;   position: relative;}   
.sjh .shu{width: 3.38rem; 
           height: 0.48rem;
           background: #f4f4f4;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d8d8d8;
    
           color: #999999;
           padding-left: 0.4rem;
           font-size: 14px;
           }
.syh .shu,.sjh .shui{
		width: 1.95rem; 
           height: 0.48rem;
           margin-right: 0.15rem;
          border: 1px solid #d8d8d8;
           background: #f4f4f4;
           color: #999999;
           padding-left: 0.2rem;
           font-size: 0.14rem;
           float: left;
           }
         
.ym{background-color: #FFFFFF;
    float:left;
    padding: 0.09rem;}
.ym a{color: red;   text-decoration: underline;}                
.qing{clear: both;}                     
.sjh p{color: red; 
       display:block;
       height:0.2rem;
       line-height:0.2rem;
       font-size: 12px;}
.pad{padding-bottom: 0.2rem;}
.djzc button{width: 3.38rem; 
             height: 0.48rem;
             text-align: center;
             border: 1px solid #0054d0;
             background: #0054d0;
             border-radius: 5px;
             font-size: 0.16rem;
             color: #FFFFFF;}
 
.bom{padding-top: 15px; 
     font-size: 14px;
     overflow: hidden;} 
.bom .zwz{float: left; color: #000000;}
.bom .ywz{float: right; 
          color: #0054d0; 
          text-decoration: underline;}
.sjh img{position: absolute; 
         top: 0.16rem; 
         left: 0.15rem;}
.dian{padding-top: 15px;}  
.dian em{padding-left: 5px; line-height: 16px;}       
.che{width: 16px;
     height: 16px;
     border: 1px solid #999999;
     border-radius: 3px;}
.pdd{margin-top: 0px;}
.pbb{margin-bottom: 47px;} 
.five{background: #f5f5f5;}
.oldup{width: 100%; 
       background: #FFFFFF;
       overflow: hidden;
       padding-bottom: 40px;
       padding-top: 20px;
       margin-bottom: 10px;}
.up{overflow: hidden;}
.bh{padding-bottom: 20px;}   
.bh h1{font-size: 24px;
       font-weight: 200;}
.ment{border-top: 2px solid #0054d0;
      border-left: 1px solid #E6E6E6;
      border-right: 1px solid #E6E6E6;
      border-bottom: 1px solid #E6E6E6;
      padding: 6px 45px 20px 45px;}
.one{overflow: hidden; }
.one li{float: left;
        padding: 10px 22px; 
        border-bottom:1px dashed #e8e8e8}      
.one li a{color: #666666;
          font-size: 16px;
          display: block;
          padding: 5px 15px;
          }             
.onef{border-top: 0;
      border-bottom: 0;
      border-left: 0;
      border-right:0 ;}
.one .yang{background: #0054d0;
      color: #FFFFFF;}
.one li a:hover{background: #0054d0;
                color: #FFFFFF;}
.oldwn{width: 100%; 
       background: #FFFFFF;
       overflow: hidden;
       padding-bottom: 40px;
       padding-top: 20px;
       }                                                                                       
.down{overflow: hidden;
      border: 1px solid #ebebeb;
      background: #FFFFFF;}
.jiao{width: 100%;
      height: 38px;
      overflow: hidden;}
.jiao ul{overflow: hidden; background: #f8f8f8;}      
.jiao ul li {overflow: hidden;
             float: left;
             line-height: 37px;
             text-align: center;
             font-size: 16px;
             border-bottom: 1px solid #ebebeb;} 
.jiao ul li a{display: inline-block;
              width: 120px; 
              height: 37px;
              color: #000000;
              border-bottom: 1px solid #ebebeb;
             } 
.xian{width: 720px; height: 37px;}             
.pai{background: #FFFFFF;
     border-top: 1px solid #0054d0;
     border-bottom: 1px solid #FFFFFF;}
.contan{
        width: 100%;
        overflow: hidden;
        padding: 20px 0;}     
.lie{padding: 0px 40px;
     padding-bottom: 20px;
     overflow: hidden;}
.lie_img a{display: inline-block;}     
.lie_img{width: 267px; 
         height: 200px;
         overflow: hidden;
         float: left;
         }
.cont{overflow: hidden;
      padding: 20px;
      }
.conta{overflow: hidden;
       padding-bottom: 10px;}
.conta a{font-size: 18px;font-weight:bold; color: #000000;}
.conta .fine{font-size: 16px; font-weight: bold;}
.contb{overflow: hidden;
       padding-bottom: 20px;}
.contb a{padding-right: 20px; font-size: 14px; color: #000000;} 
.contb em{color: #0054d0;
         text-decoration: underline;
         font-size: 14px;}
.contb span{float: right;
            font-size: 16px;}
.contb span i{font-style: normal;
              font-size: 24px;
              color: red;}  
.contc{overflow: hidden;
      padding-bottom: 10px;}
.contc p{font-size: 14px;}
.pding{padding-bottom: 0;} 
.contd{font-size: 14px;
       color: #999999;
       overflow: hidden;}        
.contd button{float: right;
              width: 140px;
              height: 38px;
              border: 1px solid #0054d0;
              background: #0054d0;
              color: #FFFFFF;}
.contd .on{background: #eeeeee;
           color: #000000;
           border: 1px solid #EEEEEE;}
.pdng{margin-top: 0;}  
.btm{border-bottom: 1px solid #ebebeb;}   
.xup{margin-top: 15px;
     margin-bottom: 20px;
     border: 1px solid #ebebeb;
     background: #FFFFFF;
     overflow: hidden;
     padding-bottom:20px;
     }
.xupz{float: left;
      width: 588px;
      height: 330px;
      overflow: hidden;
      padding: 10px;} 
.xupz a{display: inline-block;
        width: 588px;
        height: 330px;
        overflow: hidden;}
.xupy{
      overflow: hidden;
      padding: 10px 15px;}
.xupy .pya{overflow: hidden;
			     width: 100%;
			     border-bottom: 1px dashed #ebebeb;}
.xupy .pyb{overflow: hidden;
			     width: 100%;
			     padding: 3px 0;
			     border-bottom: 1px dashed #ebebeb;}  			       
.xupy .pya em{padding: 10px 0;
              display: block;
              text-align: left;
              color: #999999;
              width: 100%;}			         
.xupy .pya .ha{font-size: 18px;
line-height:20px;
			         color: #000000;
			         font-weight: bold;}
.xupy .pyb .lab span{d 
        
                     overflow: hidden;
                     font-weight:bold;
                     font-size:14px;
                   line-height:24px;
                     padding: 3px 0;}
.xupy .pyb .lab i{font-style:normal ;
                 
                  width: 500px;
                  padding: 3px 0;
                  letter-spacing:1px;
                  line-height:24px;
                  font-size:14px;
                   }
.wan{height: 48px;}                                       			                                  
.xdown{background: #FFFFFF;
       border: 1px solid #ebebeb;
       margin-bottom: 40px;}
.pyc{overflow: hidden;
	margin-top:20px;
     width: 100%;}
.pyc button{margin: 15px 0;
            background: #0054d0;
            border: 1px solid #0054d0;
            width: 140px;
            height: 36px;
            color: #FFFFFF;
            margin-right: 430px;}  
.pyc em{margin-top: 5px;
        overflow: hidden;} 
.pyc em a{display: inline-block;
					width: 17px;
          height: 17px;
          overflow: hidden;}
.pyc em a img{width: 17px;
              height: 17px;
              overflow: hidden;
              vertical-align: middle;} 
.pyc span{padding-left: 50px;} 
.pyc span i{padding-left: 15px;
            font-style:normal;}
.xd{padding:10px 20px;
	height:40px;
    background: #f8f8f8;
    font-size: 16px;
    }
.dom{padding: 18px;} 
.dom h4{font-size: 16px;}  
.dom p{font-size: 14px; 
       padding: 15px 30px; 
       line-height: 30px;
       }  
.bott{width: 100%;
      background: #e1e1e1;
      padding: 20px;}
.bott .omt{height: 40px; float: left; font-size: 14px; padding-right: 18px;} 
.bott .omb{padding-left: 5px; overflow: hidden;}    
.bott .omb a{color: #000;
             display: block;
             float: left;
             padding: 5px 8px;
 }
.ipn{background: #FFFFFF; 
     color: #000000; 
     height: 32px; 
     line-height: 32px;  
     border-radius:3px;
     padding: 0 5px; 
     width: 200px;
     border: 1px solid #cccccc;}
.btn{background: #0054d0; 
     color: #FFFFFF; 
     height: 28px; 
     padding: 0 10px; 
     line-height: 28px; 
     border: 1px solid #0054d0; 
     border-radius: 5px; 
     margin: 0 5px;}
.btn:hover{background-color: #FFFFFF; 
           color: #0054d0; }

.btn_box{
	display: inline-block;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
	background: #fff; 
     color: #0054d0; 
     height: 28px; 
     padding: 0 10px; 
     line-height: 28px; 
     border: 1px solid #0054d0; 
     border-radius: 5px; 
     margin: 0 5px;}
.btn_box:hover{background-color: #0054d0; 
           color: #fff; }
           
           
.btn_max{background: #0054d0; 
     color: #FFFFFF; 
     height: 40px; 
     padding: 0 40px; 
     line-height: 40px; 
     border: 1px solid #0054d0; 
     border-radius: 5px; 
     font-size:14px;
      }
.btn_max:hover{background-color: #FFFFFF; 
           color: #0054d0; 
    }

.infoTop{
	height:360px;
	margin:14px auto 22px auto;
	padding:12px;
	background-color:#fff;
	border:1px solid #ebebeb;
}
.infoTop .videoBlock{
	float:left;
	width:588px;
	height:330px;
	position:relative;
	overflow:hidden;
}
.video-js .vjs-big-play-button{
	left:50%;
	top:50%;
	margin-top:-0.75em;
	margin-left:-1.5em;
}
.infoTop .videoBlock .fav{
	display:block;
	position:absolute;
	right:0;
	top:12px;
	z-index:100;
	width:120px;
	height:25px;
	line-height:25px;
	text-indent:37px;
	background-color:rgba(0,0,0,0.5);
	background-image:url(../images/icon_heart.png);
	background-position: 11px center;
	background-repeat:no-repeat;
	font-size:12px;
	color:#fff;
}
.courseInfo{
	padding-left:20px;
	overflow:hidden;
}
.courseInfo .tit{
	margin-bottom: 20px;
    /* padding-top: 10px; */
    font-size: 24px;
    height: 48px;
    color: #333;
    line-height: 24px;
}
.courseInfo p{
	font-size: 14px;
    color: #666;
    height: 60px;
    line-height: 20px;
    overflow: hidden;
}
.tagList{
	margin-top:20px;
	overflow:auto;
	border-top:1px dotted #e9e9e9;
	border-bottom:1px dotted #e9e9e9;
}
.tagList span{
	float:left;
	width:33.33%;
	padding:10px 0;
}
.tagList .fave{
	background:url(../images/star.png) left center no-repeat;
	color:#666;
}
.tagList .fav {
	background:url(../images/icon_fav.png) left center no-repeat;
	color:#0054d0;
}
.tagList .fav,.tagList .fave {
	float:left;
	padding-left:18px;
	font-size:14px;
	line-height:20px;
}
.others{
	margin-top:36px;
}
.others .price{
	float:left;
	line-height:38px;
	font-size:16px;
	color:#333;
}
.others .price i{
	font-size:24px;
	font-style:normal;
	color:#be0110;
}
.others .buyAll,
.others .buyVip{
	float:left;
	width:140px;
	height:38px;
	line-height:38px;
	margin-left:10px;
	background:#0054d0;
	text-align:center;
	font-size:14px;
	color:#fff;
}
.others .buyVip{
	background:#0054d0;
}
.content{
	margin:0 auto;
	overflow:auto;
}
.tabBox{
	margin-bottom:100px;
	background:#fff;
	border:1px solid #ebebeb;
	overflow:auto;
}  
.tabTit{
	height:40px;
	overflow:hidden;
	background:#f8f8f8;
}   
.tabTit a{
	float:left;
	width:120px;
	height:37px;
	line-height:37px;
	background:#f8f8f8;
	border-top:2px solid #f8f8f8;
	border-bottom:1px solid #ebebeb;
	text-align:center;
	cursor:pointer;
	font-size:16px;
	color:#333;
}    
.tabTit .active{
	background:#fff;
	border-top:2px solid #0054d0;
	border-bottom:1px solid #fff;
}    
.tabTit  span{
	display:block;
	height:39px;
	overflow:hidden;
	border-bottom:1px solid #ebebeb;
}	
.tabCont{
	display:none;
	padding:0 18px;
	background:#fff;
	overflow:auto;
}
.videoList .item{
	width:100%;
	overflow:auto;
	border-bottom:1px solid #f5f5f5
} 
.videoList .item:last-child{
	border-bottom:0;
}
.videoList .vl{ 
	float:left;
	width:664px;
}  
.videoList .tit{
	padding:18px 0;
	font-size:16px;
	color:#333;
}  
.videoList .vl p{
	line-height:20px;
	font-size:12px;
	color:#666;
} 	
.videoList .vl .num{
	padding:22px 0;
	font-size:14px;
	color:#999999;
} 
.videoList .vl .num span{
	margin-right:74px;
}  
.videoList .vl .num span .red{
	color:#be0110;
	font-style:normal;
}  
.videoList .vr{
	float:right;
	padding-top:52px;
	padding-left:50px;
}  
.videoList .vr .btnGray,
.videoList .vr .playBtn{
	display:block;
	width:140px;
	height:40px;
	line-height:40px;
	background-color:#eee;
	text-align:center;
	font-size:14px;
	color:#666;
}  
.videoList .vr .playBtn{
	margin-top:10px;
	margin-bottom: 10px;
	background-color:#0054d0;
	color:#fff;
} 
.relateCourse{
	background-color:#fff;
	border:1px solid #ebebeb;
	margin-bottom:20px;
}  
.relateCourse li{
	margin-top:10px;
	margin-bottom:15px;
}
.relateCourse .tit{
	height:38px;
	line-height:38px;
	background:#f8f8f8;
	border-bottom:1px solid #ebebeb;
	text-align:center;
	font-size:16px;
	color:#333;
}   
.relatveList .img{
	padding-left:8px;
	width:240px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}  
.relatveList .img p{
	width:220px;
	height:32px;
	line-height:32px;
	padding:0 10px;
	position:absolute;
	left:8px;
	bottom:0;
	z-index:99;
	background:rgba(0,0,0,0.6);
	color:#fff;
}    
.relatveList .img .tag{
	position:absolute;
	left:0;
	top:10px;
	background:url(../images/tag.png) no-repeat;
	width:52px;
	height:19px;
	line-height:19px;
	text-align:center;
	font-size:;
	color:#fff;
}
.relatveList .img .time{
	float:right;
}      
.relatveList .name{
	width:240px;
	padding-left:8px;
	margin:10px auto 6px auto;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	font-size:12px;
	color:#333;
} 
.relatveList .otherInfo{
	width:240px;
	margin:0 auto;
	padding-bottom:30px;
	padding-left:8px;
	border-bottom:1px solid #e9e9e9;
	font-size:12px;
	color:#666;
} 
.relatveList .otherInfo .price{
	margin-left:18px;
	color:#e50112;
}  
.relateCourse li:last-child .otherInfo{
	border-bottom:0;
} 

  
.voteTop{
	width:858px;
	height:91px;
	margin:20px 10px;
	background:#f8f8f8;
	border:1px solid #ebebeb;
}
.voteTop .percent{
	float:left;
	width:110px;
	height:71px;
	padding-top:9px;
	padding-left:10px;
	background:url(../images/line.png) right center no-repeat;
}          
.voteTop .percent p{
	margin-bottom:0px;
	font-size:14px;
	color:#666666;
} 
.voteTop .percent .num{
	font-size:40px;
	color:#be0110;
}  
.voteTop .percent .num span{
	font-size:24px;
}  
.voteTop .voteType{
	padding-top:36px;
	padding-left:40px;
	overflow:auto;
}  
.voteTop .voteType span{
	margin-left:10px;
	margin-right:38px;
}

.voteList li{
	width:860px;
	margin:0 auto;
	overflow:auto;
	padding:30px 0;
	border-bottom:1px solid #e9e9e9;
} 
.voteList li:last-child{
	border-bottom:0;
}  
.voteList li .photo{
	width:60px;
	float:left;
	margin-left:20px;
} 
.voteList li .photo img{
	display:block;
	width:60px;
	height:60px;
}
.voteList li p{
	margin-top:6px;
	font-size:14px;
	color:#999;
	text-align:center;
}
.voteList li .voteinfo{
	padding-left:40px;
	overflow:auto;
}
.voteList li .star{
	margin-top:10px;
	overflow:auto;
}
.voteList li .star span{
	float:left;
	width:14px;
	height:14px;
	margin-right:7px;
	background:url(../images/star.png) no-repeat;
}
.voteList li .voteinfo p{
	text-align:left;
	height:42px;
	font-size:14px;
	color:#666;
}
.voteList li .voteinfo .time{
	font-size:14px;
	color:#999999;
}
.aboutMeb{
	display:block;
	padding-top:36px;
	padding-bottom:36px;
}
.aboutMeb .photo{
	float:left;
	width:220px;
	margin-right:20px;
}
.aboutMeb .name{
	margin-bottom:10px;
	font-size:24px;
	color:#333;
}
.aboutMeb p{
	line-height:22px;
	margin-bottom:32px;
	font-size:16px;
	color:#666;
}
.courseDetail{
	padding-top:30px;
}
.courseDetail .tit{
	text-align:center;
	font-size:24px;
	color:#333;
}
.courseDetail .position{
	margin-top:14px;
	margin-bottom:26px;
	text-align:center;
	font-size:16px;
	color:#666
}
.courseDetail .word {
	padding:0 42px 46px 42px;
	overflow:auto;
	border-bottom:1px solid #ededed;
}
.courseDetail .word p{
	line-height:28px;
	font-size:14px;
	color:#666;
}
.courseDetail .tit2{
	margin-top:36px;
	font-size:16px;
	color:#333;
}
.keInfo{
	padding:0 24px;
}
.keInfo li{
	float:left;
	width:50%;
	position:relative;
}
.keInfo li p{
	line-height:24px;
	font-size:14px;
	color:#999;
}
.keInfo li .subtit{
	margin-top:32px;
	margin-bottom:18px;
	font-size:14px;
	color:#333;
}
.keInfo li:nth-child(2n+1){
	padding-right:5%;
	width:45%;
}
.keInfo li:nth-child(2n+1):after{
	content:'';
	width:0;
	height:55px;
	position:absolute;
	right:5%;
	top:76px;
	border-right:1px solid #ebebeb;
}
.keInfo li:nth-child(2n){
	padding-left:10%;
	width:40%;
}
.layer{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	background:rgba(0,0,0,0.5);
}
.layerBox{
	width:300px;
	padding:20px;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	margin:0 auto;
	background:#fff;
	border-radius:4px;
}
.layerBox p{
	line-height:28px;
	font-size:16px;
	color:#666;
}
.layerBox .btn {
	margin-top:12px;
	text-align:center;
}
.layerBox .btn a{
	display:inline-block;
	width:100px;
	height:32px;
	line-height:32px;
	margin:0 12px;
	background-color:#0054d0;
	text-align:center;
	font-size:16px;
	color:#fff;
	cursor:pointer;
}
.layerBox .btn .closeBtn{
	background:#999;
}  
/*新闻列表*/
.newsList{
	width:900px;
	float:left;

	
	
}  
.newsList .cont{
	width:auto;
	height:auto;
	overflow:hidden;
	padding-top:10px;
}  
.newsCont{
	padding:0 20px;
	background:#fff;
	border:1px solid #ebebeb;
}  
.newsCont .contan{
	display:block;
}     
.newsRelate{
    float: right;
    width: 278px;
    min-height:840px;
    overflow: auto;
    background-color: #fff;
    border: 1px solid #ebebeb;
} 
.newsRelate .tit {
    height: 38px;
    line-height: 38px;
    background: #f8f8f8;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    font-size: 16px;
    color: #333;
}   
.newsRelate ul{
	padding:0 10px;
}
.newsRelate li{
	height:28px;
	line-height:28px;
	margin:5px 0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;

}   
.newsRelate li a{
	font-size:14px;
	color:#333;
}  
.newsRelate li a span{
	float:left;
	width:16px;
	height:16px;
	line-height:16px;
	margin-top:6px;
	margin-right:6px;
	text-align:center;
	background:#dcdcde;
	border-radius:2px;
	font-size:12px;
	color:#fff;
} 
.newsRelate li:nth-child(1) a span{   
	background:#0a96d8;
}  
.newsRelate li:nth-child(2) a span{   
	background:#2fb5f4;
}  
.newsRelate li:nth-child(3) a span{   
	background:#60cbfe;
} 
.newsRelate li:nth-child(4) a span{   
	background:#8bd9fe;
}  
.newsInfo{
	padding:20px;
	min-height:800px;
	background:#fff;
	border:1px solid #ebebeb;
	font-size:14px;
	line-height:20px;
}    
.newsInfo .tit{
	margin-bottom:20px;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color:#333;
}    
.newsInfo .othersInfo{
	text-align:center;
	margin-bottom:30px;
	color:#666;
} 
.courseLast{
	width:100%;
	padding-bottom:40px;
	background:url(../images/hua.jpg) repeat;
	overflow:auto;
} 
.courseLast .title{
	width:1200px;
	margin:0 auto;
	padding-top:40px;
	padding-bottom:20px;
	font-size:24px;
	color:#333;
} 
.courseLastBox{
	width:1200px;
	margin:0 auto;
	overflow:auto;
} 

.courseLastBox li{
	float:left;
	width:25%;
	height:306px;
	margin-bottom:40px;
	overflow:hidden;
} 
.courseLastBox li a{
	cursor:pointer;
}
.courseLastBox li .img{
	width:270px;
	height:202px;
	margin:0 auto;
	padding-left:10px;
	position:relative;
	overflow:hidden;
}  
.courseLastBox li .img .tag{
	display:block;
	width:86px;
	height:23px;
	line-height:23px;
	position:absolute;
	left:0;
	top:10px;
	background:url(../images/tag2.png) no-repeat;
	text-align:center;
	color:#fff;
}  
.courseLastBox li .img p{
	width:96%;
	height:30px;
	line-height:30px;
	padding:0 2%;
	overflow:hidden;
	position:absolute;
	left:10px;
	bottom:0;
	z-index:99;
	background:rgba(0,0,0,0.5);
	font-size:14px;
	color:#fff;
}  
.courseLastBox li .word{
	width:250px;
	margin:0 auto;
	position:relative;
	left:5px;
	padding:10px 10px 15px 10px;
	background:#fff;
}
.courseLastBox li .price{
	margin:0 auto;
	font-size:14px;
	color:#999;
}  
.courseLastBox li .price .author{
	float:right;
}   
.courseLastBox li .price .num{
	color:#be0110;
	font-size:18px;
} 
.courseLastBox li .tit{
	margin:15px auto 0 auto;
	font-size:16px;
	line-height: 20px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    color:#333;
  
}  
.peixList{
	width:1200px;
	margin:0 auto;
}   
.peixList .title{
	width:1200px;
	margin:0 auto;
	padding-top:40px;
	padding-bottom:20px;
	font-size:24px;
	color:#333;
} 
.peixList li{
	float:left;
	width:25%;
	height:291px;
} 
.peixList li .img{
	width:283px;
	height:157px;
	overflow:hidden;
	margin:0 auto;
} 
.peixList li .img img{
	width:100%;
}  
.peixList li .tit{
	width:283px;
	margin:0 auto;
	font-size:16px;
	line-height: 24px;
    height: 48px;
    margin-top:10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    color:#333;
  
}   
.peixList li .othersInfo{
	width:283px;
	margin:0 auto;
	margin-top:6px;
	font-size:14px;
	color:#999999;
} 
.peixList li .othersInfo span{
	float:right;
} 
.peixList li .othersInfo span em{
	color:#0054d0;
}
.peixList li a{
	display:block;
	width:283px;
	height:35px;
	line-height:35px;
	margin:0 auto;
	margin-top:18px;
	font-size:16px;
	color:#fff;
	text-align:center;
	background:#0054d0;
}  
/*首页轮播图*/
.imgslide{
	width:100%;
	position:relative;
}
.imgslide img{
	width:100%;
}
.swiper-pagination{
	width:100%;
	bottom:40px;
}
.swiper-pagination-bullet{
	margin:0 7px;
	background-color:#a8a8a8;
	opacity:1;
}
.swiper-pagination-bullet-active{
	background-color:#757575;
}
.layerBuy .btn{background:none;border:none}


.pager{padding-left: 20px; 
        float: right; 
        padding-top: 20px; 
        padding-bottom: 20px;
        overflow: hidden;
        padding-right: 30px;}    
.pager .pagerCurrent{padding: 3px 10px;
										 border: 1px solid #E6E6E6;
										 border-radius: 5px;}
.pager .pagerPer:hover,.pagerCurrent:hover{background: #0054d0; color: #fff;}										            
.pager .pagerCurrent{background: #0054d0; color: #FFFFFF;}
.pager span a{ }									            
.pager span a:hover{background: #0054d0; 
                    color: #FFFFFF; 
                    -webkit-transition-duration:0s; 
                    transition-duration:0s;}	
.cont{
	    margin: 0px auto 0px auto;
	    background-color: #fff;

}
.cont .player{
	position: relative;
	margin-top: 10px;
	overflow: hidden;	
	min-height: 500px;
}
.cont .player .player-warp{
	margin-right:4rem;
	position: relative;
	min-height: 553px;
}
.cont .player .player-warp video{
	width: 100%;
	height: 100%;
}
.cont .player .player-warp .wait{
	width: 100%;
	background-color: rgba(0,0,0,0.9);
	z-index: 100;
	position: absolute;
	height: 503px;
}
.cont .player .player-warp .wait .money{
	width: 160px;
	height: 45px;
	color: #fff;
	background-color: #0054d0;
	line-height: 45px;
	text-align: center;
	margin: 240px auto;
	font-size: 16px;
}
.cont .player .player-warp .gift{
	    width: 100%;
	    height: 50px;
	    position: absolute;
	    bottom: 0;
	    text-align: center;
	    background: #F0F0F0;
	    margin-top: -3px;
}
.cont .player .player-warp .gift div{
	display: inline-block;
	font-size: 16px;
	line-height: 50px;
	padding: 0 5px ;
}
.cont .player .player-warp .gift .name{
	float: left;
}
.cont .player .player-warp .gift .time{
	float: right;
}
.cont .player .room-sidebar{
	    position: absolute;
	    right: 0;
	    top: 0;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    width: 3.8rem;
	    min-height: 553px;
	    border: 1px solid #ebebeb;
	    background: #fff;
}
.cont .player .room-sidebar .sidebotm{
	position: absolute;
	bottom: 24px;
	width: 100%;
	height: 50px;
}
.cont .player .room-sidebar .sidebotm textarea{
	width: calc(100% - 65px);
	width: -moz-calc(100% - 65px);
	width: -webkit-calc(100% - 65px);
	height: 41px;
	border-top:1px solid #ebebeb ;
	position: relative;
	padding: 4px 0 4px 5px;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	font-size: 14px;
	background-color: #f4f4f4;
	border-bottom: 1px solid #ebebeb;
}
.cont .player .room-sidebar .sidebotm em{
	position: absolute;
	height: 41px;
	width: 60px;
	line-height: 41px;
	border-left: 1px;
	right: 0;
	top: 0;
	text-align: center;
	font-style: normal;
	font-size: 16px;
	background-color: #0054d0;
	color: #fff;
	cursor: pointer;
	border: 1px solid #0054d0;
}
.cont .player .room-sidebar .sidebotm em:hover{
	background-color: #fff;
	color: #0054d0;
	border-color: #0054d0;
}
#sinaEmotion .face {
	width:auto!important;
	height:auto!important;
	}
.cont .player .room-sidebar .chat-room__wrap{
	position: relative;
	top: 0;
	width: 100%;
	height: calc(100% - 50px);
	height: -moz-calc(100% - 50px);
	height: -webkit-calc(100% - 50px);
}
.cont .player .room-sidebar .chat-room__wrap .top{
	height: 40px;
	line-height: 40px;
	text-align: right;
	padding-right: 15px;
	border-bottom: 1px solid #ebebeb;
	font-size: 16px;
	background-color: #f8f8f8;
}
.cont .player .room-sidebar .chat-room__wrap .gist{
	line-height: 22px;
	font-size: 12px;
	overflow: auto;
	height: 404px;
	position: relative;
}
.cont .player .room-sidebar .chat-room__wrap .loading{
	position: absolute;
	top: 50%;  
	left: 70%;  
	height: 24px;  
	width: 24px;  
	margin: -15% 0 0 -25%;  
	background-image: url(../images/5-121204194028.gif);
	z-index: 99;
	background-repeat: no-repeat;
	text-align: center;
	display: none;
}
.cont .player .room-sidebar .chat-room__wrap .gist .onepice{
	margin: 5px;
	padding: 5px;
	background-color: #f6f6f6;
	border-radius: 2px;
}
.cont .player .room-sidebar .chat-room__wrap .cun{
	height: 25px;
	line-height:25px;
	display: flex;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.cont .player .room-sidebar .chat-room__wrap .cun a{
	display: inline-block;
	text-align: center;
	flex: 1;
	cursor: pointer;
}
.cont .player .room-sidebar .chat-room__wrap .cun .noad{
	background-color: #ccc;
	color: #fff;
}
.cont .player .room-sidebar .chat-room__wrap .cun a:first-child{
	border-right: 1px solid #ccc;
}
.cont .player .room-sidebar .chat-room__wrap .wiget{
overflow: hidden;
}
.cont .player .room-sidebar .chat-room__wrap .wiget .name{
				    color: #0054d0;
				    cursor: pointer;
				    display: inline-block;
				    max-width: 180px;
				    height: 100%;
				    padding-right: 5px;
				}
.cont .player .room-sidebar .chat-room__wrap .repy .send{
	          width: 100%;
				    	overflow:hidden; 
				    	word-wrap:break-word 
				}
.cont .player .room-sidebar .chat-room__wrap .repy{
				    	width: 100%;
				}	
.player .face{
	background-image: url(../images/enmij.png);
	width: 24px;
	height: 24px;
	border: 0;
	margin: 0px 5px;
	outline: none;
	cursor: pointer;
	position: absolute;
	bottom: 0;
}
.cont .room{
	padding: 10px 12px;
	font-size: 22px;				
	border: 1px solid #ebebeb;
	overflow: hidden;
}
.cont .room h3{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cont .room p{
	font-size: 14px;
	padding-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
	max-width: 75%;
}
.cont .room .room-right{
	float: right;
	overflow: hidden;
}
.cont .room .room-right div{
	background-repeat: no-repeat;
	font-size: 12px;
	padding-left: 22px;
	background-position: 2px;
}
.cont .room .room-right .people{
	background-image: url(../images/people.png);	
}