iflyket/web/css/css01.css

@charset "utf-8";
/* CSS Document */
pre{
    white-space:inherit;
    white-space: pre-wrap;
    word-wrap: break-word;
}
ul, ol， li {
    list-style: none;
}

/* 重置文本格式元素 */
a {
    text-decoration: none;
    display: block;
    width: 100%;
}

abbr[title], acronym[title] {
    /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

title {
    text-align: center;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #b9b9b9;
}

q:before, q:after {
    content: '';
}

/* 重置表单元素 */
legend {
    color: #000;
}

/* for ie6 */
fieldset, img {
    border: none;
}

/* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
/*
button, input, select, textarea {
    font-size: 100%; /!* 使得表单元素在 ie 下能继承字体大小 *!/
}
*/

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

* {
    margin: 0;
    padding: 0;
    /*font-family: "微软雅黑";*/
    font-family: "黑体";
    color: #1c2b36;
    font-size: 14px;
}

img {
    border: none;
    display: block;
}

a, button, input {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border: none;
}

button {
    background: none;
    border-radius: 5px;
    padding: 0 15px;
    color: #fff;
    cursor:pointer

}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    　　color: #b9b9b9;
}

　　input:-moz-placeholder, textarea:-moz-placeholder {
    　　color: #b9b9b9;
}

　　input::-moz-placeholder, textarea::-moz-placeholder {
    　　color: #b9b9b9;
}

　　input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    　　color: #b9b9b9;
}

input {
    /*font-family: "微软雅黑";*/
    font-family: "黑体";
    appearance: none;
    border: none;
    border-radius: 0;
    background-color: #FFF;
    -webkit-border-radius: 0;
    -webkit-border: none;
    -webkit-appearance: none;
    outline: none;
}
body{
    min-width: 1000px!important;
    overflow-x: scroll!important;
}
/*chrome表单自动填充去掉input黄色背景解决方案
可以对input:-webkit-autofill使用足够大的纯色内阴影来覆盖input输入框的黄色背景；如：
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    border: 1px solid #CCC!important;
}*/

textarea {
    outline: none;
    resize: none;
    /*font-family: "微软雅黑";*/
    font-family: "黑体";
    appearance: none;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-border: none;
    -webkit-appearance: none;
}

button {
    border: none;
    outline: none;
}

table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}

table td {
    word-break: break-all;
    word-wrap: break-word;
}

select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #ccc;
    padding: 0 10px;
    border-radius: 5px;
    height: 34px;
    /*很关键：将默认的select选择框样式清除*//*
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;*/

    /*在选择框的最右侧中间显示小箭头图片*/
    /*
    background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;
    */

    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    /* padding-right: 14px;*/
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
/*select::-ms-expand {
    display: none;
}*/

.bg {
    background: #f1f4f5;
}

/*----------------------------------------------------------------------------*/
.top {
    background-image: url("../img/top_01.png");
    background-size: 100% 80px;
    width: 100%;
    height: 80px;
    line-height: 80px;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 8;
}
.top span{
    margin-left: 20px;
    font-size: 20px;
    color: #fff;
    word-spacing: 7em;
}
.logo {
    width: 230px;
    height: 80px;
    line-height: 80px;
    background: #121d25;
    color: #fff;
    font-size: 30px;
    text-align: center;
    float: left;
    margin-right: 25px;
}
.left-top{
    margin-top: 70px;
    width: 190px;
    padding: 0 20px;
    color: #4d7cc2;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
}
.left-top img{
    width: 16px;
    float: left;
    margin: 17px 0;
}
.left-top p{
    color: #4d7cc2;
    float: left;
    padding-left: 10px;
    font-size: 16px;
}
.top-left {
    color: #fff;
    float: left;
    margin-right: 40px;
    overflow: hidden;
}

.top-left > a > img,
.top-left > a > p {
    float: left;
    font-size: 20px;
}

.top-left > a > img {
    margin: 25px 10px 25px 0;
}

.slt02 > a > p {
    color: #4ccfff;
}
.top-right11{
    float: right;
    color: #fff;
}
.top-right11 img{
    float: left;
    margin: 32px 4px 32px 40px;
}
.top-right11 a{
    display: inline;
    color: #fff;
    padding-right: 20px;
    border-right: 1px solid #fff;
    line-height: 80px;
}
.top-right, .top-right01, .top-right02 {
    float: right;
    color: #fff;
}

