﻿.main{
    float:left;
    overflow: hidden;
}
.jumei-left-nav{
	position:fixed;
	left:0;
	top:70px;
	width:180px;
    background: #282b33 !important;
    min-height: 100%;
    z-index:1;
}
.jumeimaincontent{
    position:absolute;
	overflow:scroll;
    width:100%;
	height:100%;
    padding: 12px 0;
    -moz-box-sizing: border-box;  /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box;
	background:#00CCFF;
}
.jumeimaincontent .content-price{
    position:absolute;
    width:100%;
    padding: 0;
	margin:0;
	background:#00CCFF;
}
.jumeimaincontent .content-price .box-media-taocanlist{
    margin-top:20px;
}
.jumei-maincontent{
    position:absolute;
	top:70px;
    width:100%;
    padding: 12px 12px 12px 12px;
    -moz-box-sizing: border-box;  /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box;
}
.jumei-maincontent h1{
	font-size:16px;
	font-weight:400;
}
.jumei-maincontent h2{
	font-size:23px;
	font-weight:700;
	color:#0099CC;
	padding-bottom:20px;
}
.jumei-maincontent h3{
	font-size:16px;
	font-weight:400;
	color:#FF0000;
	padding-left:40px;
	padding-bottom:20px;
}
.jumei-main-content{
    position:absolute;
	top:70px;
    width:100%;
    min-height: 830px;
    padding: 12px 12px 80px 192px;
    -moz-box-sizing: border-box;  /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;
}
.jumei-main-content h1{
	font-size:16px;
	font-weight:400;
}
.jumei-main-content h2{
	font-size:23px;
	font-weight:700;
	color:#0099CC;
	padding-bottom:20px;
}
.jumei-main-content h3{
	font-size:16px;
	font-weight:400;
	color:#FF0000;
	padding-left:40px;
	padding-bottom:20px;
}
.layui-elem-quote-red{
	margin-bottom:10px;
	padding:15px;
	line-height:22px;
	border-left:0px solid #009688;
	border-radius:0 2px 2px 0;
	background-color:#FDEADA;
	color:#E46C0A;
	font-size:14px;
}
.layui-elem-quote-blue{
	margin-bottom:10px;
	padding:15px;
	line-height:22px;
	border-left:0px solid #009688;
	border-radius:0 2px 2px 0;
	background-color:#D9EDF7;
	color:#7597B6;
	font-size:14px;
	z-index:100;
}
.layui-elem-quote-orange{
	margin-bottom:10px;
	padding:15px;
	line-height:22px;
	border-left:0px solid #009688;
	border-radius:0 2px 2px 0;
	background-color:#FFCC33;
	color:#333333;
	font-size:14px;
}
.jumei-left-nav-tree{
    width:100%;
}
.jumei-left-nav-tree .layui-nav-child a {
    color:rgba(255,255,255,.7);
}
.login-msg{
    border-right:1px solid #e1e1e1;
    padding-right:16px;
    font-size:14px;
}
.login-msg li{
    padding:5px 0;
    border-bottom:0px dashed #e1e1e1;
    font-size:14px;
}
.login-msg li:last-child{
    border:none;
}
.use-step li{
    padding:5px 0;
    color:#666;
    font-size:14px;
    border-bottom:1px dashed #e1e1e1;
}
.use-step li:last-child{
    border:none;
}
.use-step>li>a{
    font-size:14px;
}
.use-step .step-title{
    margin-right:12px;
    font-size:16px;
    font-weight:600;
    color:#FE980F;
}
.jumei-form-label{
    float: left;
    display: block;
    padding: 9px 15px;
    width: 80px;
    font-weight: 400;
    text-align: left;
	font-size:14px;
}
.layui-form-label{
    width:90px;
	font-size:14px;
}
.layui-input{
	font-size:14px;
}
.layui-input-block{
    margin-left:130px;
	font-size:14px;
	display:block;
}
.layui-input-block span{
	font-size:14px;
}
.layui-inputblock{
    margin-left:30px;
	margin-right:30px;
	font-size:14px;
	display:block;
}
.layui-inputblock span{
	font-size:14px;
}
.capcha-input{
    width:120px;
    display:inline;
	font-size:14px;
}
.user-info .captcha{
    height:38px;
}
.captcha{
    cursor:pointer;
}
.finance-type-selector{
    margin-right:10px;
}
.finance-type-selector>select{
    height:38px;
}
.layui-table-view .layui-table{
    width:100%;
}
.layui-table-cell{
    text-overflow:inherit;
    overflow:inherit;
}
/*媒体价格*/
.btn-media-cate{
    padding: 5px;
    margin-right: 10px;
    color: #000;
    font-size: 14px;
    background: none;
    border: none;
    cursor:pointer;
    border-radius: 5px;
}
.btn-media-cate:hover{
    background: #ddd;
}
.box-media-name{
    height:28px;
    line-height:28px;
}
.btn-media-cate-selected{
    padding: 5px;
    margin-right: 10px;
    background: #FF0000;
    font-size: 14px;
    color:#fff;
    border: none;
    border-radius: 5px;
}
.box-media-taocan-list{
    background:#fff;
    padding:10px;
}
.box-media-cate-list{
    background:#E8F5FB;
    padding:10px;
}
.box-media-cate-list .mb-2 {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding-bottom: 10px;
}
.box-media-cate-list .mb-2:last-child {
    border-bottom: 0;
}
.checkbox-lg{
    width:20px;
    height:20px;
}
.media-list-box{
    width:100%;
    overflow-x: auto;
}
.medialisttable{
max-width:1200px;
}
.medialisttable th{
	background:#fff;
    font-size:16px;
    padding-left:6px;
    padding-right:6px;
  	text-align: center;
	color:#000013;
	border:0;
}
.medialisttable td{
	background:#00CCFF;
    font-size:16px;
    padding-left:6px;
    padding-right:6px;
  	text-align: center;
	border:0;
}
.medialisttable td .yd{
	width: 50px;
    height: 50px;
	line-height: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
	-webkit-transform:rotate(21deg);
	-moz-transform:rotate(21deg);
	-ms-transform:rotate(21deg);
	transform:rotate(21deg);
    border-radius: 50px;
	border:2px solid #FF0000;
	color: #FF0000;
	font-size:20px;
}
.medialisttable td .yd1{
	width: 50px;
    height: 50px;
	line-height: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
	-webkit-transform:rotate(21deg);
	-moz-transform:rotate(21deg);
	-ms-transform:rotate(21deg);
	transform:rotate(21deg);
    border-radius: 50px;
	border:2px solid #66FF00;
	color: #66FF00;
	font-size:20px;
}
.medialisttable td .yd span,.medialisttable td .yd1 span{
	padding-top:50px;
}
.medialisttable .current{
    font-weight:bold;
    color:#e51313;
}
.medialisttable td p{
    font-size:20px;
}
.medialisttable td .yy{
	font-weight:bold;
    font-size:18px;
}
.medialisttable td .md{
	font-weight:normal;
    font-size:14px;
}
.medialisttable td .hm{
	font-weight:normal;
    font-size:14px;
}

