@charset "UTF-8";
html{ color:#000; background:#f5f5f5;}
body{ font-size: 62.5%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,address{ margin:0; padding:0; }
table{/*border-collapse:collapse;border-spacing:0;font-size:inherit;*/}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal;font-weight:normal; }
section, article, aside, header, footer, nav, dialog, figure {display:block;}
li{ list-style:none; }
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
.clear{ clear:both}
i{ font-style: normal; }

textarea{ font-family: 'SimHei','黑体'; -webkit-appearance: none; border-radius: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
input{ font-family: 'SimHei','黑体'; -webkit-appearance: none; border-radius: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
input[type="textarea"],input[type="text"],input[type="submit"], input[type="reset"], input[type="button"], button {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

} /*去掉苹果手机渲染样式*/
a{color:#333;text-decoration:none;}
a:hover{ text-decoration:none;}
.fw-b{ font-weight: bold; }
.dis-no{ display: none;}
.display-no{ display: none;}
.positions{ position: relative; }
.txt-right{ text-align: right;}
.txt-center{ text-align: center;}
.bgf0{ background: #fff;}
.bgffffff{ background: #fff;}
.bgf0f0f0{ background: #f0f0f0;}
.bgfffce5{ background: #fffce5;}

/*文字样式*/
.t-black{ color: #000;}
.t-red{ color: #ff6c00;}
.t5r{ color: #f00; font-weight: bold; padding: 0 3px;}
.t5rs{ color: #f00;padding: 0 3px;}
.t5b{ color: #000; font-weight: bold; padding: 0 3px;}
.t5g{ color: #009944; font-weight: bold; padding: 0 3px; }
.t5g-s{ color: #009944; padding: 0 3px; }
.t5n{ color: #ff6c00; font-weight: bold; padding: 0 3px;}
.t5by{ color: #000; font-weight: bold; background: #ffff00; padding: 0 3px; }
.t5gbw{ color: #fff; font-weight: bold; background: #009944; padding: 0 3px; }
.t5br{ color: #000; font-weight: bold; background: #ff9494; padding: 0 3px; }
.tis{ color: #fff; background: #f00; font-size: 12px; padding: 0 5px; margin-left: 5px; border-radius: 5px; }
.txt-info{ float: left; text-align: left; width:100%; height: auto; overflow: hidden;  padding: 0px; box-sizing: border-box; font-size: 14px; background: #f0f0f0; }
.txt-info p{ margin: 5px 0; }
.none { display: none; }
/*中间间隔线*/
.mid-line{ width: 90%; height: 2px; border-top:1px solid #f0eeee; margin: 15px auto; font-size: 1rem;}
.bigmid-line{ float: left; width: 100%; height: 10px; background: #f5f5f5; }
.mid-line2{ width: 100%; height: 2px; border-top:1px solid #f0eeee; margin: 10px auto;}
.mid-line3{ float: left; width: 100%; height: 2px; border-top:1px solid #f0eeee;}
.mid-line4{ float: left; width: 100%; height: 2px; border-top:1px solid #e0e0e0;}
.mid-line5{ float: left; width: 100%; height: 2px; border-top:1px solid #e0e0e0;}

.bline1{border-bottom:1px solid #f0f0f0;}
.mid-box-line{ float: left; width: 100%; height: 1px; }
.mid-box-line div{ width: 100%; height: 1px;border-top:1px solid #f0eeee; margin: 0 auto; }
.mid-box-line .line100{ width: 100%; height: 1px;border-top:1px solid #dedede; margin: 0 auto; }

.mid-box-line2{ float: left; width: 100%; height: 1px; }
.mid-box-line2 div{ width: 90%; height: 1px;border-top:1px solid #ccc; margin: 0 auto; }
.mid-box-line2 .line100{ width: 100%; height: 1px;border-top:1px solid #ddd; margin: 0 auto; }

.box150{ float: left; width: 100%; height: 150px; }
.box100{ float: left; width: 100%; height: 100px; }
.box50{ float: left; width: 100%; height: 50px; }
.box80{ float: left; width: 100%; height: 80px; }
.box60{ float: left; width: 100%; height: 60px; }
.box30{ float: left; width: 100%; height: 30px; }
.box20{ float: left; width: 100%; height: 20px; }
.box10{ float: left; width: 100%; height: 10px; }


.fl-left{ float: left; }
.fl-right{ float: right; }

.mt5{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt50{ margin-top: 50px; }
.mt80{ margin-top: 80px; }
.mt100{ margin-top: 100px; }
.mt200{ margin-top: 200px; }
.mt10B{ margin-top: 15%; }
.h80{height:80%; }
.h70{height:70%; }
.w25{ width: 25%; }
.w50{ width: 50%; }


.bottom-menu{ position: fixed; bottom: 0; width: 100%; height: 60px; background: #fff; border-top: 1px solid #f0f0f0; }
.bottom-menu a{ display: block; float: left; width: 25%; height: 60px; padding: 8px 0 0 0; box-sizing: border-box; font-size: 14px; text-align: center; }
.bottom-menu a span{ display: block; }
.bottom-menu .ico{ display: inline-block; width: 20px; height: 20px; background: url("../images/main-menu.png") no-repeat; background-size: 40px 80px;}
.bottom-menu .i1{ background-position: 0 0; }
.bottom-menu .ah{ color: #999;}
.bottom-menu .ahover{ color: #84c126;}
.bottom-menu .ahover .i1{ background-position: -20px 0;}
.bottom-menu .i2{ background-position: 0 -20px; }
.bottom-menu .ahover .i2{ background-position: -20px -20px; }
.bottom-menu .i3{ background-position: 0 -40px; }
.bottom-menu .ahover .i3{ background-position: -20px -40px; }
.bottom-menu .i4{ background-position: 0 -60px; }
.bottom-menu .ahover .i4{ background-position: -20px -60px; }

.topmenu{ float: left; position: relative; width: 100%; height: 50px; background: #fff; }
.topmenu .title{ float: left; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #000;  }
.topmenu .add{ position: absolute; left: 10px; top:9px; z-index: 9; width: 32px; height: 32px; background: url("../images/add.png") no-repeat center; background-size: 24px 24px; }
.topmenu .re{ position: absolute; left: 10px; top:9px; z-index: 9; width: 32px; height: 32px; background: url("../images/re.png") no-repeat center; background-size: 16px 16px; }
.topmenu .tolis{ position: absolute; left: 10px; top:9px; z-index: 9; display: block; width: 32px; height: 32px; background: url("../images/lis.png") no-repeat center; background-size: 18px 18px; }

.pub-mask{ position: fixed; z-index: 99; width: 100%; height: 100%; background: rgba(0,0,0,0.5);  box-sizing: border-box;}

.ai-textarea{ float: left; text-align: left; width:100%; height: 200px; line-height: 20px; color: #333; font-size: 15px; border-radius: 10px; box-sizing: border-box; padding: 10px; border: 1px solid #e2e2e2; outline: none; background: #fafafa; }
.ai-textarea::-webkit-input-placeholder{ font-size:14px; color: #6f6f6f; }
.ai-textarea::-moz-placeholder{ font-size:14px; color: #6f6f6f; }
.ai-textarea:-ms-input-placeholder{ font-size:14px;  color: #6f6f6f; }

.check_box_big{ float: left;  width:40px; height:20px; display:inline-block; position:relative; }
.check_box_big label{ width:40px; height:20px; position:absolute; top:3px; left:0; border-radius:13px; background:#dedede; cursor:pointer;}
.check_box_big label:hover{ background: #dedede;  }
.check_box_big label:after{ position:absolute; content:''; width:16px; height:16px; border-radius:8px; top:2px; left:2px; background: #fff;  }
.check_box_big label:hover:after{ background: #fff; }
.check_box_big input:checked + label{ background: #84c126; }
.check_box_big input:checked + label:after{ top:2px; left:21px; background: #fff;  }
.check_box_big input{ visibility: hidden; }
.check_box_big input:checked{ visibility: hidden; }

.check_box{ float: left;  width:20px; height:40px; display:inline-block; position:relative; margin-right: 10px; }
.check_box label{ width:16px; height:16px; position:absolute; top:0px; left:0; border:2px solid #cacaca; border-radius:50%; background:#fff; cursor:pointer;}
.check_box label:hover{ border:2px solid #cacaca;}
.check_box label:after{ content:''; width:8px; height:4px; position:absolute; top:4px; left:3px; border:2px solid #84c126; border-top:none; border-right:none; opacity:0.1; transform:rotate(-45deg); /*-webkit-transform:rotate(-45deg);*/ }
.check_box label:hover:after{ border:2px solid #84c126; border-top:none; border-right:none; }
.check_box input:checked + label{ border:2px solid #84c126; background:#84c126; }
.check_box input:checked + label:after{ opacity:1; border:2px solid #fff; border-top:none; border-right:none; }
.check_box input{ visibility: hidden; }
.check_box input:checked{ visibility: hidden; }

.bottom-menu-other{ position: fixed; bottom: 0; width: 100%; height: 60px; background: #fff; border-top: 1px solid #f0f0f0; }
.bottom-menu-other a{ display: block; float: left; width: 33%; height: 60px; padding: 8px 0 0 0; box-sizing: border-box; font-size: 14px; text-align: center; }
.bottom-menu-other a:hover{ color: #84c126; }
.bottom-menu-other a span{ display: block; }
.bottom-menu-other .ico{ display: inline-block; width: 20px; height: 20px; background: url("../images/main-menu-other.png") no-repeat; background-size: 40px 80px;}
.bottom-menu-other .i1{ background-position: 0 0; }
.bottom-menu-other .ah{ color: #999;}
.bottom-menu-other .ahover{ color: #84c126;}
.bottom-menu-other .ahover .i1{ background-position: -20px 0;}
.bottom-menu-other .i2{ background-position: 0 -20px; }
.bottom-menu-other .ahover .i2{ background-position: -20px -20px; }
.bottom-menu-other .i3{ background-position: 0 -40px; }
.bottom-menu-other .ahover .i3{ background-position: -20px -40px; }

.loaderwp-2020{ position: absolute; left:50%; top:50%; margin:-100px 0 0 -100px ; padding: 5px 0 0 0; width: 200px; height:150px; border-radius: 10px; background: #fff; }
.loaderwp-2020 .t1{ float: left; width: 100%; text-align: center; font-size: 14px; color: #84c126; }
.loaderwp-2020 .t2{ float: left; width: 100%; text-align: center; font-size: 12px; color: #ccc; margin-top: 4px; }
.loader-2020{ width: 100px; height:50px; margin:0 auto; }