.top-right01 {
    overflow: hidden;
    padding-right: 25px;
}

.top-right01 > img, .top-right01 > p {
    float: left;
}

.top-right01 > img {
    margin: 32px 4px 32px 15px;
}

.top-right02 {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    overflow: hidden;
    margin: 15px 0 15px 10px;
}

.top-right02 > img {
    width: 100%;
}

/*-----------------------------------------------------------------------------------------------------------*/
.left {
    width: 230px;
    height: 100%;
    position: fixed;
    left: 0;
    z-index: 6;
    background: #fff;
    overflow: hidden;
}

.left > div {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 25px;
}

.nav-left-01 {
    width: 190px;
    padding: 0 20px;
    color: #4d7cc2;
    overflow: hidden;
}

.nav-left-01 > a {
    height: 50px;
    line-height: 50px;
}

.nav-left-01 > a > img:first-of-type {
    width: 16px;
    float: left;
    margin: 17px 0;
}

.nav-left-01 > a > p {
    color: #4d7cc2;
    float: left;
    padding-left: 10px;
    font-size: 16px;
}

.icon-right {
    width: 16px;
    float: right;
    margin: 17px 0;
}

.classification {
    width: 100%;
}

.classification > li {
    padding-left: 65px;
    width: 165px;
    height: 50px;
    line-height: 50px;
}

.classification > li > a {
    font-size: 14px;
    color: #4d7cc2;
}

.slt01 {
    background: #fff;
}

.slt01 > a, .slt01 > a > p {
    color: #4d7cc2;
}

.slt011{
    background: #fff;
}

.slt011 > a{

    color:#ec6b6b!important;
}

.classification > li:hover,
.nav-left-01:hover {
    background: #ebf3ff;
}
.classification > li > a:hover{
    color: #ec6b6b;
}
.classification > li:hover p{
    color: #ec6b6b;
}

.main {
    padding-left: 255px;
    padding-right: 25px;
    padding-bottom: 40px;
    padding-top: 80px;
}

.title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
}

.title > div {
    float: left;
    width: 4px;
    height: 20px;
    background: #868f95;
    margin-top: 20px;
}

.title > p {
    float: left;
    padding-left: 5px;
    font-size: 16px;
}

.title > p:first-of-type {
    padding-left: 10px;
}

.title > p > a {
    color: #58666e;
    text-decoration: underline;
    font-size: 16px;
}

.content {
    background: #fff;
    padding: 20px 0;
    position: relative;
}

.content01 {
    padding: 20px;
    background: #fff;
}

.recommendation-screen {
    padding: 0 20px;
    display: block;
    overflow: hidden;
    /*border-bottom: solid 1px #ccc;*/
}

.recommendation-screen > li {
    float: left;
}

.recommendation-screen > li:first-child {
    /*padding-right: 120px!important;*/
    overflow: hidden!important;
}

.recommendation-screen > li:last-of-type {
    position: absolute;
    right: 20px;
    top: 20px;
}
.recom_inpu{
    border: 1px solid #37c9a5;
    width:233px;
    height:32px;
    float:left;
    padding-left: 5px;
}
.recommendation-screen > li:last-of-type > button {
    border-radius: 0!important;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    background:#37c9a5;
    color: #fff;
    float:right;
}

.recommendation-screen .input01 {
    float: left;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-right: 10px;
    border: solid 1px #ccc;
    width: 148px;
    height: 32px;
    padding-left: 30px;
    line-height: 32px;
    background: url("../img/icon10.png") no-repeat;
    background-position: 7px 10px;
}
.recommendation-screen tr td:last-child{
    text-align: left;
}
.recommendation-screen tr td:first-child{
    text-align: right;
}
.recommendation-screen .select01 {
    float: left;
    margin-bottom: 20px;
    margin-right: 10px;
}

.recommendation-screen .button01,
.recommendation-screen .calendar01 {
    float: left;
    margin-bottom: 40px;
    margin-right: 10px;
    height: 34px;
}

.recommendation-screen .button01 > button {
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    background: #4d7cc2;
    color: #fff;
}

.recommendation-screen .font01 {
    float: left;
    margin-bottom: 20px;
    margin-right: 10px;
    height: 34px;
    line-height: 34px;
}
.page {
    padding: 20px 20px 0px;
    overflow: hidden;
}
.table {
    padding: 20px 20px 0px 0px;
}

