body
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background:rgba(255,255,255,1);   
    font-size: 12px;
    /*font-size: 1.0em;*/
    font-family: MONTSERRAT-REGULAR,Avenir Next forINTUIT Medium,Avenir Next forINTUIT,Arial,-apple-system,Helvetica Neue,sans-serif;   
    color: #363636;  
    -webkit-text-size-adjust:none; 
}

@font-face {
    font-family: 'Aldrich-Regular';
    src: url('/fonts/Aldrich-Regular.ttf');
} 

@font-face {
    font-family: 'MONTSERRAT-BLACK';
    src: url('/fonts/MONTSERRAT-BLACK.ttf');
} 
@font-face {
    font-family: 'MONTSERRAT-BLACKITALIC';
    src: url('/fonts/MONTSERRAT-BLACKITALIC.ttf');
} 
@font-face {
    font-family: 'MONTSERRAT-BOLD';
    src: url('/fonts/MONTSERRAT-BOLD.ttf');
} 
@font-face {
    font-family: 'MONTSERRAT-BOLDITALIC';
    src: url('/fonts/MONTSERRAT-BOLDITALIC.ttf');
} 

@font-face {
    font-family: 'MONTSERRAT-EXTRABOLD';
    src: url('/fonts/MONTSERRAT-EXTRABOLD.ttf');
} 
@font-face {
    font-family: 'MONTSERRAT-EXTRABOLDITALIC';
    src: url('/fonts/MONTSERRAT-EXTRABOLDITALIC.ttf');
} 

@font-face {
    font-family: 'MONTSERRAT-EXTRALIGHT';
    src: url('/fonts/MONTSERRAT-EXTRALIGHT.ttf');
} 
@font-face {
    font-family: 'MONTSERRAT-EXTRALIGHTITALIC';
    src: url('/fonts/MONTSERRAT-EXTRALIGHTITALIC.ttf');
} 

@font-face {
    font-family: 'MONTSERRAT-ITALIC';
    src: url('/fonts/MONTSERRAT-ITALIC.ttf');
} 
@font-face {
    font-family: 'MONTSERRAT-LIGHT';
    src: url('/fonts/MONTSERRAT-LIGHT.ttf');
} 
@font-face {
    font-family: 'MONTSERRAT-LIGHTITALIC';
    src: url('/fonts/MONTSERRAT-LIGHTITALIC.ttf');
} 
@font-face {
    font-family: 'MONTSERRAT-MEDIUM';
    src: url('/fonts/MONTSERRAT-MEDIUM.ttf');
} 
@font-face {
    font-family: 'MONTSERRAT-MEDIUMITALIC';
    src: url('/fonts/MONTSERRAT-MEDIUMITALIC.ttf');
} 
@font-face {
    font-family: 'MONTSERRAT-REGULAR';
    src: url('/fonts/MONTSERRAT-REGULAR.ttf');
} 

