@charset "utf-8";
/*公用 代码 */
/*body,html { font:normal 12px Microsoft YaHei; color:  #666; background-color: #efefef;}*/
body { font-family: "microsoft yahei" !important; overflow: hidden; font-size: 12px; min-height: 100%; color: #333; background: white; margin: 0; padding: 0;}
body:before { content: "";display: block;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;background-color: #eee;}
a { color: #666;}
a img { display: block;}
table { border-collapse:collapse;}
*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;/*-webkit-user-select:none;-ms-user-select:none;user-select:none;*/ outline: none;}
img{vertical-align:top;border:none;}
input,textarea{-webkit-user-select:text;-ms-user-select:text;user-select:text;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;}
input[type="text"],input[type="tel"],input[type="number"],textarea{-webkit-appearance:none;border:1px solid;border-radius:0;}
a{text-decoration:none;-webkit-touch-callout:none;}
em,i{font-style:normal;}
ul, li,dl,dt,dd,ol { list-style: none; }

/*公用部分*/
label { margin-bottom:0; vertical-align: middle;}
.table input[type=checkbox]~.text, .table input[type=radio]~.text { margin-right: -4px; margin-bottom: 0;}

.sq_container,.icon_expand,.btn,.sq_navbar,.sq_navbar:before,.sq_crumb,.slidebar_toggler,.sq_header >.pull-right,.sq_footer {transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out}

/*********************************/
.marT0 { margin-top:0px !important}
.marT5 { margin-top: 5px !important;}
.marT8 { margin-top: 8px !important;}
.marT10 { margin-top: 10px !important;}
.marT15 { margin-top: 15px !important;}
.marT20 { margin-top: 20px !important;}

.marBot0 { margin-bottom:0px !important}
.marBot5 { margin-bottom:5px !important}
.marBot10 { margin-bottom:10px !important}
.marBot15 { margin-bottom:15px !important}
.marBot20 { margin-bottom:20px !important}

.marL0 { margin-left: 0px !important;}
.marL5 { margin-left: 5px !important;}
.marL10 { margin-left: 10px !important;}
.marL15 { margin-left: 10px !important;}
.marL20 { margin-left: 20px !important;}

.marR0 { margin-right:0px !important;}
.marR5 { margin-right:5px !important;}
.marR10 { margin-right: 10px !important;}
.marR15 { margin-right:15px !important;}
.marR20 { margin-right:20px !important;}

.mar0 { margin: 0 !important;}
.marLR5 { margin-left: 5px !important; margin-right: 5px !important;}
.marLR10 { margin-left: 10px !important; margin-right: 10px !important;}
.marLR15 { margin-left: 15px !important; margin-right: 15px !important;}
.marLR20 { margin-left: 20px !important; margin-right: 20px !important;}

.padd0 { padding: 0 !important;}
.paddT5 { padding-top:5px !important;}
.paddT10 { padding-top:10px !important;}
.paddT15 { padding-top:15px !important;}
.paddT20 { padding-top:20px !important;}

.paddL0 { padding-left: 0 !important;}
.paddL5 { padding-left:5px !important;}
.paddL10 { padding-left:10px !important;}
.paddL15 { padding-left:15px !important;}
.paddL20 { padding-left:20px !important;}

.paddBot0 { padding-bottom:0px !important;}
.paddBot5 { padding-bottom:5px !important;}
.paddBot10 { padding-bottom:10px !important;}
.paddBot15 { padding-bottom:15px !important;}
.paddBot20 { padding-bottom:20px !important;}

.paddLR0 { padding-left: 0px !important; padding-right: 0px !important;}
.paddLR5 { padding-left: 5px !important; padding-right: 5px !important;}
.paddLR10 { padding-left: 10px !important; padding-right: 10px !important;}
.paddLR15 { padding-left: 15px !important; padding-right: 15px !important;}
.paddLR20 { padding-left: 20px !important; padding-right: 20px !important;}

.paddTB0 { padding-top: 0px !important; padding-bottom: 0px !important;}
.paddTB5 { padding-top: 5px !important; padding-bottom: 5px !important;}
.paddTB10 { padding-top: 10px !important; padding-bottom: 10px !important;}
.paddTB15 { padding-top: 15px !important; padding-bottom: 15px !important;}
.paddTB20 { padding-top: 20px !important; padding-bottom: 20px !important;}

.text_left { text-align: left !important;}
.text_center { text-align: center !important;}
.text_right { text-align: right !important;}

.block { display: block !important;}
.hide { display: none !important;}

.color999 { color: #999 !important;}
.color333 { color: #333 !important;}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?kd2lo9');
	src:url('../fonts/icomoon.eot?#iefixkd2lo9') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?kd2lo9') format('truetype'),
		url('../fonts/icomoon.woff?kd2lo9') format('woff'),
		url('../fonts/icomoon.svg?kd2lo9#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon_"], [class*=" icon_"],.icon_ {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*********************************/

input[type="text"], input[type="tel"], input[type="number"], textarea { border-color: #ddd;}

input[type=checkbox]~.text, input[type=radio]~.text {position: relative;z-index: 11;display: inline-block;margin: 0;line-height: 20px;min-height: 18px;min-width: 18px;font-weight: normal;}
input[type=checkbox]~.text:before {font-family: fontAwesome;font-weight: bold;font-size: 13px;color: #333;content: " ";background-color: #fafafa;border: 1px solid #c8c8c8;box-shadow: 0 1px 2px rgba(0,0,0,.05);border-radius: 0;display: inline-block;text-align: center;vertical-align: middle;height: 18px;line-height: 16px;min-width: 18px;margin-right: 5px;margin-bottom: 3px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
input[type=radio]~. { line-height: 20px; display: inline-block; vertical-align: middle; overflow: hidden;}
input[type=radio]~.:before { border-radius:0;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; display: inline; width: auto; height: 20px;font-size: 19px; display: inline; margin-right: 5px; vertical-align: top;}
input[type=radio]:checked~.:before { content: "\e801";}

.radio label, .checkbox label { padding-left: 0;}
input[type=checkbox][checked=checked]~.text:before,input[type=checkbox]:checked~.text:before {  display: inline-block;content:"";  background-color: #f5f8fc;border-color: #333;}
input[type=checkbox][checked=checked]~.text:after,input[type=checkbox]:checked~.text:after {content: "";width: 12px;height: 6px;border-left: 2px solid;border-color: #333;position: absolute;left: 3px;top: 7px;border-bottom: 2px solid;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
input[type=radio]:checked~.text:after { content: ""; position: absolute; left: 3px; top: 5px; width: 12px; height: 12px; background-color: #333; border-radius: 100%;}

.checkbox-inline, .radio-inline { padding-left: 3px; overflow: hidden; z-index: 1; margin-right: 10px;position: relative;top: 2px;}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-left: 0;}
.checkbox-inline, .radio-inline  span{position: relative;top: 2px;}

.btn { cursor: pointer;}
.btn-blue {  background-color: #238ae7!important;border-color: #238ae7;color: #fff; border-radius:6px;}
/*.btn:hover { color: white;}*/
/*.btn-default:hover { color:#333 !important;}*/
.btn-blue:hover { background-color: #238ae7!important; border-color: #238ae7; color: #fff;}
.btn-blue:focus{ background-color: #238ae7!important; border-color: #238ae7; color: #fff;}
.btn-sky, .btn-sky:focus {background-color: #11a9cc !important;border-color: #11a9cc;color: #fff;}
.btn-sky:hover{background-color: #28b3d3 !important;border-color: #28b3d3;color: #fff;}
.btn-palegreen,.btn-palegreen:focus {background-color: #a0d468 !important;border-color: #a0d468;color: #fff;}
.btn-palegreen:hover {background-color: #9cd584 !important;border-color: #9cd584;color: #fff;}
.btn-darkorange, .btn-darkorange:focus {background-color: #ffffff !important;border-color: #c7c7c7;color: #666666; border-radius:6px;}
.btn-darkorange:hover {background-color: #ffffff !important;border-color: #c7c7c7;color: #666666;}

.btn.block { width: 100%;}

.text-danger { color: red;}

.marLR15 { margin: 0 15px;}

.flex { display: flex !important; display: -ms-flex !important; display: -webkit-flex !important; display: -webkit-box !important;}
.flex_1 { flex:1; position: relative; -webkit-flex:1; -ms-flex:1; -webkit-box-flex:1;}

/*颜色*/
.maroon {color: #981b48 !important;}
.blue { color: #5db2ff !important;}
.palegreen {color:#a0d468 !important}
.darkorange { color:#ed4e2a !important}
.darkpink,.redword { color: #333 !important;font-size: 14px!important;}
.red { color: red !important;}
.modal-header .close{float: right;font-size: 26px!important;line-height: 1;font-weight: normal!important;opacity: 1; color: #999!important;text-shadow: 0 1px 0 #fff;}
#rwrapper { height: 100%;}
#rwrapper .swiper-slide { height: auto}
.modal-header{border-bottom: 1px solid #238ae7!important;}
/*****************************************************************/
.plug_center:before {content: "\e600";}
.order_management:before {content: "\e601";}
.customer_management:before {content: "\e602";}
.pro_management:before {content: "\e603";}
.article_management:before {content: "\e604";}
.icon_search:before {content: "\e900";}
.icon_home:before {content: "\e605";}
.operation:before {content: "\e606";}
.operation:before {content: "\e607";}
.icon_expand:before { content: "\e609";}
.classical_entry:before { content: "\e618";}

.icon_uniE632:before {content: "\e632";}
.icon_uniE633:before {content: "\e633";}
.icon_uniE609:before {content: "\e609";}
.icon_uniE60A:before {content: "\e60a";}
.icon_uniE60B:before {content: "\e60b";}
.icon_uniE60C:before {content: "\e60c";}
.icon_uniE60D:before {content: "\e60d";}
.icon_uniE60E:before {content: "\e60e";}
.icon_uniE60F:before {content: "\e60f";}
.icon_uniE610:before {content: "\e610";}
.icon_uniE611:before {content: "\e611";}
.icon_uniE612:before {content: "\e612";}
.icon_uniE613:before {content: "\e613";}
.icon_uniE614:before {content: "\e614";}
.icon_uniE615:before {content: "\e615";}
.icon_uniE616:before {content: "\e616";}
.icon_uniE617:before {content: "\e617";}
.icon_uniE618:before {content: "\e618";}
.icon_uniE619:before {content: "\e619";}
.icon_uniE61A:before {content: "\e61a";}
.icon_uniE61B:before {content: "\e61b";}
.icon_uniE61C:before {content: "\e61c";}
.icon_uniE61D:before {content: "\e61d";}
.icon_uniE61E:before {content: "\e61e";}
.icon_uniE61F:before {content: "\e61f";}
.icon_uniE620:before {content: "\e620";}
.icon_uniE621:before {content: "\e621";}
.icon_uniE622:before {content: "\e622";}
.icon_uniE623:before {content: "\e623";}
.icon_uniE624:before {content: "\e624";}
.icon_uniE625:before {content: "\e625";}
.icon_uniE626:before {content: "\e626";}
.icon_uniE627:before {content: "\e627";}
.icon_uniE628:before {content: "\e628";}
.icon_uniE629:before {content: "\e629";}
.icon_uniE62A:before {content: "\e62a";}
.icon_uniE62B:before {content: "\e62b";}
.icon_uniE62C:before {content: "\e62c";}
.icon_uniE62D:before {content: "\e62d";}
.icon_uniE62E:before {content: "\e62e";}
.icon_uniE62F:before {content: "\e62f";}
.icon_uniE630:before {content: "\e630";}
.icon_uniE631:before {content: "\e631";}
.icon_uniE608:before {content: "\e608";}/*默认通用图标*/
.icon_uniE634:before {content: "\e634";}
.icon_uniE607:before {content: "\e607";}
.icon_email:before { content: "\e602";}
.icon_username:before { content: "\e601";}
.icon_mobile:before {content: "\e600";}

.icon_news:before { content: "\e800";}
.:before { content: "\e804";}


/*整体颜色部分    s*/
.sq_header { background: #2dc3e8;}
.num {color: white;background-color: #2dc3e8; border: 1px solid white;}
.news_show.open >a {   background-color: #2dc3e8;-webkit-box-shadow: 0 2px 40px rgba(0,0,0,.4);-moz-box-shadow: 0 2px 40px rgba(0,0,0,.4);box-shadow: 0 2px 40px rgba(0,0,0,.4)}
.my_accout >a { color: white;}
.my_accout.open >a {   background-color: #2dc3e8;-webkit-box-shadow: 0 2px 40px rgba(0,0,0,.4);-moz-box-shadow: 0 2px 40px rgba(0,0,0,.4);box-shadow: 0 2px 40px rgba(0,0,0,.4);}

.dropdown-menu >li >a.log_out { color: #ff0000;}
.sq_navbar,.sq_navbar:before { background-color: white;}

.sq_body {  box-shadow: 1px 0 10px 1px rgba(0,0,0,.3); -webkit-box-shadow: 1px 0 10px 1px rgba(0,0,0,.3); -moz-box-shadow: 1px 0 10px 1px rgba(0,0,0,.3); -ms-box-shadow: 1px 0 10px 1px rgba(0,0,0,.3); position: relative; z-index: 1; padding: 15px;}

/*整体颜色部分    e*/

.sq_body { margin: 15px 15px 35px 15px;}
.sq_header { height: 45px; min-height: 45px; margin: 0; padding: 0; z-index: 2; position: relative;}
.sq_header >.pull-left,.sq_header >.pull-right { height: 45px;}
.sq_header >.pull-left img { margin: 6px 0 0 13px;}
.sq_header >.pull-left .slidebar_toggler { margin: 0px 0 0 66px; font-size: 20px; height: 45px; line-height: 45px; color: white; text-decoration: none;}
.my_accout { float: right; position: relative; margin-right: 10px;}
.my_accout >a { display: block; height: 45px; padding: 0 17px 0 7px; line-height: 45px; font-size: 14px; text-decoration: none;}
.my_accout >.dropdown-menu { left: auto; right: -2px; min-width: 100px; top: 42px;} 
.dropdown-menu >li >a.log_out { font-size: 14px;}
.log_out:before {  display: inline-block;margin-right: 5px;position: relative;top: 2px;}


.main_container { padding: 0;}
.page_container { position: absolute; top: 45px; width: 100%; bottom: 0; z-index: 1;}
.sq_navbar { position: fixed; left: 0; top: 45px; bottom: 0; overflow-y:auto; overflow-x: hidden; width: 224px; z-index: 2; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
.sq_navbar.hide {left: -224px; display: inline !important;}
.sq_navbar.hide~.page_content { left: 0;}

.sq_navbar.hide:before { left:-224px !important;}


.sq_navbar:before { content: "";position: absolute;display: block;width: 219px;bottom: 0;top: 0;left: 5px;z-index: 1;}

.sq_navbar a .icon_ { display: inline-block; min-width: 30px; text-align: center; vertical-align: middle; font-size: 16px; margin-top: -3px;}

.sq_footer { position: fixed; bottom: 0; left:239px; right: 15px; line-height: 25px; text-align: center; background: white;}
.page_content { position: absolute; left: 224px; top: 0; bottom: 25px; right: 0; overflow: hidden; z-index: 1;}
.page_content >div { background-color:#eee ;}

.sq_navbar.hide ~.page_bottom { left: 0;}

.slidebar_menu { margin-left: 5px; position: relative; z-index: 2; padding-bottom: 30px;}
.slidebar_menu li { display: block; position: relative;}
.slidebar_menu li:before {display: none;content: "";position: absolute;top: 0;bottom: 0;left: -4px; width:4px; max-width:4px; overflow: hidden; background-color: #fc6c51;}
.slidebar_menu li.active { background:#eee;}
.slidebar_menu li.active:before { display: block; background-color: #2dc3e8;}
.slidebar_menu li.active:hover:before { background-color:#fc6c51 ;}
.slidebar_menu li.active>a,.slidebar_menu li:hover>a { color: #262626;}
.slidebar_menu li:hover {}/* background: white;*/
.slidebar_menu li:hover:before { display: block;}
.slidebar_menu li.open:hover:before { display: none;}
.slidebar_menu li.open >.submenu1 { display: block;}
.slidebar_menu li.open >.submenu1:before {  content: "";display: block;position: absolute;z-index: 1;left: 23px;top: 0;bottom: 19px;border-left: 1px solid #e2e2e2;}
.submenu1 >li a { padding-left: 40px; border-top: none;}
.submenu1 >li >a:before {  content: "";position: absolute;width: 5px;height: 5px;left: 21px;top: 17px;background-color: #fff;border: 1px solid #e2e2e2;z-index: 2;}
.submenu1 >li.open >.submenu1 { display: block;}
.submenu1 >li.open >.submenu1:before { display: none;}
.submenu1 >li.open >.submenu1 { z-index: 2; background-color: white;}
.submenu1 >li.open >.submenu1 >li>a { padding-left: 50px; border: none;}
.submenu1 >li.open >.submenu1 >li>a:before { display: none;}
.slidebar_menu li.open>a { color: #333;}

.slidebar_menu a {  display: block;height: 38px;line-height: 36px;padding: 0 16px 0 7px; border-top: 1px solid #f3f3f3;
  -webkit-text-shadow: none !important;
  text-shadow: none !important;font-size: 13px;text-decoration: none;color: #737373;z-index: 2;}
.icon_menu1:before { content: "\e259"; min-width: 30px; font-size: 20px;}
.submenu1 { display: none; position: relative; background-color: #fbfbfb;-webkit-box-shadow: inset 0 4px 4px -2px rgba(0,0,0,.15),inset 0 -4px 4px -2px rgba(0,0,0,.15);-moz-box-shadow: inset 0 4px 4px -2px rgba(0,0,0,.15),inset 0 -4px 4px -2px rgba(0,0,0,.15);box-shadow: inset 0 4px 4px -2px rgba(0,0,0,.15),inset 0 -4px 4px -2px rgba(0,0,0,.15);}
.submenu1 >li .submenu1 {border-top: 1px solid #eee;border-bottom: 1px solid #eee;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}

.icon_expand { position: absolute; right: 12px; top: 15px; font-size: 14px; color: #666666;-webkit-transform: rotate(0deg) scale(0.6);-moz-transform: rotate(0deg) scale(0.6);-o-transform: rotate(0deg) scale(0.6);-ms-transform: rotate(0deg) scale(0.6);transform: rotate(0deg) scale(0.6);}
.slidebar_menu li.open >a .icon_expand {-webkit-transform: rotate(90deg) scale(0.6);-moz-transform: rotate(90deg) scale(0.6);-o-transform: rotate(90deg) scale(0.6);-ms-transform: rotate(90deg) scale(0.6);transform: rotate(90deg) scale(0.6);}

.sq_crumb { min-height: 40px; background: #f3f3f3; line-height: 39px; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); padding-left: 36px; position: relative; margin-bottom: 5px;}
.sq_crumb.fixed { position: fixed; left: 224px; top: 45px; right: 0; z-index: 11;}
.sq_crumb.fixed ~.page-header { margin-top: 40px;}
.sq_crumb.icon_home:before { position: absolute; left: 15px;}
.sq_crumb a { color: #2dc3e8;}
.sq_crumb a:hover { text-decoration: underline;}
.sq_crumb span,.sq_crumb i { color: #777;}
.sq_crumb i { margin: 0 8px;}

.tab-content { background: white; padding: 10px; border: 1px solid #DDDDDD; box-shadow: none; -webkit-box-shadow: none;}
.table_scrollable td{line-height: 21px!important;border: none!important;}
.table_scrollable { overflow-x: auto; overflow-y: hidden; background: white;}
.table_scrollable table { margin-bottom: 0;}
.table_scrollable th { white-space: nowrap;font-size: 14px; color: #666666;}
.table_scrollable thead tr>th.sorting,.table_scrollable thead tr>th.sorting_asc,.table_scrollable thead tr>th.sorting_desc {padding-right: 30px; cursor: pointer;}
.table_scrollable thead tr>th.sorting { background: url(../images/sort_both.png) no-repeat right center; }
.table_scrollable thead tr>th.sorting_asc { background: url(../images/sort_asc.png) no-repeat right center;}
.table_scrollable thead tr>th.sorting_desc { background: url(../images/sort_desc.png) no-repeat right center;}
.table_scrollable tbody tr>td .btn { margin-top: 5px;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { vertical-align: middle;}

.table_flip_scroll { background: white; overflow-x: auto; position: relative; z-index: 1;}
.table_flip_scroll table { margin-bottom: 0; background: white;}
.table_flip_scroll thead th { white-space: nowrap;}
.table_flip_scroll tbody tr>td .btn { margin-top: 5px;}

.page-header { padding: 8px 0 8px 20px; margin: 0; background-color: white; background-image: none; color: #666; font-size: 16px;}

.wedget_header {  position: relative;min-height: 35px;background: #fff;-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);-moz-box-shadow: 0 0 4px rgba(0,0,0,.3);box-shadow: 0 0 4px rgba(0,0,0,.3);color: #555;padding-left: 12px;}
.wedget_header span.text-danger { line-height: 35px; font-size: 14px; display: inline-block; vertical-align: middle;}
.border_bottom_blue { border-bottom: 3px solid #2dc3e8;}
.qqin { display: inline-block; margin-left: 30px; width: 91px; height: 23px; vertical-align: middle; background: url(../images/qq.jpg) no-repeat;}
.index_nav { margin-top: 10px; text-align: center; border-radius: 5px; overflow: hidden; text-decoration: none;}
.index_nav:hover { text-decoration: none;}
.index_nav >span { display:block; width: 96px; min-height: 96px; text-align: center; line-height: 96px; font-size: 18px; color: white; font-weight: 500; background-color: #fb6e52;}
.index_nav>p { background-color: white; line-height: 96px; margin-bottom: 0; color: #bab9b9;}
.nav_index div:nth-child(2) a>span { background-color: #ffce55; line-height: normal; padding-top: 25px;}
.nav_index div:nth-child(3) a>span { background-color: #2dc3e8;}
.nav_index div:nth-child(4) a>span { background-color: #a0d468;line-height: normal; padding-top: 25px;}
.nav_index div:nth-child(5) a>span { background-color: #3298fd;}
.nav_index div:nth-child(6) a>span { background-color: #e85c8d;}

.input_icon { position: relative; width: 100%; display: inline-block}
.input_icon >input { padding-left: 36px; padding-right: 6px;}
.input_icon>[class*="icon_"], .input_icon>[class*="glyphicon-"] { position: absolute; z-index: 2; padding-top: 3px; left: 0; top: 0;  bottom: 0; width: 34px; text-align: center; color: #555555;height: 100%; font-size: 14px; zoom: 1; line-height: 28px;}
.icon_email,.icon_username,.icon_mobile { font-size: 20px !important;}
.input_icon.icon-right>input { padding-left: 6px; padding-right: 36px;}
.input_icon.icon-right>[class*="icon_"], .input_icon.icon-right>[class*="glyphicon-"] { left: auto; right: 0;}
.input_icon>[class*="icon_"].circular,.input_icon>[class*="glyphicon-"].circular {border-radius: 500em !important;box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset;padding: 0;top: 5px;bottom: 5px;left: 7px;width: 24px;height: 24px;font-size: 12px;line-height: 24px;}
.input_icon.icon-right>[class*="icon_"].circular,.input_icon.icon-right>[class*="glyphicon-"].circular { left: auto; right: 5px;}

.app_edit { padding-bottom: 60px; position: relative;}
.app_actions { clear: left; position: fixed; left: 239px; right: 15px; bottom: 0;}
.app_actions >div { padding: 10px 0; background-color: rgba(255,254,220,0.8);}
.app_preview {width: 350px; border: 1px solid #E5E5E5; position: relative; background-color: white; border-radius: 18px 18px 0 0; margin-bottom: 20px;}
.app_header { height: 70px; background: url(../images/iphone_head.png) no-repeat center center;}
.app_entry { width: 320px; border:1px solid #c5c5c5; background-color: #f9f9f9; min-height: 200px; padding-bottom: 11px; margin: 0 auto;}
.app_config { background: url(../images/titlebar.png) no-repeat center top; height: 64px;}

.app_add_field { width: 350px; border: 1px solid #ddd; position: relative; left: -1px; top: -1px; border-bottom: none; padding: 0 13px 4px 14px; background-color: #f8f8f8;}
.app_add_field:before,.app_add_field:after { content: ""; position: absolute; left: 50%; margin-left: -5px; border: 8px solid transparent; border-bottom-width:10px; border-bottom-color: #ddd; top: -19px;}
.app_add_field:after { border-bottom-color: #f8f8f8; top: -18px;}
.app_add_field >h4 { font-size:14px; line-height: 40px; font-weight: bold; margin: 0;}
.app_add_field >ul { margin-left: -5px; margin-bottom: 0;}
.app_add_field >ul li { float: left; display: table; text-align: center; overflow: hidden; background-color: white; margin: 0 0 10px 5px;}
.app_add_field >ul li a { display: table-cell; margin: 0 0 10px 5px;width: 60px;height: 40px;border: 1px solid #d1d1d1;line-height: 14px;vertical-align: middle;cursor: pointer;color: #07d;}
.app_add_field >ul li a:hover { text-decoration: none; color: #07d;}

.field_items { position: relative;}
.field_items:hover { cursor: move;}

.app_sidebar { margin-left: 20px; position: relative; width: 480px; margin-top: 71px;}
.app_sidebar_inner {padding: 12px 10px;background: #f8f8f8;border-radius: 5px;border: 1px solid #d1d1d1;}

.ck { display: inline-block; vertical-align: middle; margin: 0;}

.delete { font-size: 20px;  width: 30px;height: 30px;padding: 0;line-height: normal;}

/*头部调整   s*/
.sq_header.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 3;}
.sq_account_area dd { float: left;}
.news_show { position: relative;}
.news_show >a {display: block; height: 45px; line-height: 45px; padding: 2px 15px 0; font-size: 14px; color: white; text-decoration: none; margin-right: 10px; font-size: 20px; position: relative;}
.num { position: absolute; width: 18px; height: 18px; text-align: center; line-height: 18px; font-size: 12px; left: 3px; top: 6px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%;}

.news_show .dropdown-menu { left: auto; right: 0; top: 42px;}
/*头部调整   e*/
/*中间内容   s*/
.sq_container { position: relative; margin: 54px 0 0 224px; z-index: 1;}
.sq_container.container-fluid { padding-left: 0; padding-right: 0;}
.sq_navbar.hide ~.sq_container { margin-left: 0;}
.sq_navbar.hide ~.sq_container .sq_crumb.fixed { left: 0;}

.well { padding: 0; margin-bottom: 20px;}
.well.with-footer { padding-bottom: 0;}
.well.with-header { padding-top: 40px;}
.well .footer { position: static;}

.angle-down { display: inline; margin: 0 -4px 0 4px;}
.dropdown-menu { min-width: 115px;}
.form-group { margin-bottom: 5px;}
.form-control, select { padding: 6px 5px;}
input[type="text"], input[type="tel"], input[type="number"], textarea { border-radius: 4px !important;}
.form-control:focus,.form-control.has-error:focus { border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .9);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .9);}

.form-control ~p { margin-bottom: 5px;}
.error-warning { position: absolute; color:#ff2929; background:rgba(250,250,250,0.7); border: 1px solid #ff2929; padding:5px 10px; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; top: -35px; left: 25%;}
.error-warning:before { content: ""; position: absolute; left: 10px; bottom: -12px; border-style:solid; border-width:6px; border-color:#ff2929 transparent transparent transparent; height:0; width:0; font-size:0}

.form-group .control-label { padding-right: 0; padding-left: 5px; text-align: right; font-weight: bold;}
.form-horizontal .form-group { margin-right: 0; margin-left: 0; margin-bottom: 10px;}

.upload_pic input { background:url(../images/upload_pic.png) no-repeat; width: 100px; height: 34px; display: block; overflow: hidden; text-indent: -12200px; font-size: 30px;}
.upload_pic input:hover { background: url(../images/upload_pic_hover.png) no-repeat;}
.upload_pic img { display: none;}
.upload_pic.in img { display: block; margin-top: 5px; width: 200px; margin-bottom: 5px;}

.modal-content { border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; overflow-y: scroll; z-index: 2;}
.modal-backdrop { z-index: 1;}

/*中间内容   e*/

/*可视化编�?  s*/
.left_arrow,.left_arrow:after {border:10px solid transparent; border-color: transparent #d1d1d1 transparent transparent; border-style:dashed solid dashed dashed; line-height: 0; position: absolute; left:-19px; top: 10px;}
.left_arrow:after { position: absolute; content: ""; border-right-color:#f8f8f8; left: -9px; top:-10px;}

.actions {width: 100%; right: auto; left:0; top: 0; bottom: 0; padding: 0; border: 1px dashed red; line-height: normal; z-index: 2; display: none;}
.actions a { line-height: normal; color: white;}
.actions_wrap { position: absolute; right: 0; bottom: 0;}
.field_items:hover .actions,.field_items.editing .actions { display: block;}

.title_h2 { font-size: 18px; line-height: 22px; margin-top: 10px; margin-left: 10px;}
.sq_popover { position: absolute; z-index: 3; top: 138px; left: 56px; padding: 3px; background-color: #000; border-radius: 6px; -webkit-border-radius: 6px;box-shadow:0px 2px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); display: none;}
.sq_popover:before { content: "";border:5px solid transparent; border-color: transparent transparent transparent white; border-style:dashed dashed dashed solid; line-height: 0; top: 20px; right:-7px; position: absolute; z-index: 2;}
.sq_popover_inner { background-color: white; border-radius: 4px; -webkit-border-radius: 4px;padding: 10px;}
.sq_popover_inner .pull-left { line-height: 26px; min-width: 120px; text-align: center;}

.actions_wrap { background-color:rgba(0,0,0,0.3); padding:5px 0 5px 10px;}
.actions_wrap .action_delete { position: static; display: inline;}

.add_goods { width: 48px; height:48px; text-align: center; line-height: 50px; background-color: white; display:block;}
.icon_add { display: inline-block; width: 14px; height: 14px; background: url(../images/icon-add.png) no-repeat; vertical-align: middle;}

.custom-line { margin: 10px 0;} 

.sq_goods_list { padding: 5px; font-size: 12px;}
.sq_goods_list li a { overflow: hidden; zoom: 1; display: block;}
.sq_goods_list .goods_card.card { padding: 5px; margin: 8px; border: 1px solid #e5e5e5; background-color: white; overflow: hidden; zoom: 1; position: relative;}
.sq_goods_list .goods_card.card .goods_pic { float: left; width: 125px; height: 125px; margin-right: 10px;}
.goods_card.card .goods_pic img { width: 125px; height: 125px;}
.goods_card.card .goods_title {display: -webkit-box;text-overflow: ellipsis;overflow : hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 1.3; margin-top: 5px;}
.goods_card.card .goods_price { color: #ff6600;}
.goods_icon1 { position: absolute; right: 5px; bottom: 0; background: url(../images/icon-add.png) no-repeat; width: 20px; height: 20px;}

.sq_goods_list .goods_card.big_pic,.sq_goods_list .goods_card.small_pic { float: left; margin: 0px 0 0;}
.sq_goods_list .goods_card.big_pic .goods_pic,.sq_goods_list .goods_card.small_pic .goods_pic { display: block; float: none; margin-right: 0;}
.sq_goods_list .goods_card.big_pic .goods_pic,.sq_goods_list .goods_card.small_pic .goods_pic { width: 100%; height:100%;}
.goods_card.big_pic .goods_pic img,.goods_card.small_pic .goods_pic img { width: 100%; height: 100%;}
.sq_goods_list .goods_card.big_pic { width: 100%; border: none;}
.sq_goods_list .goods_card.small_pic { width: 50%; border: none;}
.sq_goods_list .goods_card.big_pic .goods_price,.sq_goods_list .goods_card.small_pic .goods_price { margin-bottom: 5px;}
.sq_goods_list .goods_card.big_pic .goods_title { font-weight: bold; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; display: block;}
.sq_goods_list .goods_card.small_pic .goods_title { margin-bottom: 0; height: 30px;}
.sq_goods_list .goods_card.big_pic a { padding: 0 4px;}
.sq_goods_list .goods_card.big_pic a,.sq_goods_list .goods_card.small_pic a { border: 1px solid #e5e5e5;}
.goods_card.big_pic .goods_icon1,.goods_card.small_pic .goods_icon1 { bottom: 5px;}
.goods_card.big_pic .goods_det,.goods_card.small_pic .goods_det { padding: 0 5px;}
.sq_goods_list .goods_card.big_pic .goods_pic { margin-top: 4px;}

.sq_notice {padding: 0 10px;height: 37px;line-height: 37px;color: #f90;background: #ffc;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;word-break: break-all; white-space:nowrap;font-size: 12px;}

.form-group.options { border:1px solid #e5e5e5; background-color: white; margin: 0 10px;}
.form-group.options a { line-height: 45px; padding:0 10px; display: block; color: #07d; text-decoration: none; font-size: 14px;}

.js_choices .choice { padding: 14px; margin: 10px 10px 0 10px; position: relative; border: 1px solid #e5e5e5; background-color: white; zoom: 1;}
.choice_image { position: relative; width: 120px; float: left;}
.choice_image img { min-height:120px; max-width: 100%; display: block; border: 1px solid #e5e5e5;}
.choice_image a {position: absolute;bottom: 0;left: 1px;width: 118px;height: 32px;line-height: 32px;color: #fff;background: rgba(0,0,0,0.5); text-decoration: none; text-align: center;}
.choice_content { float: left; width: 280px;}

.image_ad_edit .form-horizontal >.form-group { margin-bottom: 0;}
.choice .action_delete,.action_delete { background: rgba(0,0,0,0.3); width: 24px; height: 24px; text-align: center; line-height: 24px; color: white; font-size: 14px; text-decoration: none; position: absolute; right: -12px; top: -12px; border-radius: 50%; -webkit-border-radius: 50%; display: none;}
.action_delete:hover { background-color: #000000; color: white;}
.choice:hover .action_delete,.goods_list_pic li:hover .action_delete { display: block;}

.sq_search { margin: 10px;}
.sq_search .btn { margin-top: 1px;}
.goods_list_pic li { float: left; width: 50px; height: 50px; border: 1px solid #ddd; margin: 0 10px 10px 0; position: relative;}
.goods_list_pic li a img { width: 48px; height: 48px; display: block;}
.goods_list_pic li .action_delete { width: 18px; height: 18px; right: -9px; top: -9px; line-height: 18px; text-decoration: none;}

.sq_line_wrap { padding: 10px 0;}
.sq_line_wrap .custom-line { border-top: 1px dashed #ddd; margin: 0;}

.sq_richtext { padding: 10px 10px 0; font-size: 14px; overflow: hidden;}
.sq_richtext table td { border: 1px solid #ddd; text-align: center; padding: 3px 0;}

.form-inline .input_color { width: 90px;}

/*可视化编�?  e*/

.widget-body { padding: 0 12px 12px;}
/*搜索  s*/
.search { position: relative;width:100%;}
.search .search_more { position: absolute; left: -10px; right: -10px; border: 1px solid #ddd; top: 38px; z-index: 2; background-color: white; padding:0 10px 10px; background-color: #f7f7f7; border-radius: 0 0 5px 5px; display: none;}
.search .search_more .form-group { margin-top: 10px;}
/*搜索  e*/

/*表单错误提示  s*/
.form-control.has-error { border: #FF0000; outline: none; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.9);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.9); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.9); -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.9);}
/*表单错误提示  e*/

/*ztree  s*/
.sq_ztree { width: 200px; max-height: 300px; overflow: auto; border: 1px solid rgb(238, 238, 238); padding: 10px 0 0 10px;}
.sq_ztree li { white-space: nowrap;}
.sq_ztree ul li >ul { padding: 0 0 0 20px; background: url(../images/line_conn.png) 0 0 repeat-y;}
.ztree_closeoropen { background-image: url(../images/zTreeStandard.png);}
.ztree_closeoropen { display: inline-block; width: 22px; height: 22px;  vertical-align: middle;}
.sq_ztree ul li >.ztree_closeoropen {background-position: -165px -1px;}
.sq_ztree ul li >.ztree_closeoropen.collapsed { background-position: -107px -1px;}
.sq_ztree ul li ul li ul li .ztree_closeoropen,.sq_ztree ul li ul li:last-child >.ztree_closeoropen.only_one { background-position: -82px -49px;}
.sq_ztree input[type=checkbox]~.text { margin: 0 0 0 -6px;}
.sq_ztree ul li ul li >.ztree_closeoropen.only_one { background-position: -82px -25px;}
.sq_ztree ul >li:last-child ul { background-image: none;}
/*ztree  e*/

/*高级搜索   s*/
.search {/* height: 34px;*/ float: left;}
.search_choose,.search_input,.search_submit { float: left;}
.search_choose { position: relative;}
.search_text { padding: 0 10px; height: 34px; line-height: 34px; border: 1px solid #ddd; background-color: #cecece; font-size: 14px; cursor: pointer; float: left; margin-right: -2px;}

.search_text:hover { background-color: #d3d3d3;}
.search_choose .dropdown-menu { box-shadow: none; border-color:#ddd !important; font-size: 14px; padding: 0;}
.search_choose .dropdown-menu li { height: 34px; line-height: 34px; padding: 0 10px; color: #555; width: auto; white-space: nowrap; cursor: pointer;}
.search_choose .dropdown-menu li.active,.search_choose .dropdown-menu li:hover { background-color: #f6f6f6;}
.search_input { height: 34px; overflow: hidden; border: 1px solid #ddd;}
.search_input input { padding: 7px 30px 8px 5px; border-radius: 0 !important; border: none; width: 100%;}
.search_submit button { font-size: 14px; float: left; height: 34px; border: none; border-radius: 0; background-color:#e5e5e5; color: #333;}
.search_submit button:hover { background-color: #d3d3d3; color: #333;}
.search_btn { margin-left: 10px;}
/*高级搜索   e*/


.fade.in { background: rgba(0,0,0,0.2);}
.search_advance label,.search_advance .form-control { margin-top: 10px;}

/*插件中心   s*/
.plug_in_center { overflow: hidden;}
.plug_in_center li { float: left; width: 20%; margin-top: 10px;}
.plug_center_con { margin: 0 15px; text-align: center;}
.plug_center_con >p { background-color: #d6d6d6; position: relative; overflow: hidden; height: 104px;}
.plug_center_con >p >span { display: block; width: 71px; height: 55px; margin: 10px auto 10px; background: url(../images/content.png) no-repeat;}
.plug_center_con >p >label { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; height: 28px; line-height: 28px; color: #999; font-size: 14px; background:#e3e2e2}

.plug_center_con.on >.plug_p01 label,.plug_center_con.on >.plug_p02 label,.plug_center_con.on >.plug_p03 label,.plug_center_con.on >.plug_p03 label,.plug_center_con.on >.plug_p05 label,.plug_center_con.on >.plug_p06 label,.plug_center_con.on >.plug_p07 label { color: white;}

.plug_center_con.on >.plug_p01 { background-color: #fb765c;}
.plug_center_con >.plug_p01 >span { width: 45px; height: 56px;}
.plug_center_con.on >.plug_p02 { background-color: #a4d46f;}
.plug_center_con >.plug_p02 >span { width: 71px; height: 55px; background-position: -52px 0;}
.plug_center_con.on >.plug_p03 { background-color: #fb7a60;}
.plug_center_con >.plug_p03 >span { width: 59px; height: 55px; background-position: -130px 0;}
.plug_center_con.on >.plug_p04 { background-color: #ffd365;}
.plug_center_con >.plug_p04 >span { width: 60px; height: 39px; background-position: -193px 0; margin-top: 20px;}
.plug_center_con.on >.plug_p05 { background-color: #63b5ff;}
.plug_center_con >.plug_p05 >span { width: 67px; height: 52px; background-position: 0 -64px;}
.plug_center_con.on >.plug_p06 { background-color: #47c5e2;}
.plug_center_con >.plug_p06 >span { width: 68px; height: 52px; background-position: -71px -64px;}
.plug_center_con.on >.plug_p07 { background-color: #a5d473;}
.plug_center_con >.plug_p07 >span { width: 57px; height: 52px; background-position: -145px -64px;}

/*插件中心   e*/


/*分页  s*/
.paging {padding:5px 5px 2px 10px}
.pagination { margin:0;}
.pagination>li>a { color:#2dc3e8 ;}
.pagination>li>a:hover { z-index: 1;}
.pagination>.active>a,.pagination>.active>a:hover { background-color: #2dc3e8; border-color: #2dc3e8;}
.pagination>li>a, .pagination>li>span { padding: 6px;}
/*分页  e*/
.loading { position: absolute; left: 50%; width: 120px; margin: 0 0 0 -60px; top: 10%; text-align: center; color: #666;}
.loading img { display: block; margin:0 auto 5px; width: 60px; height: 60px;}


/*tab s*/
.nav-tabs {z-index: 2; background-color: transparent; box-shadow: none; -webkit-box-shadow: none; top: 1px; position: relative;}
.nav-tabs .swiper-wrapper { padding-left: 10px;}
.nav-tabs .swiper-slide { width: auto;}
.nav-tabs .swiper-slide a { display: block;	width: 120px;	margin-right: 5px;	text-align: center;	float: left;	height: 30px;	border: 1px solid #e7e7eb;	color: #333333;	font-size: 14px;	background-color: #e7e7eb;	border-radius: 10px 10px 0px 0px;	margin-bottom: 0px; line-height: 30px;}
.nav-tabs .swiper-slide:hover a { text-decoration: none; color: #238ae7;}
.nav-tabs .active.swiper-slide a {background-color: #ffffff; border-bottom: 1px solid #ffffff; color: #238ae7;background: transparent;}
.nav-tabs .swiper-scrollbar { display: none;}

.tab_box { border: 1px solid #ddd; position: relative; z-index: 0;}
.tab_box_item { display: none;}
.tab_box_item:first-child { display: block;}
/*tab e*/

.form-horizontal .control-label {font-weight: bold; margin-bottom: 10px; text-align: right; padding-top: 9px;}

.bjui-footBar { text-align: center;}

.tab-content .control-label { font-size: 13px;}

/*登陆   s*/
.login_box {position: absolute;width: 100%;height: 100%;background: url(../images/login.jpg) no-repeat fixed center center;-webkit-animation-fill-mode: both;background-size: cover;animation-fill-mode: both;}
.login_con { position: fixed; left: 40%; top: 20%; width: 308px; margin: -137px 0 0 -154px; border-radius: 10px; -webkit-border-radius: 10px;  -ms-border-radius: 10px;  -moz-border-radius: 10px;overflow: hidden; z-index: 2;}
.login_con_det {padding: 10px 0;background: -webkit-gradient(linear, 0 0, 0 100%, from(#07cffa), to(#096ef7));background: -moz-linear-gradient(top, #07cffa,#096ef7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#07cffa,endColorstr=#096ef7,grandientType=1);border-bottom: 2px solid #164a97;}
.login_con_det h2 {color: white;font-size: 23px;margin: 5px 0 5px 0;font-family: sans-serif;text-align: center; text-shadow: 0 1px 2px #333;}
.login_con_det input { display: block; margin: 0 auto; width: 247px;border-radius: 17px !important;height: auto;padding: 7px 15px;margin-top: 13px; border: none; font-size: 14px;}
.login_con_det input.yanz { width: 170px; display: inline-block; vertical-align: middle;}
.login_con_det p { width: 247px; margin: 0 auto;}
.login_con_det p span { display: inline-block; vertical-align: middle; margin-top: 13px;}
.login_con_det p span img { width: 70px; height: 34px;}
.login_con_det .login_submit { display: block; border: none; width: 108px; height: 40px; margin: 20px auto; text-align: center; color: white; font-size: 16px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;-ms-border-radius: 20px; box-shadow: 0 3px 3px #076f87; background-color: #75bc16;}
.login_con_det .login_submit:hover { background-color: #4da60e;}
.login_bottom { position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; color:white; line-height: 34px; font-size: 14px; text-shadow: 0 1px 2px #333; z-index: 1;}
/*登陆   e*/

/*系统配制  s*/
.system_setup li { margin-bottom: 10px;}
.system_item { background-color: #f7f7f7; padding: 15px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px;}
.system_item .row> div { margin:5px 0;}
.system_item .row> div a { color: #337ab7; font-size: 14px;}
.system_item .row> div a span { margin-right: 5px;}
.system_item .row> div a:hover { text-decoration: none; color: #2dc3e8;}
.system_setup h2 { margin-top: 0; font-size: 18px; border-bottom: 1px solid #ddd; padding-bottom: 10px; font-family: "microsoft yahei"; color: #333; text-shadow: 1px 2px 1px #ccc;}
/*系统配制  e*/

.wap_items01,.wap_items02,.wap_items03,.wap_items04,.wap_items05,.wap_items06 {height: 110px; color:white; position: relative; margin: 0 0  10px;}
.wap_items01 a { color: white;}
.wap_items01 a:hover { text-decoration: none;}
.wap_items01 { background-color: #55adea;}
.wap_items02 { background-color: #fa6e48;}
.wap_items03 { background-color: #87c061;}
.wap_items04 { background-color: #00bfff;}
.wap_items05 { background-color: #d8860b;}
.wap_items06 { background-color: #6b8e23;}
.sq_wap .wap_e { position: absolute; right: 5px; top:2px}
.sq_wap .wap_p01 { font-size: 18px; text-align: center; padding-top: 20px;}
.sq_wap .wap_p01 strong { font-size: 24px; display: block;}
.sq_wap .wap_p02 { position: absolute; bottom: 0; width: 100%; left: 0; background: rgba(0,0,0,0.2); padding-left: 5px; height: 28px; line-height: 28px; margin-bottom: 0;}
.wap_items01 a strong { color: red;}

.form-horizontal .form-group >div { padding-left: 0;}

.yellow_bj { background-color: #f9f7cd; padding: 10px 10px 0; border: 1px dashed #ddd; margin-bottom: 5px;}
.has_cancel { position: relative;}
.has_cancel .cancel { position: absolute; right: -10px; top: -10px; border: 1px solid #DDD; background:rgba(0,0,0,0.3); color:white; text-align: center; width: 24px; height: 24px; line-height:18px; border-radius:12px; font-size: 16px; display: none;}
.has_cancel .cancel:hover { text-decoration: none; background: rgba(0,0,0,0.4);}
.has_cancel:hover .cancel { display: block;}

/*spinner加减   s*/
.spinner { display: inline-block; position: relative;}
.spinner input { padding-right: 18px;}
.spinner .spinner_up,.spinner .spinner_down { position: absolute;right: 0; top: 0; height: 17px; width: 17px; text-align: center; line-height: 17px; border-left: 1px solid #ddd;}
.spinner .spinner_up:hover,.spinner .spinner_down:hover { background-color:#2dc3e8; color: white; text-decoration: none;}
.spinner .spinner_down { top: auto; bottom: 0;}
/*spinner加减   e*/

/*浮动导航  s*/
.fixed_leftBottom { position: fixed; left:10px; bottom:40px; z-index: 100; display: none;}
.fixed_leftBottom a:hover { text-decoration: none;}
.plug_menu { position: absolute; left:0;bottom: 0; width: 36px; height: 36px; background-color: rgba(232,52,7,0.7); box-shadow: 0 0 0 4px rgba(251,251,251,0.7), 0 2px 5px 4px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 0 4px rgba(251,251,251,0.7), 0 2px 5px 4px rgba(0, 0, 0, 0.25);border-radius: 100%; text-align: center; line-height: 36px; transform: rotate(135deg);-webkit-transform:rotate(135deg); z-index: 2; transition: all 200ms;}
.plug_menu.icon_failed:before { color: white; font-size: 28px;content: "+"; line-height: 28px; display: block;}
.plug_menu.open {transform: rotate(0deg);-webkit-transform:rotate(0deg); background-color: rgba(232,52,7,1); box-shadow: 0 0 0 4px rgba(251,251,251,1), 0 2px 5px 4px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 0 4px rgba(251,251,251,1), 0 2px 5px 4px rgba(0, 0, 0, 0.25); font-size: 20px;}
.plug_menu.open:before {font-size: 12px; display: block; color: white; line-height: 35px;}

.plug_nav_btn { color: white; font-size: 20px; position: absolute; left: 0; bottom: 0; width: 32px; height: 32px; border-radius: 100%; background-color: #E83407; box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); transition:all 200ms; -webkit-transition:all 200ms; line-height: 32px; text-align: center; font-size: 26px; opacity: 0; text-decoration: none; line-height: 34px;}

.icon_home.open { -webkit-transform: translate(0,-94px) rotate(720deg); -ms-transform: translate(0,-94px) rotate(720deg); transform: translate(0,-94px) rotate(720deg); opacity: 1;}
.plug_nav_btn.icon_home:before { content: "首页"; font-size: 12px; display: block; color: white;}

.icon_list.open {-webkit-transform:translate(48px, -82px) rotate(720deg);-ms-transform:translate(48px, -82px) rotate(720deg);transform:translate(48px, -82px) rotate(720deg); opacity: 1;}
.plug_nav_btn.icon_list:before {content: "返回"; font-size: 12px; display: block; color: white;}

.icon_person.open {-webkit-transform:translate(84px, -48px) rotate(720deg);-ms-transform:translate(84px, -48px) rotate(720deg);transform:translate(84px, -48px) rotate(720deg); opacity: 1;}
.plug_nav_btn.icon_person:before {content: "前进"; font-size: 12px; display: block; color: white;}

.icon_shop_cart.open {-webkit-transform:translate(95px, 0) rotate(720deg);-ms-transform:translate(95px, 0) rotate(720deg);transform:translate(95px, 0) rotate(720deg); opacity: 1;}
.plug_nav_btn.icon_shop_cart:before {content: "刷新"; font-size: 12px; display: block; color: white;}
/*浮动导航  e*/

.pic_delete {position: absolute;right: -9px;top: -9px;z-index: 2;border: none;background: rgba(0,0,0,0.5);color: white;width: 20px;height: 20px;border-radius: 100%;font-size: 16px;text-align: center;line-height: 100%;}
.pic_delete:hover { background: rgba(0,0,0,0.8);}

/*分类   s*/
.classify_det { border: 1px solid #ddd; background: #f8f8f8; padding: 10px;}
.classify_text span { white-space: nowrap;}
.classify_text span label { margin-right: 0;}
.classify_text ins { position: relative; top: 3px; left: -5px; text-decoration: none;}
.classify_text ins input { width: 70px; height: 22px; padding-left: 3px;}

.batch_form { display: none;}
/*分类   e*/

.spec_text { display: inline-block; vertical-align: middle;}
.spec_text +input { display: inline-block; vertical-align: middle;}

/*模板管理   s*/
.template_box .template_title { background-color: #f3f3f3; line-height: 39px; text-align: center; font-size: 14px; margin-top: 0;}
.template_current { overflow: hidden;}
.template_current li { float: left;}
.template_current li:nth-child(2) { margin-left: 10px;}
.template_tems { overflow: hidden;}
.template_tems li { float: left; width: 210px; padding: 5px 5px 0; margin-bottom: 10px;}
.template_tems li:hover { background-color:#f4f4f4;}
/*模板管理   e*/
.modal-open { position: absolute; width: 100%; height: 100%; overflow: hidden;}
.modal-open .sq_container { z-index: 10;}
.modal-open .sq_body { z-index: 12}

.tab-content > .tab-pane { display: block; overflow: hidden;}
.tab-content > .active { height: auto;}

.template_pic { width: 200px; height:320px; overflow: hidden;}
.template_pic img { width: 100%; display: block;}

@media only screen and (max-width: 1200px){
	.search .search_more { position: static; border: none; padding: 0 0 10px; background-color: transparent;}
	.plug_in_center li { width: 33.33%;}
}

@media only screen and (max-width: 880px){
.sq_navbar,.sq_container,.sq_navbar:before,.sq_crumb,.sq_footer {transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out}

.sq_navbar {left: -224px; z-index: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none;}
.sq_navbar.hide { z-index: 4;left: 0 !important; display: inline !important;}
.sq_navbar.hide:before { left: 5px !important;}
.sq_container { margin-left: 0;}
.sq_crumb.fixed { position: static}

.sq_header.fixed { position: fixed;}
.sq_body { margin-top: 15px;}

.sq_body { padding:15px 10px 10px 10px;}

	
.table_flip_scroll { overflow: hidden; zoom:1}
.table_flip_scroll table {  width: 100%;border-collapse: collapse;border-spacing: 0;display: block;position: relative;}
.table_flip_scroll thead { float: left;}
.table_flip_scroll thead tr { display: block;}
.table_flip_scroll thead th { border-right: 3px solid #a0d468 !important; display: block; text-align: right; background: white; border-top: 0; border-left: 0 !important; border-bottom: 1px solid white !important; font-weight: 600;}
.table_flip_scroll tbody {  display: block;width: auto;position: relative;overflow-x: auto;white-space: nowrap;}
.table_flip_scroll tbody tr { display: inline-block;  vertical-align: top; margin-left: -5px;}
.table_flip_scroll tbody tr td {  display: block;min-height: 1.25em;text-align: left; border-bottom: 0;}

.paging >div { text-align: center;}

.plug_in_center li { width: 33.33%;}

}
@media only screen and (max-width: 768px){
.pagination { margin:4px 0 0;}
.form-horizontal .control-label { padding-top: 7px;}
.sq_footer { position: static; padding: 0 10px;}

.search {/* display: flex; display: -ms-flex ; display: -webkit-flex; display: -webkit-box;*/ float: none;}
.search_input { flex:1; position: relative; -webkit-flex:1; -ms-flex:1; -webkit-box-flex:1;}
.search_btn { margin: 10px 10px 0 0;}

.sq_body { margin: 15px 0px 35px 0px;}
.plug_in_center li { width: 50%;}

.sq_header.fixed { position: static;}
.sq_container { margin-top: 0;}

.login_con { top: 5%; margin-top: 0;}

.fixed_leftBottom { display: block;}
}

@media only screen and (max-width: 530px) {
.sq_header >.pull-left .slidebar_toggler { position: absolute; right: 0; margin: 0; height: 45px; line-height: 45px; padding: 0 10px;}
.sq_header >.pull-right { margin-right: 40px;}
.error-info { left: 5%; right: 10px; padding: 5px 10px; top: -35px;}

}
@media only screen and (max-width: 400px) {

}
.max_width640 {
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
}
.form-group-top{ width: 100%; display: inline-block;}
.form-group-top input[type="text"]{ width: 43%; float: left; margin-right: 2%; height: 35px; font-size:14px; line-height: 35px; padding-left: 10px; color: #666;}
.form-group-top-row{
    margin-bottom: 5px;
    text-align: center;
}
.form-group-top button{ width: 10%; height: 35px; line-height: 35px; text-align: center; border: none; border-radius: 5px; font-size: 15px; color: #ffffff; background-color: #999899;}
.form-group-body{
    margin-top: 15px;
    max-height: 360px;
    overflow-y: scroll;
    width: 100%;
} 
.form-group-body table{ border-bottom: 1px solid #dddddd; width:100%;}
.form-group-body table thead td{ font-size: 15px; color: #363636;}
.form-group-body table thead input[type="checkbox"]{ width: 18px; height: 18px;}
.form-group-body tr{ width: 100%; border-top: 1px solid #dddddd;}
.form-group-body tr td{ width: 28%; text-align: center; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; font-size: 13px; color: #555; height: 35px; line-height: 35px;}
.form-group-body tr td:first-child{ width: 16%;}
.form-group-body tr td input{ height: 30px; line-height: 30px; text-indent: 10px; text-align: center;}
.form-group-body table input[type="checkbox"]{ width: 17px; height: 17px; }

.l_dialog_cC{ background-color: #fff; width:100%; margin-top: 8px; overflow-y: scroll;}
.l_dialog_c table{ width: 100%; height: 100%; border-bottom: 1px solid #ddd;  border-right: 1px solid #ddd; overflow: hidden;}
.l_dialog_c table thead tr{ font-size: 16px; font-weight: bold;}
.l_dialog_c table tr{ width: 100%; height: 35px; line-height: 35px; font-size: 14px;}
.l_dialog_c table tr td{text-align: center; border-left: 1px solid #ddd;border-top:1px solid #ddd; text-overflow:ellipsis;}
.l_dialog_c table tr td:first-of-type{width:45%;}
.l_dialog_c table tr td input{ width: 70%; border: none;}
.l_dialog_c table tr td button{margin: 0 5px; width: 50px; height: 26px; border-radius: 5px; outline: none; line-height: 26px; text-align: center; border-style: none; color: #ddd; background-color: #888;}


.border_bot_has { border-bottom: 1px solid #ddd;}

.form_label_minwidth .control-label { max-width: 80px; white-space: normal; min-width: 79px;}
.form_label_minwidth .form-control { width: 172px;}
.form_label_minwidth .need_more_width { width: 431px;}

.input1{width: 120px; text-align: center;}
.input2{width: 120px; text-align: center; position: absolute; top: -1%; left: 59%;}
.plug_aty_prize_items s{position: absolute; top: 25%; left: 48%;}