/* CSS Document */

*{ margin:0px; padding:0px; font-family:"微软雅黑";}
.main-max{     border: 1px solid #dddddd; width:100%; height:auto; margin:auto;position:relative;}
.Main-top{ width:100%; padding-bottom:20px; border-bottom:1px solid #C7C7C7; height:428px; background:#ededed; overflow:auto; overflow-x:hidden; }

.Main-bot{ width:100%; height:180px;}
.Main-bot textarea{ width:98.5%; height:125px; margin-bottom:5px; font-size:16px; color:#606060; line-height:45px; text-indent:20px; border:0px;}
.Main-bot>div{ cursor:pointer; float:right;}
.Main-bot .int1{ margin-right:10px;}
.Main-bot .int2{ margin-right:30px; width:123px; height:29px; background:url(../images/ico2.png) no-repeat;}
.Main-bot .int2:hover{ background:url(../images/ico5.png) no-repeat;}

.Hide-Main{ max-width:645px; height:300px; background:#eeeff7; position:absolute; top:100px; left:51px;}
.Hide-Bac{ display:none; width:100%; height:100%; background:url(../images/ico3.png); position:absolute; top:0px; left:0px; }
.Hide-Main p{ font-size:16px; line-height:40px; color:#292929; margin-left:40px;}
.Hide-Main p img{ cursor:pointer; margin:8px;}

.Hide-Info{ width:600px; height:305px; margin-left:40px; overflow:auto; overflow-x:hidden;}
.Hide-Info ul{ height:auto;}
.Hide-Info ul li{ width:100%; margin-bottom:20px; height:45px; float:left;}
.Hide-Info ul li>div{ width:434px; height:auto; float:left;}
.Hide-Info ul li span{ font-size:14px; color:#606060; line-height:34px; float:left;}
.Hide-Info ul li .speed{ width:205px; height:10px; background:#d3d3d8; border-radius:5px; float:left;}
.Hide-Info ul li .speed	 div{ height:10px; border-radius:5px; background:#569a58;}
.Hide-Info ul li a{ font-size:13px; color:#606060; float:left; line-height:44px; text-decoration:underline; }
.Hide-Info ul li a:hover{ color:#569a58;}

.Hide-Bot-int{ text-align:center; width:100%; height:30px; float:left; margin-top:37px;}

.file{ display:none;}
.Hide-Bot-int input[type='button'],.chbtn{ width:102px; height:30px; background:#308530; border-radius:3px; border:0px; color:#fff; font-size:14px; cursor:pointer; margin:auto;}


.Main-top ul{ width:100%; height:auto; list-style-type:none;}
.Main-top ul li{ width:98%; margin-bottom:}
.Main-top ul .on{ float:left; margin-left:18px;}
.Main-top ul .on>img{ width:30px; height:30px; float:left;}
.Main-top ul .on div{ margin-left:5px; position:relative;max-width:575px; height:auto; padding:5px; background:#f9f9f9; border-radius:3px; line-height:26px; font-size:12px; color:#40444c; float:left;}
.Main-top ul .on div>img{ position:absolute; left:-7px; top:0px; } 
.Main-top .chattime{ width:100%; height:20px; float:left; margin:10px 0px; text-align:center;}
.Main-top .chattime span{ padding:5px 20px; border-radius:2px; background:#dddddd; font-size:12px; color:#fff; text-align:center; line-height:20px; margin:auto;}

.Main-top ul .on2{ float:left; margin-right:18px; }
.Main-top ul .on2>img{ width:30px; height:30px; float:right;}
.Main-top ul .on2 div{ margin-right:10px; position:relative;max-width:575px; height:auto; padding:5px; background:#b2e182; border-radius:3px; line-height:26px; font-size:12px; color:#40444c; float:right;}
.Main-top ul .on2 div>img{ position:absolute; right:-6px; top:0px; }