@font-face {
    font-family: 'MONTSERRAT-SEMIBOLD';
    src: url('/fonts/MONTSERRAT-SEMIBOLD.ttf');
} 
@font-face {
    font-family: 'MONTSERRAT-SEMIBOLDITALIC';
    src: url('/fonts/MONTSERRAT-SEMIBOLDITALIC.ttf');
} 
@font-face {
    font-family: 'MONTSERRAT-THIN';
    src: url('/fonts/MONTSERRAT-THIN.ttf');
} 
@font-face {
    font-family: 'MONTSERRAT-THINITALIC_0';
    src: url('/fonts/MONTSERRAT-THINITALIC_0.ttf');
} 

 h2{
    margin-left:20px;
    display: block;
    /*font-size: 1.3em;*/
    font-size: 13px;
    font-weight:500;
 }

 a:link{
    text-decoration:none;
    color:#00a5d9;
}

 a:visited{
    text-decoration:none;
    color:#00a5d9;
}

 a:hover{
    text-decoration:none;
    color:#00a5d9;
}

 input,textarea,select
 {
     font-size: 13px;
     /*font-size: 1.0em;*/
 }
 input,button{
     font-size: 15px;
     /*font-size: 1.2em;*/
     background-color:#ffffff;
     height:20px;
     line-height:20px; 
     border-width:1px;
     border:1px solid rgba(210, 210, 210,1);    
 }
 .btborder{
     border:1px solid rgba(95, 106,124,1);   
 }


 .divbtn{
     border-radius:5px;
     float:left;
     color:white;
     width:110px;
     height:40px;
     line-height:40px;
     text-align:center;
     cursor:pointer;
 }

 select
 {
     -webkit-appearance:none;
     background: url("/Images/select_arrow.png") no-repeat scroll right center transparent;
     padding-left:5px;    
     outline:none;
     border-top-color: rgb(210, 210, 210);
     border-top-style: solid;
     border-top-width: 0px;
     border-right-color: rgb(210, 210, 210);
     border-right-style: solid;
     border-right-width: 0px;
     border-bottom-color: rgb(210, 210, 210);
     border-bottom-style: solid;
     border-bottom-width: 1px;
     border-left-color: rgb(210, 210, 210);
     border-left-style: solid;
     border-left-width: 0px;
 }

 .select_white{
      background: url("/Images/select_arrow2.png") no-repeat scroll right center transparent;
 }

 input{
    outline:none;   
    border-top-color: rgb(210, 210, 210);
    border-top-style: solid;
    border-top-width: 0px;
    border-right-color: rgb(210, 210, 210);
    border-right-style: solid;
    border-right-width: 0px;
    border-bottom-color: rgb(210, 210, 210);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(210, 210, 210);
    border-left-style: solid;
    border-left-width: 0px;
 }


 #mainpart{
   position: absolute;
   display: block;
   top: 90px;
   left:280px;  
   min-width:1080px;
   width:80%;
   height: auto;
   min-height:800px;
   padding: 2px; 
   z-index: 2002;   
   border-radius: 5px;
   background:rgba(255,255,255,1);
}


 
 .annotext{
     width:450px;
     height:200px;
     float:left;
     color:rgb(0,0,0);
 }
 
 #backbtn{
     margin-left:20px; 
     margin-top:20px;    
     width:100px;
     height:25px;    
     line-height:25px;   
 }

 .clickbtn{     
     float:left;     
     text-align:center;
     color:rgb(255,255,255);
     background:rgba(125,180,66,1);
     cursor:pointer;
 }

  #sysconfigform{
     width:720px;
     height:600px;
     margin-top: 10px;
     margin-left:20px;   
 }

  #playmonitorform{
     width:700px;
     height:600px;
     margin-top: 10px;
     margin-left:10px;
  }

 .formfeild{
     width:250px;
     height:70px;    
     margin-top:5px;
     float:left;
 }

 .feildname{
     width:250px;
     height:20px;
     line-height:20px;
     color:rgb(150,150,150);
     float:left;
 }
 .feildinput{
     width:220px;
     height:25px;
     line-height:25px;
     float:left;
    
 }
  .feildtext{
     width:220px;
     height:20px;
     line-height:20px;
     float:left;
 }

 .feildtextarea{   
     height:80px;
     float:left;
     color:rgb(0,0,0);
 }

.feildselect{
     height:25px;
     float:left;
     width:220px;
}

.feildcheckbox{
     height:20px;
     float:left;
}

.feildcheckbox_ct{
     height:20px;
     float:left;
}


input[type=checkbox] {   
    cursor: pointer;
    width: 14px;
    height: 14px;
    position: relative;
}
input[type=checkbox]:after {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
    content: " ";  
    display: inline-block;
    visibility: visible;
    background-image:url("/Images/checkbox.png");
	background-size:100%;
}
input[type=checkbox]:checked:after {    
    content:" ";
    background-image:url("/Images/checkbox1.png");
	background-size:100%;
}


input[type=radio] {   
    cursor: pointer;
    width: 14px;
    height: 14px;
    position: relative;
}
input[type=radio]:after {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
    content: " ";
    background-color: #fff;
    color: #79a9f9;
    display: inline-block;
    visibility: visible;
    border: 1px solid #79a9f9;   
    border-radius: 7px;
}
input[type=radio]:checked:after {
    background-color: #79a9f9;  
    background-clip: content-box; 
    padding:3px;   
}



.sub-account{
    width:90%;
    min-height:50px;
    height:auto;
    margin-left:20px;
}

.sub-manager{
    width:60%;
    min-height:200px;
    height:auto;
    margin-left:20px;
}
.sub-manager td:nth-child(1){
    width:150px;
    height:30px;
}
textarea{
    width:200px;
    height:80px;
}

#curaddbtn{
     width:100px;
     height:25px;
     line-height:25px;   
     float:left;   
     margin-left:20px;
 }

#curlogbtn{
     width:100px;
     height:25px;
     line-height:25px;   
     float:left;   
     margin-left:20px;
}

 .currencyRow{
      width:600px;
      height:30px;
      line-height:30px;
      float:left;
 }

.currencycode{
     width:80px; 
     height:30px;
     float:left; 
 }

.currencydesc
 {
     width:150px; 
     height:30px;
     float:left;    
 }