.table tr {
    height: 40px;
    /*border-bottom: solid 1px #e5e5e5;*/
}
.table thead tr:first-of-type{
    background: none!important;
}
.table thead tr {
    background: #ebf3ff;
    border: none;
    /*border-bottom: solid 2px #ccc;*/
}
.table thead tr th {
    color: #4d7cc2;
}
.table th,
.table td {
    padding: 0 2px;
    /*
    word-break:keep-all;!* 不换行 *!
    white-space:nowrap;!* 不换行 *!
    overflow:hidden;!* 内容超出宽度时隐藏超出部分的内容 *!
    text-overflow:ellipsis; !* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*!
    */
}

.table-heat a img {
    display: inline;
}

.table tbody tr:nth-of-type(2n+1){
    background: #ecf9e7;
}
.table tbody tr input{
    background: none!important;
}

.play > a img {
    display: inline;
}

.btn-modify {
    background: #78cd9a;
    padding: 0px 5px;
}
.btn-modify-title {
    background: #fc7e7e;
    padding: 5px 10px;
}
.btn{
    padding: 0px 5px;
}
.btn-delete {
    background: #fc7e7e;
    padding: 0px 5px;
}

.btn-again {
    background: #4ccfff;
    padding: 2px 10px;
}
.btn-title{
    background: #4ccfff;
    padding: 2px 10px;
    margin-left: 5px;
}

.btn-cancel {
    background: #cccccc;
    padding: 2px 10px;
}

.btn-upper {
    background: #4ccfff;
    padding: 2px 15px;
    border-radius: 20px;
}

.btn-lower {
    background: #78b0cd;
    padding: 2px 15px;
    border-radius: 20px;
}

.btn-moveup {
    background: url("../img/moveup.png") no-repeat;
    background-position: 0 2px;
    color: #4ccfff;
    padding: 0 5px 0 15px;
}

.btn-movedown {
    background: url("../img/movedown.png") no-repeat;
    background-position: 0 2px;
    color: #4ccfff;
    padding: 0 5px 0 15px;
}

.page {
    padding: 20px 20px 0 20px;
    overflow: hidden;
}

.page > div {
    float: left;
    line-height: 34px;
}

.page > ul {
    float: right;
    overflow: hidden;
}

.page > ul > li {
    float: left;
    margin-left: 10px;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    border-radius: 5px;
    border: solid 1px #ccc;
}
.page > ul > li > a:hover{
    background: #fff!important;
    color: #333!important;
}
.page-s {
    background: #4ccfff!important;
    border: none !important;
}

.page-s > a {
    color: #fff;
}

.font02 {
    border: none !important;
    padding: 0 !important;
}
.skip{
    margin-left: 5px;
    padding: 9px 16px;
    border-radius: 10px;
    background: #4d7cc2;

}
.skip a{
    color: #fff;
}
.input02 {

    width: 50px;
    overflow: hidden;
    margin-left: 5px !important;
}

.input02 > input {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 32px;
}

/*---------------------------------------------------------------------------*/
.regular-checkbox, .regular-checkbox01, .regular-checkbox02 {
    display: none;
}

.regular-checkbox + label {
    background-color: #fff;
    border: 1px solid #4ccfff;
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    margin-top: 5px;
}

.regular-checkbox:checked + label {
    background-color: #4ccfff;
    border: 1px solid #4ccfff;
    color: #99a1a7;
}

.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: -2px;
    left: 3px;
    color: #fff;
}

.regular-checkbox01 + label {
    padding: 0 15px;
    height: 34px;
    line-height: 34px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    margin-top: 5px;
    background: #edf1f2;
}

.regular-checkbox01:checked + label {
    background-color: #4ccfff;
    color: #fff;
}

.regular-checkbox01:checked + label:after {
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
}

.regular-checkbox02 + label {
    background: none;
    border: 1px solid #fff;
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

.regular-checkbox02:checked + label {
    background-color: #fff;
    color: #1c2b36;
}

.regular-checkbox02:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: -2px;
    left: 3px;
    color: #1c2b36;
}

/*----上传音频------------------------------------------------------------------*/

/*----弹出层------------------------------------------------------------------*/
.alt {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9;
    background: #fff;
    border-radius: 20px;
}

.alt01,
.alt04 {
    width: 400px;
    height: 200px;
    margin-top: -100px;
    margin-left: -200px;
}

.alt01 p {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 50px;
}