.media-listtable th{
	background:#fff;
    font-size:14px;
    padding-left:6px;
    padding-right:6px;
  	text-align: center;
	color:#000013;
	border:0;
	border-bottom:3px solid #797979;
}
.media-listtable td{
    font-size:14px;
    padding-left:6px;
    padding-right:6px;
  	text-align: center;
	border:0;
	border-bottom:1px solid #797979;
}
.media-listtable .current{
    font-weight:bold;
    color:#e51313;
}

.media-list-table th{
	background:#fff;
    font-size:14px;
    padding-left:6px;
    padding-right:6px;
  	text-align: center;
	color:#000013;
}
.media-list-table td{
    font-size:12px;
    padding-left:6px;
    padding-right:6px;
  	text-align: center;
}
.media-list-table .current{
    font-weight:bold;
    color:#e51313;
}
.media-search-box{
    float: right;
    position: relative;
    top: -36px;
}
.media-search-input{
    height:25px;
}
.media-search-submit{
    height:30px;
    line-height:30px;
}
.media-list-count{
    float:right;
}
.write-title-tips{
    height:38px;
    line-height:38px;
    color:#888;
    margin-left:10px;
}
.write-demo{
    background: #fff;
    border: 0px solid #ddd;
    border-radius: 6px;
    padding: 16px;
    line-height: 20px;
    font-size: 14px;
}
.write_demo{
    background: #eee;
    border: 0px solid #ddd;
    border-radius: 3px;
    padding: 16px;
    line-height: 20px;
    font-size: 14px;
}
.text-label{
    width: 52px;
    height: 38px;
    display: inline-block;
    padding: 9px 12px;
    box-sizing: border-box;
    font-size: 14px;
}
.write-price-box{
    height: 38px;
    line-height: 38px;
    width: auto/*100px*/;
    display: inline-block;
    font-size:16px;
}
.write-total-price{
    display: inline-block;
    margin-right: 5px;
    font-size: 16px;
}
.validate-error{
    display: none;
    font-size:14px;
}
.article-list .layui-form-label{
    width:80px;
    padding:9px 2px;
	font-size:14px;
}
.article-list .layui-input-block{
    margin-left:80px;
}
.article-list .layui-form-item .layui-input-inline{
    width:150px;
}
.article-balance-box{
    padding-top:9px;
    font-size:14px;
}
.article-balance-box>span{
    font-size:14px;
}
.article-add-tips{
    color:#01AAED;
}
.btn-select-media{
    display:block;
    margin:0 auto;
}
.article-notice{
    font-size:14px;
    line-height:20px;
}
.payments{
    float:left;
}
.payments>li{
    float:left;
    margin:4px 6px;
    border:1px solid #ddd;
    cursor:pointer;
}
.payments>li>.layui-icon{
    display:none;

}
.payment-text{
    height:58px;
    line-height:58px;
    font-size:14px;
	text-align:right;
	padding-right:20px;
}
.layui-field-box{
	font-size:14px;
}
.payments .selected{
    border:1px solid #FF5722;
}
.payments .selected .layui-icon{
    font-size: 14px;
    color: #FF5722;
    position: absolute;
    display:block;
}
.amount-label{
    margin-right:10px;
    font-size:14px;
    float:left;
}
.amount-label>input{
    float:left;
    margin-right:3px;
    margin-top:2px;
}
.buttom-bar{
    width: 100%;
    min-height: 58px;
    position: fixed;
    bottom: 0;
    background:#3300FF;
    color:#fff;
    box-shadow: 0 -4px 5px #888888;
    text-align: center;
    z-index: 999;
  	line-height: 58px;
	display:none;
}
.article-handles{
    width:90%;
    margin:0 auto;
    display:block;
}
.article-handles .media{
	margin-right:15px;
}
.login-box{
    margin-top:25px;
    border:1px solid #eee;
    border-radius: 5px;
    padding:20px;

}
.list-inline{
    float:right;
    margin-top:12px;
}
.list-inline>li{
    float:left;
    margin-right:20px;
}
.require-mark{
    color:#FF5722;
}
.captcha-input{
    width:40%;
    float:left;
}
.register-link{
    float:left;
    margin-right:20px;
}
.usernav > .layui-nav-item > a{
    font-size:16px;
}
.container .logo a{
    width:150px;
	padding:10px;
}
.usernav{
    height:70px;
}
.usernav .layui-nav-item{
    height:70px;
    line-height:70px;
    font-size:14px;
}
.usernav-container .layui-nav-item{
    height:70px;
    line-height:70px;
}
.usernav-container .layui-nav-more{
    top:30px;
}
#msgsum{
	width: 15px;
    height: 15px;
    background-color: #FF0000;
    -webkit-border-radius: 15px;
	position: relative;
	padding:0 5px;
	color: #FFFFFF;
	font-size:12px;
	top:-8px;
}
/*用户中心后台顶部数据栏*/
.user-data-cell{
    float:left;
    width:200px;
    background:#eee;
}
.user-data-cell .icon{
    width:70px;
    height:70px;
    float:left;
}
.user-data-cell .icon>img{
    width:30px;
    height:30px;
    margin:20px;
}

