*{margin: 0;padding: 0}

html{ font-family:"microsoft yahei";}
a{text-decoration: none;outline: none;}
ul{list-style: none;}

textarea:focus {
	outline: none;
	border: 1px solid #c946057a;
}
.warp{
	width: 100%;
	background:url(../lyh/lyh.jpg) no-repeat;
	height: 820px;
	min-width: 1200px;
	position: relative;
	overflow: hidden;
}

/* center */

.convert-cen{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	position: relative;
}
.convert-contet{
	width: 100%;
	text-align: center;
	height: 50px;
}
.convert-contet h1 {
    color: #fff;
    font-size: 42px;
    font-weight: bold;
    line-height: 50px;
    font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
    text-shadow: 0 0 5px #000;
}

.convert-box{
margin-top:100px;
width: 550px;
float:left;
}

.convert-l{
background:url(../img/t1.png) no-repeat 250px 50px;
background-size:50% 25%;
}
.convert-r{
background:url(../img/t2.png) no-repeat 250px 50px;
background-size:50% 25%;
}

.convert-message{
margin-top:30px;
width: 100%;
height: 600px;
margin: 0 auto;
border:5px solid #000;
}
.convert-txt{
background-color:rgba(0, 0, 0, 0.5);
opacity:1;
text-align: left;
color: #fff;
font-size: 14px;
line-height: 20px;
resize: none;
padding:5px;
width:100%;
height:100%;
border: 1px solid #000;
}

.convert-txt:focus{
     outline: none;
     border: 1px solid #000;
     -webkit-box-shadow: 0 0 16px #f00;
     -moz-box-shadow: 0 0 15px #f00;
     box-shadow: 0 0 16px #f00;
background-color:rgba(0, 0, 0, 0.8);
}

.convert-txt::-webkit-scrollbar {
    width: 12px;
}

.convert-txt::-webkit-scrollbar-track {
    background: rgb(189 189 189 / 20%);
    border-radius: 8px;
}

.convert-txt::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .5);
    border-radius: 8px;
}

.convert-txt::-webkit-scrollbar-thumb:hover {
    background: rgba(201, 201, 202, .5);
    border-radius: 8px;
}