.alt01 div,
.alt05 > div:last-of-type {
    overflow: hidden;
}

.alt01 > div:last-of-type button,
.alt04 > div:last-of-type button,
.alt05 > div:last-of-type button {
    width: 80px;
    height: 34px;
}

.alt01 > div:last-of-type button:first-of-type,
.alt04 > div:last-of-type button:first-of-type,
.alt05 > div:last-of-type button:first-of-type {
    background: #4ccfff;
    margin-left: 90px;
}

.alt01 > div:last-of-type button:last-of-type,
.alt04 > div:last-of-type button:last-of-type,
.alt05 > div:last-of-type button:last-of-type {
    background: #cccccc;
    margin-left: 60px;
}

.alt04 > div:first-of-type {
    padding-top: 50px;
    padding-left: 104px;
    padding-bottom: 40px;
    overflow: hidden;
}

.alt04 > div > p {
    float: left;
    line-height: 34px;
}

.alt04 > div > input {
    width: 90px;
    height: 24px;
    padding: 5px;
    float: left;
    line-height: 34px;
    border-radius: 5px;
    border: solid 1px #ccc;
}

.alt02, .alt03, .alt05 {
    width: 400px;
    height: 325px;
    margin-top: -162.5px;
    margin-left: -200px;
}

.alt03 {
    height: 340px !important;
    margin-top: -170px !important;
}

.alt02 > div:first-of-type,
.alt03 > div:first-of-type,
.alt05 > div:first-of-type {
    color: #4ccfff;
    padding: 0 30px;
    height: 50px;
    line-height: 50px;
    border-bottom: solid 1px #4ccfff;
}

.alt02-upload, .alt02-name,
.alt03-upload, .alt03-name {
    overflow: hidden;
    padding: 20px 30px 0 30px;
}

.alt02-upload > p:first-of-type, .alt02-name > p:first-of-type,
.alt03-upload > p:first-of-type, .alt03-name > p:first-of-type {
    float: left;
}

.alt02-upload > p:first-of-type > span, .alt02-name > p:first-of-type > span,
.alt03-upload > p:first-of-type > span, .alt03-name > p:first-of-type > span {
    color: #ee3939;
    padding-right: 5px;
}

.upload-img,
.upload-img01 {
    float: left;
    margin-left: 30px;
}

.upload-img > input {
    width: 100px;
    height: 100px;
    opacity: 0;
}

.upload-img01 > input {
    width: 200px;
    height: 100px;
    opacity: 0;
}

.upload-img > div {
    width: 100px;
    height: 100px;
    margin-top: -100px;
}

.upload-img01 > div {
    width: 200px;
    height: 100px;
    margin-top: -100px;
}

.alt02-upload > p:last-of-type {
    float: left;
    padding-left: 10px;
    color: #ee3939;
    margin-top: 60px;
    font-size: 12px;
}

.alt03 > p {
    color: #ee3939;
    padding-left: 100px;
    margin-top: 5px;
    font-size: 12px;
}

.alt02-name > input {
    margin-left: 30px;
    width: 200px;
    height: 24px;
    padding: 5px;
    border-radius: 5px;
    border: solid 1px #ccc;
}

.alt02-btn {
    width: 80px;
    height: 34px;
    background: #4ccfff;
    margin-left: 100px;
    margin-top: 30px;
}

/*----------------------------------------------------------------*/
.content01, .content02 {
    padding: 20px;
    background: #fff;
}

.uploadaudio01 {
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: solid 1px #ccc;
}

.uploadaudio01 > li,
.uploadaudio02 > li {
    float: left;
    margin-right: 20px;
    line-height: 34px;
}

.uploadaudio01 > li:first-of-type select,
.uploadaudio02 > li:first-of-type select {
    width: 100px;
}

.uploadaudio01 > li:nth-of-type(2) select,
.uploadaudio02 > li:nth-of-type(2) select {
    width: 100px;
}

.uploadaudio01 > li:nth-of-type(3) {
    width: 180px;
    text-align: center;
}

.uploadaudio01 > li:nth-of-type(4) {
    width: 250px;
    text-align: center;
}

.uploadaudio01 button,
.uploadaudio02 button {
    background: #4ccfff;
    height: 34px;
    line-height: 34px;
}

.uploadaudio02 {
    overflow: hidden;
    padding-top: 20px;
}

