.loading {  display: none;  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: #fff url("/Public/html5/cropper/img/loading.gif") no-repeat center center;  opacity: .75;  filter: alpha(opacity=75);  z-index: 20140628;}
/*所有动作0.2秒动画完成*/
.animate-all{
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

body{background-color:#fff;}
* {font-family: "microsoft yahei",'HanHei SC', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial';}
a {color:#4186f6;}
.tg h1,.tg h3,.tg .h3{ font-weight:100;}
.tg h4{font-weight:300;}
.tg p{ min-height:60px; margin-top:10px; font-weight:300}
#page-wrapper{font-size:14px}
.dropdown-user{ right:0px; left:auto;}
.index_panel{color:#ffffff;text-shadow:1px 1px 1px #000;font-weight:normal;margin: auto auto;background-color: rgba(255, 255, 255, 0.4);filter: alpha(opacity=10);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);border-radius: 8px;border: 0px solid #aaa;/*-moz-box-shadow: 2px 2px 4px #444;-webkit-box-shadow: 2px 2px 4px #444;box-shadow: 2px 2px 4px #444;*/}
.line{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;}
.line-dashed{height:1px;margin:9px 0;overflow:hidden; border-bottom:1px dashed #bbb;}
.yingying{/*css 3 渐进增强*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";  /* For IE 8 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  /* For IE 5.5 - 7 */-moz-box-shadow: 2px 2px 10px #909090;/* for firefox */-webkit-box-shadow: 2px 2px 10px #909090;/* for safari or chrome */box-shadow:2px 2px 10px #909090;/* for opera or ie9 */}
.pic-pre{position:relative;border:1px solid #ccc;}
.pic-pre>li{display:block;width:100%;position:absolute;bottom:0px;height:50px;color:#ffbe00;font-size:28px;padding:4px 15px;background-color:rgba(0, 0, 0, 0.5);/* for firefox webkit */filter: alpha(opacity=50);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
.pic-pre>li>span{float:right;font-size:12px;line-height:20px;}
.pic-pre>li>span>i{width:10px}
.info-bar{padding:5px;background:#eee;color:#666;border-left:2px solid #666;margin-bottom:10px;}
.info-bar-detail{background:#333;color:#fff;padding-right:15px;}
.attribute-lg{font-size:14px;}
.desc-detail{color:#666666;min-height:80px;text-indent:2em;}
.same-city{min-height:80px;}
.goodsimg{border-bottom:1px dashed #ccc; padding:5px 0;}
.goodsimg:hover{background:#fafafa;}
.money{ color:#ff6600;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} 
.ellipsis-2{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsis-3{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.logo-banner{ 
background: -webkit-linear-gradient(315deg, rgba(50, 160, 210, 1) 0%, rgba(50, 160, 210, 1) 0%, rgba(42, 55, 135, 1) 100%, rgba(42, 55, 135, 1) 100%);
background: -moz-linear-gradient(to bottom right, rgba(50, 160, 210, 1), rgba(50, 160, 210, 1), rgba(42, 55, 135, 1) 100%, rgba(42, 55, 135, 1));
background: linear-gradient(159deg, rgba(28, 78, 140, 1), rgba(36, 139, 186, 1) 42.86%, rgba(28, 160, 19, 1) 100%, rgba(1, 36, 5, 1)); color: #fff;}
/*常用*/
.margin-0{margin:0 !important;}
.margin-5{margin:5px !important;}
.margin-10{margin:10px !important;}
.margin-15{margin:15px !important;}
.margin-20{margin:20px !important;}
.margin-left-0{margin-left:0px !important;}
.margin-left-5{margin-left:5px !important;}
.margin-left-10{margin-left:10px !important;}
.margin-left-15{margin-left:15px !important;}
.margin-left-20{margin-left:20px !important;}
.margin-top-0{margin-top:0px !important;}
.margin-top-5{margin-top:5px !important;}
.margin-top-10{margin-top:10px !important;}
.margin-top-15{margin-top:15px !important;}
.margin-top-20{margin-top:20px !important;}
.margin-bottom-0{margin-bottom:0px !important;}
.margin-bottom-5{margin-bottom:5px !important;}
.margin-bottom-10{margin-bottom:10px !important;}
.margin-bottom-15{margin-bottom:15px !important;}
.margin-bottom-20{margin-bottom:20px !important;}
.margin-right-0{margin-right:0px !important;}
.margin-right-5{margin-right:5px !important;}
.margin-right-10{margin-right:10px !important;}
.margin-right-15{margin-right:15px !important;}
.margin-right-20{margin-right:20px !important;}

.padding-0{padding:0 !important;}
.padding-5{padding:5px !important;}
.padding-10{padding:10px !important;}
.padding-15{padding:15px !important;}
.padding-20{padding:15px !important;}
.padding-left-0{padding-left:0px !important;}
.padding-left-5{padding-left:5px !important;}
.padding-left-10{padding-left:10px !important;}
.padding-left-15{padding-left:15px !important;}
.padding-left-20{padding-left:15px !important;}
.padding-top-0{padding-top:0px !important;}
.padding-top-5{padding-top:5px !important;}
.padding-top-10{padding-top:10px !important;}
.padding-top-15{padding-top:15px !important;}
.padding-top-20{padding-top:20px !important;}
.padding-bottom-0{padding-bottom:0px !important;}
.padding-bottom-5{padding-bottom:5px !important;}
.padding-bottom-10{padding-bottom:10px !important;}
.padding-bottom-15{padding-bottom:15px !important;}
.padding-bottom-20{padding-bottom:20px !important;}
.padding-right-0{padding-right:0px !important;}
.padding-right-5{padding-right:5px !important;}
.padding-right-10{padding-right:10px !important;}
.padding-right-15{padding-right:15px !important;}
.padding-right-20{padding-right:20px !important;}

.box-shadow{ box-shadow: 3px 4px 5px rgba(0,0,0,0.1)}
.border-0{border-width:0;}
.border-1{border: 1px solid #ddd;}
.money{color:#f60;}
.info{color:#999;}
.black{color:#000 !important;}
.blue{color:#4b8cf7;}
.green{color:#060;}
.light-green{color:#00C200;}
.yellow{color:#ffe300 !important;}
.orange{ color:#FF6600 !important;}
.white{color:#fff !important;}
.red{color:#f00;}
.primary{color:#09c;}
.opacity-2{opacity: 0.2}
.opacity-4{opacity: 0.4}
.opacity-5{opacity: 0.5}
.opacity-6{opacity: 0.6}
.opacity-8{opacity: 0.8}
.clear{clear:both;}
.font-size-9{font-size:9px !important;}
.font-size-10{font-size:10px !important;}
.font-size-12{font-size:12px !important;}
.font-size-14{font-size:14px !important;}
.font-size-16{font-size:16px !important;}
.font-size-18{font-size:18px !important;}
.font-size-20{font-size:20px !important;}

.bg-yellow{ background-color:#ffe300 !important;}
.bg-light-yellow{ background-color:#fcf8e3 !important;}
.bg-blue{ background-color:#4b8cf7 !important;}
.bg-success{background-color:#4cae4c !important;}
.bg-gray{ background-color:#999 !important;}
.bg-light-gray{ background-color:#f1f1f1 !important;}
.bg-black{ background: #000 !important;}
.bg-red{ background:#ff0000 !important;}
.bg-orange{ background:#FF6600 !important;}
.bg-light-green{background:#00C200 !important;}

.label-blue{background-color:#3459FF !important;}
.label-purple{background-color:#6810FF !important;}

/*视频播放*/
.fullscreen-video{ z-index: 2000; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
/*按钮*/
.btn{ font-weight: 400;}
.btn-primary {color: #fff; border: 1px solid #3079ed; background-color: #4b8cf7; }
.btn-primary:hover,.btn-primary:focus{background: #3079ed;}
.btn-primary.btn-outline{ background: #fff;}
.btn-primary.btn-outline:hover,.btn-primary.btn-outline:focus{ color:#fff;background: #3079ed;}
.btn-blue {color: #fff; border: 1px solid #3079ed; background-color: #4b8cf7; }
.btn-blue:hover,.btn-blue:focus{background: #4b8cf7; color:#fff;}
.badge{ padding:3px 6px; font-weight: normal;}
.btn-blue .badge{ color:#4b8cf7; background: #fff;}
.btn-yellow {color: #202242; background-color: #ffe300; border-color: #ffbe00; }
.input-group-xs > .form-control, .input-group-xs > .input-group-addon, .input-group-xs > .input-group-btn > .btn {height: 24px; padding: 1px 5px; font-size: 12px; line-height: 1.2;}
.btn-success-light{border-color: #d6e9c6; color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.btn-warning-light{color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.btn-danger-light{border-color: #ebccd1; color: #a94442; background-color: #f2dede; border-color: #ebccd1 }
.btn-danger-light .line{background-color: #ebccd1;}
.btn-warning-light .line{background-color: #faebcc;}
.btn-success-light .line{background-color: #d6e9c6;}
.btn-gray{ background-color: #eee; border-color:#666;}

.border-red{border-color: #ff0000 !important;}

.home>.thumbnail{border-radius:0px;padding:0px;text-decoration:none;color:#333;background-color:#fafafa;border:0px solid #fafafa; position: relative;}
.home>.thumbnail>img{width:100%;}
.home>a..thumbnail:hover{text-decoration:none;color:#000;background-color:#fff;border:0px solid #fafafa; box-shadow: 3px 4px 8px rgba(0,0,0,0.1); margin-top:-3px; margin-bottom:23px; }
.home>.thumbnail .desc{ position: absolute;padding:3px 6px; top:3px;right:3px; color:#fff; background: #000; color:#fff;}
.thumbnail .left-desc{ position: absolute;padding:3px 6px; top:3px;left:3px; color:#999;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{border: 1px solid #3079ed;
background-color: #4b8cf7;}

/*聊天窗口*/
.chater{ position: relative;padding: 20px 0 20px;list-style: none;}
.chater li{position: relative;margin-bottom: 40px;}
.charter-time{ font-size:80%; color:#999}
.chater li::before,.chater li::after{content: " ";display: table;}
.chater li::after{ clear:both;}
.chater-head{position: absolute;top: 0px;right: 5px;width: 60px;height: 80px;text-align: center;}
.chater-body{float: right;position: relative;width: 70%;padding: 20px; min-height:60px; margin-right:80px;border: 1px solid #d4d4d4;border-radius: 2px;-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.175);box-shadow: 0 1px 6px rgba(0,0,0,0.175);}
.chater-body::before{content: " ";display: inline-block;position: absolute;top: 13px;right: -15px;border-top: 15px solid transparent;border-right: 0 solid #ccc;border-bottom: 15px solid transparent;border-left: 15px solid #ccc;}
.chater-body::after{content: " ";display: inline-block;position: absolute;top: 14px;right: -13px;border-top: 14px solid transparent;border-right: 0 solid #fff;border-bottom: 14px solid transparent;border-left: 14px solid #fff;}
.chater-left>.chater-head{ left:5px;}
.chater-left>.chater-body{ float:left; margin-left:80px; word-break:break-all;}
.chater-left>.chater-body::before{right: auto;left: -15px;border-right-width: 15px;border-left-width: 0;}
.chater-left>.chater-body::after{right: auto;left: -13.5px;border-right-width: 14px;border-left-width: 0;}

/*上传图片*/
.upload-list{margin:0 -5px;}
.upload-pic{ width:20%; padding:0 5px;}
.upload-pic img{width:100%;cursor: pointer;}

.page-loading{position:absolute; width:150px; min-height:100px;margin-left: auto;margin-right: auto; left:0;right:0;  color:#fff; z-index:1000; border-radius:8px; font-size:16px; text-align:center; padding-top:20px; background:rgba(0,0,0,0.5);  }


.open > .dropdown-toggle >.fa-caret-down,.open > .dropdown-toggle >.caret ,.open > .dropdown-toggle >.fa-angle-down{   transform: rotate(180deg);     -webkit-transform: rotate(180deg);     -moz-transform: rotate(180deg);     -ms-transform: rotate(180deg);     -o-transform: rotate(180deg);  }
.table-center > tbody > tr > td, .table-center > tbody > tr > th, .table-center > tfoot > tr > td, .table-center > tfoot > tr > th, .table-center > thead > tr > td, .table-center > thead > tr > th{ vertical-align:middle; text-align:center}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 600px) {
h1,.h1{ font-size:28px; }
h2,.h2{ font-size:22px; }
h3,.h3{ font-size:18px; }
h1,.h1{ font-size:22px;}
h2,.h2{ font-size:20px;}
h3,.h3{ font-size:18px;}
h4,.h4{ font-size:16px;}
h5,.h5{ font-size:14px;}
h6,.h6{ font-size:12px;}
.h4>.pull-right{ font-size:12px; line-height:12px; }
.pagination-lg>li>a, .pagination-lg>li>span{font-size:14px;padding:5px 10px;}
.pagination-sm > li > a, .pagination-lg>sm>span { font-size:12px; padding:5px 8px;}
.chater-head{ width:40px; height:60px; right:0px;}
/*聊天窗口*/
.chater-body{ margin-right:48px; padding:10px; min-height:40px; width:auto;}
.chater-body::before{ top:10px; right:-8px;border-top-width:8px; border-bottom-width:8px; border-left-width:8px;}
.chater-body::after{ top:11px;right:-7px;border-top-width:7px;border-right-width:0;border-bottom-width:7px;border-left-width:7px;}
.chater-left>.chater-head{ left:0px;}
.chater-left>.chater-body{ float:left; margin-left:48px;}
.chater-left>.chater-body::before{left: -8px;border-right-width: 8px;border-left-width: 0;}
.chater-left>.chater-body::after{left: -7px;border-right-width: 7px;border-left-width: 0;}
}



/*thumbnail*/
.thumbnails{ margin: 0 -10px;}
.thumbnails>div{ padding:0 10px;}

.thumbnail{ border: 1px solid #fafafa; padding:0; border-radius: 0; background: #fafafa; text-decoration: none; position:relative; color:#555;}
.thumbnail .cover{width:100%;}
a.thumbnail:hover,a.thumbnail:focus{ background: #eee; text-decoration: none; color:#000; border-color: #ddd ;}
.thumbnail-info{ position: absolute;bottom: 0;width:100%; left:0; color:#fff;  background: rgba(0,0,0,0.5);padding:2px; text-align: center; font-size:10px;}
.thumbnail .text{ padding:8px 10px 15px 8px; }
.thumbnail .title{ font-size:14px; font-weight: 300; color:#000; line-height: 24px;}
.thumbnail .forbidden{position: absolute; top:0;width:0; width: 100%; height:100%;background-color: rgba(0,0,0,0.5); cursor: default; color: #fff; padding:50% 0; text-align: center;}
.thumbnail .goodsname{height: 40px; padding:5px 10px;}

.stock-list a.thumbnail{ border: 1px solid #eee; padding:0; border-radius: 0; background: #fff; text-decoration: none; color:#999; position:relative;cursor: pointer;}
.stock-list a.thumbnail:hover,.stock-list a.thumbnail:focus{ background: #ffffff; text-decoration: none; color:#000; border-color: #eee ; box-shadow: 3px 4px 8px rgba(0,0,0,0.1);   margin-top:-3px; margin-bottom: 23px;}