body,
html {
	margin: 0px;
	font-size: 12px;
	height: 100%;
	font-family: "微软雅黑";
	color:#555;
	background: #ffffff;
	
}

@font-face{
            font-family: 'oswald';
            src : url('/static/master/css/fzch.ttf');
        }


@font-face{
            font-family: 'oswaldf';
            src : url('/static/wap/fonts/xiaosun.ttf');
        }
		
.xiaosun {
            font-family: oswaldf;
        }



@font-face{
            font-family: 'oswalds';
            src : url('/static/master/css/dzb.ttf');
        }
		
.jiansun {
            font-family: oswald;
        }
.dzb {
            font-family: oswalds;
        }


a {
	text-decoration: none;
	font-size:12px;
	color:#fd621f
}

/**--------------------table--------------**/
table{
	font-size:12px
}

.b_tab_menu{background: #fafafa;color:#555;margin-bottom:5px;border-top:1px solid #eaeaea}
.b_tab_title{
	background:#fff;
	color:#333;font-weight: bold;text-align:center;
	background-image: -moz-linear-gradient(top, #FEB692, #EA5455); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #f6f6f6)); /* Saf4+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEB692', endColorstr='#EA5455', GradientType='0'); 
	}
	
	
.b_tab_tr{background: #eef9fc;}


.table_list{border:1px solid #ebebeb;border-collapse: collapse;}


table td{height:30px;}

/**-----------------------------弹出选择小窗口-------------------**/
.selectdiv{z-index:501;min-width: 300px;position: absolute;
  top: 30%;
  left: 30%;
  background-color: #F3F3F3;
  width:500px;
  height: 300px;
  border-radius: 0px;
  overflow:auto;
  -webkit-transform: translate(-30%,-30%);
  -ms-transform: translate(-25%,-25%);
  -moz-transform: translate(-40%,-40%);
}


/**-----------------------------弹出窗口-------------------**/
.absolutediv{z-index:501;min-width: 800px;position: absolute;
  top: 30%;
  left: 30%;
  background-color: #F3F3F3;
  width:90%;
  height: 85%;
  border-radius: 0px;
  border:0px solid #eaeaea;
  overflow:auto;
  -webkit-transform: translate(-27%,-27%);
  -ms-transform: translate(-20%,-20%);
  -moz-transform: translate(-30%,-30%);
}

.absolutediv2{z-index:501;min-width: 600px;position: absolute;
  top: 30%;
  left: 30%;
  background-color: #F3F3F3;
  width:30%;
  height: 45%;
  border-radius: 0px;
  overflow:auto;
  -webkit-transform: translate(-27%,-27%);
  -ms-transform: translate(-20%,-20%);
  -moz-transform: translate(-30%,-30%);
}



.abso_exit{display: block;float: right;}
.abso_exit:hover{display: block;float: right; color: #c0c0c0;}

.modals_title{
	background-image: -moz-linear-gradient(top, #FEB692, #EA5455); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f7f7f7)); /* Saf4+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEB692', endColorstr='#EA5455', GradientType='0'); /* IE*/
}

.submit_div{ position: fixed;bottom:0px;text-align:center;width:100%;height:40px;padding-top:10px;z-index:80}
.submitbtn{border-radius: 30px;margin:0 auto;width:50%} 
.subbtn{border-radius: 20px;width:80%;margin: 0 auto;}
/**------------------border-----------------------------**/
.border_all{border:1px solid #ebebeb}
.border_top{border-top:1px solid #ebebeb}
.border_left{border-left:1px solid #ebebeb}
.border_right{border-right:1px solid #ebebeb}
.border_bottom{border-bottom:1px solid #ebebeb}
.border_none{border:0px}

.border_radius{border-radius:20px;overflow:hidden;padding:0px 5px 0px 5px}

/**----------------------font size -----------**/
.h8{font-size: 8px;}
.h12{font-size: 12px;}
.h14{font-size:14px}
.h16{font-size:16px}
.h18{font-size:18px}
.h20{font-size:20px}
.h24{font-size:24px}



.hide {
	display: none;
}

.show {
	display: block;
}

.inlinedisplay {
	display: inline-block
}

.underhand {
	cursor: hand;
	
}

.pull-right {
	float: right
}

.pull-left {
	float: left
}

.nopadding {
	clear: both;
	padding: 0px;
}

.nomargin {
	clear: both;
	margin: 0px;
}



.posfixed{position: fixed;}
.posrelate{position: relative;}
.posabsolute{position: absolute;}
/**-------------------------align-----------------------**/

.left_align {
	text-align: left
}

.right_align {
	text-align: right
}

.center_align {
	text-align: center;
	
}

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0;
	height: 0;
}

.displaytablecell{display:table-cell;padding:0px;}
.displaytable{display:table;width:100%;}


/**-------------------------------margin-----------**/

.margin_auto {
	margin: auto;
	min-width: 1200px;
}

.margin{margin:10px;}

.margin-top{
	margin-top: 10px;
}

.margin-left {
	margin-left: 10px;
}

.margin-right{
	margin-right: 10px;
}

.margin-bottom {
	margin-bottom: 10px;

}


/**---------------padding-------**/

.padding {
	padding: 10px
}
.padding5{padding:5px;}

.padding-top {
	padding-top: 10px
}

.padding-right {
	padding-right: 10px
}

.padding-left {
	padding-left: 10px
}

.padding-right {
	padding-right: 10px
}


/**----------------------行高----------------**/

.line_height2 {
	line-height: 20px;
}

.line_height3 {
	line-height: 30px;
}

.line_height4 {
	line-height: 40px;
}

.line_height5 {
	line-height: 50px;
}


/**--------------------------------背景-------------------------**/

.b_huise{background:#efeff4}
.b_baise{background:#ffffff}
.b_orange{background:#f04f54}
.b_blue{background:#0a62c4}
.b_green{background:#9dc75b}
.b_huilan{background:#62b3b6}
.b_meihong{background:#d63c6e}
.b_zise{background:#b65ece}
.b_heise{background:#000000}
.b_heihui{background:#2f363e}
.b_lanhui{background:#465260}


/**--------------------------------font color-------------------------**/

.f_huise{color:#c0c0c0}
.f_baise{color:#ffffff}
.f_orange{color:#f04f54}
.f_blue{color:#0a62c4}
.f_green{color:#9dc75b}
.f_huilan{color:#62b3b6}
.f_meihong{color:#d63c6e}
.f_zise{color:#b65ece}
.f_heise{color:#000000}
.f_heihui{color:#555555}
.f_555555{color:#555555}

.f_baihui1{color:#c0c0c0}

.f_bold{font-weight:bold}
.f_normal{font-weight:normal}


/**---------------------APP管理----------------**/
.fouce_menu{width:100px;height:100px;text-align: center;display: inline-block;border:1px solid #fff;color:#555;line-height: 25px;margin:0px 5px 5px 0px;position: relative;}
.fouce_menu:hover{width:100px;height:100px;border:1px solid #ebebeb;text-align: center;display: inline-block;background: #fff;}
.fouce_menu span{width:50px;height:50px;text-align: center;display: block;border-radius: 5px;margin:15 auto 0 auto;background: #0099CC;line-height: 50px;color:#ffffff;font-size: 28px;}


/**--------------------------分页--------------------**/
.endless_page_link{
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42;

    position: relative;

    display: inline-block;

    margin-bottom: 0;
    padding: 2px 5px;

    cursor: pointer;
    -webkit-transition: all;
            transition: all;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;

    color: #000000;
    border: 1px solid #ccc;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fff;
    background-clip: padding-box;
}


.endless_page_links{
    font-size: 12px;
    font-weight: 200;
    line-height: 1.42;

    position: relative;

    display: inline-block;

    margin-bottom: 0;
    padding: 2px 5px;

    cursor: pointer;
    -webkit-transition: all;
            transition: all;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;

    color: #333;
    border: 1px solid #ccc;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #ebebeb;
    background-clip: padding-box;
}


/**---------------------菜单----------------------------**/
.btn{border-radius: 0px;padding:5px;display: inline-block;font-size: 12px;cursor: hand;}
.a_method_btn{padding:3px;border-radius: 3px;border: 1px solid #eaeaea;cursor: hand;}
.a_method_btn:hover{background:#fd621f;padding:3px;border-radius: 0px;border: 1px solid #eaeaea;color:#fff;cursor: hand;}

.btn_default{
	background-image: -moz-linear-gradient(top, #F5F5F5, #DCDCDC); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #DCDCDC));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#DCDCDC', GradientType='0'); 
	border:1px solid #c0c0c0
}

.btn_success{
	background-image: -moz-linear-gradient(top, #5cb85c, #4cae4c); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5cb85c), color-stop(1, #4cae4c));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb85c', endColorstr='#4cae4c', GradientType='0'); 
	border:1px solid #4cae4c;
	color:#fff
}

.btn_success:hover{
	background-image: -moz-linear-gradient(top, #4cae4c, #5cb85c); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4cae4c), color-stop(1, #5cb85c));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cae4c', endColorstr='#5cb85c', GradientType='0'); 
	border:1px solid #4cae4c;
	color:#fff
}


.btn_danger{
	background-image: -moz-linear-gradient(top, #c9302c, #ac2925); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c9302c), color-stop(1, #ac2925));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9302c', endColorstr='#ac2925', GradientType='0'); 
	border:1px solid #ac2925;
	color:#fff
}

.btn_danger:hover{
	background-image: -moz-linear-gradient(top, #ac2925, #c9302c); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ac2925), color-stop(1, #c9302c));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ac2925', endColorstr='#c9302c', GradientType='0'); 
	border:1px solid #c9302c;
	color:#fff
}


.btn_warning{
	background-image: -moz-linear-gradient(top, #ec971f, #d58512); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ec971f), color-stop(1, #d58512));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec971f', endColorstr='#d58512', GradientType='0'); 
	border:1px solid #d58512;
	color:#fff
}

.btn_warning:hover{
	background-image: -moz-linear-gradient(top, #d58512, #ec971f); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d58512), color-stop(1, #ec971f));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d58512', endColorstr='#ec971f', GradientType='0'); 
	border:1px solid #d58512;
	color:#fff
}

.btn_info{
	background-image: -moz-linear-gradient(top, #5bc0de, #46b8da); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5bc0de), color-stop(1, #46b8da));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#46b8da', GradientType='0'); 
	border:1px solid #46b8da;
	color:#fff
}

.btn_info:hover{
	background-image: -moz-linear-gradient(top, #46b8da, #5bc0de); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #46b8da), color-stop(1, #5bc0de));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46b8da', endColorstr='#5bc0de', GradientType='0'); 
	border:1px solid #46b8da;
	color:#fff
}


/**----------------form 表单-------------**/
form{}
input[type=number],input[type=digits], input[type=email],input[type=password],input[type=text],select{border-radius: 0px;border: 1px solid #cccccc;line-height: 30px;height:30px;font-size: 12px;}
.form_span{width:270px;display: inline-block;margin-bottom:10px;}
.form_span2{width:540px;display: inline-block;margin-bottom:10px;}
.form_span2 input[type=text]{width:430px}
.form_span2 .tit{width:80px;display: inline-block;font-weight: bold;text-align: right;}
.form_span .tit{width:80px;display: inline-block;font-weight: bold;text-align: right;}
.form_span input[type=number],input[type=digits], input[type=email],input[type=password],input[type=text],select{border-radius: 2px;border: 1px solid #cccccc;line-height: 30px;height:30px;font-size: 12px;}
.form_span input[type=file]{width:150px;font-size: 12px;}
textarea{width:100%;border: 1px solid #ccc;}
input.error { border: 1px solid #FF9966; }
label.error{display: none;}

.buttons{border-radius: 0px; display: inline-block; line-height: 30px;margin-right:10px;min-width: 90px;text-align: center;border:none;cursor: hand;}

.form_span3{width:100%;display: inline-block;margin-bottom:20px;}
.form_span3 .tit{width:200px;display: inline-block;font-weight: normal;text-align: right;font-size:14px;margin-right:10px}
.form_span3 .inputcs{border-radius: 2px;border: 1px solid #cccccc;line-height: 30px;height:30px;font-size: 12px;width:50%}

.form_span4{}
.form_span4 input[type=number],input[type=digits], input[type=email],input[type=password],input[type=text],select{border-radius: 2px;border: 1px solid #cccccc;line-height: 30px;height:30px;font-size: 12px;}


.sform_span{display: inline-block;margin-left:10px;}
.sform_span input[type=number],input[type=digits], input[type=email],input[type=password],input[type=text],select{border-radius: 2px;border: 1px solid #cccccc;line-height: 30px;height:30px;font-size: 12px;}

/**----------------------------浮动-----------------------**/
.posfixed{position: fixed;}
.posrelate{position: relative;}
.posabsolute{position: absolute;}


/**------------------------------height---------------------------**/
.height10{height:100px}
.height5{height:50px}
.height1{height:10px}

/**----------------------------阴影--------------------------**/
.box_sd{

    -moz-box-shadow:0px 2px 4px #d5edf7; -webkit-box-shadow:0px 2px 4px #d5edf7; box-shadow:0px 0px 5px #d5edf7;

}


/**------------------------------autocomplate------------------**/
.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }


@charset "utf-8";
.bigautocomplete-layout{display:none;background-color:#FFFFFF;border:1px solid #BCBCBC;position:absolute;z-index:9999 !important;max-height:220px;overflow-x:hidden;overflow-y:auto; text-align:left;}
.bigautocomplete-layout table{border-collapse:collapse;border-spacing:0;background:none repeat scroll 0 0 #FFFFFF;width:100%;cursor:default;}
.bigautocomplete-layout table tr{background:none repeat scroll 0 0 #FFFFFF;}
.bigautocomplete-layout .ct{background:none repeat scroll 0 0 #D2DEE8 !important;}
.bigautocomplete-layout div{word-wrap:break-word;word-break:break-all;padding:1px 5px;}



/**-----------------------------头像样式----------------------------**/
.headminimg{width:40px;height:40px;overflow:hidden;border-radius:20px;display:inline-block;margin-left:5px;}
.headminimg img{width:40px;min-height:40px;min-width:40px;}

.headbigimg{width:100px;height:100px;overflow:hidden;border-radius:50px;display:inline-block;margin-left:5px;}
.headbigimg img{width:100px;min-height:100px;min-width:100px;}


/**------------------minradius------------------**/
.spanradius{height:20px;line-height:20px;border-radius:10px;display:inline-block}

/**----------------经过事件------------**/
.slist:hover{background:#f7f7f7}

/**--------------选项卡--------------**/
.tabmenu{width:100px;text-align:center;line-height:30px}



::-webkit-scrollbar {
  width: .5rem;
  height: .5rem;
  background: hsla(0, 0%, 100%, 0.6);
}

::-webkit-scrollbar-track {
  border-radius: 0;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(95,95,95,.4);
  transition: all .2s;
  border-radius: .5rem;

  &:hover {
    background-color: rgba(95,95,95, .7);
  }
}



/**--------------------------toast------------**/

    @keyframes fadeIn {
      0%    {opacity: 0}
      100%  {opacity: 1}
    }
    @-webkit-keyframes fadeIn {
      0%    {opacity: 0}
      100%  {opacity: 1}
    }
    @-moz-keyframes fadeIn {
      0%    {opacity: 0}
      100%  {opacity: 1}
    }
    @-o-keyframes fadeIn {
      0%    {opacity: 0}
      100%  {opacity: 1}
    }
    @-ms-keyframes fadeIn {
      0%    {opacity: 0}
      100%  {opacity: 1}
    }
    @keyframes fadeOut {
      0%    {opacity: 1}
      100%  {opacity: 0}
    }
    @-webkit-keyframes fadeOut {
      0%    {opacity: 1}
      100%  {opacity: 0}
    }
    @-moz-keyframes fadeOut {
      0%    {opacity: 1}
      100%  {opacity: 0}
    }
    @-o-keyframes fadeOut {
      0%    {opacity: 1}
      100%  {opacity: 0}
    }
    @-ms-keyframes fadeOut {
      0%    {opacity: 1}
      100%  {opacity: 0}
    }
    #toast{
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      font-size: 14px;
      line-height: 1;
      padding:10px;
      border-radius: 3px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      z-index: 9999;
    }
    .hide{
      display: none;
    }
    .fadeOut{
      animation: fadeOut .5s;
    }
    .fadeIn{
      animation:fadeIn .5s;
    }

/**--------------------------------**/
.indexicon{font-size:36px;}
	.alSvgIcon {
    width: 1em; 
    height: 1em;
    fill: currentColor;
    overflow: hidden;
}
	

	::-webkit-scrollbar {
            display: none
        }

	


	.box{
		display: flex;


	}
	
	


	.box .artimg{
		width: 100px;
		margin: 5px;
		border-radius:5px;
		height:100px;
		overflow: hidden;
        position: relative;
		background:#f7f7f7
	}

	.box .artimg img{
		position: absolute;
        left: -999px;
        right: -999px;
        top: -999px;
        bottom: -999px;
        margin:auto;
		width:100px;

	}


	.box .ls{
		width: calc(25% - 5px);
		margin: 5px 0;
		border:1px solid #f7f7f7;
		overflow:hidden;
		
	}

	.itemsimg{height:120px;overflow:hidden;width:100%;position: relative;}

	.itemsimg img{
		position: absolute;
        left: -999px;
        right: -999px;
        top: -999px;
        bottom: -999px;
        margin:auto;
		max-width:100%;
		min-height:120px;

	}

	.tabldiv{display: table-cell; vertical-align: middle;}


	.qb{border-radius:20px;line-height:25px;border:1px solid #f7f7f7;display:inline-block;width:80px;text-align:center}



.js-silder{
	position: relative;	
	min-width: 320px;
}

.js-silder2{
	position: relative;	
	min-width: 320px;
}


.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.silder-main-img img{
	width: 100%;
}
.js-silder-ctrl{
	width: 100%;
	position: absolute;
	text-align: center;
	bottom:10px;
}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: -200px;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "宋体";
	font-size: 52px;
	font-weight: 600;
	display:none;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}
.silder-ctrl-con{
	display: inline-block;
	width: 4%;
	padding: 10px 0;
	margin: 0 10px;
	cursor: pointer;
}
.silder-ctrl-con>span{
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding: 5px 0;
	cursor: pointer;
	background-color: #e4e4e4;
}
.silder-ctrl-con.active>span{
	background-color: #7bbedf;
}

@media (max-width: 768px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		width: 10%;
		font-size: 26px;
		margin-top: -25px;
	}
	.silder-ctrl-con{
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0 5px;
	}
	.silder-ctrl-con>span{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		padding: 0;
	}
}