.uploadaudio02 > li:nth-of-type(3) > input,
.uploadaudio02 > li:nth-of-type(4) > input {
    width: 168px;
    height: 22px;
    padding: 5px;
    border: solid 1px #ccc;
    border-radius: 5px;
    text-align: center;
}

.uploadaudio02 > li:nth-of-type(4) > input {
    width: 238px !important;
}

.uploadaudio02 > li:nth-of-type(5) > button {
    margin-left: 14px;
}

.uploadaudio02 .success {
    background: url("../img/success.png") no-repeat;
    background-position: 85px 9px;
    width: 240px;
    text-align: center;
    padding-left: 10px;
    color: #7bcb96;
}

.uploadaudio02 .fail {
    background: url("../img/fail.png") no-repeat;
    background-position: 45px 9px;
    width: 240px;
    text-align: center;
    padding-left: 10px;
    color: #fc7e7e;
}

.content01 .add,
.content01 .excel {
    margin-top: 20px;
    height: 34px;
    line-height: 34px;
    background: #edf1f2;
    color: #1c2b36;
}

.submit {
    margin-top: 20px;
    height: 34px;
    line-height: 34px;
    background: #4ccfff;
    margin-left: 30px;
}

.content01 .excel {
    background: #4ccfff !important;
    color: #fff !important;
}

.newalbum01, .newalbum02 {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
}

.newalbum01 > p:first-of-type,
.newalbum02 > p {
    float: left;
    width: 100px;
    text-align: right;
    margin-right: 30px;
}

.newalbum01 > p:first-of-type > span,
.newalbum02 > p > span {
    color: #ee3939;
    padding-right: 5px;
}

.newalbum01 > div,
.newalbum02 > div {
    float: left;
}

.newalbum01 > div {
    margin-left: 0;
}

.newalbum01 > p:last-of-type {
    float: left;
    color: #ee3939;
    padding-left: 10px;
    padding-top: 80px;
    font-size: 12px;
}

.newalbum02 > p {
    line-height: 34px;
}

.newalbum02 > input {
    width: 274px;
    height: 22px;
    padding: 5px 12px;
    line-height: 22px;
    border: solid 1px #ccc;
    border-radius: 5px;
}

.newalbum02 > div select {
    width: 298px;
}

.newalbum02 > textarea {
    width: 274px;
    height: 88px;
    padding: 5px 12px;
    line-height: 22px;
    border: solid 1px #ccc;
    border-radius: 5px;
}

.tags {
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    background: #edf1f2;
    position: relative;
    margin-top: 4px;
    margin-right: 24px;
    border-radius: 5px;
}

.tags button {
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background: #ee3939;
    padding: 0;
    line-height: 12px;
    position: absolute;
    top: -4px;
    right: -4px;
}

.tags-add {
    width: 32px;
    height: 32px;
    border-radius: 5px;
    border: solid 1px #ccc;
    color: #1c2b36;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    padding: 0;
    margin-top: 4px;
}

.upload-img03 {
    float: left;
    position: relative;
}

.upload-img03 > input {
    position: absolute;
    bottom: 0;
    left: 210px;
    opacity: 0;
    z-index: 2;
}

.upload-img03 > div:first-of-type {
    width: 200px;
    float: left;
}

.upload-img03 > div:last-of-type {
    width: 100px;
    position: absolute;
    bottom: 0;
    left: 210px;
    float: left;
    text-decoration: underline;
    color: #4ccfff;
}

.theme-btn {
    border-radius: 20px;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    background: #4ccfff;
}

.theme-title {
    margin-top: 60px;
    margin-bottom: 30px;
    color: #58666e;
}

.theme-list,
.banner-list {
    overflow: hidden;
}

.theme-list > li {
    float: left;
    width: 450px;
    height: 140px;
    margin-right: 30px;
    margin-bottom: 30px;
    background: #f5fcff;
    position: relative;
}

.theme-list > li > img:first-child {
    float: left;
    width: 100px;
    height: 100px;
    margin: 20px 30px 20px;
}

.theme-list > li > div {
    float: left;
    margin-top: 37px;
}

.theme-list > li > div > p {
    line-height: 22px;
}

.theme-list > li > div > p > span {
    color: #23b7e5;
}

.theme-list button:first-of-type {
    position: absolute;
    top: 30px;
    right: 30px;
    height: 34px;
    width: 80px;
    padding: 0;
}

.theme-list button:last-of-type {
    position: absolute;
    top: 74px;
    right: 30px;
    height: 34px;
    width: 80px;
    padding: 0;
}