.currencyrate{

    width:100px;
    height:30px;
    float:left;
}

.currencyunit{
     width:100px;
     height:30px;
     float:left;
}

.currencyact{
     width:100px;
     height:30px;
     float:left;
}

.clickable{
     color:rgb(0,0,255);
     cursor:pointer;
}
#currencyLogform{
     width:700px;
     height:600px;
     float:left;
     margin-left:40px;
     margin-top:20px;
 }

 .currencyLogRow{
      width:1000px;
      height:30px;
      line-height:30px;
      float:left;
 }

.currencyLogcode{
     width:80px; 
     height:30px;
     float:left; 
 }
.currencyLograteAfter{

    width:100px;
    height:30px;
    float:left;
}

.currencyLograteBefore{

    width:100px;
    height:30px;
    float:left;
}

.currencyLogdesc
 {
     width:100px; 
     height:30px;
     float:left;    
 }

.currencyLogunit{
     width:80px;
     height:30px;
     float:left;
}
.currencyLogmodifyUser
 {
     width:120px; 
     height:30px;
     float:left;    
 }
.currencyLogmodifyDate
 {
     width:200px; 
     height:30px;
     float:left;    
 }
.currencyLogmode
 {
     width:150px; 
     height:30px;
     float:left;    
 }


#livechat{
    width:1055px;
    height:650px;
    margin-left:20px;  
}

#chatwindows{
    /*width:752px;*/
    height:500px;   
    float:left;
}
 
#chatusers{    
    width:170px;
    height:500px;
    background-color:rgba(230,230,230,1);
    float:left;
    margin-left:5px;    
    overflow-y:auto;   
    border-radius:5px;
    box-shadow: 3px 3px 5px #888888;

}
 .groupname{
        width:160px;
        height:35px;
        line-height:35px;
        /*font-size:1.2em;*/
        font-size:12px;
        font-weight:800;
        float:left;
  }
  .groupname span{
        margin-left:20px; 
  }

.chatuser{
    width:160px;
    height:35px;
    line-height:35px;
    margin-left:0px;
    cursor:pointer;
    color:rgba(78,78,78,1);
    font-weight:bold;
    float:left;
   
}
.chatuser span
{
    margin-left:20px;
    float:left;
}

.usel{ 
       width:6px;
       height:35px;
       float:left;
    }
.uselgreen{
   
}

.grad{
     background-color:rgb(87,87,87);
     color:white;
}
.chatnonew{ margin-top:7px;
     border-radius: 50%;
     height:15px;
     width:15px;
     float:right;
     margin-right:10px;
}
.chatnew{
     margin-top:6px;
     border-radius: 50%;
     height:15px;
     width:15px;
     float:right;
     margin-right:10px;
     background-color:#ff0000;
     color:#ffffff;
     line-height:16px;
     /*font-size:1.0em;*/
     font-size:10px;
     text-align:center;
}

.chatwindow{
    /*width:750px;*/
    height:500px;  
    position:absolute;
    display:none;
    margin-left:185px;
}

.chattitle{
    width:750px;
    height:30px;
    background-color:rgba(206,205,206,1);
    float:left;
    text-align:center;
    /*font-size:1.3em;*/
    font-size:13px;
}

.chatwith{
    height:30px;
    line-height:30px;
    display:inline;
    margin:0 auto;
}

.chatclose{
    width:20px;
    height:20px;
    float:right;
    margin-top:5px;
    margin-right:5px;  
    background:url( ../images/del_btn.png);  
    cursor:pointer;
}

.chatshow{
   width:745px;
   height:500px;
   float:left;
   overflow-y:auto;
   /*border:1px solid #ccc;*/
   background-image:url(/images/livebg.jpg);
   background-repeat:no-repeat;
   background-size:100% 100%;
   border-top-right-radius:10px;
   overflow-x:hidden;
}

.chatinput{
   width:100%;
   height:150px; 
   float:left;
   /*border-bottom-right-radius:10px;*/
   padding-left:10px;
   padding-right:7px;
}
/*.chatinput textarea
{
    border-bottom-right-radius:10px;
}*/
.chattool{
    width:750px;
    height:30px;
    float:left;
}
.chattool span{
    width:750px;
    height:30px;
    float:left;
    line-height:30px;    
}

.chattext{
  
    height:148px;
    float:left;
    width:1100px;
    border:none;
    box-shadow:3px 3px 10px #888888;
    border-radius:5px;
    padding:10px;
}

.btnSend{
    width:100px;
    height:25px;
    margin-top:10px;
    background-color:rgba(40,160,15,1);
    float:left;
    color:rgba(255,255,255,1);
    line-height:25px;
    text-align:center;
    cursor:pointer;
}

