@charset "utf-8";
html {height:100%;}
body {margin:0; padding:0; width:100%; overflow-x:hidden; height:100%; overflow-y:auto; font-family:"microsoft yahei"; font-size:12px; background:#fff; color:#666;}
ul,ol,li,dl,dt,dd,form,label,h1,h2,h3,h4,h5,h6,button,input[type="text"],input[type="tel"],input[type="password"],textarea,select,i {list-style:none; outline:none; font-family:"microsoft yahei";}
img {/*display:block; */border:none;}
a {text-decoration:none; color:#666; cursor:pointer;}
a:hover {color:#f95555;}

/*========================================
             全局公用样式
=========================================*/
.hide {display:none;}
.show {display:block;}
.clear {height:0; clear:both;}
.clearRight {height:0; clear:right;}
.clearLeft {height:0; clear:left;}
.overScroll {overflow-y:scroll;}
.overHidden {overflow-y:hidden;}
.textOverFlow {width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.tran03 {-webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
input[type="checkbox"].none, input[type="radio"].none, input[type="text"].none {position:fixed; left:-9999px; top:50%;}
.table table {width:100%;}
.fixedTop {position:fixed; top:0;}
.fixedBottom {position:fixed; bottom:0;}
/* 清除浮动类 .clearfix */
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after  {clear:both;}

/*========================================
           提示浏览器版本过低
=========================================*/
/*.user-content * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}*/

/* 通用类  添加了.user-content */
.user-content input[type='text'], .user-content input[type='password'] {font-size:1em; height:34px; color:#666; border:1px solid #eee; padding:0 10px; border-radius:4px;}
.user-content input:focus {outline: none; border-color: #ed2f2e;}

p {margin: 0; padding: 0;}
.base-bg-color {margin: 15px;height: 100%;background: #fff;}
.primary-color {color: #ed2f2e}
.col-f54242 {color: #f54242;}
.col-333 {color: #333;}
.col-666 {color: #666;}
.pb-10 {padding-bottom: 10px;}
.pt-10 {padding-top: 10px;}
.mb-10 {margin-bottom: 10px;}
.user-content {padding: 10px 0 30px 0; background-color: #f7f7f7; /* min-height: 700px;*/}
.user-content > .content {/* font-size: 1.166667em;  width: 98%;*/ margin: 0 auto;}
/*.user-content img {max-width: 100%; height: auto;}*/
.width-80 {width: 80%;}
.hover:hover {color: #ed2f2e; cursor: pointer;}
.text_red{display: inline-block;height: 26px;padding: 0 10px;line-height: 24px;font-size: 13px;background-color: #ffeded;color: #ff4949;padding: 0 10px;border: 1px solid #ffdbdb;border-radius: 4px;box-sizing: border-box;white-space: nowrap;}
.text_green{display: inline-block;height: 26px;padding: 0 10px;line-height: 24px;font-size: 13px;background-color: #e7faf0;color: #13ce66;border: 1px solid #d0f5e0;border-radius: 4px;box-sizing: border-box;white-space: nowrap;}
.text_blue{background-color: #e8f4ff;display: inline-block;height: 26px;padding: 0 10px;line-height: 24px;font-size: 13px;color: #1890ff;border: 1px solid #d1e9ff;border-radius: 4px;box-sizing: border-box;white-space: nowrap;}
.layui-col-nav{margin: 15px;}

/* 通用表格样式类 */
.table {width: 100%; border-collapse: collapse;}
.table tr {border-bottom: 1px solid #eee;}
.table thead tr {background: #f3f3f3;}
.table thead td {padding: 20px 10px;}
.table tbody td {padding: 15px 10px;}
.table tbody td > * {display: inline-block; vertical-align: middle;}
.list-temp {display: none;}
  
.tableList {width:100%;}
.tableList .left {text-align:left;}
.tableList thead {background:#f3f3f3;}
.tableList thead tr {height:30px;}
.tableList thead tr th {padding:15px; font-weight:normal; color:#111;}
.tableList tbody tr td {padding:20px 15px; border-bottom:1px #eee solid;}

.user-content .quoteList > .noQuote {height:500px; line-height:300px; text-align:center;}
.user-content .quoteList > .noQuote:before {content:"暂无任何收藏"; font-size:18px; color:#999;}
.user-content .quoteList > table thead tr th:nth-of-type(1) {width:250px;}
.user-content .quoteList > table thead tr th:last-child {width:130px;}
.user-content .quoteList > table .quoteName {text-align:left;}
.user-content .quoteList > table .dos {display:table; margin:0 auto;width: 150px;}
.user-content .quoteList > table .dos > * {float:left; padding:0 8px; border-left:1px #ddd solid;}
.user-content .quoteList > table .dos > *:first-child {border-left:0;}
.user-content .quoteList > table .dos > * > .del:before {content:"取消收藏";}
.user-content .quoteList > table .dos > * > .view:before {content:"查看详情";}

/* 图标类 */
[class*="user-icon"]{background:url(../images/user-icon-script.png) no-repeat; display: inline-block; margin-right: 5px;}
.user-icon-order-tips{height:12px;width:12px;background-position:0 0;}
.user-icon-tel{height:19px;width:13px;background-position:0 -12px;}
.user-icon-error{height:14px;width:14px;background-position:0 -31px;}
.user-icon-success{height:14px;width:14px;background-position:0 -45px;}
.user-icon-tips{height:14px;width:14px;background-position:0 -59px;}
.user-icon-refresh{height:15px;width:15px;background-position:0 -73px;}
.user-icon-calendar{height:16px;width:18px;background-position:0 -88px;}
.user-icon-unverified{height:19px;width:22px;background-position:0 -104px;}
.user-icon-correct{height:19px;width:24px;background-position:0 -123px;}
.user-icon-reservation-order{height:25px;width:25px;background-position:0 -142px;}
.user-icon{height:25px;width:25px;background-position:0 -167px;}
.user-icon-other{height:25px;width:25px;background-position:0 -192px;}
.user-icon-order{height:25px;width:25px;background-position:0 -217px;}
.user-icon-order-img{height:46px;width:52px;background-position:0 -242px;}
.user-icon-success-modify{height:80px;width:80px;background-position:0 -288px;}
.user-icon-tips {background:url(../images/user-icon-tips.png) no-repeat; display: inline-block; margin-right: 5px; width: 13px; height: 13px;}
.user-icon-calendar {background:url(../images/user-icon-calendar.png) no-repeat; display: inline-block; margin-left: 5px; width: 18px; height: 16px; position: absolute; top: 10px;}
.calendar1 {left: 135px;}
.calendar2 {left: 265px;}

/* 左菜单模块 */
.user-content .user-menu {width: 15%; background-color: #fff; float: left;}
.user-content .user-menu > div {padding: 10px 0 20px 0;}
.user-content .user-menu .title {}
.user-content .user-menu .title span {display: inline-block; vertical-align: middle;}
.user-content .user-menu .title span:first-child {margin-right: 6px; margin-left: 30px; width: 12%;}
.user-content .user-menu .title span:last-child {width: 45%;}
.user-content .user-menu ul {display: block;}
.user-content .user-menu ul li {display: list-item;}
.user-content .user-menu li{text-indent: 70px; cursor: pointer;}
.user-content .user-menu h3 {font-weight: normal; color: #333;}
.user-content .user-menu li {padding: 0;}
.user-content .user-menu li a {display: block;padding: 10px 0;font-size: 14px;}
.user-content .user-menu li:hover,
.user-content .user-menu li.active {background-color: #edf8ff; border-left: 4px solid #ed2f2e; text-indent: 66px;}
.user-content .user-menu li:hover a,
.user-content .user-menu li.active a {color: #ed2f2e}
.user-content .user-menu li:hover,
.user-content .user-menu li.active {color: #ed2f2e}

/* 包裹右边个个模块 */
.user-content .user-right {margin-left: 15.5%;}

/* 右边通用模块2 */
.right-layout2 {padding:30px 60px}
.right-layout2 .nav {position: relative; border-bottom: 1px solid #eee;}
.right-layout2 .nav li {font-size: 1.142857em; padding: 10px; margin: 0 5px; cursor: pointer;}
.right-layout2 .nav li:hover,
.right-layout2 .nav li.active {color: #ed2f2e; border-bottom: 3px solid #ed2f2e;}
.right-layout2 .list {margin-top: 20px;}

/* 稿件列表页面样式 */
#orderList .nav {position: relative;}
#orderList .filter {position: absolute; top: 0; right: 10px;}
/*#orderList .filter input {width: 120px; border-radius: 3px; border: 1px solid #eee; text-indent: 10px;}*/
#orderList .filter input.dateRange {width:200px; text-align:center;}
#orderList .filter input.keyword {width:150px;}
#orderList .filter .calendar1 {left: 90px;}
#orderList .filter .calendar2 {left: 220px;}
#orderList .filter .filter-btn:hover {cursor: pointer; color: #ed2f2e;}
#orderList .list-header {padding: 20px 30px; margin-bottom: 15px; background: #f3f3f3;}
#orderList .list-header > div {display: inline-block; vertical-align: middle;}
#orderList .list-header .order-detail {width: 40%;}
#orderList .list-header .order-sum,
#orderList .list-header .price-sum {width: 24%;}
#orderList .list-header .order-operating {width: 10%;}
#orderList .list-body > div {margin-bottom: 20px; border: 1px solid #dee0df;}
#orderList .list-body > div.not-data {border: none;}
#orderList .list-body > div > div {padding: 20px 30px;}
#orderList .list-body .top-content {position: relative; background: #f3f3f3; padding: 10px 30px;}
#orderList .list-body .top-content .order-status {position: absolute; right: 87px;}
#orderList .list-body .top-content .order-status[data-name='进行中'],
#orderList .list-body .top-content .order-status[data-name='预约中'] {color: #ed2f2e;}
#orderList .list-body .top-content .order-status[data-name='草稿'],
#orderList .list-body .top-content .order-status[data-name='审核中'],
#orderList .list-body .top-content .order-status[data-name='审核未通过'] {color: #f54242;}
#orderList .list-body .content {border: 1px solid #eee;}
#orderList .list-body .content > div {display: inline-block;vertical-align: middle;}
#orderList .list-body .content .order-detail {width: 40%;}
#orderList .list-body .content .order-detail .res-name {color: #333;}
#orderList .list-body .content .order-detail .res-name:hover {color: #ed2f2e;}
#orderList .list-body .content .order-sum,
#orderList .list-body .content .price-sum {width: 24%;}

/*订单详情页面样式*/
.order-process {padding: 30px; background: #fff; margin-top: 15px; padding-top: 60px;}
.order-process ul {width: 100%; text-align: center;}
.order-process .item-process {position: relative; width: 19%; color: #999; vertical-align: top;}
.order-process .item-process .process-number {width: 30px; height: 30px; line-height: 30px; border-radius: 50%; border: 1px solid #999; margin: 0 auto 20px auto;}
.order-process .item-process .process-text {color: #333; padding-bottom: 10px;}
.order-process .item-process .process-time {font-size: 0.857143em;}
.order-process .item-process .arrow-line {position: absolute; top: 14px; left: 137px; width: 75%; height: 0; border-bottom: 2px solid #999;}
.order-process .item-process.active .process-number {background: #ed2f2e; color: #fff; border-color: #ed2f2e;}
.order-process .item-process.active .process-text {color: #ed2f2e;}
.order-process .item-process.active .arrow-line1:before {font-size: 0.857143em; content: "等待支付"; position: absolute; top: -25px; left: 50px; color: #f54242;}
.order-process .item-process.active .arrow-line1:after {content: ""; position: absolute; left: 0; bottom: -2px; width: 50%; height: 0; border-bottom: 2px solid #f54242;}
.order-process .item-process.active .arrow-line2:before {font-size: 0.857143em; content: "未到开始时间等待执行"; position: absolute; top: -40px; left: 50px; width: 50%; color: #ed2f2e;}
.order-process .item-process.active .arrow-line2:after {content: ""; position: absolute; left: 0; bottom: -2px; width: 50%; height: 0; border-bottom: 2px solid #ed2f2e;}
.order-process .item-process.active .arrow-line3:before {font-size: 0.857143em; content: "正在执行"; position: absolute; top: -25px; left: 50px; width: 50%; color: #ed2f2e;}
.order-process .item-process.active .arrow-line3:after {content: ""; position: absolute; left: 0; bottom: -2px; width: 50%; height: 0; border-bottom: 2px solid #ed2f2e;}
.order-process .item-process.active .arrow-line4:before {font-size: 0.857143em; content: "正在执行"; position: absolute; top: -25px; left: 50px; width: 50%; color: #83c851;}
.order-process .item-process.active .arrow-line4:after {content: ""; position: absolute; left: 0; bottom: -2px; width: 50%; height: 0; border-bottom: 2px solid #ed2f2e;}
.order-process .item-process.active .arrow-success:before {content: ""}
.order-process .item-process.active .arrow-success:after {content: ""; position: absolute; width: 100%; height: 0; left: 0; bottom: -2px; border-bottom: 2px solid #ed2f2e;}
/*========== 代写稿件订单进度 ==========*/
.order-view {padding: 20px 0px 5px 0px; background: #fff;}
.order-view .view-header {font-size: 1.285714em; padding-left: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; color: #333;}
.order-view .view-detail {padding-top: 10px; padding-left: 10px;}
.order-view .view-detail > div.view-left,
.order-view .view-detail > div.view-right {width: 48%; display: inline-block; vertical-align: top;}
.order-view .view-detail > div.view-three {width: 32%; display: inline-block; vertical-align: top;}
.order-view .view-detail .view-item {padding-top: 10px; color: #999;}
.order-view .view-detail .view-item > span {display: inline-block; vertical-align: top;}
.order-view .view-detail .view-item > span.view-title {width: 70%;}
.order-view .view-detail .view-item .view-status[data-name='草稿'] {color: #f54242;}
.order-view .view-detail .view-item .view-status[data-name='进行中'],
.order-view .view-detail .view-item .view-status[data-name='预约中'] {color: #ed2f2e;}
.order-view .view-detail .view-operating {font-size: 0.857143em; padding: 5px 10px; background: #f54242; color: #fff;}
.order-view .view-detail .download-annex {font-size: 0.857143em; padding: 5px 10px; background: #ed2f2e; color: #fff; cursor: pointer;}
.order-view .view-detail .wrap-content-img > * {display: inline-block; vertical-align: top;}
.order-view .view-detail .content-img {width: 85%;}
.order-view .view-detail .content-img img {display: inline-block; vertical-align: top; width: 40px; height: 40px; margin-left: 10px; margin-bottom: 10px;}
.order-view .view-detail .wrap-brand-img > * {display: inline-block; vertical-align: top;}
.order-view .view-detail .brand-img {width: 75%;}
.order-view .view-detail .brand-img img {display: inline-block; vertical-align: top; width: 40px; height: 40px; margin-left: 10px; margin-bottom: 10px;}
.order-view .wrap-content, .order-view .wrap-content1, .order-view .wrap-remark {padding-left: 10px;}
.order-view .wrap-content .content,
.order-view .wrap-content1 .content {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.order-view .wrap-content .content > *,
.order-view .wrap-content1 .content > * {display: inline-block; vertical-align: top;}
.order-view .wrap-content .view-text {width: 93%; padding: 0 12% 30px 12%; word-break:break-all;}
.order-view .wrap-content .view-text img {margin: 0 auto;}
.order-view .content .content-text {width: 90%; margin-left: 10px; word-break: break-all;}
.order-view .wrap-remark > * {display: inline-block; vertical-align: top;}
.order-view .view-remark {width: 85%; word-break: break-all;}
.order-view  .wrap-cover img {display: inline-block; vertical-align: middle; width: auto; height: 100px;}
.order-list {padding: 15px; margin-top: 30px; background: #fff;}
.order-list .list-head {position: relative; background: #f3f3f3; padding: 15px 10px 10px 20px; margin-bottom: 10px;}
.order-list .list-head > div:first-child {padding-bottom: 10px;}
.order-list .list-head .title {font-size: 1.142857em; color: #333;}
.order-list .list-head .view-total-count {color: #f54242;}
.order-list .list-head .view-total-price {color: #f54242; font-size: 1.285714em;}
.order-list .list-head .export-data {position: absolute; top: 25px; right: 10px; background: #ed2f2e; color: #fff; padding: 5px 10px; cursor: pointer;}
.order-list .list-head .cancel-order {position: absolute; top: 25px; right: 110px; display: none; cursor: pointer;}
.order-list .list tbody tr:nth-child(2n - 1){background: #f8faf9;}
.order-list .list .res-status[data-status='已取消'],
.order-list .list .res-status[data-status='已拒单'],
.order-list .list .res-status[data-status='拒单'],
.order-list .list .res-status[data-status='未派单'],
.order-list .list .res-status[data-status='审核中'],
.order-list .list .res-status[data-status='订单关闭'],
.order-list .list .res-status[data-status='审核未通过'] {color: #f54242;}
.order-list .list .res-status[data-status='已派单'] {color: #333;}
.order-list .list .res-status[data-status='已收链接'],
.order-list .list .res-status[data-status='预约中'],
.order-list .list .res-status[data-status='等待支付'],
.order-list .list .res-status[data-status='执行中'],
.order-list .list .res-status[data-status='已完成'],
.order-list .list .res-status[data-status='订单修改'],
.order-list .list .res-status[data-status='订单结束'],
.order-list .list .res-status[data-status='已执行'] {color: #83c851;}
.order-list .list .qa-op-status[data-status='质检终审'] {cursor: pointer;}
.order-list .list .qa-op-status[data-status='质检终审']:hover {color: #ed2f2e;}
.order-list .list .reject-reason{position: relative;}
.order-list .list .reject-reason .reject-tips {display: none; position: absolute; top: -16px; left: 30px; width: 200px; padding: 10px; background: #fff; color: #666; border: 1px solid #dcdcdc; border-radius: 5px;}
.order-list .list .reject-reason .reject-tips:before,
.order-list .list .reject-reason .reject-tips:after {content: ""; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; position: absolute; left: -12px; top: 15px;}
.order-list .list .reject-reason .reject-tips:before {border-right: 12px solid #fff; z-index: 2;}
.order-list .list .reject-reason .reject-tips:after {border-right: 12px solid #dcdcdc; left: -13px;}
.order-list .list .reject-reason:hover .reject-tips {display: block;}
.order-list .list .res-operating .need-des:hover {cursor: pointer; color: #ed2f2e;}
.order-list .list .res-operating .show-modify {color: #f54242; cursor: pointer;}
.order-list .list .res-operating .order-pay {background: #f54242; padding: 2px 5px; color: #fff; cursor: pointer; border-radius: 3px;}
.wrap-complaint {display: none; padding: 20px; text-align: center;}
.wrap-complaint .complaint-title {font-size: 16px; padding-bottom: 10px; text-align: left;}
.wrap-complaint .complaint-content {width: 100%; height: 120px; margin-bottom: 20px}
.wrap-complaint .complaint-btn {width: 150px; background: #ed2f2e; color: #fff; font-size: 16px; text-align: center; border: none; padding: 10px 0; cursor: pointer;}
.complaint-detail {font-size: 14px; padding: 15px 15px 10px 15px;}
.order-need-pop {padding: 15px 20px; font-size: 14px;}
.order-need-pop > div {margin-bottom: 20px;}
.order-need-pop > div > * {display: inline-block; vertical-align: top;}
.order-need-pop > div > *:first-child {width: 14%; text-align: right;}
.order-need-pop > div > .order-item {width: 85%;}
.item-temp,
.show-tips,
.order-sell-price {display: none;}
.order-btn {text-align: center; margin-top: 40px; display: none;}
.order-btn div {display: inline-block; vertical-align: middle; margin-left: 30px; border-radius: 5px; cursor: pointer;}
.order-btn div.agree-btn {background: #ed2f2e; color: #fff; padding: 6px 20px;}
.order-btn div.close-btn {border: 1px solid #dcdcdc; background: #fff; padding: 5px 20px;}
.order-list .list .weibo-icon,
.order-list .list .wechat-icon,
.order-list .list .friend-icon {display: inline-block; vertical-align: middle; background:url(../images/quote-sprite.png)  no-repeat; margin-left: 5px;}
.order-list .list .friend-icon{height:19px;width:17px;background-position:0 0; margin-right: 6px;}
.order-list .list .wechat-icon{height:18px;width:18px;background-position:0 -19px; margin-right: 6px;}
.order-list .list .weibo-icon{height:18px;width:18px;background-position:0 -37px; margin-right: 6px;}
.order-list .list .re-order:hover,
.order-list .list .del-order:hover,
.order-list .list .delRes:hover,
.order-list .list .complaint-order:hover {cursor: pointer; color: #ed2f2e;}
/* 提示语 */
.view-tips .headline{padding-top:10px;color:#f00;font-size:18px;border-top:1px solid #eee;}
.view-tips p {margin: 14px 0;}

/*========== 公用选项卡切换 ==========*/
.user-content .user_miniHeader {height:45px; border-bottom:1px #eee solid;}
.user-content .user_miniHeader .tags {float:left; height:100%;}
.user-content .user_miniHeader .tags label {float:left; height:100%; line-height:45px; font-size:1.12em; padding:0 20px; cursor:pointer; position:relative;}
.user-content .user_miniHeader .tags label i {position:absolute; width:100%; left:0; bottom:0; height:3px; background:#fff;}
.user-content .user_miniHeader .tags label:hover i,
.user-content .user_miniHeader .tags input[type="radio"][name="tags"]:checked + label i {background:#ed2f2e;}
.user-content .user_miniHeader .tags label:hover,
.user-content .user_miniHeader .tags input[type="radio"][name="tags"]:checked + label {color:#ed2f2e;}

.user-content .user_miniHeader .filter {float:right; height:36px; margin-top:4px;}
.user-content .user_miniHeader .filter > * {float:left; margin-left:5px;}
.user-content .user_miniHeader .filter .filterBtn {height:36px; line-height:36px; padding:0 15px; border-radius:4px; cursor:pointer;}
.user-content .user_miniHeader .filter .filterBtn.blue {background:#ed2f2e; color:#fff;}


div.ot {padding-top:20px;}
div.ot select {display:inline-block; height:28px; border:1px #ccc solid; border-radius:4px; padding:1px;}
div.ot select:hover,
div.ot select:focus {border:1px #ed2f2e solid;}


.relativeBox {position:relative;}

/*草稿状态下显示立即支付按钮和进行中的确认订单按钮*/
.relativeBox .payBtnBox {position:absolute; left:100px;}
.relativeBox .payBtnBox > * {display:inline-block; height:28px; line-height:28px;}
.relativeBox .payBtnBox > .hide {width:0; height:0; padding:0; overflow:hidden;}
.relativeBox .payBtnBox > a {padding:0 12px; color:#fff; border-radius:3px;}
.relativeBox .payBtnBox > a.payBtn {background:#f66;}
.relativeBox .payBtnBox > a.goPage {background:#ed2f2e;}
.relativeBox .payBtnBox > span.error {left:190px; font-size:0.9em; color:#f66;}

/*订单详情下的订单列表的资源名称*/
.order-list .res-name {max-width:200px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*----- 我的账单-刷新按钮 -----*/
.refreshBox {position:relative;}
.refreshBox .refresh.c {top:20px; left:370px;}

.list.qutoeList .goPage {display:table; margin-left:13px; width:30px; height:30px; background:url(../images/icon-right.png) center no-repeat; background-size:100% auto;}

.zfpanel{color: #333333;background: #ffffff;padding:30px;}
.charge-panel{font-size: 16px;}
.zftitle{background: #fff;color: #333333;height: 50px;line-height: 50px;font-size: 18px;}
.zftitle span{box-sizing: border-box;width: 4px;height:20px;background: #ff5943;float: left;margin: 15px 10px 15px 30px;margin-bottom: 40px;}
.layui-form-item{/*margin-bottom: 20px !important;*/}
.layui-form-label{margin-bottom: 0 !important;}
.zfb{position: relative;width: 150px;height: 50px;background:url(../images/zfb.png) no-repeat center center;border-radius: 3px;border: 1px solid #f15746;cursor: pointer;}
.zfnav{float: left;width: 150px;height: 50px;margin-right: 10px;margin-bottom: 20px;text-align: center;line-height: 50px;border: 1px solid #d4d4d4;cursor: pointer;position: relative;border-radius: 3px;}
.zfb i,.zfnav i{background: url(../images/1-icon3.png) no-repeat center center;position: absolute;right: -1px;bottom: -1px;width: 30px;height: 30px;display: none;border-radius: 3px;}
.zfactive i{display: block;}
.zfactive{border-color: #f15746;}
.zfnav .ico{position: absolute;width: 36px;height:20px;background:url(../images/fanxian.png) center center no-repeat;right: -5px; top: -10px;}
.zflabel{line-height: 50px;margin-left: 10px;float: left;}
#num{float: left;width: 180px !important;height: 50px !important;}
#num.disabled{background-color: #eee;cursor: not-allowed;}
.alarm{color: #f15746;font-size: 14px;line-height: 36px;}
#charge{width: 120px;height: 40px;margin: 5px 0;color: #ffffff;line-height: 40px;text-align: center;background: linear-gradient(-45deg, #ff5943 0%, #ff8168 100%);}
.tip{background: #fff;border-radius: 3px;color: #2c3e50;line-height: 40px;padding-left: 10px;font-size: 14px;padding: 30px;}

.tips-panel{line-height: 28px;margin-bottom: 10px;}
.tips-panel span{color: #f15746;margin: 0 2px;}
.info{background: #f5f5f5;padding: 15px 30px;margin-top: 10px;}
.open,.pay{background-color:#f5f5f5;padding:20px 0;text-align: center;color: #333333;font-size: 16px;line-height: 40px;cursor: pointer;}
.open_icon,.pay_icon{width: 60px;height: 60px;margin: 0 auto;}
.open_icon{background: url(../images/1-icon1.png) center center no-repeat;}
.pay_icon{background: url(../images/1-icon2.png) center center no-repeat;}

.user-nav{height:40px;border-bottom:0px #e5e5e5 solid;font-size:1.3em;color:#999;line-height:28px;background: #fff;}
.user-btn {position: relative;float: left;}
.user-btn {display: inline-block;margin-bottom: 0;
    padding: 8px 8px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color .3s ease-out,border-color .3s ease-out;
    transition: background-color .3s ease-out,border-color .3s ease-out;
}
.user-btn-primary {color: #fff;background-color: #f15746;border-color: #f15746;}
.user-btn-primary:hover {color: #fff;}
a.user-btn-default:visited {color: #444;}
.user-btn-default {color: #444;background-color: #e6e6e6;border-color: #e6e6e6;}

 a.btn-this{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #f15746;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
.btn-this a{color:#fff}
.shoulu{color: #f74d11;}
.icon-what {background-image: url('../images/icon-what.png');cursor: pointer;}
.tc-icon {display: inline-block;width: 18px;height: 18px;vertical-align: middle;}
.ju{padding: .5em;}
.huilian{width: 60%;height: 45px;font-size: 14px;padding: 0 0px 0 10px;border: 1px #e5e5e5 solid;border-radius: 4px;-webkit-box-shadow: 1px 1px 4px #eee inset;-ms-box-shadow: 1px 1px 4px #eee inset;box-shadow: 1px 1px 4px #eee inset;}
/*注意事项*/
.order {padding-bottom:0px;}
.order .order-box {background:#fff; padding-bottom:50px;}
.tipbox{background: #ffffff;padding:30px;line-height:26px;font-size: 14px;margin-top: 10px;}
.tipbox p{margin: 0.5rem 0;}

/*gouwuche*/
#footer_box{color: #333;z-index:9999;position:fixed;right:17px;bottom:0;height:auto;padding:20px 30px 0 30px;font-size:14px;background: #ffffff;box-shadow:0px -9px 26px 1px rgba(45, 45, 45, 0.1);width:100%;}
#footer_box .money_wrapper{vertical-align:sub;font-size: 16px;line-height: 37px;}
#footer_box .selectedMedia{margin-bottom:10px;background:#f5f5f5;max-height: 90px;overflow-x:hidden;overflow-y: scroll;padding-left: 0;width: 100%;}
#footer_box .selectedItem{float:left;min-width:20px;padding:5px 30px 5px 18px;margin:5px 10px 5px 8px;color:#fff;position:relative;background-color:#50aded;list-style: none}
#footer_box .delectItem{position:absolute;top:5px;right:8px;width:10px;height:10px;cursor:pointer;font-style: normal;}
#footer_box .selectewrapper{margin-bottom:15px;}
#clear_btn{float:right;border-radius: 5px !important;background-color: #cae0fa !important;color: #2d6db6 !important;border:1px solid #a3d3ff !important;margin-right: 10px !important;outline: none;}
#prev_btn{float:right;border-radius: 5px !important;color: #1890ff !important; background: #e8f4ff !important;border:1px solid #a3d3ff !important;margin-right: 10px !important;outline: none;}
#prev_btn:hover{background: #1890ff !important;border-color: #1890ff !important;color: #FFFFFF !important;}
#submit_btn{float:right;border-radius: 5px !important;color: #ff4949 !important;background: #ffeded !important;border: 1px solid #ffb6b6 !important;}
#submit_btn:hover{color: #FFFFFF !important;background-color: #fb3c31 !important;border-color: #fe5635 !important;}
#footer_box .text-alarm{font-weight: bold;color: #ff8140;margin-right: 30px;}
/*gouwuche end*/

.nav-btns {width: 100%;}
.nav-btn {float: left;border: 1px solid #DCDFE6;color: #2c3e50;text-align: center;line-height: 36px;background-color: #ffffff;cursor: pointer;border-left: none;padding: 0 10px 0 10px;}
.nav-btn:first-child {border-radius: 5px 0 0 5px;}
.nav-btn:last-child {border-radius: 0 5px 5px 0;}
.nav-btn.active {background-color:#f15746;border-color: #f15746;color: #ffffff;}
.nav-tip {line-height: 36px;color: orangered;float: left;display: none;font-weight: bold}

.shen-btns {width: 100%;}
.shen-btn {float: left;text-align: center;line-height: 40px;background-color: #efefef;cursor: pointer;border-left: none;padding: 0 15px 0 15px;}
.shen-btn:first-child {/* border-radius: 5px 0 0 5px; */}
.shen-btn:last-child {/*border-radius: 0 5px 5px 0;*/}
.shen-btn.active {background-color: #13ce66;border-color: #1ebb64;color: #ffffff;}
.card .search{text-align: center;color: #fff;background:#13ce66;cursor: pointer;float: left;padding:10px 15px;border: none;}
.card .daochu{text-align: center;color: #fff;background:#13ce66;cursor: pointer;float: left;margin-left: 10px;padding:11px 15px;border: none;}
/*------- 资源录入页面上传图片 -------*/
.checkbox { display: inline-block; vertical-align: middle; margin-right: 4px; zoom: 1; }
.input-file-show { background-color: #FFF; vertical-align: top; display: inline-block; padding-left: 26px; border: solid 1px #D7D7D7; border-radius: 4px; position: relative; z-index: 1; }
.input-file-show:hover { border-color: #2CBCA3; -moz-box-shadow: 0 0 5px rgba(44, 188, 163, 0.5); -webkit-box-shadow: 0 0 5px rgba(44, 188, 163, 0.5); box-shadow: 0 0 5px rgba(44, 188, 163, 0.5); }
.input-file-show span.show { width: 22px; height: 22px; text-align: center; padding: 2px; position: absolute; z-index: 2; top: 0; left: 0; }
.input-file-show span.show a { color: #AAA; display: block; width: 22px; height: 22px; }
.input-file-show:hover span.show a,
.input-file-show span.show a:hover { color: #2CBCA3; text-decoration: none; }
.input-file-show span.show i { font-size: 14px; line-height: 22px; display: block; }
.input-file-show span.show img { max-width: 22px; max-height: 22px; }
.type-file-box { display: block; width: 262px; height: 26px; position: relative; z-index: 1; }
.type-file-text { line-height: 26px !important; display: block; width: 163px; height: 26px !important; float: left !important; padding: 0 !important; margin: 0 !important; border: none 0 !important; border-radius: 0 !important; }
.type-file-button,
.type-file-button:focus { background-color: #E6E6E6; display: block; width: 99px; height: 26px; float: left !important; border: 0; border-radius: 0 3px 3px 0; }
.input-file-show:hover .type-file-button { color: #FFF; background-color: #2CBCA3; }
.type-file-file { width: 262px; height: 26px; position: absolute; top: 0; right: 0; filter:alpha(opacity:0);opacity: 0; cursor: pointer; }
.type-file-preview { background: #FFF; display: none; padding: 5px; border: solid 5px #71CBEF; position: absolute; z-index: 999; }
.image_display .type-file-show { width: 16px; height: 16px; padding: 2px; border: solid 1px #D8D8D8; cursor: auto; }
.form-tijiao{margin: 0px 0px 30px 80px;line-height: 100px;}
/*按钮*/
ul,ol,li,dl,dt,dd,form,label,h1,h2,h3,h4,h5,h6,button,input[type="text"],input[type="tel"],input[type="password"],textarea,select,i {margin:0; padding:0; list-style:none; outline:none; font-family:"microsoft yahei";}

.layui-inline .search{text-align: center;color: #fff;background:#13ce66;cursor: pointer;float: left;font-size: 14px;margin-left: 10px;padding: .6em 1em;border: none;}
.tabs-export{float: left;margin-left: 10px;}
.tabs-export .iconfont{margin-left: 5px;}

/*价格查询筛选器*/
.filter-clear:after{clear:both;content:"";display:table}
.filter{width:100%;box-sizing:border-box;border: 1px solid #f2f2f2;background:#Fff;font-size:14px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius: 5px;}
.filter-item:last-child{border-bottom:0}
.filter-option.on,.filter-option:hover{color:#FFF;background:#ff8140;border-radius: 3px;}

.filter-item{border-bottom: 1px solid #f2f2f2;height:auto;position:relative;}
.filter-option{float:left;cursor:pointer;color:#666;}
.filter-label{line-height:30px;}
.filter-list{list-style:none;padding:0;position:relative;}

@media screen and (max-width: 640px){
    .filter-label{/* float: left; */margin-left: 5px;}
    .filter-option{margin:2px 0;padding:3px 5px;}
    .filter-list{margin:5px}
    .filter-item{padding:6px 0;}
}
@media screen and (min-width: 640px){
    .filter-label{width:100px;text-align:right;position:absolute;top:6px;left:10px}
    .filter-option{margin:2px 5px;padding:3px 8px;}
    .filter-list{margin:0 0 0 100px}
    .filter-item{padding:6px 20px;}
}

    .layui-table-cell {
      height: auto;
      white-space: normal;
      word-break: break-all;
      overflow: hidden;
      padding: 0 3px;
      font-size: 0.8rem;
    }
    .layui-table-gou {
      padding: 0 13px;
      font-size: 0.8rem;
    }
    .tabs .color-red+.layui-form-radio>div{
      color: #FF5722;
    }
    .tabs .color-red+.layui-form-radioed>div {
      background-color: #ec7e7e;
      color:#fff;
      border-color: #ec7e7e;
    }

    .layui-badge{font-family: monospace;}
    #vip-tip{color: #fd5c5c;line-height: 28px;font-size: 14px;margin: 2px 5px;cursor: pointer;font-weight: bold;}
    #preview,#publish{display: none;}
    #goRecharge{cursor: pointer;}
    .tinymce-mobile-icon-back{
      padding:0px 20px !important;
      background: url(../images/baocun.png) -2px 4px no-repeat !important;
    }
    .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type, .tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type {
      background: #207ab7;
      color: #eceff1;
    }
    .tinymce-mobile-icon-back::before {
      content: "\e5c4";
      opacity: 0;
    }
    .layui-icon.layui-icon-tips{
      font-size: 12px;
      color: #FF5722;
    }

    @media screen and (max-width: 768px){
      #collections,#discollections{display: none;}
    }
    .tabs-left li{
      float: left;
      position: relative;
    }
    .tabs-left img{   
      position: absolute;
      right: 0px;
      top: -5px;
    }
    .tabs .layui-form-radio:last-child>div {
      border-radius: 0 0px 0px 0 !important;
    }
    .tabs .layui-form-radio{
      margin-right: -1px !important;
    }
    .tabs .layui-form-radio:nth-child(2)>div {
        border-radius: 0px 0 0 0px !important;
    }
    .recharge{
      border-radius: 5px !important;
      color: #1890ff !important;
      background: #e8f4ff !important;
      border: 1px solid #a3d3ff !important;
      font-weight: normal!important;
    }
  .filters-mark{
    position: relative;top:-12px;left:-33px
  }

.media_num_bd{background: #9197a9;float: right;cursor: pointer;font-size: 13px;color: #fff;padding-right: 10px;padding-left: 10px;border-radius: 10px;display: block;}
.tabs{margin-top:10px;}
.tabs .layui-form-radio *{font-size: 12px;line-height: 36px;}
.tabs .layui-form-radio{padding-right: 0 !important;margin-top: 0 !important;}
.tabs .layui-form-radio>div{padding: 0 20px;border: 1px solid #DCDFE6}
.tabs .layui-form-radio:nth-child(2)>div{border-radius: 5px 0 0 5px;}
.tabs .layui-form-radio:last-child>div{border-radius: 0 5px 5px 0;}
.tabs .layui-form-radio>i{display: none;}
.tabs .layui-form-radioed>div{background-color: #1890ff;color: #ffffff !important;border-color: #1890ff;}
.tabs .layui-form-radioed>div:hover{color: #ffffff !important;}
.tabs .tabs-left{float: left;}
.tabs .tabs-right{/*float: right;*/}
.tabs-select{width: 130px;float: right;margin-left: 10px;}
.tabs-input{width: 150px;float: left;margin-left: 10px;}
.tabs-inputs{width:70px;float: left;}

/*----- 上传附件 -----*/
.card .upFile {height: 38px;margin-top: 15px;/* margin-bottom:10px; */}
.card .upFile > * {float:left;margin-right:10px;height: 38px;line-height: 18px;font-size: 12px;position: relative;display: inline-block;}
.card .upFile .upFileBtn { text-align:center; background:#4eb6ff; color:#fff; border-radius:13px; padding:0 15px; position:relative;}
.card .upFile .layui-upload-file{display:none!important;opacity:.01;filter:Alpha(opacity=1);}
.card .upFile .upFileBtn input[type="file"] {position:fixed; left:-9999px; top:50%;}
.card .upFile .upFiled {white-space:nowrap;}
.card .upFile .upFiled span.tips {color:#999;}
.card .upFile .upFiled span.name {color:#333;}
.card .upFile .upFiled span.error {color:#f00;}
.card .upFile .upFiled b {color:#4eb6ff; font-weight:normal;}

/*----- 上传图片 -----*/
.card .uploadImgs {padding-top:15px;}

/*-- 提示内容 --*/
.card .uploadImgs .uploadExp {padding:10px 0;line-height:20px;font-size: 12px;color:#bbb;}
.card .uploadImgs .uploadExp .exp.error {color:#f00;}
.card .uploadImgs .uploadExp .exp.ok {color:#4eb6ff;}
/*-- 9宫格图片 --*/
.card .uploadImgs .imgs {width:330px;}
.card .uploadImgs .imgs ul li {float:left; position:relative; width:100px; height:100px; margin:5px 10px 5px 0; border-radius:8px; overflow:hidden;} 
.card .uploadImgs .imgs ul li > div {position:absolute; width:100%; height:100%; left:0; top:0;}
/*上传按钮*/
.card .uploadImgs .imgs ul li .uploadBtn {z-index:1; background:#eee; color:#888; line-height:100px; font-size:1.15em; text-align:center; cursor:pointer;}
.card .uploadImgs .imgs ul li .uploadBtn input[type="file"] {position:fixed; left:-9999px; top:50%;}

.card .uploadImgs .imgs ul li .things {z-index:2;}
.card .uploadImgs .imgs ul li .things > div {position:absolute; width:100%; height:100%; left:0; top:0;}

/*LOADING*/
.card .uploadImgs .imgs ul li .things .uploading {z-index:3; background:#4eb6ff; display:none;}
/*删除图片*/
.card .uploadImgs .imgs ul li .things .removeImg {z-index:2; background:rgba(0,0,0,.7); color:#fff; cursor:pointer; display:none; visibility:hidden;}
/*图片*/
.card .uploadImgs .imgs ul li .things .img {z-index:1;}
.card .uploadImgs .imgs ul li .things .img img {width:100%; height:100%;}
/*LOADING*/
.card .uploadImgs .imgs ul li .things .uploading i {position:absolute; width:28px; height:28px; border:2px #fff solid; left:50%; margin-left:-15px; bottom:45%; border-radius:50%; border-right-color:rgba(255,255,255,.05);
animation:circle .8s ease infinite;
-moz-animation:circle .8s ease infinite;
-webkit-animation:circle .8s ease infinite;
-o-animation:circle .8s ease infinite;}
@keyframes circle{0%{opacity:.4; -webkit-transform:rotate(0deg); transform:rotate(0deg);}50%{opacity:1;}100%{opacity:.4; -webkit-transform:rotate(360deg); transform:rotate(360deg);}}
@-webkit-keyframes circle{0%{opacity:.4; -webkit-transform:rotate(0deg); transform:rotate(0deg);}50%{opacity:1;}100%{opacity:.4; -webkit-transform:rotate(360deg); transform:rotate(360deg);}}
.card .uploadImgs .imgs ul li .things .uploading span {position:absolute; width:100%; top:55%; margin-top:5px; text-align:center; color:#fff;}
/*删除图片*/
.card .uploadImgs .imgs ul li .things .removeImg i {position:absolute; width:100%; text-align:center; font-style:normal; font-size:5em;}
.card .uploadImgs .imgs ul li .things .removeImg i:before {content:"⤫";}
.card .uploadImgs .imgs ul li .things .removeImg span {position:absolute; width:100%; top:70%; text-align:center;}
.card .uploadImgs .imgs ul li .things .removeImg span:before {content:"删除";}
.card .uploadImgs .imgs ul li:hover .things .removeImg {display:block; visibility:visible;}
.card .uploadImgs .imgs ul li:hover .uploadBtn {background:#e6e6e6; color:#333;}

.card .upload {opacity: 0;position: absolute;top: 0;right: 0;cursor: pointer;width: 100%;height: 100%;}
.card .multi-title{display: none;min-height: 0;}
.card .article-width{max-width:800px;}
.card .article-height{height: 60px;line-height: 20px;}
.card .pc_weight{background: url(../images/pc.png) center center no-repeat;width: 50px;height: 20px;color: #ffffff;display: inline-block;line-height: 20px;padding-left: 22px;}