/*----------*/
html, body, p, dl, dt, dd, ul, ol, li, table, tr, th, td, h1, h2, h3, h4, h5, h6, pre, img, form, fieldset, input, textarea,  blockquote {margin:0px; padding:0px;} 
body {font-size:14px;text-align:left;margin: 0px;padding:0px; line-height:160%;color:#414141; font-family:"Microsoft YaHei";}
body,div{ margin:0px auto;dispaly:inline}
div,img,ul,ol,form {border:0px;}
img{ vertical-align:middle;}
ul,li{margin:0px; padding:0px;border:0px;}
li {border:0px;list-style-type: none; margin:0px; padding:0px;}
a{text-decoration:none;color:#272727;transition:all .5s;}
a:hover{text-decoration:none;color:#ff5a5f;}
p{text-align:left;}
em{font-style:normal;}
.pd{padding:9px;}
.fl{float:left;}
.fr{float:right;}
h6{ font-size:14px;line-height:30px;}
h1{font-size:28px;margin-bottom:10px;}
h2{font-size:40px;color:#333333; margin-bottom:10px;line-height: 1em;}
input, label, select, option, textarea, button, fieldset, legend {margin: 0px;padding:0px; color:#414141;}
i{ margin:0px 2px;}
br{clear:both}
input {outline:none;}
input:focus{border-color: #1ebdb2;}
input[type=submit]{ cursor: pointer; }
.b{border:solid 1px #E5E5E5}
br{ clear:both}
.fix:after{content:"."; display:block; clear:both; visibility:hidden; height:0;}
.fix{ zoom:1;}
/* */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
 
/*ҳ*/
.mn{ width:1000px; margin:0px auto; border:solid 1px #eeeeee; border-radius:5px;-webkit-box-shadow:0px 2px 10px #dbdcdd; 
  -moz-box-shadow:0px 2px 10px #dbdcdd;  
  box-shadow:0px 2px 10px #dbdcdd; padding:50px;}

.in1{border:solid 1px #eeeeee; border-radius:5px; line-height:35px;font-family:"Microsoft YaHei"; padding-left:5px; width:380px;}
.in2{ float:left; width:200px; line-height:35px; text-align:right; height:50px;}
.in2a{ float:left; width:500px; height:50px;}
.in2b{ float:left; width:500px;}
.in2ba{border:solid 1px #eeeeee; border-radius:5px; line-height:35px;font-family:"Microsoft YaHei"; width:380px;padding-left:5px;}

.in3{ font-weight:bold; padding-left:200px; margin-bottom:10px;}
.in4a{ padding-left:200px;}
.in4{ background-color:#ff0000; font-size:16px;border-radius:5px; border:none; line-height:40px; color:#FFFFFF;  background-repeat:no-repeat; margin:15px 0px 15px 0px; text-align:center; padding:0px 3%; width:385px;}
.bt{border-top:solid 1px #e0e0e0; margin-top:50px; text-align:center; padding:15px 0px;}
.in5{float:left; width:220px; padding-left:40px; padding-top:30px;}
.in5 img{ margin-top:20px;}
.in5a{float:left; width:700px; padding-right:39px; border-right:dashed 1px #eeeeee;}


 .upbtn span { position:relative; overflow:hidden;}
.upbtn span input { position:absolute; top:0; right:0; opacity:0;-ms-filter:'alpha(opacity=0)';filter: alpha(opacity=0);font-size: 30px;direction: ltr;cursor: pointer;}
 li .imglist { margin-left:55px; min-height:100px; line-height:23px; font-size:12px;}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

#imglist1 {padding:10px;padding-left: 70px;}
#imglist1 .imgli{
    position:relative;
    cursor:pointer; padding:2px; border:1px solid #EEEEEE;
    -webkit-box-shadow:  1px 1px 2px rgba(0,0,0,.75);
    box-shadow:  1px 1px 2px rgba(0,0,0,.75);
    float:left;
    margin-right: 10px;
    margin-bottom: 5px;
    width:150px;
    height:150px;
    display:table-cell;
    vertical-align: middle;
    overflow:hidden;
    border:1px solid #ABCDEF;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -moz-transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
#imglist1 .new {opacity:0.6;}
#imglist1 .imgli:hover { opacity:1; -webkit-box-shadow: 5px rgba(0,0,255,.75);box-shadow:  1px 1px 5px rgba(0,0,255,.75);}
#imglist1 .imgli:hover a.top{ display:block;}
#imglist1 .imgli img { max-width: 150px; height:150px; vertical-align: middle; margin: 0 auto;}
#imglist1 .imgli a.closed { color:#FFFFFF; text-align:center; position: absolute;top:0px; left:0px;width:100%; background:#333;opacity:0.6;}
#imglist1 .imgli a.top {display:none; color:#FFFFFF; text-align:center; position: absolute;bottom:2px; height:25px; line-height:25px; left:0px;width:100%; background:#333;opacity:0.6;}
#imglist1 .imgli a.top:hover {opacity:0.9; text-decoration: none;color:#FEFE33;}
#imglist1 .fileupload-process{ position:absolute; bottom:0px; text-align:center; width:100%; background: url("progressbar.gif") !important;}