@import "./reset.css";
@import "./countDownModal.css";
@font-face {
    font-family: 'DINCondensed-Bold';
    src: url(../font/DIN-Condensed-Bold.ttf);
}

body {
    background: #f2f2f2;
}


/* 内容包裹层 */

.box-wrap {
    width: 1100px;
    margin: 0 auto;
    background: #fff;
}


/* 页面头部 */

.box-wrap .head-wrap {
    margin: 0 auto;
    width: 1040px;
    padding-top: 109px;
    border-bottom: 1px solid #c00;
}

.box-wrap .head-wrap .head-list .head-item {
    display: inline-block;
    width: 163px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #F3F3F3;
}

.box-wrap .head-wrap .head-list .head-item:hover {
    cursor: pointer;
}

.box-wrap .head-wrap .head-list .head-item img {
    vertical-align: middle;
}

.box-wrap .head-wrap .head-list .head-item span {
    vertical-align: middle;
    color: #666;
    font-size: 16px;
}


/* 头部菜单选中样式 */

.box-wrap .head-wrap .head-list .head-item.active {
    position: relative;
    z-index: 2;
    background: -webkit-linear-gradient(right, #cc0000, #eb5267);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #cc0000, #cc0000);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #cc0000, #cc0000);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to left, #eb5267, #cc0000);
    /* 标准的语法 */
    -pie-background: linear-gradient(right, #eb5267, #cc0000);
    behavior: url(./js/pie/PIE.htc);
}

.box-wrap .head-wrap .head-list .head-item.active span {
    color: #fff;
}


/* 页面内容展示区域 */

.box-wrap .content-wrap {
    width: 1040px;
    min-height: 750px;
    margin: 0 auto;
}

.btn-groups {
    text-align: center;
}


/* 按钮样式 */

.button {
    cursor: pointer;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    position: relative;
    z-index: 2;
    border-radius: 4px !important;
    behavior: url(./js/pie/PIE.htc);
    border: 1px solid #be9e67;
    color: #be9e67;
}

.button.primary {
    background: -webkit-linear-gradient(right, #caad77, #e6cf9d);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #caad77, #e6cf9d);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #caad77, #e6cf9d);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to left, #e6cf9d, #caad77);
    /* 标准的语法 */
    -pie-background: linear-gradient(right, #e6cf9d, #caad77);
    behavior: url(./js/pie/PIE.htc);
    color: #fff;
    border-color: transparent !important;
}

.button.orange {
    background: -webkit-linear-gradient(right, #ca9e4c, #e5bd66);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ca9e4c, #e5bd66);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ca9e4c, #e5bd66);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to left, #e5bd66, #ca9e4c);
    /* 标准的语法 */
    -pie-background: linear-gradient(right, #e5bd66, #ca9e4c);
    behavior: url(./js/pie/PIE.htc);
    color: #fff;
    border-color: transparent !important;
}

.button.red {
    background: -webkit-linear-gradient(right, #cc0000, #eb5267);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #cc0000, #eb5267);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #cc0000, #eb5267);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to left, #eb5267, #cc0000);
    /* 标准的语法 */
    -pie-background: linear-gradient(right, #eb5267, #cc0000);
    behavior: url(./js/pie/PIE.htc);
    color: #fff;
    border-color: transparent !important;
}

.button.disabled {
    /* background: #ccc !important; */
    background: -webkit-linear-gradient(right, #ccc, #ccc);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ccc, #ccc);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ccc, #ccc);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to left, #ccc, #ccc);
    /* 标准的语法 */
    -pie-background: linear-gradient(right, #ccc, #ccc);
    behavior: url(./js/pie/PIE.htc);
    color: #fff;
    /* border: 0; */
    cursor: no-drop;
}

.btn-groups a {
    display: inline-block;
    width: 200px;
    height: 40px;
    margin: 0 20px;
    line-height: 40px;
    border-radius: 4px;
    behavior: url(./js/pie/PIE.htc);
    border: 1px solid #be9e67;
    color: #be9e67;
}

.btn-groups a.primary {
    background: -webkit-linear-gradient(right, #caad77, #e6cf9d);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #caad77, #e6cf9d);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #caad77, #e6cf9d);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to left, #e6cf9d, #caad77);
    /* 标准的语法 */
    -pie-background: linear-gradient(right, #e6cf9d, #caad77);
    behavior: url(./js/pie/PIE.htc);
    color: #fff;
    border-color: transparent !important;
}

.btn-groups a.disabled {
    background: #ccc !important;
    cursor: no-drop;
    border: 0;
    color: #fff;
}


/* 状态提示card */

.status-card {
    border-radius: 4px;
    position: relative;
    z-index: 2;
    behavior: url(./js/pie/PIE.htc);
}

.status-card.warning {
    background: #fff5e2;
    border: 1px solid #f3e2c0;
}

.status-card.success {
    background: #f5ffe9;
    border: 1px solid #cbe5ae;
}


/* form表单样式 */

.form-wrap>p {
    margin: 20px 0;
}

.form-wrap input,
.form-wrap select {
    border: 1px solid #e1e1e1;
    padding: 5px 10px;
    position: relative;
    z-index: 2;
    border-radius: 4px;
    /* behavior: url(./js/pie/PIE.htc); */
}

.form-wrap select {
    background: #fff;
}

.form-wrap button {
    line-height: 1;
}

.form-wrap label {
    font-size: 14px;
    color: #333;
}

.form-wrap label[class="error"] {
    font-size: 14px;
    color: #F7576A;
    margin-left: 30px;
}

.form-wrap input {
    font-size: 14px;
    color: #333;
}

.form-wrap select {
    border-radius: 4px;
    /* behavior: url(./js/pie/PIE.htc); */
    border: 1px solid #e1e1e1;
    height: 30px;
    line-height: 30px;
    padding-right: 12px;
    padding-left: 10px;
}

.form-wrap>p input[disabled] {
    background: #fff !important;
    color: #444;
    cursor: no-drop;
}