@charset "utf-8";

/*初始化样式*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,select,button,textarea,p,blockquote,th,td{ font-family:Microsoft YaHei,Helvitica,Verdana,Arial,san-serif; font-size:14px; margin:0; padding:0; box-sizing: border-box;}
ul,ol,li{ list-style:none; box-sizing: border-box;}
table { border-collapse:collapse; border-spacing:0;} 
th,td { padding:0;}
i,em{ font-style:normal;}
a:link,a:visited{ color:#333; text-decoration:none; outline:none;}
a:hover{ color:#000; text-decoration:none;}
a:active {star:expression(this.onFocus=this.blur());} 
img{ border:0 none; display:block;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
svg>text{ display:none;}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{
  border-radius: 4px!important;
  height: 36px;
  margin-bottom: 0 !important;
  color: #333;
}

input[type=checkbox], input[type=radio]{
  opacity: 1;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0;
  z-index: 0;
}
select{
    appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;
     padding: 0  14px;
}
/*清除IE浏览器input后面的小图标*/
input::-ms-clear{ display:none;}
input::-ms-reveal{ display:none;}
/*去掉input点击后出现的边框*/
input{ outline:none;}
textarea{ outline:none; resize:none;}
button:focus{outline:0;}

html,body{ width: 100%; height: 100%;}
.tl_translate{
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.tl_box_shadow{
    -webkit-box-shadow: 1px 5px 16px #80c3d0; 
    -moz-box-shadow: 1px 5px 16px #80c3d0; 
    box-shadow: 1px 5px 16px #80c3d0;
}


/*body背景*/
.tl_login_bg{ background:  url(../../images/new/login_bg5.png) no-repeat center center; background-size: cover;}

.tl_login_box{ width: 900px; background: rgba(255,255,255,0.8); padding: 50px 0px; position: fixed; top: 44%; left: 50%; overflow: hidden; border-radius: 6px;}
.tl_title{ text-align: center; width: 340px; margin: 0 auto 60px; font-size: 28px; color: #017ff8;}
.tl_title img{ width: 100%;}

.tl_title_x{ width:100%; overflow: hidden;}
.tl_title_x .tl_title_x_l{ width: 400px; float: left;  height: 256px;}
.tl_title_x .tl_title_x_l img{ width: 100%;}
.tl_title_x .tl_title_x_r{ float: right; width: 500px; padding: 0 80px;}

.tl_input{ width: 100%; height: 44px; border: 1px solid #017ff8; border-radius: 4px; margin-bottom: 20px; box-sizing: border-box;}
.tl_input span{ width: 26px; height: 26px; float: left; margin: 8px 8px 0;}
.tl_input span img{ width: 100%;}
.tl_input input{ border: none; width: 294px; float: left; background: none; height: 100%; padding-right: 10px; font-size: 14px; color: #017ff8;}

.tl_input_yz{ width: 100%;  margin-bottom: 40px; height: 44px;}
.tl_input_yz .tl_input_yz_left{ width: 60%; border: 1px solid #017ff8; height: 100%; border-radius: 4px; float: left; box-sizing: border-box;} 
.tl_input_yz .tl_input_yz_left span{ width: 26px; height: 26px; float: left; margin: 8px 8px 0;}
.tl_input_yz .tl_input_yz_left span img{ width: 100%;}
.tl_input_yz .tl_input_yz_left input{ background: none; border: none; height: 100%;  font-size: 14px; color: #017ff8;}
.tl_input_yz .tl_yz_code{ float: right; width: 36%; height: 100%; background: none; border: none; cursor: pointer;}

.tl_login_btn{ width: 100%; height: 44px; background: #017ff8; border: none; border-radius: 4px; color: #fff; font-size: 16px; cursor: pointer; font-weight: bold;}

.tl_remember_user{ margin-bottom: 40px; overflow: hidden;}
.tl_remember_user input{ width: 26px; height: 26px; float: left; cursor: pointer;}
.tl_remember_user span{ line-height: 26px; float: left; margin-left: 8px; color: #017ff8; font-size: 16px;}

/* 表单美化 */

input[type="checkbox"] {
  background: url(../../images/new/chexk.png) no-repeat center center; /*背景图路径*/
  background-size: contain;
  vertical-align: middle;
  -webkit-appearance: none;
}
input[type="checkbox"]:checked {
  background: url(../../images/new/chexk_on.png) no-repeat center center;/*背景图路径*/
  background-size: contain;
}
input::-webkit-input-placeholder {
       /* placeholder颜色  */
color: #8cc0ed;
/* placeholder字体大小  */
ont-size: 14px;
}