.theme-list > li > img:nth-of-type(2) {
    position: absolute;
    top: 2px;
    left: 2px;
}

.banner-title {
    color: #58666e;
    margin-bottom: 20px;
}

.banner-list > li {
    float: left;
    width: 300px;
    margin-right: 30px;
    position: relative;
    margin-bottom: 20px;
}

.banner-list > li > img:first-child {
    width: 100%;
    height: 146px;
}

.banner-list > li > img:nth-of-type(2) {
    position: absolute;
    top: 2px;
    left: 2px;
}

.btn-moveleft {
    background: url("../img/moveleft.png") no-repeat;
    background-position: 0 2px;
    color: #4ccfff;
    padding: 0 5px 0 15px;
}

.btn-moveright {
    background: url("../img/moveright.png") no-repeat;
    background-position: 0 2px;
    color: #4ccfff;
    padding: 0 5px 0 15px;
}

.banner-list > li > div {
    overflow: hidden;
    width: 100%;
    margin-top: 20px;
}

.banner-list > li > div > button:first-child,
.banner-list > li > div > button:nth-of-type(2) {
    float: left;
}

.banner-list > li > div > button:nth-of-type(3),
.banner-list > li > div > button:nth-of-type(4),
.banner-list > li > div > button:nth-of-type(5) {
    float: right;
}

.upload-img02 {
    margin-top: 0 !important;
}

.upload-img02 > input {
    width: 300px;
    height: 146px;
    opacity: 0;
}

.upload-img02 > div {
    width: 300px;
    height: 146px;
    margin-top: -146px;
}

/*----------------------------------------------------------------*/
.login-bg {
    background: url("../img/login-bg.jpg") center center no-repeat;
    width: 100%;
    height: 900px \9;
    /*“\9”支持IE6、IE7、IE8、IE9浏览器，意思这几个版本的样式一致。
    “\0”表示支持IE8浏览器。*/
    height: 100vh;
    display: block;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login-main {
    width: 400px;
    height:500px ;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -260px;
    margin-left: -200px;
    z-index: 5;
}

.login-main > img {
    width: 100%;
    margin-bottom: 110px;
}

.login-main > div {
    width: 400px;
    background: rgba(255, 255, 255, 0.1);
    position: relative;
}

.upload-img04 {
    position: absolute;
    top: -50px;
    left: 150px;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    overflow: hidden;
}

.upload-img04 > input {
    width: 100px;
    height: 100px;
    opacity: 0;
}
.head {
    position: absolute;
    top: -50px;
    left: 150px;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    overflow: hidden;
}

.upload-img04 > div {
    width: 100px;
    height: 100px;
    margin-top: -100px;
}

.user, .password {
    width: 265px;
    margin-left: 50px;
    margin-right: 50px;
    border-bottom: solid 1px #fff;
    height: 34px;
    padding-left: 35px;
    line-height: 34px;
}

.user {
    background: url("../img/user.png") no-repeat;
    background-position: 0 8px;
    margin-top: 70px;
}

.password {
    background: url("../img/password.png") no-repeat;
    background-position: 0 8px;
    margin-top: 30px;
}

.login-main > div > p {
    text-align: right;
    color: #ee3939;
    font-size: 12px;
    padding-top: 5px;
    padding-right: 50px;
    padding-bottom: 10px;
}

.remember {
    overflow: hidden;
    margin-top: 30px;
    padding-left: 50px;
}

.remember > div {
    float: left;
}

.remember > p {
    float: left;
    color: #fff;
    line-height: 20px;
    padding-left: 5px;
}

.login-btn {
    background: #4ccfff;
    width: 300px;
    height: 34px;
    margin: 50px 50px 30px;
    border-radius: 5px;
    color: #fff;
}


.login-copyright {
    position: fixed;
    bottom: 30px;
    width: 100%;
    text-align: center;
    color: #fff;
    opacity: 0.5;
    font-size: 16px;
    z-index: -1;
}
/*新建约稿信息样式*/
.add-table{
    width: 100%;
    border-collapse:collapse ;
    border: 1px solid #d9d9d9;
}
.add-table tr{
    border: 1px solid #d9d9d9;
    /*height: 50px;*/
}
.add-table tr.tr-odd{
    background: #f8fbff;
}
.add-table tr.tr-odd input{
    background: #f8fbff;
}
.add-table tr.text-tr{
    height: 148px;
}
.add-table tr th{
    border: 1px solid #d9d9d9;
    width: 120px;
}
.add-table tr td{
    border: 1px solid #d9d9d9;
    text-align: center;
    padding-left: 20px;
}
.add-table tr td input{
    /*opacity: 0;*/
    border: none;
    width: 100%;
    line-height: 50px;
    height: 49px;
}
.add-table button{
    line-height: 50px;
}
/*.add-table button:hover{*/
/*color: #00b7ee;*/
/*}*/
.add-table .input-block{
    opacity: 1;
}
.edui-default .edui-editor-iframeholder{
    width: 100%;
}
.edui-default .edui-editor{
    width: 100%;
    border: none;
}
.edui-default .edui-editor-iframeholder
.edui-default .edui-editor
.edui-default .edui-editor-bottomContainer{
    display: none;
}
/*添加按钮内容样式*/
#iMenuAdd tr{
    width: 500px;


    line-height: 60px;
}
#iMenuAdd tr td input{
    border-radius: 5px;
    /*margin-bottom: 20px;*/
    margin-right: 10px;
    border: solid 1px #ccc;
    /*width: 100%;*/
    height: 32px;
    padding: 0 10px;
    line-height: 32px;
    border: solid 1px #ccc;
}

