/* CSS Document */
* { margin: 0; padding: 0; }

html { font-size: 62.5%; }

body { color: #333; font-family: arial, helvetica, sans-serif; font-size: 14px; font-size: 1.4rem; max-width: 1920px; margin: 0 auto; overflow-x: hidden; background-color: #f5f5f5; }

img { border: none; }

ul li { list-style-type: none; }

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span { margin: 0; padding: 0; list-style: none; }

a { text-decoration: none; color: #333; outline: none; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; }

h1 { margin: 0; padding: 0; font-weight: normal; }

input, textarea { font-family: arial, helvetica, sans-serif; font-size: 14px; font-size: 1.4rem; border: none; outline: none; }

img { max-width: 100%; border: 0px solid #ccc; }

embed, video { max-width: 100%; }

input, textarea { border: none; background: none; font-family: inherit; }

input[type="submit"], textarea[type="submit"] { cursor: pointer; }

input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }

input[type="radio"], textarea[type="radio"] { cursor: pointer; }

input:focus, textarea:focus { outline: none; }

textarea { resize: none; }

.pull-left { float: left; }

.pull-right { float: right; }

.clear { clear: both; }

.fix { *zoom: 1; }

.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

/* html5 */
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }

ul, form, p, a, img, table, tr, td, ul, li, dd, dt, dl, span, div { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

input, textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

::-webkit-input-placeholder { color: #999; opacity: 1; }

/* WebKit browsers */
:-o-placeholder { color: #999; opacity: 1; }

/* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #999; opacity: 1; }

/* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #999; opacity: 1; }

/* Internet Explorer 10+ */
.self-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.self-ellipsis-2 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.self-ellipsis-3 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.self-ellipsis-4 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.relative { position: relative; }

.absolute { position: absolute; }

.common-vc { position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }

.common-hc { position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); }

.common-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

.text-right { text-align: right; }

.text-left { text-align: left; }

.nlazy { min-width: 20%; }

/**/
.email { word-break: break-all; }

.scale-big img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.scale-big:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.scale-small img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.scale-small:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

[class*="-item"] .item-pic, [class*="-item"] .item-pics { position: relative; display: block; text-align: center; overflow: hidden; }

[class*="-item"] .item-title { overflow: hidden; }

[class*="-item"] .item-title a { display: block; }

[class*="-item"] .item-title a:hover { color: #C19864 !important; }

[class*="-item"] .item-subt { overflow: hidden; }

[class*="-item"] .item-subt a { display: block; }

[class*="-item"] .item-subt a:hover { color: #C19864 !important; }

[class*="-item"] .item-desc { overflow: hidden; color: #666; }

[class*="-item"] .item-desc a { display: block; color: #666; }

[class*="-item"] .item-desc a:hover { color: #C19864 !important; }

/* @media screen and (min-width:1420px) {.wp {width: 1410px;margin: auto;}}

@media screen and (min-width:1220px) and (max-width:1419px) {.wp {width: 1200px;margin: auto;}} */
.wp { width: 1200px; margin: auto; }

@media screen and (min-width: 1220px) { .wp { width: 1200px; margin: auto; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .wp { width: 980px; margin: auto; } }

@media screen and (max-width: 999px) { .wp { width: 95%; margin: auto; } }

@media screen and (min-width: 1220px) { .no_marginr { margin-right: auto !important; }
  .no_marginl { margin-left: auto !important; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .no_marginr { margin-right: auto !important; }
  .no_marginl { margin-left: auto !important; } }

.no_margin { margin-left: auto !important; }
.list-item.no_margin { margin-left: 1.1666% !important; margin-right: 1.1666% !important; }

/*-------------table start-------------------------------------------------------------------*/
.table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }

.table table tr td { padding: 3px; border: 1px solid #ccc; }

@media screen and (max-width: 1000px) { .table { width: 100%; overflow: scroll; }
  .table table { width: 885px; } }

/*-------------table end---------------------------------------------------------------------*/
/*-------------proslide_menubtn start--------------------------------------------------------*/
.proslide_menubtn { display: none; width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.proslide_menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #FFFFFF; }

@media screen and (max-width: 767px) { .proslide_menubtn { display: block; } }

/*-------------proslide_menubtn end----------------------------------------------------------*/
/*-------------page-start--------------------------------------------------------------------*/
.page { font-size: 0; letter-spacing: 0; text-align: right; margin-top: 10px; }

@media screen and (max-width: 767px) { .page { text-align: center; } }

.page span, .page a, .page input { display: inline-block; vertical-align: top; font-size: 13px; font-size: 1.3rem; line-height: 30px; color: #666; margin-bottom: 10px; border-radius: 2px; }

.page input { width: 50px; height: 30px; background-color: #fff; border: solid 1px #D9D9D9; text-align: center; margin: 0 5px; border-radius: 2px; }

.page a { min-width: 30px; height: 30px; background-color: #fff; border: solid 1px #D9D9D9; text-align: center; margin: 0 5px; color: #333; }

.page a .iconfont { color: #C4C4C4; font-size: 12px; font-size: 1.2rem; line-height: 28px; display: block; }

.page a.prev { margin-left: 15px; }

.page a.next { margin-right: 19px; }

.page a:hover, .page a.active { background-color: #222222; color: #fff; border-color: #222222; }

/*-------------page-end--------------------------------------------------------------------*/
/*-------------contact start---------------------------------------------------------------*/
/*-------------contact end-----------------------------------------------------------------*/
/*-------------pro-share start-------------------------------------------------------------*/
.pro-share { font-size: 0; letter-spacing: 0; }

.pro-share .share-title { margin-right: 8px; display: inline-block; *display: inline; *zoom: 1; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #666; }

.pro-share .share-pic { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 26px; }

.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
.at-share-btn-elements a{margin: 0px!important;}

/*-------------pro-share end---------------------------------------------------------------*/
/*-------------m-oths----------------------------------------------------------------------*/
.m-oths { margin-top: 20px; }

.m-oths .list-item { float: left; width: 48%; font-size: 0; letter-spacing: 0.2px; line-height: 24px; text-align: left; }

@media screen and (max-width: 767px) { .m-oths .list-item { width: 100%; margin-bottom: 5px; } }

.m-oths .item2 { margin-left: 4%; text-align: right; }

@media screen and (max-width: 767px) { .m-oths .item2 { margin: 0; text-align: left; } }

.m-oths .iconfont { width: 20px; height: 20px; border-radius: 50%; border: solid 1px #666; line-height: 20px; text-align: center; font-size: 12px; font-size: 1.2rem; color: #666; display: block; }

.m-oths .iconfont.pull-left { margin-right: 11px; }

.m-oths .iconfont.pull-right { margin-left: 11px; }

@media screen and (max-width: 767px) { .m-oths .iconfont.pull-right { margin: 0 11px 0 0; float: left; } }

.m-oths span { display: inline; vertical-align: top; font-size: 14px; font-size: 1.4rem; margin-right: 2px; color: #666; }

@media screen and (max-width: 767px) { .m-oths span { float: left; } }

.m-oths p { overflow: hidden; font-size: 14px; font-size: 1.4rem; }

.m-oths p, .m-oths p a { color: #666; }

.m-oths p a:hover { color: #C19864; }

@media screen and (max-width: 767px) { .m-oths p { display: block; overflow: hidden; } }

/*-------------bread start-----------------------------------------------------------------*/
.bread { font-size: 12px; font-size: 1.2rem; line-height: 24px; padding: 19px 0 0; overflow: hidden; }

.bread, .bread a { color: #666; }

.bread a:hover, .bread .bread-active { color: #333; }

/*-------------bread end-------------------------------------------------------------------*/
.search { position: relative; }

@media screen and (max-width: 767px) { .search { position: absolute; right: 35px; } }

.search-icon.iconfont { font-size: 20px; font-size: 2.0rem; display: none; line-height: 32px; }

@media screen and (max-width: 767px) { .search-icon.iconfont { display: block; } }

.search-box { /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ margin-right: 12px; position: relative; overflow: hidden; }

.search-box ::-webkit-input-placeholder { color: #fff; opacity: 1; }

.search-box :-o-placeholder { color: #fff; opacity: 1; }

.search-box ::-moz-placeholder { color: #fff; opacity: 1; }

.search-box :-ms-input-placeholder { color: #fff; opacity: 1; }

@media screen and (max-width: 999px) { .search-box { margin-right: 0; } }

@media screen and (max-width: 767px) { .search-box { display: none; position: absolute; top: 32px; right: -5px; } }

.search-box .iconfont { position: absolute; font-size: 22px; font-size: 2.2rem; color: #fff; line-height: 32px; top: 0; left: 17px; }

@media screen and (max-width: 767px) { .search-box .iconfont { display: none; } }

.search-box .item-input { width: 300px; height: 32px; line-height: 32px; background-color: #525252; border-radius: 16px; color: #fff; padding-right: 80px; padding-left: 45px; }

@media screen and (max-width: 767px) { .search-box .item-input { padding-left: 10px; } }

.search-box .item-submit { position: absolute; top: 0; right: 0; width: 77px; height: 32px; line-height: 32px; border-radius: 0 16px 16px 0; background-color: #808080; font-size: 14px; font-size: 1.4rem; color: #fff; font-weight: bold; }

.search-box .item-submit:hover { background-color: #C19864; }

/*-------------header start----------------------------------------------------------------*/

.header { background-color: #222222; padding: 27px 0 25px 0; }

.header, .header a { color: #fff; }

.header a:hover { color: #C19864; }

.header .clear { display: none; }

@media screen and (max-width: 999px) { .header { padding: 15px 0; text-align: center}
  .header .clear { display: block; } }

@media screen and (max-width: 767px) { .header { padding: 5px 0 0; }
  .header .clear { display: block; } }

.header .item-p { float: right; font-weight: bold; margin-left: 20px; line-height: 32px; }

@media screen and (max-width: 767px) { .header .item-p { margin-left: 15px; } }

.header .ok-info { font-size: 0; letter-spacing: 0; margin-top: -9px; }

.header .ok-info .img { display: inline-block; vertical-align: middle; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }

.header .ok-info .img img { display: block; width: 100%; height: 100%; }

.header .ok-info p { display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; margin-left: 7px; max-width: 135px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media screen and (max-width: 767px) { .header .ok-info { margin-top: 0; margin-left: 0; }
  .header .ok-info .img { width: 28px; height: 28px; } }

.header .join-btn { margin-right: 6px; }

@media screen and (max-width: 999px) { .header .join-btn { margin-right: 0; } }

@media screen and (max-width: 767px) { .header .join-btn { margin-right: 70px; } }

.header .logo { display: inline-block; line-height: 84px; margin-top: -28px; margin-bottom: -25px}

.header .logo img { vertical-align: middle; max-height: 84px; }

@media screen and (max-width: 999px) {
  .header .logo { float: none; margin: 10px auto 0;line-height: 70px }
  .header .logo img {  max-height: 70px; }
}

@media screen and (max-width: 767px) {
  .header .logo { float: none; margin: 10px auto 10px; line-height: 50px}
  .header .logo img {  max-height: 50px; }
}

.navlist { font-size: 0; letter-spacing: 0; margin-top: 20px; }

.navlist > li { display: inline-block; vertical-align: top; width: 12.83333%; margin-left: 1.69444%;padding: 14px 10px 14px;
  border: solid 1px #E7E7E7;
  background-color: #fff; margin-bottom: 10px;}

.navlist > li:first-child { margin-left: 0; }

.navlist > li > a { font-size: 14px; font-size: 1.4rem; line-height: 26px;   font-weight: bold; display: block;text-align: center;overflow: hidden; }

.navlist > li:hover, .navlist > li.tab-active{ background-color: #222222; color: #fff; }
.navlist > li:hover a, .navlist > li.tab-active a{  color: #fff; }

.navlist1 > li:hover, .navlist1 > li.tab-active{ background-color: #222222 !important; color: #fff; }
.navlist1 > li:hover a, .navlist1 > li.tab-active a{  color: #fff; }

@media screen and (max-width: 999px) { .navlist > li > a { padding: 5px; } }

@media screen and (max-width: 767px) { .navlist { display: none; } }

.navlist1 { font-size: 0; letter-spacing: 0; margin-top: 20px; display: none; }

@media screen and (max-width: 767px) { .navlist1 { display: block; } }

.navlist1 > li { display: inline-block; vertical-align: top; width: 31.3%; margin: 0 1%; }

.navlist1 > li > a { display: block; font-size: 14px; font-size: 1.4rem; border: solid 1px #E7E7E7; text-align: center; line-height: 24px; padding: 3px 5px; }

/*-------------header end------------------------------------------------------------------*/
/*-------------footer start----------------------------------------------------------------*/
.footer { background-color: #222; padding: 50px 0; }

.footer .copyright { text-align: center; line-height: 24px; }

.footer .copyright, .footer .copyright a { color: #eee; }

@media screen and (max-width: 999px) { .footer { padding: 30px 0; } }

@media screen and (max-width: 767px) { .footer { padding: 10px 0; } }

/*-------------footer end------------------------------------------------------------------*/
/*-------------index start-----------------------------------------------------------------*/
.banner-img img { display: block; margin: 0 auto; max-width: 1920px; width: 100%; }
.banner-img{max-height: 510px;overflow: hidden}
.main { margin-top: 32px; }

@media screen and (max-width: 767px) { .main { margin-top: 20px; } }

.main .box-main { float: left; width: 895px; }

@media screen and (max-width: 1219px) { .main .box-main { width: 680px; } }

@media screen and (max-width: 999px) { .main .box-main { width: 100%; } }

.main .box-slide { float: right; width: 285px; background-color: #fff; }

@media screen and (max-width: 999px) { .main .box-slide { width: 100%; margin: 50px 0 0; } }

@media screen and (max-width: 767px) { .main .box-slide { margin: 30px 0 0; } }

/* page-list start */
.page-list { font-size: 0; letter-spacing: 0; }

.page-list .list-item { display: inline-block; vertical-align: top; width: 31%; margin-left: 1.1666% !important; margin-right: 1.1666%; background-color: #fff; border: solid 1px #E7E7E7; margin-bottom: 21px; }

@media screen and (max-width: 999px) {
  .page-list .list-item { width: 31%; margin-left: 1.1666%; margin-right: 1.1666%; }
  .page-list .list-item.no_marginl { width: 31%; margin-left: 1.1666%; margin-right: 1.1666%; }
}

@media screen and (max-width: 640px) {
  .page-list .list-item { width: 47%; margin-left: 1.5% !important; margin-right: 1.5%;}
  .page-list .list-item.no_marginl { width: 47%; margin-left: 1.5% !important; margin-right: 1.5%; }
}

@media screen and (max-width: 350px) {
  .page-list .list-item { width: 98%; }
  .page-list .list-item.no_marginl { width: 98%; }
}

.page-list .item-pic { width: 100%; min-height: 210px;}

.page-list .item-pic img { display: block; margin: 0 auto; max-width: 350px; width: 100%; }

.page-list .item-body { padding: 0 15px 10px; }

@media screen and (max-width: 999px) { .page-list .item-body { padding: 0 10px 10px; } }

.page-list .item-info .item-pics { width: 30px; height: 30px; box-shadow: 0px 5px 20px 0px rgba(4, 0, 0, 0.09); border-radius: 50%; margin: -15px auto 0; }

.page-list .item-info .item-pics img { display: block; width: 100%; height: 100%; }

.page-list .item-info .item-name { text-align: center; font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-top: 2px; }

.page-list .item-info .item-name, .page-list .item-info .item-name a { color: #999; }

.page-list .item-title { font-size: 16px; font-size: 1.6rem; font-weight: bold; margin-top: 3px; line-height: 30px; text-align: center; }

.page-list .item-desc { margin-top: 2px; font-size: 14px; font-size: 1.4rem; line-height: 20px; height: 80px; }

.page-list .item-num { font-size: 0; letter-spacing: 0; border-top: solid 1px #e7e7e7; line-height: 48px; margin: 0 15px; text-align: center; }

.page-list .item-num .iconfont { font-size: 16px; font-size: 1.6rem; margin-right: 4px; }

.page-list .item-num .iconfont.active { color: #C19864; }

.page-list .item-num p { display: inline-block; vertical-align: top; font-size: 12px; font-size: 1.2rem; width: 33.33%; }

.page-list .item-num p, .page-list .item-num p a { color: #999; }

.page-list .item-num .p1 { text-align: left; }

.page-list .item-num .p3 { text-align: right; cursor: pointer; }

@media screen and (max-width: 999px) { .page-list .item-num { margin: 0 10px; line-height: 38px; } }

/* page-list end*/
/* slide-title start */
.slide-title { font-size: 14px; font-size: 1.4rem; line-height: 24px; padding: 18px 13px 17px; letter-spacing: -0.5px; font-weight: bold; background-color: #222222; }

.slide-title, .slide-title a { color: #fff; }

.slide-title a:hover { color: #C19864; }

@media screen and (max-width: 767px) { .slide-title { padding: 10px; line-height: 20px; } }

/* slide-title end */
/* cate-slide start */
.cate-slide .box-list { overflow: hidden; margin-left: 20px  }

/*.cate-slide .box-list > li > a { border-bottom: solid 1px #e7e7e7; display: block; font-size: 14px; font-size: 1.4rem; line-height: 24px; padding: 13px 50px 13px 0; position: relative; !* @media screen and (max-width:767px) { padding: 10px 50px 10px 0; .iconfont{ top: 10px; } } *! }*/
.cate-slide .box-list > li > a {
  border-bottom: solid 1px #e7e7e7;
  display: block;
  font-size: 14px;
   font-size: 1.4rem;
  line-height: 37px;
  padding: 10px 50px 3px 0;
  position: relative;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.cate-slide .box-list > li > a .iconfont { position: absolute; right: 17px; color: #BBBBBB; top: 13px; }

.cate-slide .box-list > li > a:hover, .cate-slide .box-list > li > a.active { color: #C19864; }

.cate-slide .box-list > li > a:hover .iconfont, .cate-slide .box-list > li > a.active .iconfont { color: #C19864; }

.cate-slide .item-btn { float: right; font-weight: bold; text-transform: uppercase; margin: 13px 16px 33px 0; line-height: 24px; cursor: pointer; }

.cate-slide .item-btn:hover { color: #C19864; }

@media screen and (max-width: 767px) { .cate-slide .item-btn { margin: 10px 15px 20px 0; } }

/* cate-slide end */
/* artical-slide start */
.artical-slide { margin-bottom: 24px; }

.artical-slide .box-list { margin-left: 20px; }

.artical-slide .box-list .list-item { border-bottom: solid 1px #e7e7e7; padding: 12px 20px 17px 0; }

@media screen and (max-width: 767px) { .artical-slide .box-list .list-item { padding: 10px 10px 15px 0; } }

.artical-slide .box-list .iconfont { font-size: 20px; font-size: 2rem; line-height: 22px; margin-right: 9px; margin-top: 4px; color: #bbb; }

.artical-slide .box-list .item-desc { line-height: 22px; max-height: 44px; }

.artical-slide .box-list .item-desc, .artical-slide .box-list .item-desc a { color: #333; }

/* artical-slide end */
/* post-slide start */
.post-slide .box-body { padding: 0 15px 18px; position: relative; }

.post-slide .box-desc { line-height: 22px; padding: 14px 0 19px; }

.post-slide .box-form .item-row { margin-bottom: 13px; }

.post-slide .box-form .item-p { line-height: 24px; margin-bottom: 5px; color: #222222; }

.post-slide .box-form .item-p span { color: #aaa; }

.post-slide .box-form input, .post-slide .box-form textarea { border: solid 1px #D9D9D9; display: block; width: 100%; padding: 0 5px; color: #333; }

.post-slide .box-form input { height: 32px; line-height: 30px; }

.post-slide .box-form textarea { padding-top: 5px; padding-bottom: 5px; }

.post-slide .box-form .text1 { height: 72px; }

.post-slide .box-form .text2 { height: 160px; }

.post-slide .box-form .item-code { position: relative; margin-top: 20px; }

.post-slide .box-form .item-code .item-input { padding-right: 80px; }

.post-slide .box-form .item-code .item-img { position: absolute; top: 1px; right: 2px; }

.post-slide .box-form .item-code .item-img img { cursor: pointer; display: block; }

.post-slide .box-form .item-btn { width: 120px; height: 40px; line-height: 40px; background-color: #C19864; color: #fff; border: 0; margin: 31px auto 0; }

.post-slide .box-form .item-btn:hover { background-color: #000; }

@media screen and (max-width: 767px) { .post-slide .box-form .item-btn { margin: 0 auto; height: 36px; line-height: 36px; } }

.post-slide .box-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; background-color: rgba(255, 255, 255, 0.8); }

.post-slide .box-backdrop .item-success { position: absolute; top: 50%; margin-top: -56px; left: 0; width: 100%; text-align: center; padding: 0 10px; }

.post-slide .box-backdrop .item-success .iconfont { font-size: 56px; font-size: 5.6rem; color: #C19864; }

.post-slide .box-backdrop .item-success .item-title { font-size: 16px; font-size: 1.6rem; line-height: 22px; margin-top: 27px; }

/* post-slide end */
/*-------------index end-------------------------------------------------------------------*/
.page_wrap { padding: 0 0 80px; }

@media screen and (max-width: 1219px) { .page_wrap { padding: 0 0 70px; } }

@media screen and (max-width: 999px) { .page_wrap { padding: 0 0 50px; } }

@media screen and (max-width: 767px) { .page_wrap { padding: 0 0 30px; } }

/*-------------2-search start--------------------------------------------------------------*/
.search-result { background-color: #fff; min-height: 480px; text-align: center; padding: 67px 15px; }

@media screen and (max-width: 999px) { .search-result { min-height: auto; padding: 50px 10px; } }

.search-result .item-title { font-size: 16px; font-size: 1.6rem; line-height: 24px; }

.search-result .item-title .iconfont { font-size: 59px; font-size: 5.9rem; line-height: 60px; color: #C19864; margin-right: 27px; vertical-align: middle; }

.search-result .item-title span { color: #666; }

@media screen and (max-width: 767px) { .search-result .item-title .iconfont { font-size: 40px; font-size: 4rem; margin-right: 5px; } }

.search-result .item-btn { margin-top: 36px; display: inline-block; min-width: 120px; line-height: 24px; padding: 8px; background-color: #C19864; color: #fff; }

.search-result .item-btn:hover { background-color: #000; }

@media screen and (max-width: 767px) { .search-result .item-btn { margin-top: 20px; } }

/*-------------2-search end----------------------------------------------------------------*/
/*-------------4-cate start----------------------------------------------------------------*/
/* .cate-list start */
.cate-list { font-size: 0; letter-spacing: 0; margin-top: 18px; }

.cate-list .list-item { display: inline-block; vertical-align: top; width: 23.75%; margin-left: 1.66667%; background-color: #fff; border: solid 1px #E7E7E7; margin-bottom: 21px; }

@media screen and (max-width: 999px) { .cate-list .list-item { width: 23%; margin: 0 1% 20px; } }

@media screen and (max-width: 767px) { .cate-list .list-item { width: 31.33%; } }

@media screen and (max-width: 640px) { .cate-list .list-item { width: 48%; } }

@media screen and (max-width: 350px) { .cate-list .list-item { width: 98%; } }

.cate-list .item-pic { width: 100%; }

.cate-list .item-pic img { display: block; margin: 0 auto; max-width: 350px; width: 100%; }

.cate-list .item-body { padding: 0 15px 10px; }

@media screen and (max-width: 999px) { .cate-list .item-body { padding: 0 10px 10px; } }

.cate-list .item-info .item-pics { width: 30px; height: 30px; box-shadow: 0px 5px 20px 0px rgba(4, 0, 0, 0.09); border-radius: 50%; margin: -15px auto 0; }

.cate-list .item-info .item-pics img { display: block; width: 100%; height: 100%; }

.cate-list .item-info .item-name { text-align: center; font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-top: 2px; }

.cate-list .item-info .item-name, .cate-list .item-info .item-name a { color: #999; }

.cate-list .item-title { font-size: 16px; font-size: 1.6rem; font-weight: bold; margin-top: 3px; line-height: 30px; text-align: center; }

.cate-list .item-desc { margin-top: 2px; font-size: 14px; font-size: 1.4rem; line-height: 20px; height: 80px; }

.cate-list .item-num { font-size: 0; letter-spacing: 0; border-top: solid 1px #e7e7e7; line-height: 48px; margin: 0 15px; text-align: center; }

.cate-list .item-num .iconfont { font-size: 16px; font-size: 1.6rem; margin-right: 4px; }

.cate-list .item-num .iconfont.active { color: #C19864; }

.cate-list .item-num p { display: inline-block; vertical-align: top; font-size: 12px; font-size: 1.2rem; width: 33.33%; }

.cate-list .item-num p, .cate-list .item-num p a { color: #999; }

.cate-list .item-num .p1 { text-align: left; }

.cate-list .item-num .p3 { text-align: right; cursor: pointer; }

@media screen and (max-width: 999px) { .cate-list .item-num { margin: 0 10px; line-height: 38px; } }

.cate-list .item-more { display: inline-block; vertical-align: top; width: 49.16667%; margin-left: 1.66667%; background-color: #fff; border: solid 1px #E7E7E7; position: relative; }

.cate-list .item-more .list-item { width: 48.30508%; margin: 0; }

.cate-list .item-more .list-box { position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background-color: #fff; }

@media screen and (max-width: 999px) { .cate-list .item-more { width: 48%; margin: 0 1% 20px; } }

@media screen and (max-width: 767px) { .cate-list .item-more { width: 64.66%; } }

@media screen and (max-width: 640px) { .cate-list .item-more { height: auto; width: 98%; margin: 0 1% 20px; }
  .cate-list .item-more .list-item { display: none; }
  .cate-list .item-more .list-box { padding: 30px 0; position: relative; top: auto; left: auto; bottom: auto; } }

.cate-list .item-more .box-info { font-size: 0; letter-spacing: 0; text-align: center; position: absolute; top: 50%; margin-top: -55px; left: 0; width: 100%; }

.cate-list .item-more .box-info a { display: inline-block; vertical-align: middle; font-size: 40px; font-size: 4rem; color: #666; line-height: 50px; text-align: left; }

.cate-list .item-more .box-info a .iconfont { display: block; width: 60px; height: 60px; border: solid 3px #666; border-radius: 50%; font-size: 40px; font-size: 4rem; line-height: 60px; text-align: center; margin-left: 26px; }

.cate-list .item-more .box-info a:hover { color: #C19864; }

.cate-list .item-more .box-info a:hover .iconfont { border-color: #C19864; }

@media screen and (max-width: 999px) { .cate-list .item-more .box-info a { font-size: 30px; font-size: 3rem; line-height: 36px; }
  .cate-list .item-more .box-info a .iconfont { width: 50px; height: 50px; font-size: 30px; font-size: 3rem; line-height: 50px; } }

@media screen and (max-width: 640px) { .cate-list .item-more .box-info { position: relative; top: auto; left: auto; margin: auto; }
  .cate-list .item-more .box-info a { font-size: 24px; font-size: 2.4rem; line-height: 30px; }
  .cate-list .item-more .box-info a .iconfont { width: 36px; height: 36px; font-size: 24px; font-size: 2.4rem; line-height: 36px; margin-left: 10px; border-width: 2px; } }

/* .cate-list end*/
/*-------------4-cate end------------------------------------------------------------------*/
/*-------------5-blog-detail start---------------------------------------------------------*/
.blog-detail { background-color: #fff; margin: 0 0 20px; }

.blog-detail .box-body { padding: 40px 6.66667% 0; }

@media screen and (max-width: 999px) { .blog-detail .box-body { padding: 30px 2.5% 0; } }

.blog-detail .item-title { text-align: center; font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 24px; }

.blog-detail .item-cate { font-size: 0; letter-spacing: 0; text-align: center; margin-top: 13px; }

.blog-detail .item-cate p { display: inline-block; vertical-align: middle; line-height: 30px; font-size: 12px; font-size: 1.2rem; }

.blog-detail .item-cate p, .blog-detail .item-cate p a { color: #999; }

.blog-detail .item-cate p a:hover { color: #C19864; }

.blog-detail .item-cate .item-img { margin-right: 32px; }

.blog-detail .item-cate .item-img img { width: 30px; height: 30px; border-radius: 50%; box-shadow: 0px 5px 20px 0px rgba(4, 0, 0, 0.09); vertical-align: middle; margin-right: 9px; }

.blog-detail .item-cate .item-date { margin-right: 32px; }

.blog-detail .item-cate .item-date .iconfont { font-size: 12px; font-size: 1.2rem; margin-right: 7px; }

.blog-detail .item-cate .item-label .iconfont { font-size: 14px; font-size: 1.4rem; margin-right: 7px; }

.blog-detail .item-body { padding: 15px 0 29px; font-size: 14px; font-size: 1.4rem; line-height: 20px; }

.blog-detail .item-body p { min-height: 20px; }

.blog-detail .item-body img, .blog-detail .item-body iframe { max-width: 100%; }

.blog-detail .item-bot { border-top: solid 1px #e7e7e7; padding: 20px 6.66667%; }

@media screen and (max-width: 999px) { .blog-detail .item-bot { padding: 20px 2.5%; } }

.blog-detail .item-bot .item-num { float: left; font-size: 0; letter-spacing: 0; text-align: left; margin-top: 5px; }

.blog-detail .item-bot .item-num .iconfont { font-size: 16px; font-size: 1.6rem; margin-right: 4px; }

.blog-detail .item-bot .item-num .iconfont.active { color: #C19864; }

.blog-detail .item-bot .item-num p { display: inline-block; vertical-align: top; font-size: 12px; font-size: 1.2rem; width: 70px; }

.blog-detail .item-bot .item-num p, .blog-detail .item-bot .item-num p a { color: #999; }

.blog-detail .item-bot .item-num .p3 { cursor: pointer; }

.blog-detail .item-bot .item-follow { float: right; }

.blog-detail .item-bot .item-follow a { float: left; margin-left: 40px; }

.blog-detail .item-bot .item-follow a:first-child { margin-left: 0; }

.blog-detail .item-bot .item-follow a .iconfont { font-size: 25px; font-size: 2.5rem; display: block; }

.blog-detail .item-bot .item-follow a .icon-facebook1 { color: #4e71a8; }

.blog-detail .item-bot .item-follow a .icon-twitter1 { color: #1cb7eb; }

.blog-detail .item-bot .item-follow a .icon-linkedin1 { color: #1686b0; }

.blog-detail .item-bot .item-follow a .icon-pinterest1 { color: #ca3737; }

@media screen and (max-width: 767px) { .blog-detail .item-bot .item-follow a { margin-left: 10px; } }

@media screen and (max-width: 480px) { .blog-detail .item-bot .item-follow { float: left; width: 100%; margin-top: 15px; } }

.comments-main { background-color: #fff; }

.comments-main .box-form { border-bottom: dashed 1px #E7E7E7; padding: 27px 2.5% 20px; }

.comments-main .box-form .box-title { font-size: 16px; font-size: 1.6rem; font-weight: bold; }

.comments-main .box-form .box-title span { color: #999; font-size: 14px; font-size: 1.4rem; margin-left: 18px; }

.comments-main .box-form .box-title a { color: #004F92; }

.comments-main .box-form .box-title a:hover { color: #222222; }

.comments-main .box-form textarea { margin-top: 24px; width: 100%; display: block; height: 80px; border: solid 1px #E7E7E7; padding: 10px 10px 20px 10px; line-height: 20px; color: #666; }

.comments-main .box-form .num { position: absolute; right: 10px; font-size: 12px; font-size: 1.2rem; color: #999; bottom: 8px; }

.comments-main .box-form .item-btn { margin-top: 20px; float: right; width: 120px; line-height: 24px; padding: 8px; background-color: #C19864; color: #fff; text-align: center; font-size: 12px; font-size: 1.2rem; }

.comments-main .box-form .item-btn:hover { background-color: #000; }

@media screen and (max-width: 767px) { .comments-main .box-form .item-btn { padding: 3px; } }

.comments-main .item-box { padding: 18px 2.5% 0; }

.comments-main .item-box .comments-num { color: #999; font-weight: bold; }

.comments-main .item-box .comments-num span { color: #666; font-weight: normal; }

.comments-main .item-box .box-list { padding-top: 3px; }

.comments-main .item-box .box-list .list-item { border-bottom: dashed 1px #e7e7e7; padding: 25px 0 24px; }

@media screen and (max-width: 767px) { .comments-main .item-box .box-list .list-item { padding: 14px 0; } }

.comments-main .item-box .box-list .item-pic { float: left; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; margin-right: 20px; }

.comments-main .item-box .box-list .item-pic img { display: block; width: 100%; height: 100%; border-radius: 50%; }

@media screen and (max-width: 767px) { .comments-main .item-box .box-list .item-pic { width: 40px; height: 40px; margin-right: 10px; } }

.comments-main .item-box .box-list .item-body { overflow: hidden; line-height: 20px; }

.comments-main .item-box .box-list .item-title { font-weight: bold; margin-top: -4px; }

.comments-main .item-box .box-list .item-title a:hover { color: #222222 !important; }

.comments-main .item-box .box-list .item-desc { margin-top: 4px; }

.comments-main .item-box .box-list .item-desc a { color: #C19864; display: inline; }

.comments-main .item-box .box-list .item-desc a:hover { color: #222222 !important; }

.comments-main .item-box .box-list .item-date { color: #999; font-size: 12px; font-size: 1.2rem; margin-top: 5px; }

/*-------------5-blog-detail end-----------------------------------------------------------*/
/*-------------6-write start---------------------------------------------------------------*/
.write-main .cate-list .item-more { border: solid 1px #E7E7E7; }

.write-info { margin-bottom: 28px; }

.write-info .item-img { position: relative; margin: 0 auto; margin-top: -56px; width: 110px; height: 110px; border-radius: 50%; overflow: hidden; box-shadow: 0px 5px 10px 0px rgba(4, 0, 0, 0.25); }

.write-info .item-img img { display: block; width: 100%; height: 100%; }

@media screen and (max-width: 767px) { .write-info .item-img { width: 80px; height: 80px; margin-top: -41px; } }

.write-info .item-name { text-align: center; font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 24px; padding-top: 30px; }

/*-------------6-write end-----------------------------------------------------------------*/
.contact-box { margin-top: 30px; }

.contact-box .form-box { border-radius: 4px; background-color: #FBFBFB; border: solid 1px #e1e1e1; padding: 19px 4.58333% 29px; }

@media screen and (max-width: 767px) { .contact-box .form-box { padding: 15px 2%; } }

.contact-box .box-title { font-size: 36px; font-size: 3.6rem; color: #C19864; text-align: center; position: relative; padding-bottom: 15px; margin-bottom: 39px; letter-spacing: 0.7px; }

.contact-box .box-title:after { position: absolute; content: ''; width: 119px; height: 4px; background-color: #C19864; left: 50%; margin-left: -60px; bottom: 0; }

@media screen and (max-width: 1219px) { .contact-box .box-title { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 999px) { .contact-box .box-title { font-size: 28px; font-size: 2.8rem; } }

@media screen and (max-width: 767px) { .contact-box .box-title { font-size: 24px; font-size: 2.4rem; padding-bottom: 10px; margin-bottom: 25px; }
  .contact-box .box-title:after { height: 2px; } }

@media screen and (max-width: 767px) { .contact-box .box-title { font-size: 20px; font-size: 2rem; } }

.contact-box .item-form .star { position: relative; }

.contact-box .item-form .star:after { position: absolute; content: '*'; color: #999999; left: 10px; top: 17px; }

.contact-box .item-form .star input, .contact-box .item-form .star textarea { padding-left: 20px; }

.contact-box .item-form .item-input { width: 48.07339%; margin-bottom: 21px; }

.contact-box .item-form .item-input1 { margin-bottom: 22px; width: 100%; }

.contact-box .item-form input, .contact-box .item-form textarea { display: block; background-color: #fff; width: 100%; display: block; color: #999999; border: solid 1px #E1E1E1; }

.contact-box .item-form input { height: 50px; line-height: 48px; padding: 0 10px; }

.contact-box .item-form textarea { height: 200px; padding: 8px 10px; line-height: 24px; margin: 3px 0 0; }

.contact-box .item-form .item-code { width: 33.76147%; margin-right: 1.74312%; }

.contact-box .item-form .item-img img { display: block; cursor: pointer; }

.contact-box .item-form .item-btn { width: 48.07339%; padding: 0; }

.contact-box .item-form .item-btn input { height: 48px; border-color: #C19864; background-color: #C19864; color: #fff; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; }

.contact-box .item-form .item-btn input:hover { background-color: #333; border-color: #333; }

@media screen and (max-width: 1419px) { .contact-box .item-form .item-code { width: 28.44037%; margin-right: 1.37615%; } }

@media screen and (max-width: 999px) { .contact-box .item-form .item-code { width: 200px; }
  .contact-box .item-form .item-btn { width: 35%; margin-left: 15px; float: left; } }

@media screen and (max-width: 767px) { .contact-box .item-form .item-input, .contact-box .item-form .item-input1 { margin-bottom: 10px; }
  .contact-box .item-form .item-code { width: -moz-calc(100% - 120px); width: calc(100% - 120px); margin-right: 0; }
  .contact-box .item-form .item-img { float: right; height: 40px; }
  .contact-box .item-form .item-img img { max-height: 100%; }
  .contact-box .item-form .item-btn { margin-left: 0; width: 100%; }
  .contact-box .item-form .item-btn input { height: 40px; line-height: 38px; font-size: 14px; font-size: 1.4rem; }
  .contact-box .item-form input { height: 40px; line-height: 38px; } }

@media screen and (max-width: 500px) { .contact-box .item-form .item-input { width: 100%; }
  .contact-box .item-form .item-img { float: left; margin-bottom: 10px; } }

/*-------------7-center start--------------------------------------------------------------*/
.user-top { margin-top: 10px; margin-bottom: 37px; background-color: #fff; padding-top: 24px; }

@media screen and (max-width: 767px) { .user-top { margin-bottom: 30px; } }

.user-top .write-info { margin-bottom: 33px; }

.user-top .write-info .item-img { margin-top: 0; }

@media screen and (max-width: 767px) { .user-top .write-info { margin-bottom: 20px; } }

.user-top .item-btn { width: 170px; background-color: #C19864; color: #fff; text-align: center; line-height: 24px; padding: 7px 0; display: block; font-size: 12px; font-size: 1.2rem; margin: 0 auto; }

.user-top .item-btn .iconfont { font-size: 18px; font-size: 1.8rem; margin-right: 5px; }

.user-top .item-btn:hover { background-color: #000; }

@media screen and (max-width: 767px) { .user-top .item-btn { padding: 3px 0; } }

.user-top .item-nav { font-size: 0; letter-spacing: 0; text-align: center; margin-top: 49px; }

.user-top .item-nav > a { display: inline-block; vertical-align: top; font-size: 16px; font-size: 1.6rem; color: #666; line-height: 24px; padding-bottom: 14px; border-bottom: solid 2px transparent; margin: 0 24px; }

.user-top .item-nav > a:hover, .user-top .item-nav > a.active { color: #333; border-bottom-color: #222; font-weight: bold; }

@media screen and (max-width: 767px) { .user-top .item-nav { margin-top: 30px; }
  .user-top .item-nav > a { padding-bottom: 10px; } }

@media screen and (max-width: 640px) { .user-top .item-nav { margin-top: 20px; }
  .user-top .item-nav > a { margin: 0 4px; font-size: 14px; font-size: 1.4rem; padding-bottom: 5px; } }

.cate-list .list-item { position: relative; }

.cate-list .item-backdrop { position: absolute; top: 0; left: 0; width: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.5); padding: 19px 2px; z-index: 9; }

.cate-list .item-backdrop p { float: right; margin-right: 19px; }

.cate-list .item-backdrop input { float: left; margin-top: 5px; margin-left: 22px; }

.cate-list .item-backdrop .iconfont { font-size: 22px; font-size: 2.2rem; display: block; line-height: 22px; color: #fff; }

@media screen and (max-width: 999px) { .cate-list .item-backdrop { padding: 10px 0; }
  .cate-list .item-backdrop p { margin-right: 8px; }
  .cate-list .item-backdrop .iconfont { font-size: 18px; font-size: 1.8rem; }
  .cate-list .item-backdrop input { margin-left: 10px; } }

@media screen and (max-width: 767px) { .cate-list .item-backdrop { padding: 6px 0; }
  .cate-list .item-backdrop .iconfont { font-size: 16px; font-size: 1.6rem; } }

.blog-check { font-size: 0; letter-spacing: 0; }

.blog-check .item-btn { display: inline-block; vertical-align: top; border: solid 1px #999; background-color: #f4f4f4; font-size: 16px; font-size: 1.6rem; color: #666; margin: 0 19px 8px 0; cursor: pointer; line-height: 28px; padding: 0 10px; }

.blog-check .item-btn:hover { background-color: #C19864; border-color: #C19864; color: #fff; }

@media screen and (max-width: 767px) { .blog-check .item-btn { margin: 0 8px 5px 0; font-size: 14px; font-size: 1.4rem; line-height: 26px; } }

/*-------------7-center end----------------------------------------------------------------*/
/*-------------8-add start-----------------------------------------------------------------*/
.add-form { padding: 15px 0 83px; }

@media screen and (max-width: 999px) { .add-form { padding: 0 0 50px; } }

@media screen and (max-width: 767px) { .add-form { padding: 0 0 30px; } }

.add-form .item-row { max-width: 772px; margin-bottom: 30px; }

@media screen and (max-width: 767px) { .add-form .item-row { margin-bottom: 15px; } }

.add-form .item-row input, .add-form .item-row select { border: solid 1px #D9D9D9; max-width: 460px; width: 100%; height: 32px; line-height: 30px; color: #666; padding: 0 10px; outline: none; font-size: 14px; font-size: 1.4rem; }

.add-form .item-row textarea { border-radius: 2px; border: solid 1px #d9d9d9; height: 100px; width: 100%; padding: 5px 10px; line-height: 20px; color: #666; font-size: 14px; font-size: 1.4rem; }

.add-form .item-row .item-sum { position: relative; }

.add-form .item-row .item-sum textarea { padding-bottom: 30px; }

.add-form .item-row .item-sum .txt-tip { font-size: 12px; font-size: 1.2rem; color: #999; right: 11px; bottom: 10px; position: absolute; }

.add-form .item-row .item-txt { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 24px; margin-bottom: 15px; }

.add-form .item-row .item-txt span { font-weight: normal; color: #aaa; }

@media screen and (max-width: 767px) { .add-form .item-row .item-txt { font-size: 14px; font-size: 1.4rem; margin-bottom: 10px; } }

.add-form .item-file { font-size: 0; letter-spacing: 0; padding-bottom: 2px; }

.add-form .item-file .file-img { display: inline-block; vertical-align: bottom; overflow: hidden; width: 200px; height: 150px; background: url(../images/web3.png) no-repeat center; background-size: contain; margin-right: 25px; }

@media screen and (max-width: 640px) { .add-form .item-file .file-img { width: 160px; height: 120px; margin-right: 10px; } }

@media screen and (max-width: 400px) { .add-form .item-file .file-img { display: block; } }

.add-form .item-file .file-btn, .add-form .item-file .file-btn1 { display: inline-block; vertical-align: bottom; width: 70px; height: 30px; outline: none; line-height: 28px; border: solid 1px #999; background-color: #f4f4f4; color: #666; cursor: pointer; margin-top: 20px; }

.add-form .item-file .file-btn { margin-right: 19px; }

@media screen and (max-width: 640px) { .add-form .item-file .file-btn { margin-right: 10px; } }

.add-form .item-file .file-input { display: none; }

.add-form .item-radio { font-size: 0; letter-spacing: 0; }

.add-form .item-radio .item-box { display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; color: #666; margin-right: 30px; }

.add-form .item-radio input { width: auto; vertical-align: middle; margin-right: 10px; }

.add-form .item-btns { font-size: 0; letter-spacing: 0; }

.add-form .item-btns .item-btn { text-align: center; display: inline-block; vertical-align: top; width: 120px; line-height: 24px; padding: 7px; font-size: 12px; font-size: 1.2rem; margin: 17px 10px 0; }

@media screen and (max-width: 767px) { .add-form .item-btns .item-btn { margin: 10px 5px 0; padding: 5px; } }

.add-form .item-btns .save-btn { border: solid 1px #C19864; background-color: #C19864; color: #fff; }

.add-form .item-btns .save-btn:hover { border: solid 1px #999; background-color: #fff; color: #666; }

.add-form .item-btns .cancle-btn { border: solid 1px #999; background-color: #fff; color: #666; }

.add-form .item-btns .cancle-btn:hover { border: solid 1px #C19864; background-color: #C19864; color: #fff; }

/*-------------8-add end-------------------------------------------------------------------*/
/*-------------10-notice start-------------------------------------------------------------*/
.notice-main { background-color: #fff; padding: 40px 0 15px; }

@media screen and (max-width: 767px) { .notice-main { padding-top: 30px; } }

.notice-main .box-title { font-size: 16px; font-size: 1.6rem; font-weight: bold; margin-left: 29px; }

@media screen and (max-width: 999px) { .notice-main .box-title { margin-left: 2.5%; } }

.notice-main .box-list { padding: 24px 5.83333% 0; }

@media screen and (max-width: 999px) { .notice-main .box-list { padding: 20px 2.5% 0; } }

@media screen and (max-width: 767px) { .notice-main .box-list { padding-top: 15px; } }

.notice-main .box-list .list-item { border-bottom: solid 1px #e7e7e7; line-height: 24px; padding: 12px 0 13px; }

.notice-main .box-list .iconfont.pull-left { font-size: 21px; font-size: 2.1rem; color: #999; margin-right: 10px; }

.notice-main .box-list .iconfont.pull-right { font-size: 19px; font-size: 1.9rem; color: #999; margin: 0 10px; cursor: pointer; }

.notice-main .box-list .iconfont.pull-right:hover { color: #C19864; }

.notice-main .box-list .item-desc { overflow: hidden; color: #333; }

.notice-main .box-list .item-desc a { display: inline; color: #004F92; }

.notice-main .box-list .page { margin-top: 25px; }

/*-------------10-notice end---------------------------------------------------------------*/
/*-------------12-Groups start-------------------------------------------------------------*/
.groups-main { background-color: #fff; padding: 36px 0 15px; }

@media screen and (max-width: 767px) { .groups-main { padding-top: 30px; } }

.groups-main .box-title { font-size: 16px; font-size: 1.6rem; font-weight: bold; margin-left: 29px; }

@media screen and (max-width: 999px) { .groups-main .box-title { margin-left: 2.5%; } }

.groups-main .box-list { padding: 13px 5.83333% 0; }

@media screen and (max-width: 999px) { .groups-main .box-list { padding: 13px 2.5% 0; } }

.groups-main .box-list .list-item { border-bottom: solid 1px #E7E7E7; padding: 33px 0 32px; line-height: 30px; }

@media screen and (max-width: 767px) { .groups-main .box-list .list-item { padding: 20px 0; } }

.groups-main .box-list .item-num { width: 42px; }

.groups-main .box-list .item-pic { width: 190px; margin-right: 11.66667%; }

.groups-main .box-list .item-pic img { display: block; margin: 0 auto; max-width: 189px; width: 100%; }

@media screen and (max-width: 767px) { .groups-main .box-list .item-pic { margin-right: 4.16667%; } }

@media screen and (max-width: 640px) { .groups-main .box-list .item-pic { margin-right: 0; } }

.groups-main .box-list .item-desc a { color: #004F92; }

@media screen and (max-width: 640px) { .groups-main .box-list .item-desc { width: 100%; padding-left: 42px; margin-top: 15px; float: left; } }

.groups-main .box-list .page { margin-top: 252px; }

@media screen and (max-width: 1219px) { .groups-main .box-list .page { margin-top: 30px; } }

/*-------------12-Groups end---------------------------------------------------------------*/
/*-------------13-setting start------------------------------------------------------------*/
.setting-main { background-color: #fff; padding: 38px 5.83333% 0; }

@media screen and (max-width: 999px) { .setting-main { padding: 30px 2.5% 0; } }

.setting-main .box-title { font-size: 16px; font-size: 1.6rem; font-weight: bold; }

.setting-main .box-list { font-size: 0; letter-spacing: 0; text-align: center; padding-top: 38px; padding-bottom: 116px; }

@media screen and (max-width: 1219px) { .setting-main .box-list { padding-bottom: 70px; } }

@media screen and (max-width: 999px) { .setting-main .box-list { padding-bottom: 50px; } }

@media screen and (max-width: 767px) { .setting-main .box-list { padding-bottom: 20px; padding-top: 30px; } }

.setting-main .box-list .list-item { display: inline-block; vertical-align: top; width: 285px; border: solid 1px #E7E7E7; margin: 0 10px 20px; padding: 30px 15px 42px; }

@media screen and (max-width: 767px) { .setting-main .box-list .list-item { padding: 20px 15px 30px; width: 48%; margin: 0 1% 20px; } }

@media screen and (max-width: 400px) { .setting-main .box-list .list-item { width: 98%; } }

.setting-main .box-list .iconfont { font-size: 72px; font-size: 7.2rem; color: #BBBBBB; }

@media screen and (max-width: 767px) { .setting-main .box-list .iconfont { font-size: 60px; font-size: 6rem; } }

@media screen and (max-width: 767px) { .setting-main .box-list .iconfont { font-size: 50px; font-size: 5rem; } }

.setting-main .box-list .item-title { font-size: 16px; font-size: 1.6rem; color: #666; margin-top: 2px; }

.setting-main .box-list .item-btn { margin-top: 50px; display: inline-block; width: 120px; line-height: 24px; padding: 8px; background-color: #C19864; color: #fff; text-align: center; font-size: 12px; font-size: 1.2rem; }

.setting-main .box-list .item-btn:hover { background-color: #000; }

@media screen and (max-width: 767px) { .setting-main .box-list .item-btn { margin-top: 30px; padding: 5px; width: 100px; } }

/*-------------13-setting end--------------------------------------------------------------*/
/*-------------14-password start-----------------------------------------------------------*/
.password-form { max-width: 460px; margin: 0 auto; padding: 33px 0 74px; }

@media screen and (max-width: 767px) { .password-form { padding: 30px 0 50px; } }

.password-form .item-row { margin-bottom: 30px; }

@media screen and (max-width: 767px) { .password-form .item-row { margin-bottom: 15px; } }

.password-form .item-row input { border: solid 1px #D9D9D9; width: 100%; height: 32px; line-height: 30px; color: #666; padding: 0 10px; }

.password-form .item-row .item-txt { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 24px; margin-bottom: 15px; }

@media screen and (max-width: 767px) { .password-form .item-row .item-txt { font-size: 14px; font-size: 1.4rem; margin-bottom: 10px; } }

.password-form .item-row .forget-txt { text-align: right; line-height: 24px; font-size: 16px; font-size: 1.6rem; margin-top: 12px; }

.password-form .item-row .forget-txt a { color: #004F92; }

.password-form .item-row .forget-txt a:hover { color: #C19864; }

@media screen and (max-width: 767px) { .password-form .item-row .forget-txt { font-size: 14px; font-size: 1.4rem; } }

.password-form .item-btns { font-size: 0; letter-spacing: 0; text-align: center; }

.password-form .item-btns .item-btn { display: inline-block; vertical-align: top; width: 120px; line-height: 24px; padding: 7px; font-size: 12px; font-size: 1.2rem; margin: 17px 10px 0; }

@media screen and (max-width: 767px) { .password-form .item-btns .item-btn { margin: 10px 5px 0; padding: 5px; } }

.password-form .item-btns .save-btn { border: solid 1px #C19864; background-color: #C19864; color: #fff; }

.password-form .item-btns .save-btn:hover { border: solid 1px #999; background-color: #fff; color: #666; }

.password-form .item-btns .cancle-btn { border: solid 1px #999; background-color: #fff; color: #666; }

.password-form .item-btns .cancle-btn:hover { border: solid 1px #C19864; background-color: #C19864; color: #fff; }

/*-------------14-password end-------------------------------------------------------------*/
/*-------------15-account start------------------------------------------------------------*/
.account-form { max-width: 460px; margin: 0 auto; padding: 33px 0 107px; }

@media screen and (max-width: 767px) { .account-form { padding: 30px 0 50px; } }

.account-form .item-row { margin-bottom: 30px; }

@media screen and (max-width: 767px) { .account-form .item-row { margin-bottom: 15px; } }

.account-form .item-row input { border: solid 1px #D9D9D9; width: 100%; height: 32px; line-height: 30px; color: #aaa; padding: 0 10px; font-size: 16px; font-size: 1.6rem; }

.account-form .item-row .item-txt { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 24px; margin-bottom: 15px; }

.account-form .item-row .item-txt span { font-weight: normal; color: #aaa; }

@media screen and (max-width: 767px) { .account-form .item-row .item-txt { font-size: 14px; font-size: 1.4rem; margin-bottom: 10px; } }

.account-form .item-file { font-size: 0; letter-spacing: 0; padding-bottom: 2px; }

.account-form .item-file .file-img { display: inline-block; vertical-align: bottom; box-shadow: 0px 5px 10px 0px rgba(4, 0, 0, 0.25); border-radius: 50%; width: 110px; height: 110px; overflow: hidden; background-color: #aaa; }

.account-form .item-file .file-img img { display: block; width: 110px; height: 110px; border-radius: 50%; }

.account-form .item-file .file-btn { width: 130px; height: 30px; outline: none; line-height: 28px; border: solid 1px #999; background-color: #f4f4f4; color: #666; margin-left: 25px; cursor: pointer; }

.account-form .item-file .file-input { display: none; }

.account-form .item-email .item-input { display: inline-block; font-size: 16px; font-size: 1.6rem; color: #aaa; border: 0; padding: 0; margin-right: 10px; line-height: 30px; }

.account-form .item-email .item-change { width: 70px; height: 30px; outline: none; line-height: 28px; border: solid 1px #999; background-color: #f4f4f4; color: #666; cursor: pointer; }

.account-form .item-url .item-input1 { display: inline-block; font-size: 16px; font-size: 1.6rem; color: #aaa; border: 0; padding: 0; line-height: 30px; margin-right: 4px; }

.account-form .item-url .item-input2 { width: 255px; }

.account-form .item-btns { font-size: 0; letter-spacing: 0; }

.account-form .item-btns .item-btn { text-align: center; display: inline-block; vertical-align: top; width: 120px; line-height: 24px; padding: 7px; font-size: 12px; font-size: 1.2rem; border: solid 1px #C19864; background-color: #C19864; color: #fff; margin-top: 33px; }

.account-form .item-btns .item-btn:hover { border: solid 1px #999; background-color: #fff; color: #666; }

@media screen and (max-width: 767px) { .account-form .item-btns .item-btn { padding: 5px; margin-top: 10px; } }

/*-------------15-account end--------------------------------------------------------------*/
/*-------------16-change start-------------------------------------------------------------*/
.change-form { max-width: 460px; margin: 0 auto; padding: 33px 0 69px; }

@media screen and (max-width: 767px) { .change-form { padding: 30px 0 50px; } }

.change-form .item-row { margin-bottom: 30px; }

@media screen and (max-width: 767px) { .change-form .item-row { margin-bottom: 15px; } }

.change-form .item-row input { border: solid 1px #D9D9D9; width: 100%; height: 32px; line-height: 30px; color: #666; padding: 0 10px; }

.change-form .item-row .item-txt { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 24px; margin-bottom: 15px; }

@media screen and (max-width: 767px) { .change-form .item-row .item-txt { font-size: 14px; font-size: 1.4rem; margin-bottom: 10px; } }

.change-form .item-row .sent-input { padding-right: 70px; }

.change-form .item-row .item-sent { position: absolute; right: 0; top: 0; width: 60px; height: 32px; border: solid 1px #222; background-color: #222; color: #fff; outline: none; cursor: pointer; }

.change-form .item-row .item-sent:hover { background-color: #C19864; border-color: #C19864; }

.change-form .item-btns { font-size: 0; letter-spacing: 0; text-align: center; }

.change-form .item-btns .item-btn { display: inline-block; vertical-align: top; width: 120px; line-height: 24px; padding: 7px; font-size: 12px; font-size: 1.2rem; border: solid 1px #C19864; background-color: #C19864; color: #fff; margin-top: 39px; }

.change-form .item-btns .item-btn:hover { border: solid 1px #999; background-color: #fff; color: #666; }

@media screen and (max-width: 767px) { .change-form .item-btns .item-btn { padding: 5px; margin-top: 10px; } }

/*-------------16-change end---------------------------------------------------------------*/
.model-backdrop { display: none; position: fixed; z-index: 999999; top: 0; left: 0; bottom: 0; right: 0; background-color: #000; background-color: rgba(0, 0, 0, 0.66); }

.model-backdrop .model-form { width: 400px; background-color: #fff; padding: 20px 20px 10px; position: absolute; top: 50%; left: 50%; margin: -247px 0 0 -200px; }

.model-backdrop .model-form .close { position: absolute; top: 10px; right: 10px; font-size: 18px; font-size: 1.8rem; color: #C19864; cursor: pointer; }

.model-backdrop .model-form .item-title { text-align: center; font-weight: bold; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; line-height: 24px; margin-bottom: 10px; color: #C19864; }

.model-backdrop .model-form .item-row { margin-bottom: 10px; }

.model-backdrop .model-form .item-p { font-size: 12px; font-size: 1.2rem; font-weight: bold; line-height: 24px; color: #666; }

.model-backdrop .model-form .item-p span { color: #999; margin-left: 5px; font-weight: normal; }

.model-backdrop .model-form input, .model-backdrop .model-form textarea { border: solid 1px #D9D9D9; background-color: #fff; display: block; width: 100%; padding: 0 5px; color: #333; }

.model-backdrop .model-form input { height: 32px; line-height: 30px; }

.model-backdrop .model-form textarea { line-height: 20px; padding-top: 5px; padding-bottom: 5px; }

.model-backdrop .model-form .text1 { height: 32px; }

.model-backdrop .model-form .text2 { height: 100px; }

.model-backdrop .model-form .item-code { position: relative; margin-top: 20px; }

.model-backdrop .model-form .item-code .item-input { padding-right: 80px; }

.model-backdrop .model-form .item-code .item-img { position: absolute; top: 1px; right: 2px; }

.model-backdrop .model-form .item-code .item-img img { cursor: pointer; display: block; }

.model-backdrop .model-form .item-btn { width: 100%; height: 32px; line-height: 32px; background-color: #C19864; text-transform: uppercase; color: #fff; border: 0; margin: 20px auto 0; font-weight: bold; font-size: 12px; font-size: 1.2rem; }

.model-backdrop .model-form .item-btn:hover { background-color: #222222; }

@media screen and (max-width: 767px) { .model-backdrop .model-form .item-btn { margin: 0 auto; height: 36px; line-height: 36px; } }

@media screen and (max-width: 767px) { .model-backdrop .model-form { width: 90%; margin-left: -45%; margin-top: -217px; padding: 15px 20px 5px; }
  .model-backdrop .model-form .item-code { margin-top: 10px; }
  .model-backdrop .model-form .text2 { height: 60px; } }

/*.phone-nav*/
.phone-nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }

.phone-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }

.phone-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; position: relative; }

.phone-nav .nav form .iptc { -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }

.phone-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; z-index: 1; position: relative; }

.phone-nav .nav form .iconfont { position: absolute; top: 0; right: 0; width: 20%; height: 26px; text-align: center; line-height: 26px; color: #C19864; z-index: 0; background-color: #fff; }

.phone-nav .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.phone-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; padding-left: 20px; position: relative; }

.phone-nav .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../fonts/shizi.png") no-repeat center center; }

.phone-nav .addition.active { background-image: url("../fonts/yizi.png"); }

.phone-nav .addition.fa:before { margin-right: 5px; color: #fff; padding-left: 0; }

.phone-nav .nav > ul > li > a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }

.phone-nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }

.phone-nav .nav > ul > li .c-show { display: none; width: 100%; }

.phone-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; }

.phone-nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 8px; padding-bottom: 8px; line-height: 24px; word-break: break-word; }

.phone-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.phone-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; }

.phone-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; }

.phone-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; padding-left: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 8px; padding-bottom: 8px; line-height: 24px; word-break: break-word; }

.phone-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.phone-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; }

.phone-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; padding-left: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 8px; padding-bottom: 8px; line-height: 24px; word-break: break-word; }

.phone-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.phone-nav .nav > ul > dl { padding: 20px; }

.phone-nav .nav > ul > dl dd { float: left; margin: 0 2px; }

.phone-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 18px; right: 10px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.phone-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #C19864; }

.phone-nav .menubtn span.menu-color { background-color: #C19864 !important; }

@media screen and (min-width: 768px) { .phone-nav, .menubtn { display: none; } }

.slide { position: relative; margin-bottom: 21px; }

.slide .carouse { width: 100%; overflow: hidden; position: relative; }

.slide .carouse .slideItem { width: 100%; position: absolute; cursor: pointer; }

.slide video { position: absolute; display: block; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: 100%; height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; display: none \9; display: block \9\0; }

.slide .carouse .slideItem .banner-img { width: 100%; display: block; }

.slide .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }

.slide .carousel-control { display: none !important; position: absolute; top: 50%; width: 60px; height: 60px; z-index: 999; margin-top: -30px; }

.slide .carousel-control .iconfont { font-size: 60px; font-size: 6rem; color: #fff; }

.slide .carousel-control:hover .iconfont { color: #F20000; }

.slide .carousel-control.left { left: 120px; cursor: pointer; }

.slide .carousel-control.right { right: 120px; cursor: pointer; }

.slide .dotList { position: absolute; width: 100%; bottom: 10px; text-align: center; line-height: 0; }

.slide .dotList li { display: inline-block; cursor: pointer; font-size: 0px; margin: 0 5px; border: none; outline: none; width: 20px; height: 10px; background-color: #fff; border-radius: 5px; }

.slide .dotList li.active { border-radius: 5px; background-color: #333; }

@media screen and (max-width: 999px) { .slide .carousel-control { display: none; } }

@media screen and (max-width: 767px) { .slide .dotList { bottom: 5px; }
  .slide .dotList li { margin: 0 3px; width: 15px; height: 6px; } }

@media screen and (min-width:1000px) and (max-width:1219px) {}
@media screen and (max-width:1219px) {}
@media screen and (max-width:999px) {	}
@media screen and (max-width:767px) {	}


@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1582784319069'); /* IE9 */
  src: url('../fonts/iconfont.eot?t=1582784319069#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('../fonts/iconfont.woff?t=1582784319069') format('woff'),
  url('../fonts/iconfont.ttf?t=1582784319069') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg?t=1582784319069#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
	font-size: 1.6rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-guanbicuowu:before {
  content: "\e62d";
}

.icon-close:before {
  content: "\e713";
}

.icon-duigou:before {
  content: "\e606";
}

.icon-insgram:before {
  content: "\e671";
}

.icon-youtube1:before {
  content: "\e674";
}

.icon-linkedin1:before {
  content: "\e66a";
}

.icon-facebook1:before {
  content: "\e66c";
}

.icon-pinterest1:before {
  content: "\e66e";
}

.icon-twitter1:before {
  content: "\e670";
}

.icon-calendar5:before {
  content: "\e7e3";
}

.icon-success:before {
  content: "\e60a";
}

.icon-jushoucang:before {
  content: "\e643";
}

.icon-lajixiang:before {
  content: "\e645";
}

.icon-sousuo:before {
  content: "\e652";
}

.icon-suo:before {
  content: "\e653";
}

.icon-wodefankui:before {
  content: "\e656";
}

.icon-yanjing:before {
  content: "\e661";
}

.icon-jushoucanggift:before {
  content: "\e684";
}

.icon-facebook:before {
  content: "\e630";
}

.icon-instagram:before {
  content: "\e633";
}

.icon-youtube:before {
  content: "\e66d";
}

.icon-linkedin:before {
  content: "\e666";
}

.icon-pinterest:before {
  content: "\e669";
}

.icon-twitter:before {
  content: "\e66b";
}

.icon-up25:before {
  content: "\e785";
}

.icon-up7:before {
  content: "\e722";
}

.icon-bottom7:before {
  content: "\e723";
}

.icon-left7:before {
  content: "\e724";
}

.icon-right7:before {
  content: "\e725";
}

.icon-up16:before {
  content: "\e746";
}

.icon-bottom16:before {
  content: "\e747";
}

.icon-left16:before {
  content: "\e748";
}

.icon-right16:before {
  content: "\e749";
}

.icon-search:before {
  content: "\e602";
}

.icon-top10:before {
  content: "\e7ee";
}

.icon-bottom10:before {
  content: "\e7ef";
}

.icon-left10:before {
  content: "\e7f0";
}

.icon-right10:before {
  content: "\e7f1";
}

.icon-book:before {
  content: "\e68c";
}

.icon-shenfenxinxihecha:before {
  content: "\e627";
}

.icon-write:before {
  content: "\e6fd";
}

.icon-write1:before {
  content: "\e63e";
}

.icon-fail:before {
  content: "\e600";
}

.icon-biaoqian:before {
  content: "\e625";
}

.icon-tixing:before {
  content: "\e609";
}

.icon-icon-test:before {
  content: "\e634";
}

.icon-icon-test1:before {
  content: "\e635";
}

.icon-icon-test2:before {
  content: "\e636";
}

.icon-icon-test3:before {
  content: "\e637";
}

.icon-icon-test5:before {
  content: "\e657";
}

.icon-icon-test6:before {
  content: "\e658";
}

.icon-delete:before {
  content: "\e615";
}

input.error{border: 1px solid #ff0000!important;}
textarea.error{border: 1px solid #ff0000!important;}
label.error{color: #ff0000;display: block;position: absolute}
.textarea-num{float: right;position: relative!important;top: -20px;right: 5px}
#articleComment .item-input{    width: 48.07339%; margin-top:5px;}
#articleComment input {border: solid 1px #E7E7E7; height: 50px; line-height: 48px; padding: 0 10px;width: 100%; }
#articleComment .item-img{display: inline-block;height: 50px}
#articleComment .item-img img{display: block;height: 48px;margin-top: 20px; cursor:pointer;}
#articleComment .clear {clear:both;}
.flex{display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap;width: 100%}
.swiper-container {
  width: 100%;
  height: 100%;

}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.banner-img img{display: block;width: 100%!important;}
.banner-img a{display: block;width: 100%;max-height: 510px;
  overflow: hidden;}
.banner-img .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  display: inline-block;
  cursor: pointer;
  font-size: 0px;
  margin: 0 5px;
  border: none;
  outline: none;
  width: 20px;
  height: 10px;
  background-color: #fff;
  border-radius: 5px;
}

.artical-slide .slide-title a:hover{color: #fff;}
.cate-slide .slide-title a:hover{color: #fff;}
.post-slide .slide-title a:hover{color: #fff;}
.box-main .page-list .slide{max-width: 97.6%; margin-left: auto; margin-right: auto;}

/*分类简介 start*/
.category-description {
  margin-top: 8px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1220px) {
  .category-description {
    width: 1200px;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
  .category-description {
    width: 980px;
  }
}

@media screen and (max-width: 999px) {
  .category-description {
    width: 95%;
  }
}
/*分类简介 end*/

/* 导航下拉 */
.m-hdmnav {
  position: relative;
  float: right;
  /* padding-top: 40px; */
  padding-bottom: 24px;
  z-index: 999;
  top: 15px;
}
.j-nextshow-list {
  display: block;
  line-height: 24px;
  font-size: 2rem;
}
.box-list-new {
  top: unset;
}
.box-list-new li:hover{
  background: #222222;
}
.box-list-new li:hover a{
  color: #fff;
}

/*    background-color: #222222; */