/** CSS Reset **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; vertical-align: bottom;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
abbr,acronym { border:0; }
textarea, input{resize: none;outline:none;}
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}
input{border:0}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:underline;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 0;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}

body{height: 100%;width: 100%;background:url(img/bg.png) no-repeat top center;font:24px/180% "Microsoft YaHei";overflow: hidden;}
.fl{float:left;}
.fr{float:right;}
.none{display:none;}
.overhidden{overflow:hidden;}
.wrapbox{width:600px;position: absolute;left:50%;top:50%;margin-top:-20%;margin-left:-300px;}
.wrapbox .imgLogo{margin:0 auto;display: block;}
.wrapbox .wrap{margin-top:70px;width:600px;height:410px;border:1px solid #fff;border-radius: 10px;background:rgba(255,255,255,0.2);}
.btn{position:relative;margin:0 auto;width:380px;height: 54px;line-height: 54px;background:#ffbe00;color: #fff;text-align: center;border-radius: 5px;cursor: pointer;}
.btn i{width: 24px;height: 24px;position: absolute;}
i.icon-up{background: url(img/icon-up.png) no-repeat center center;top:14px;left:110px;}
i.icon-down{background: url(img/icon-down.png) no-repeat center center;top:14px;left:110px;}
/*welcome*/
.formLogin{padding-top:100px;}
.formLogin .viewLogin-info{margin:0 auto 20px;padding:0 15px 0 56px;width:310px;height:54px;line-height:50px;}
.formLogin .viewLogin-info.viewUsername{background:#fff url(img/icon-user.png) no-repeat 15px 12px;}
.formLogin .viewLogin-info.viewPassword{background:#fff url(img/icon-password.png) no-repeat 15px 12px;}
.formLogin .viewLogin-info input{width:100%;}
/*chose*/
/* .chose{padding-top:80px;} */
.choseList{width:540px;margin:150px auto 0;}
.choseList .item{cursor: pointer;float:left;width:160px;height:80px;line-height: 80px;text-align: center;color: #fff;}
.choseList .item.item_0{background: #eb8eed;border-radius: 10px 0 0 10px;border: 10px solid #eb8eed;}
.choseList .item.item_1{background: #bde68a;border: 10px solid #bde68a;}
.choseList .item.item_2{background: #87cdf5;border-radius:0 10px 10px 0;border: 10px solid #87cdf5;}
.choseList .item.item_0.active{border-color:#d629da;}
.choseList .item.item_1.active{border-color:#7aa04a;}
.choseList .item.item_2.active{border-color:#3880a9;}
.down{display:none}
.down .exit{display: inline;width: 50px;margin: 20px;cursor: pointer;}
.down .choseItem{width:140px;height:60px;line-height: 60px;text-align: center;color: #fff;border-radius:10px;margin:20px auto 0;}
.down .choseItem.item_excel{background: #eb8eed;border: 10px solid #eb8eed;}
.down .choseItem.item_xmjs{background: #bde68a;border: 10px solid #bde68a;}
.down .choseItem.item_xsfk{background: #87cdf5;border: 10px solid #87cdf5;}
.down .btnBox a{text-decoration: none;color:#fff;}
.down .btn{margin-top:30px;}
/*upload*/
.uploadBox{
	width: 540px;
    margin: 0 auto;
    display:none;
}
.inputBox {
    margin-top: 20px;
    width: 100%;
    height: 40px;
    border: 1px solid #eee;
    border-radius: 5px;
    line-height: 40px;
    position: relative;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}
.inputBox input {
    width: 114%;
    height: 40px;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    left: -14%;
    top: 0;
    outline: none;
    border: none;
}
.inputBox p{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.progress {
    margin-top: 20px;
    position: relative;
    width: 100%;
    height: 30px;
    border-radius: 5px;
    background: #ffffff;
    line-height: 26px;
}
.bar {
    width: 0;
    height: 100%;
    border-radius: 5px;
    background: #ffbe00;
}
.percent {
    position: absolute;
    display: inline-block;
    top: 2px;
    left: 0;
    width: 100%;
    text-align: center;
}
.fileBtn {
    line-height: 54px;
    display: block;
    width: 100%;
    height: 54px;
    border: none;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    background: #ffbe00;
    margin-top: 20px;
    font-size:24px;
}
/*download*/
.downloadBox{
	width: 540px;
    margin: 0 auto;
	display:none;
}