/* CSS Document */
@charset "utf-8";
*:focus {
    outline: none;
}
html, body {
    height: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fiedldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var, i {
    font-style: normal;
    font-weight: normal;
}
ol, ul, li {
    list-style: none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
body {
    font-family: "Microsoft YaHei";
    color: #6b4f3c;
    font-size: 14px;
    background: #f5f7fa;
}
input, select, textarea, button {
    vertical-align: middle;
    font-family: "Microsoft YaHei";
}
a, a:link {
    text-decoration: none;
    outline: none;
}
.hide{ display: none;}
.pr{ position: relative; }
.wrap{ width:100%; max-width:1920px; min-width:1050px; height:auto; _width:expression(this.scrollWidth > 1920 ? "1920px" : (this.scrollWidth < 1050? "1050px" : "auto")); overflow:hidden; margin:0 auto;}
.header{ padding-top: 40px; height: 603px; background: url(../img/banner.jpg) center top no-repeat; }
.top{ width: 1200px; margin: 0 auto; overflow: hidden; }
.logo{ display: block; float: left; }
.login{ display: block; float: right; width: 122px; height: 34px; line-height: 34px; text-align: center; border-radius: 19px; color: #fff; font-size: 16px; border: 2px solid #fff; }
.login i{ display: inline-block; width: 17px; height: 9px; background: url(../img/right.png) no-repeat; vertical-align: middle; margin: -3px 0 0 5px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.login:hover i{-webkit-transform: translateX(4px); transform: translateX(4px);}
.contain{ padding-top: 258px; background: url(../img/bg.jpg) center top no-repeat; }
.list{ overflow: hidden; width: 1236px; margin: 0 auto; padding-bottom: 70px; }
.list li{ width: 376px; height: 511px; border-radius: 10px; float: left; background: #fff; margin: 0 18px 70px; cursor: pointer; font-size: 16px; -webkit-box-shadow: 0px 0px 20px 0px rgba(212,235,248,1); -moz-box-shadow: 0px 0px 20px 0px rgba(212,235,248,1); box-shadow: 0px 0px 20px 0px rgba(212,235,248,1); }
.list-img{ height: 282px; border-radius: 10px 10px 0 0; overflow: hidden; }
.list-img img{ display: block; width: 100%; min-height: 100%; }
.list-info{ padding: 15px; overflow: hidden; }
.list-name{ color: #828282; line-height: 26px; height: 52px; overflow: hidden; }
.list-user{ padding: 14px 0; overflow: hidden; color: #828282; border-bottom: 1px solid #ebebeb; }
.list-user img{ width: 28px; height: 28px; overflow: hidden; border-radius: 50%; display: inline-block; vertical-align: middle; margin: -3px 5px 0 0; }
.list-state{ padding-top: 15px; }
.list-num{ float: left; font-size: 14px; color: #6b6b6b; height: 30px; }
.list-num span{ font-size: 20px; }
.list-type{ float: right; color: #828282; padding-top: 3px; }
.list-process{ clear: both; height: 10px; border-radius: 5px; overflow: hidden; background: #b0b0b0; }
.list-process p{ width: 50%; height: 10px; border-radius: 10px; max-width: 100%; background: #00a0e9; }
.list-support{ font-size: 14px; color: #ababab; padding-top: 8px; }
.list-order{ font-size: 20px; color: #6b6b6b; padding-top: 10px; }
.footer{ color: #78cbff; text-align: center; background: #0092e3; line-height: 28px; padding: 30px 0; }
.footer img{ display: inline-block; vertical-align: middle; margin: -3px 5px 0 0; }
.footer a{ color: #78cbff;}
.fade{ position:fixed; top: 0%; left: 0%; background: black; z-index:15; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=75); width:100%; height:100%; display:none;}
.alert { position:fixed; z-index:16; display:none; left: 50%; top: 50%;}
.alert-close{ width: 52px; height: 52px; display: block; margin: 20px auto 0; background: url(../img/close.png) no-repeat; -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; -ms-transition: -ms-transform .3s ease-out; }
.alert-close:hover{ -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg);}
.codes{ width: 367px; }
.alert-main{ background: #fff; padding: 40px 0; text-align: center; border-radius: 10px; }
.alert-main p{ font-size: 18px; color: #000000; line-height: 28px; padding-top: 20px; }
.list li.no-msg{ width: 100%; margin: 0 auto; text-align: center; height: auto; padding: 250px 0; font-size: 18px; }