.chatitem{
    margin-top:10px;
    margin-left:10px;
    width:700px;
    height:auto;
    min-height:50px;
}

.chatnametime{
    width:500px;
    height:25px;
    line-height:25px;
    float:left;
    color:rgba(90,90,90,1);
    font-weight:100;
}

.chatdelete{
    width:20px;
    height:20px;
    line-height:20px;
    float:right;
    cursor:pointer;
    background:url( ../images/del_btn.png);
}

.chatcontent{
     width:98%;
     margin-left:0px;
     min-height:20px;
     height:auto;
     line-height:20px;
     float:left;
     background-color:rgba(255,255,255,0);
     padding:5px;
}

.chatnametime_me{
    width:475px;
    height:25px;
    line-height:25px;
    float:right;
    text-align:right;
    color:rgba(90,90,90,1);
    font-weight:100;
}

.chatdelete_me{
    width:20px;
    height:20px;
    line-height:20px;
    float:left;
    cursor:pointer;
    background:url( ../images/del_btn.png);
    
    /*border-bottom:1px solid rgba(210,210,210,1);
    border-top:1px solid rgba(210,210,210,1);
    border-right:1px solid rgba(210,210,210,1);*/
}

.chatcontent_me{
     width:700px;
     margin-left:0px;
     min-height:40px;
     height:auto;
     /*line-height:40px;*/
     text-align:right;
     float:left;
     background-color:rgba(255,255,255,0);
     padding:5px;
}

.tblist{
    float:left;   
    height:auto;    
    border-collapse:collapse;   
    border-radius:5px;
    box-shadow: 3px 3px 15px #888888;
}

.tblist th{
    background:rgba(95,106,124,1);
    text-align:center; 
    color:white;
    height:50px;  
    white-space: nowrap; /* 自适应宽度*/
    word-break: keep-all; /* 避免长单词截断，保持全部 */
    padding-left:5px;
    padding-right:5px;
}

tbody{
     border-radius:5px;
}
tr{
     border-radius:5px;
     border-top:1px solid rgba(230,230,230,1);
  }

.tblist td{
    height:40px;
    text-align:center;   
    font-weight:bold;
    padding-left:2px;
    padding-right:2px;
}

th{
   text-align: center;
}
.layui-layer-content
{
    text-align:center;
}
.layui-layer-title
{
  text-align:center;
  width:100%;
  text-indent:50px;
}

.cbtn{
    width:110px;
    height:40px;
    line-height:38px;
    text-align:center;
    font-size:15px;    
    border-radius:5px;
    color:white;
    cursor:pointer;
}

.cbtn1{
   background: -ms-linear-gradient(left,#9283fd, #75a9f9);background: -webkit-linear-gradient(left, #9283fd, #75a9f9); background: -o-linear-gradient(left, #9283fd,#75a9f9); 
}

/*.cbtn1.active.focus {
  outline: none;
  border-color: transparent;
  box-shadow:none;
}*/

.cbtn2{
   background: -ms-linear-gradient(left,rgb(153,202,111), rgb(101,159,36) );background: -webkit-linear-gradient(left,rgb(153,202,111), rgb(101,159,36)); background: -o-linear-gradient(left, rgb(153,202,111), rgb(101,159,36)); 
}

.cbtn3{
    background: -ms-linear-gradient(left,rgb(114,114,114),rgb(84,84,84));background: -webkit-linear-gradient(left,rgb(114,114,114),rgb(84,84,84) ); background: -o-linear-gradient(left,rgb(114,114,114),rgb(84,84,84)); 
}

.cbtn4{
     background: -ms-linear-gradient(left,rgb(48,206,235),rgb(18,150,163));background: -webkit-linear-gradient(left,rgb(48,206,235),rgb(18,150,163) ); background: -o-linear-gradient(left,rgb(48,206,235),rgb(18,150,163)); 
}

.cbtn5{
    background: -ms-linear-gradient(left,rgb(246,88,89),rgb(219,42,32) );background: -webkit-linear-gradient(left, rgb(246,88,89),rgb(219,42,32)); background: -o-linear-gradient(left, rgb(246,88,89),rgb(219,42,32)); 
 

}

.cbtn6{
    background: -ms-linear-gradient(left,rgb(226,181,126), rgb(246,145,3));background: -webkit-linear-gradient(left, rgb(226,181,126), rgb(246,145,3)); background: -o-linear-gradient(left,rgb(226,181,126), rgb(246,145,3)); 
    
}