#iUserAddForm tr td input{
    border-radius: 5px;
    /*margin-bottom: 20px;*/
    margin-right: 10px;
    border: solid 1px #ccc;
    /*width: 100%;*/
    height: 32px;
    padding: 0 10px;
    line-height: 32px;
    border: solid 1px #ccc;
}
/*#enclosure{*/
/*padding-left: 20px;*/
/*float: left;*/
/*}*/
#sc input{
    width: 50%;
    margin-top: 10px;
}
#sc button{
    padding: 0 15px;
    background: #f15b6c;
    height: 30px;
    line-height: 30px;
}
#enclosure input{
    width: 50%;
    margin-top: 10px;
}
#enclosure .del-input{
    background: #f15b6c;
    height: 30px;
    line-height: 30px;
    color: #fff;
    width: 65px;
    border-radius: 5px;
}
#enclosure button{
    padding: 0 15px;
    background: #f15b6c;
    height: 30px;
    line-height: 30px;
}
.ad-btn .upload-input{
    color: #fff;
}
#selectman tr{
    border: none;
}
#selectman td{
    text-align: left;
    border: none;
}
#selectman input{
    width: 16px;
    height: 16px;
    /*margin-left: 25px;*/
    z-index: 10;
    margin-right: 10px;
    /*margin-top: 10px;*/
    -webkit-appearance: checkbox;

}
#iUserAdd tr{
    line-height: 60px;
}
body{
    overflow-x: hidden;
}
.content_wrap .ztree {
    margin: 7px;
}
.view body{
    overflow-y: scroll ;

}
table{font-size: 14px}
#tabTitle{
    float: left;
}
.find{
    width: 27%;
    margin: 0 20px;
    float: left;
    padding: 20px;
    border: 1px solid #d9d9d9;
}
.find input{
    border: 1px solid #4ccfff;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}
.find button{
    padding: 10px 20px;
    background: #4ccfff;
    border-radius: 5px;
}
.find ul{
    height: 317px;
    overflow: auto;
}
.find ul li{
    margin-top: 10px;
    float: left;
    margin-left: 10px;
}
.find ul li input{

}
.often-use{
    width: 30%;
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    float: left;
}
.often-use dl{
    height: 99%;
    width: 99%;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
}
.often-use dl dt{
    height: 35px;
    line-height: 35px;
    width: 100%;
    color: #fff;
    background: #4d7cc2;
    font-size: 14px;
    /* padding: 10px 20px; */
    line-height: 35px;
    text-align: center;
    border-radius: 10px 10px 0 0;
}
.often-use dl .tabNo{
    float: left;
    width: 85px;
    height: 30px;
    margin: 20px 0 0 10px;
    font-size: 14px;
    border: 1px solid #4ccfff;
    text-align: center;
    line-height: 30px;
    color: #4ccfff;
    border-radius: 10px;
}
.often-use dl .tabOn{
    float: left;
    width: 85px;
    height: 30px;
    margin: 20px 0 0 10px;
    font-size: 14px;
    border: 1px solid #4ccfff;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background: #4ccfff;
    border-radius: 10px;
}