﻿/*icon*/
/*.icons{background: url("../Images/icon-ali.png") no-repeat;display: inline-block;}*/
@font-face {font-family: "iconfont";
    src: url('/content/css/fonts/iconfont.eot'); /* IE9*/
    src: url('/content/css/fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/content/css/fonts/iconfont.woff') format('woff'), /* chrome, firefox */
    url('/content/css/fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('/content/css/fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {font-family:"iconfont" !important;font-size:18px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}



.itemview { background:#f7f7f7; float:left; margin-right:10px;position:relative;}
.itemview .itemview-display {width:120px;height:120px; overflow:hidden;}
.itemview .itemview-display img{display: inherit; margin:0px auto;}
.itemview .progress-bar {background:#258cf9; height:2px;}
.itemview .progress{height:2px; margin:0px;}
.itemview .bar {width:100%; height:30px;background: rgba( 0, 0, 0, 0.5 ); position:absolute; opacity:0.8; bottom:0px;}
.itemview .bar .label-filesize{line-height:30px; color:#FFF;margin-left:5px;}
.itemview .bar span {margin-top:7px; color:#FFF; float:right; margin-right:5px;}
.vidioview,.vidioview .itemview-display { width:390px; height:260px;}
.open > .dropdown-menu{max-height: 200px;overflow: auto;}
.itemview .itemview-display .fa {font-size: 100px;text-align: center; width: 100%; margin-top: 10px;color:rgba(155, 163, 183, 0.61);}
.pagination-wrapper{height: 55px;padding: 5px 15px 15px 15px; line-height:32px;}
@media (max-width: 768px) {
    .pagination-wrapper {height:30px; line-height:30px; text-align:center; background-color:#ecf0f5;padding-top:0px; padding-bottom:0px; }
    .pagination-wrapper span { height:30px; line-height:30px; display:block; }
}

/*框架提示插件*/
.ez-alert{display:block;border-radius:4px;border:1px #ddd solid;background-color:#fff;margin:5px 20px}
.alert-container{border-radius:4px;position:relative;padding:14px 18px}
.alert-container h4{font-weight:400;font-size:15px}
.alert-content{line-height:22px}
.icon-alert{background:url(/images/icon.png) center no-repeat;-webkit-background-size:400px 650px;background-size:400px 650px;display:inline-block;vertical-align:top;height:28px;width:30px;position:absolute;left:18px;top:11px}
/**********************成功*****************************/
.ez-alert-success{border-color:#7fc87f}
.ez-alert-success .alert-container{/* background-color:#fff; *//* box-shadow:0 0 0 4px #dff7df inset; */padding-left:60px;}
.ez-alert-success .alert-container h4{color:#007600}
.ez-alert-success .icon-alert{background-position:-318px -35px}
/**********************错误*****************************/
.ez-alert-error{border-color:#c40000}
.ez-alert-error .alert-container{background-color:#fff;box-shadow:0 0 0 4px #fcf4f4 inset;padding-left:63px}
.ez-alert-error .alert-container h4{color:#c40000}
.ez-alert-error .icon-alert{background-position:-248px -35px}
/**********************信息*****************************/
.ez-alert-info{border-color:#bbd3de}
.ez-alert-info .alert-container{background-color:#f6f6f6;padding-left:60px}
.ez-alert-info .alert-container h4{color:#4d4d4d}
.ez-alert-info .icon-alert{background-position:-350px -35px}
/**********************警告æ*****************************/
.ez-alert-warning{border-color:#8b6e00}
.ez-alert-warning .alert-container{background-color:#fff;box-shadow:0 0 0 4px #fffae7 inset;padding-left:63px}
.ez-alert-warning .alert-container h4{color:#4d4d4d}
.ez-alert-warning .icon-alert{background-position:-283px -35px}

.page-loading{position: relative;}
.page-loading:after{display:block;content: "";clear: both;}
.page-loading .loading-tip{display: block;content: "";text-align: center;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 4; width: 100%;}
.page-loading .loading-component {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";opacity: .7; -webkit-filter: blur(1px);filter: blur(1px); -webkit-filter: "progid\:DXImageTransform\.Microsoft\.Blur(PixelRadius\=1, MakeShadow\=false)";filter: "progid\:DXImageTransform\.Microsoft\.Blur(PixelRadius\=1, MakeShadow\=false)";pointer-events: none;width: 100%;}
.page-loading .loading-component .loading-masker {position: absolute; top: 0;bottom: 0;left: 0;right: 0;z-index: 1001;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";opacity: .2;background: #fff;}
.page-loading .loading-icon{ background: url("/content/Images/loading.gif") center no-repeat; width: 32px; height: 32px; display: inline-block; position: relative;top: 12px;}
.page-loading  .next-loading-flower{ position: absolute; top:50%; margin-top: -30px;}
.page-loading  .next-loading-flower strong{ font-weight: normal; margin-left: 10px;display: inline-block;}
.page-loaded .loading-tip{display: none;}
/*上传按钮*/
.upload-normal{ background-color: #eee !important; background-image: -moz-linear-gradient(top,#fafafa,#e8e8e8); background-image: -ms-linear-gradient(top,#fafafa,#e8e8e8); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#e8e8e8));background-image: -webkit-linear-gradient(top,#fafafa,#e8e8e8); background-image: -o-linear-gradient(top,#fafafa,#e8e8e8); background-image: linear-gradient(top,#fafafa,#e8e8e8); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e8e8e8', GradientType=0); color: #333 !important;}
.upload-text-normal{background: transparent !important;color: #1686cc !important;}

/*hack*/
.compatible-bg{background: #0088fb;}
.compatible-wrapper{min-width: 1200px;margin: 0 auto;}
.compatible-top{background: url("/content/Images/compatible-top.png") left no-repeat;height: 890px;position: absolute;top: 0px;left: 135px;z-index: 10;width: 70%;}
.compatible-bottom{background: url("/content/Images/compatible-bottom.png") left no-repeat;height: 1080px;position: absolute;bottom: 0px;left: 0px;z-index: 11; width: 100%;}
.compatible-box{position: absolute;top: 25%;right: 155px;color: #ffffff;z-index: 100;}
.compatible-box h1{font-size: 78px;height: 80px;font-weight: bold;}
.compatible-box h6{font-size: 20px;font-weight: bold;padding-top: 35px;}
.compatible-box .link{display: block;padding-top: 50px;color: #ffffff;margin-left: 165px;overflow: hidden;}
.compatible-box img{float: left;}
.compatible-box .box{margin-left: 140px;}
.compatible-box h4{font-size: 23px;font-weight: normal;padding-top: 30px;padding-bottom: 7px;}
.compatible-box p{color: #c5dff5;font-size: 17px;}
.lower-ie .page-container { display:none !important;}


.webuploader-pick-link{position: relative}
.webuploader-pick-link label{color: #fd9f61;font-weight: normal;margin: 0px;}
.webuploader-pick-link input[type=file]{filter:alpha(opacity=0); /* IE */ -moz-opacity:0; /* Moz + FF */ opacity: 0;}
.tool-tips{background-color:rgba(255,152,0,.68);color:#fff;padding:10px;border-radius:4px;line-height:22px;word-break:break-all;position:absolute;display:inline-block;max-width:360px;font-size:14px}
a[ez-title],a[title]{cursor:pointer}
.tool-tips:after{width:0;height:0;border-color:rgba(255,152,0,.68);display:block;content:"";clear:both;position:absolute}
.tool-tips.arrow-left:after{border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(255,152,0,.68);top:10px;left:-10px}
.tool-tips.arrow-right:after{border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(255,152,0,.68);top:10px;right:-10px}
.tool-tips.arrow-up-left:after{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(255,152,0,.68);left:10px;top:-10px}
.tool-tips.arrow-down-left:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(255,152,0,.68);left:10px;bottom:-10px}
.tool-tips.arrow-up-right:after{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(255,152,0,.68);right:10px;top:-10px}
.tool-tips.arrow-down-right:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #ff9800a3;right:10px;bottom:-10px}