.user-data-content{
    float:left;
    text-align:center;
    width:130px;
}
.user-data-content h3{
    float:left;
    display:block;
    width:100%;
    margin-top:14px;
    font-size:20px;
}
.user-data-content span{
    font-size:14px;
}
.icon-yue{
    background:#1E9FFF;
}
.icon-fabuliang{
    background:#009688;
}
.icon-fabuzhong{
    background: #FFB800;
}
.icon-dengji{
    background: #FF5722;
}
.usernav > .layui-nav-item > a{
    font-size:16px;
}
.usernav-container{
    height:70px;
}
.usernav{
    height:70px;
}
.usernav .layui-nav-item{
    height:70px;
    line-height:70px;
    font-size:14px;
}
.usernav-container .layui-nav-item{
    height:70px;
    line-height:70px;
}
.usernav-container .layui-nav-more{
    top:30px;
}
.afiexd {
	position:fixed;
	top:0;
	z-index:9999;
}
/*用户中心后台顶部数据栏*/
.user-data-cell{
    float:left;
    width:200px;
    background:#eee;
}
.user-data-cell .icon{
    width:70px;
    height:70px;
    float:left;
}
.user-data-cell .icon>img{
    width:30px;
    height:30px;
    margin:20px;
}
/*选择媒体页样式*/
.jumei-btn-xs{
    height:32px;
    line-height:32px;
}
.media-del{
    cursor:pointer;
    color:#FFB800;
}
.media-cname{
    float:left;
    width:70px;
	font-weight:bold;
	font-size:14px;
}
.media-cate-type{
    float:left;
    width:60px;
}
.media-categorys{
	float: left;
	width: 90%;
}
.list-table th{
	font-weight:bold;
	text-align: center;
}
.list-table td{
	text-align: center;
}
.list-table a{
    color:#0000e5;
}
.norap{
    overflow:hidden;
    white-space: nowrap;
    max-width:250px;
}
.jumei-tap-name {
    width: 56px;
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    line-break: auto;
}
.popover-content {
    padding: 5px;
}
.popover.top>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0;
}
.popover>.arrow {
    border-width: 11px;
}
.popover>.arrow, .popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.popover.top {
    margin-top: -10px;
}
.fade.in {
    opacity: 1;
}
.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}
.jumei-help{
    font-size:14px;
    color: #e51313;
    font-weight: 600;
}
.jumei-help + .popover .popover-content{
    width:200px;
}
.table-div{padding:10px 15px;}
.table-div .t1{width:100%;}
.table-div .t1 .row{border-top:0px dashed #ddd;}
.table-div .t1 .row td{padding:15px 0;}
.table-div .t1 .row td table td{padding:0;font-size:14px;}

.icon-down {
	background-position:61px -36px;
}
.icon-up {
	background-position:61px -66px;
}
.icon-sequence-up,.icon-sequence-down {
	width:10px;
	height:14px;
	overflow:hidden;
	margin:5px 0 0 5px;
	display:inline-block;
	cursor:pointer
}
.icon-sequence-down {
	background-position:0 -58px;
}
.sequence {
	margin-bottom:0px;
}
.sequence h2 {
	font:normal 14px/28px Microsoft YaHei;
}
.sequence h2 strong {
	color:#f00
}
.sequence-list {
}.sequence-list p {
	font:normal 12px/54px Microsoft YaHei;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-right:15px;
	color:#f00;
}
.sequence-list strong {
	font-size:13px;
	color:#333;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-weight:normal;
}
.sequence-list i {
	margin-top:6px;
}
.sequence-list a:link,.sequence-list a:visited,.sequence-list a:hover,.sequence-list a.active:link,.sequence-list a.active:visited,.sequence-list a.active:hover {
	border:1px solid #CBCBCB;
	font-size:12px;
	padding:0 4px 0 7px;
	display:inline-block;
	cursor:pointer;
	color:#333;
}
.sequence-list a.active:link,.sequence-list a.active:visited,.sequence-list a.active:hover {
	border:1px solid #FF9966;
	color:#0000FF;
}
.sequence-list span {
	float:left;
	padding:7px 0 4px 0;
}
.sequence-list select {
	width:170px;
	padding:5px;
	border:1px solid #D2D2D2;
	color:#A0A0A0;
	margin:10px 10px 0 0;
}

.alink a{color:#fff;}
.layui-btn-primary{height:32px;line-height:30px;border:1px solid #BCB7D1;background-color:#CCCCCC;color:#555;}
.layui-btn-primary:hover{border-color:#BCB7D1;color:#333;}
.layui-btn-orange{display:inline-block;height:37px;line-height:37px;padding:0 18px;background-color:#E6A23C;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:5px;cursor:pointer;opacity:.9;filter:alpha(opacity=90)}
.layui-btn-orange:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}
.layui-btn-oranges{display:inline-block;height:28px;line-height:28px;padding:0 8px;background-color:#E6A23C;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:5px;cursor:pointer;opacity:.9;filter:alpha(opacity=90)}
.layui-btn-oranges:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}
.layui-btn-red{display:inline-block;height:28px;line-height:28px;padding:0 8px;background-color:#F56C6C;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:5px;cursor:pointer;opacity:.9;filter:alpha(opacity=90)}
.layui-btn-red:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}
.layui-btn-green{display:inline-block;height:28px;line-height:28px;padding:0 8px;background-color:#67C23A;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:5px;cursor:pointer;opacity:.9;filter:alpha(opacity=90)}
.layui-btn-green:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}
.layui-btn-gray{display:inline-block;height:28px;line-height:28px;padding:0 8px;background-color:#999;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:5px;cursor:pointer;opacity:.9;filter:alpha(opacity=90)}
.layui-btn-gray:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}
.layui-btn-blue{display:inline-block;height:28px;line-height:28px;padding:0 8px;background-color:#0099FF;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:5px;cursor:pointer;opacity:.9;filter:alpha(opacity=90)}
.layui-btn-blue:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}
.layui-btn-firebrick{display:inline-block;height:28px;line-height:28px;padding:0 8px;background-color:#CC0000;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:5px;cursor:pointer;opacity:.9;filter:alpha(opacity=90)}
.layui-btn-firebrick:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}
.layui-btn-lightgray{display:inline-block;width:150px;height:38px;line-height:38px;margin-left:20px;padding:0 18px;background-color:#E4E4E4;color:#000000;white-space:nowrap;text-align:center;font-size:16px;border:none;border-radius:1px;cursor:pointer;opacity:.9;filter:alpha(opacity=90)}
.layui-btn-lightgray:hover{opacity:.8;filter:alpha(opacity=80);color:#000000}
.layui-btn-dangray{display:inline-block;height:28px;line-height:28px;padding:0 8px;background-color:#E4E4E4;color:#000000;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:5px;cursor:pointer;opacity:.9;filter:alpha(opacity=90)}
.layui-btn-dangray:hover{opacity:.8;filter:alpha(opacity=80);color:#000000}