body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
/*body,button,input,select,textarea{font:16px/26px 'Microsoft Yahei','Simsun';color:#333;}*/
body,button,input,select,textarea{font:16px 'Microsoft Yahei','Simsun';color:#333;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
table {border-collapse: collapse;}
table, td, th {border: 1px solid #CCC;width: -webkit-fill-available;}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;color:#2d374b;}
a:hover {color:#604e36;}
img{max-width:100%;}
.img-b img{max-width:100%; display:block;}
.img-c img{max-width:100%; display:block; margin-left:auto; margin-right:auto;}
*{ box-sizing: border-box; padding:0px; margin:0;}
body{background:#F1F1F1; min-width:1210px;}
.mt5{margin-top: 5px;}
.mt7{margin-top: 7px;}
.mt8{margin-top: 8px;}
.mt9{margin-top: 9px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt16{margin-top: 16px;}
.mt17{margin-top: 17px;}
.mt20{margin-top: 20px;}
.mt50{margin-top: 50px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mtb10{margin:10px auto;}
.mtb15{margin:15px auto;}
.mtb20{margin:20px auto;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.ml20{margin-left:20px;}
.plr10{padding:0px 10px;}
.plr20{padding:0px 20px;}
.p20{padding:20px;}
.p10{padding:10px;}
.pt20{padding-top:20px;}
.pt40{padding-top:40px;}
.ptb10{padding:10px 0px;}
.ptb20{padding:20px 0px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pr10{padding-right:10px;}
.w80{width:80px;}
.w100{width:100px;}
.w120{width:120px;}
.w180{width:185px; height:90px; overflow:hidden;}
.w210{width:210px;}
.w700{width:700px;}
.w840{width:840px;}
.h34{height:40px; padding-bottom:10px;}
.h40{height:56px; overflow:hidden;}
.h60{height:60px;}
.h580{height:572px;overflow:hidden;}
.h340{height:331px;}
.h345{height:345px;}
.h350{height:350px;}
.h429{height:429px;}
.h290{height:290px;}
.h444{height:444px;}
.h456{height:456px;}
.h470{height:470px;}
.h480{height:480px;}
.h543{height:541px;overflow:hidden;}
.h570{height:570px;}
/***color**/
.green {color:#1bb76d;}
.orange {color:#ff8400;}
.red{color:red;}
.grey{color:grey;}
.blue{color:blue;}
.art-c1{color:#604e36}
.art-c2{color:#c1ab8e}
.art-c3{color:#906d35}
/***grid**/
.grid{display:grid; column-gap:10px; row-gap:10px;}
.c2{grid-template-columns:repeat(2,1fr);}
.c3{grid-template-columns:repeat(3,1fr);}
.c4{grid-template-columns:repeat(4,1fr);}
.c5{grid-template-columns:repeat(5,1fr);}
.c6{grid-template-columns:repeat(6,1fr);}
.c7{grid-template-columns:repeat(7,1fr);}
.c8{grid-template-columns:repeat(8,1fr);}
.c9{grid-template-columns:repeat(9,1fr);}
.c10{grid-template-columns:repeat(10,1fr);}
.c11{grid-template-columns:repeat(11,1fr);}
.c12{grid-template-columns:repeat(12,1fr);}
/***通用***/
.flex{display: flex;}
.flex-a{display: flex; align-items: center;}
.flex-b{display: flex; justify-content: space-between; flex-wrap:wrap;}
.flex-c{display: flex; justify-content: space-evenly; flex-wrap:wrap;}
.flex-nb{display: flex; justify-content: space-between;}
.flex-wrap{display: flex; flex-wrap:wrap;}
.flex-e{display: flex; justify-content: flex-end;}
.float-r{float:right;}
.h245{ height:245px; overflow:hidden;}
.bg0{background:#FFF;}
.bg1{background:#ece9e2;}
.bg2{background:#e6e1d7;}
.pr{position:relative;}
.tc{text-align:center;}
.mauto{margin-left:auto; margin-right:auto;}
.imgauto img{margin-left:auto; margin-right:auto;}
.container {width: 1210px; margin-left:auto; margin-right:auto; font-size:14px; }
.container img{display:block;}
.wb100{width:100%;}
.none{display:none;}
.line2{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.a468{text-align:center; margin-left:auto; margin-right:auto;}

.li30{line-height:30px;}
.li35 li{height:35px; line-height:35px; overflow:hidden; font-size:16px;}
	.li35 li span{padding-left:10px; color:#999; font-size:14px;}
.li36 li{line-height:36px; font-size:16px;}
	.li36 li span{color:#999; font-size:16px;}
.li40 li{line-height:40px; font-size:16px;}
.lip35 li p{height:35px; line-height:35px; overflow:hidden; font-size:14px;text-overflow: ellipsis; white-space: nowrap;}
.lim10 li{margin:5px 10px;}
.t2{line-height:35px; font-size:18px; font-weight:normal;  position:relative;}
.t2:after{content:""; border-bottom:1px dashed #ccc;height:1px; position:absolute; top:17px; left: 85px; right: 120px; }
.t2 span{float:right;}
.t2 span a{padding-left:15px; color:#909090; display:inline-block; background:#FFF; position:relative;z-index:9}
.span-r10 span{margin-right:20px; color:#666;}
.ptc{margin-top:-10px;}
.ptc li{display:flex; margin-top:10px;}/**左图右标题描述**/
.ptc .ptc-p{margin-right:10px; flex-shrink: 0;}
.ptc .ptc-t h4{font-weight:normal; font-size:16px; line-height:25px; margin-bottom:10px;}
.ptc .ptc-t p{font-size:14px; line-height:26px; color:#888;}
.ptc .ptc-t ol{ height:120px; overflow:hidden;}

.tpc li{margin-bottom:10px;}
.tpc h4{font-weight:normal; font-size:16px; line-height:30px; height:30px; overflow:hidden; margin-bottom:5px;}
.tpc .tpc-pt{display:flex;}
.tpc .tpc-p{margin-right:10px; flex-shrink: 0;}
.tpc .tpc-pt p{font-size:14px; line-height:26px; color:#888;}
.tpc .tpc-t ol{ height:120px; overflow:hidden;}

.ppc li{margin-bottom:10px; padding:10px; background:#FFF;}
.ppc h4{font-weight:700; font-size:16px; line-height:30px; height:30px; overflow:hidden; margin-bottom:5px;}
	.ppc .morepic{display:flex;}
	.ppc .morepic img{height: 160px; margin:10px 3px;}

/**title**/
.title-bar{margin:15px 0; font-size:22px; font-weight:500; position:relative; width:100%; display: flex; height:45px; line-height:45px; justify-content: space-between;}
.title-bar ul{display:flex;}
	.title-bar ul li{margin-left:20px;}
.title-bar h2{font-size:22px; font-weight:500; width:100px;}
.title-bar em,.title-bar span{font-size:16px; font-weight:400; color:#7a7a7a}
 .title-bar span a{color:#7a7a7a;}

.title-bar2{line-height:40px; font-size:16px; position:relative; font-weight:700; display: flex; justify-content: space-between; margin-bottom:10px;}
.title-bar2 span{font-size:16px; font-weight:normal;}
.title-bar2 span a{padding-left:15px; color:#909090; display:inline-block; position:relative;z-index:9}

.title-bar3{margin:20px 0;font-size:22px; font-weight:500;  position:relative; width:100%; display: flex; justify-content: space-between; border-bottom:1px solid #CCC; padding-bottom:10px;}
.title-bar3 em,.title-bar3 span{font-size:16px; font-weight:400; color:#7a7a7a}
 .title-bar3 span a{color:#7a7a7a;}

.title-bar4{line-height:40px;   position:relative; display:flex;}
.title-bar4 span{border-bottom:4px solid #0b2239; font-size:18px; font-weight:normal;}
.title-bar4 span a{padding-left:15px; color:#909090; display:inline-block; background:#FFF; position:relative;z-index:9}

.title-bar5{margin-bottom:15px; font-size:14px; position:relative; border-bottom:3px solid #c1ab8e; width:100%; display: flex; height:45px; line-height:45px; }
.title-bar5 ul{display:flex;}
	.title-bar5 ul li{margin-left:20px; height: 45px; font-weight:700;}
	.title-bar5 ul .ck{border-bottom:3px solid #604e36; color:#604e36;}
.title-bar5 h2{font-size:22px; font-weight:500; width:256px;}
.title-bar5 em,.title-bar5 span{font-size:16px; font-weight:400; color:#7a7a7a}
 .title-bar5 span a{color:#7a7a7a;}
.title-bar6{position:absolute; top:6px; z-index:9; width:95%; overflow:hidden; margin:0px auto; left:0px; right:0px;}
 .title-bar6 span{padding:10px 20px; display:block; background:#c69c6d; color:#FFF;  width:170px; margin:0px auto; font-size:20px; z-index:9; text-align:center;}
	/*.title-bar6:after{content:""; border-top:1px solid #333; top:22px; position:absolute; width:50%; right:-90px;}
	.title-bar6:before{content:""; border-top:1px solid #333; top:22px; position:absolute; width:50%; left:-90px;}*/
.title-bar7{ width:100%; margin-bottom:15px;}
.title-bar7 h2{font-size:32px; font-weight:500; width:256px; margin:0 auto; position:relative;}
	.title-bar7 h2 span{width:256px; display:block; margin:0 auto; text-align:center;}
	.title-bar7 h2:after{content:""; border-top:1px solid #333; top:22px; position:absolute; width:50%; right:-90px;}
	.title-bar7 h2:before{content:""; border-top:1px solid #333; top:22px; position:absolute; width:50%; left:-90px;}
	.title-bar7 ul {font-size:16px; font-weight:400; color:#7a7a7a; display:flex; justify-content:center;}
	.title-bar7 ul li{margin:8px; padding:0px 10px; cursor: pointer; line-height: 36px; border:1px solid #F1F1F1; border-radius:50px; overflow:hidden;}
	.title-bar7 ul li:hover{border:1px solid #c69c6d; color:#c69c6d; }
	.title-bar7 a{color:#7a7a7a;}
	.title-bar7 ul .ck{background:#c69c6d; color:#FFF; border-radius:50px;}
	.title-bar7 ul .ck:hover{color:#FFF;}
.bb1{border-bottom:1px solid #f2f2f2;}
/***ads***/
.tl{width:100%;}
.tad{line-height:26px; display:flex;}
.tad a{margin-left:8px; padding:0px 8px;  border-radius:4px;}
.tad a:nth-child(1){color:#FFF; margin-left:0px; background: #f60;}
.tad a:nth-child(2){color:#FFF; background: #0bb393;}
.tad a:nth-child(3){color:#FFF; background: #f60;}
.tad a:nth-child(4){color:#FFF; background: #0bb393;}
.tad a:nth-child(5){color:#FFF; background: #f60}
.text01{border:1px solid #c1ab8e; padding:10px 5px}
.text01 li a{font-size:16px;}
/***布局***/
.col3{display: flex; justify-content: space-between; width: 1210px; margin-left:auto; margin-right:auto; font-size:14px; flex-wrap:wrap;}
.col3-1{width: 380px; position:relative;}
.col3-2{width: 410px;}
.col3-3{width:830px;}
.col3-4{width:370px; overflow:hidden;}
.col3-5{width:840px;}
.col3-6{width:350px;}
.col3-7{width:880px;}
.col3-8{width:300px;}
.col3-9{width:595px; position:relative;}
.col3-10{width:1000px;}
.col3-p1{width: 180px; position:relative;}
.col3-p2{width: 1010px;}
.col3-p3{width:830px;}
.col3-p4{width:350px; overflow:hidden;}
.col4{display: flex; justify-content: space-between; width: 1210px; margin-left:auto; margin-right:auto; font-size:14px; flex-wrap:wrap; overflow:hidden;}
.col4-1{width: calc((100% / 4) - 10px);}
.col5{display: flex; justify-content: space-between; min-width: 1210px; margin-left:66px; margin-right:auto; font-size:14px; flex-wrap:wrap;}
.li1 li{width:100%;}
.lic2 li{width: calc(100% / 2);}
.li2 li, .dl2 dd, .em2 em{width: calc((100% / 2) - 10px);}
.li3 li, .dl3 dd, .em3 em{width: calc((100% / 3) - 10px);}
.li4 li, .dl4 dd, .em4 em{width: calc((100% / 4) - 10px);}
.li5 li, .dl5 dd, .em5 em{width: calc((100% / 5) - 10px);}
.li6 li{width: calc((100% / 6) - 10px);}
.li7 li{width: calc((100% / 7) - 10px);}
.li8 li{width: calc((100% / 8) - 10px);}
.li9 li{width: calc((100% / 9) - 10px);}
.li10 li{width: calc((100% / 10) - 10px);}
	.itemempty {height: 0px; width: calc((100% / 4) - 10px); margin:0px;}
	.itemempty3 {height: 0px; width: calc((100% / 3) - 10px); margin:0px;}
/**位置**/
.xcate{margin:10px 0;}
.xcate li{padding:8px 2px; margin:0 10px;font-size:16px; font-weight:500}
.xcate li:nth-child(1){margin-left:0px; padding-left:0px;}
.xcate .ck{border-bottom:3px solid #604e36;}
.xcate .ck a{color:#604e36;}

.cate3 dt{padding:2px; margin:5px 5px;font-size:14px; font-weight:500;flex-shrink:0;}
.cate3 dd{padding:2px; margin:5px 5px;font-size:14px; font-weight:500;display: flex;  flex-wrap: wrap;}
.cate3 dd a{padding:0px 5px; margin:0 4px 8px 4px;font-size:14px; font-weight:500}
.cate3 dd:nth-child(1){margin-left:0px; padding-left:0px;}
.cate3 .ck{background:#604e36;color:#FFF;}
.cate3 .ck a{color:#FFF;}
 .cat3{font-size:16px; padding:10px; border-bottom:1px solid #f2f2f2;}
  .cat3 li{margin-bottom:5px;}
	.cat3 span{display:flex;}
	.cat3 .honer{margin-right:20px;}


 /* menu */
.pc-head {background:#FFF;width:100%; z-index:9999; padding:0px;color:#333; font-size:16px; border-bottom:1px solid #eee;}
	.head_r .user-face img {position:relative;margin:-2px 6px 0 0; display:inline-block; width:34px; height:34px; border-radius:60px; overflow:hidden; vertical-align: middle;}
	.head_r .info{color:red; }
	.head_r .info a{color:#FFF;}
	.head_r dd{margin-right:4px;}

.h_location {background:url('image/ico-location.png') no-repeat 0 center;padding:0 6px 0 20px;}
.h_fav {background:url('image/ico-fav.png') no-repeat 0 center;padding:0 6px 0 20px;}
.h_mobile {background:url('image/ico-mobile.png') no-repeat 0 center;padding:0 6px 0 20px;}
.h_cart {background:url('image/ico-cart.png') no-repeat 0 center;padding:0 6px 0 20px;}
.h_qrcode {background:url('image/ico-qrcode.png') no-repeat 0 center;padding:0 6px 0 20px;}
 .pc_user{display:flex; height:45px; line-height:34px; margin-top:15px; margin-left:10px;}
 .pc_user .m_post{padding:0 15px; border:1px solid #333; border-radius: 50px; height: 30px;   line-height: 27px;  margin-top: 3px;}
 .pc_user .m_post:hover{background-color:#c69c6d; color:#FFF; border:1px solid #c69c6d;}
	.pc-nav{display:flex;	justify-content: space-between;}
	.pc-nav ul li{padding: 0 4px; margin:0 5px; position:relative; height:52px; line-height:66px; text-align: center;	font-size: 16px; font-weight:700; color:#000; border-bottom:2px solid #FFF;  transition: all 0.4s ease-out;}
	.pc-nav ul li:nth-child(4):before{content:""; position:absolute; height:8px; width:8px; background:#c10118; border-radius:20px; overflow:hidden; right:-5px; top:21px;}
	.pc-nav ul li a{display: block;	 }
	.Logo_Menu ul{display:flex;}
	.pc-nav ul a:link, .pc-nav ul a:visited, .pc-nav ul a:active {display:block; color:#333;}
	.pc-nav ul li:hover {color:#a90c0c; border-bottom:2px solid #c69c6d; }
	.pc-nav  ul .ck {color:#a90c0c; border-bottom:2px solid #c10118;}
		.pc-nav ul li ul{display:none; background:#FFF; box-shadow:0 0 2px #333; position:absolute; z-index:99; width:120px; border-radius:4px; left:-38px; top:53px;  padding:0px; overflow:hidden; padding:8px;}
		.pc-nav ul li ul li{height:45px; line-height:45px; width:100%; background:#FFF; border:0; padding:0px; margin:0px; font-weight:500; border-radius:5px; overflow:hidden;}
		.pc-nav ul li:hover ul li:before{ right:6px; top:14px;}
		.pc-nav ul li ul li:hover{background:#f9e5cb; border:0; color:#604e36;}
		.pc-nav ul li:hover ul{display:block;}
  .pc-nav .logo {height:66px; padding-top:15px; display:flex; margin-right:40px;}
  .pc-nav .logo img{height:39px;}
  .user_nav{display:flex;}
  .user_nav li{padding: 0 4px; margin-left:5px; position:relative; height:45px; line-height:34px; text-align: center;	font-size: 16px; font-weight:500; color:#000;}
	.user_nav li a{display: block;}
	.user_nav a:link, .pc-nav a:visited, .pc-nav a:active {display:block; color:#333;}
	.user_nav li:hover {color:#a90c0c;}
	.user_nav .ck {color:#a90c0c; border-bottom:2px solid #c10118;}
		.user_nav li ul{display:none; background:#FFF; box-shadow:0 0 2px #333; position:absolute; z-index:99; width:120px; border-radius:4px; left:5px; top:36px;  padding:0px; overflow:hidden; padding:8px;}
		.user_nav li ul li{height:45px; line-height:45px; width:100%; background:#FFF; border:0; padding:0px; margin:0px; font-weight:500; border-radius:5px; overflow:hidden;}
		.user_nav li:hover ul li:before{ right:6px; top:14px;}
		.user_nav li ul li:hover{background:#f9e5cb; border:0; color:#604e36;}
		.user_nav li:hover ul{display:block;}
		.user_nav .far{font-size:20px; margin-top: 7px;}

.search{position:relative; padding-top:16px;}
.search input{height:36px; width:210px; padding-left:15px; font-size:14px; padding-right:45px; border-radius:40px; overflow:hidden; border:1px solid #eee; background:#FFF; color:#333;}
 .search input:focus{border-radius:40px; border:1px solid #333;outline: none}
 .search button{position:absolute; right:10px; top:18px; border:0px; background:#FFF; height:30px; width:40px; font-size:23px; color: #333;}
 .search button:focus{outline:0; color:#000;}
.ShowContent img, .ShowContent .cnt img {max-width:100% !important; height:auto !important;  margin:0px auto;}
/**top**/
.Logo_Menu{margin: auto;position: relative;z-index: 1;	display:flex;	justify-content: space-between; height:55px; background:#0b2239;padding:0 50px;}

.pc_topBox ul{margin: auto;	overflow: hidden;	line-height: 35px;	font-size: 14px;	color: #666;	display:flex;}
.pc_topBox ul:after{content: '';	display: block;	clear: both;}
.pc_topBox ul ol{float:left;}
.pc_topBox ul li{word-spacing: 15px; margin-left:20px;}
.pc_topBox ul li a{color:#FFF;}
.n-banner{margin:10px 0px; text-align:center;}
.top-search{ margin-top:5px; height:30px;}
.top-search input{line-height:30px; background:#333; color:#FFF; border:1px solid #999; text-indent:8px;}
.top-search button{line-height:30px; padding:0px 15px; background:#333; color:#FFF; border:1px solid #999;}
.picurl{width:250px; padding:10px; border:1px solid #f1f1f1; margin:5px;}
/**index**/
.li-hot li{font-size:18px; font-weight:bold; height:30px; line-height:30px; overflow:hidden; text-align:center;}
.li-hot li a{color:#108777}

.li-hot2{display: flex;  flex-wrap:wrap; justify-content: space-between;}
.li-hot2 li{font-size:16px; height:20px; width:160px; flex-grow:1; line-height:20px; margin:5px 0px 5px 0px; overflow:hidden; position:relative; padding-left:8px; text-align:right;}
.li-hot2 li:nth-child(1){padding-left:0px; border-left:0px; margin:5px 8px 5px 0px; text-align:left;}

.li-hot3{display:flex; flex-wrap:wrap;}
.li-hot3 li{font-size:14px; height:27px; line-height:27px; overflow:hidden; position:relative;  }

.li-hot4{padding-left:15px; display:flex; flex-wrap:wrap;}
.li-hot4 li{font-size:16px; height:34px; line-height:34px; overflow:hidden; position:relative;  margin-right:15px; }

.li-hot5 li{font-size:18px; font-weight:bold; height:35px; line-height:35px; overflow:hidden; text-align:center; border:1px solid #108777;}
.li-hot5 li a{color:#108777}

.xgood{position:absolute; top:0px; left:0px; width:60px; height:60px; }
 .xgood span{font-size:60px; color:#efb802}
 .art-tab{font-size:20px;}
 .art-tab li{line-height: 25px; margin:10px 20px 15px 20px; color:#666; cursor: pointer; position:relative;}
 .art-tab li i{font-size:14px; position:absolute; top:10px; right:-14px; color:red;}

.top-banner{width:1210px; margin:0 auto;}
.mySwiper{width:430px; height:40px; margin:0px;}
 .mySwiper .swiper-wrapper{display:flex; font-size:18px;}
  .mySwiper .swiper-slide{text-align:center;}
  .mySwiper .swiper-slide-thumb-active:after{content:'' ; position:absolute; top:10px; left:5px; background:#88ddf399; height:10px;  z-index:-1; width:80%;}
.mySwiper2{width:710px; height:375px;}
.partySwiper{padding-bottom:20px; max-width:2000px;}
	.partySwiper .swiper-pagination-party{bottom:0px}
	
.dSwiper{width:100%; margin-bottom:20px;}
	.dSwiper .dpage{bottom:0px}

 .min-pr{position:relative;}
  .min-pr .col3{position:relative; z-index:9;}
 .min-pr .act{position: absolute; top:0px; left:0px; height:797px; width:100%; z-index:1; background-position:center top; background-repeat:no-repeat;}
 .min-pr .act a{display:block; text-indent: -9999em;  overflow: hidden; height:797px; background:#0000007a;}
 .min-pr .title-bar{color:#FFF;}
.top-txt{border:1px solid #1d208838; padding:2px 5px; width:380px; height:60px;} 
  .top-txt ul{display:flex; flex-wrap:wrap;}
   .top-txt ul li{height:18px; line-height:18px; overflow:hidden; padding:0 8px; font-size:12px;}
   .top-txt2{background: #f2f2f2; width:300px; height:60px;} 
   .top-txt2 ul{display:flex; flex-wrap:nowrap;align-items: center; padding-left:10px;height:60px;}
   .top-txt2 ul li{display:flex; width:145px; align-items: center; color: #9c9ba5;}
   .top-txt2 ul li p a{color: #9c9ba5;}
   .top-txt2 ul li p a:hover{color: #709ec8;}
   .top-txt2 .iconfont{font-size:30px;}
   .top-txt2 span{border-radius:100px; overflow:hidden; color:#FFF; padding:8px; margin-right:8px;}
   .top-txt2 ul li:nth-child(1) span{background:#2f55aa;}
   .top-txt2 ul li:nth-child(2) span{background:#bc8020;}
   .txt-ad ul li{line-height:25px; margin:6px; padding:4px 8px; font-size:16px; border: 1px solid #dedede;}
 .user-show{display:flex; align-items: center;}
  .user-show .user-sicon{margin-right:8px; font-size:14px;}
  .user-show .user-sicon img{border-radius:150%; overflow:hidden;}
  .qun_pic{display:flex; align-items: center;}
  .cgood{margin:20px auto; display:block; width:120px; color: #FFF; border-radius:50px; text-align:center; padding:20px 20px; background:#108777;}
  .cgood:hover{color:#FFF;}
   .z-user-show{text-align:center;}
   .z-user-show span{margin-right:8px; display:inline-block;}
   .z-user-show span img{border-radius:150%; overflow:hidden;}
    .user-list{display:flex; flex-wrap:wrap; align-items: center;}
	 .user-list li {text-align:center;}
	 .user-list li p{line-height:23px;}
	 .user-list li mdall{color:#c2c2c2;}
     .user-list li img{border-radius:150%; overflow:hidden;}
  
  .t-qun .ol-pic{margin-bottom:15px;}
  .t-qun .ol-pic li{ zoom:1; padding:5px; border-top:1px solid #f4f4f4; border-left:1px solid #f4f4f4;}
  .t-qun .ol-pic li:nth-child(1),.t-qun .ol-pic li:nth-child(4){border-left:0;}
  .t-qun .ol-pic li a{display:block; opacity:0.6}
	.t-qun .ol-pic li a:hover{opacity:1}
	.t-qun .ol-txt li{margin:5px 10px;}
	.t-qun .ol-txt li a{display:inline-block; font-size:14px;}
	
  .qun-top{width:650px; height:450px; padding:8px 10px;}
  .qun-top .sub .ol-pic li{ zoom:1; padding:5px}
		.qun-top .ol-pic li:hover{box-shadow:0 0 4px #ccc;}
		.qun-top .ol-txt li{margin:5px 10px;}
		.qun-top .ol-txt li a{display:inline-block; font-size:14px;}
		.qun-top a:hover{color:red;  }
 .hb-list{min-width:100%; display:flex;  flex-wrap:wrap; margin-top:-10px; margin-left:-10px;}
 .hb-list li p{height:45px; line-height:45px; overflow:hidden; font-weight:500; font-size:16px; padding:0 8px;text-overflow: ellipsis; }
 .hb-list .qun_party_title{border-top:1px solid #f2f2f2; }
  .hb-list .qun_party_title p{font-size:14px; text-align:center;}
 .hb-list .infos{align-items:center; padding:0px 15px; border-top:1px solid #f2f2f2; overflow:hidden; height:48px;}
  .hb-list-pic{position:relative;}
  .hb-list-pic .workslink{width:50%;height:100%; position:absolute; right:0px; top:0px;}
  .hb-list-pic .urllink{width:50%;height:100%; position:absolute; left:0px; top:0px;}
  .hb-list-pic em{width:20px; height:20px; border-radius:15px; overflow:hidden; left:5px; top:5px; display:block; text-align:center; line-height:20px;}
  .hb-list .user-sicon img{width:30px; height:30px; border-radius:50px; overflow:hidden; vertical-align: middle;}
  .hb-list li{background:#FFF; margin-top:10px; margin-left:10px;position:relative;}
  .hb-list li img{display:block; margin:0 auto;}
   .hb-list-pic .urllink em{left:auto;right:4px; background:#108777; color:#FFF;}
   .hb-list-pic .workslink:hover, .hb-list-pic .urllink:hover {background-color:#00000042;}
	.hb-list-pic .workslink em{left:auto;right:4px; background:#ff8400; color:#FFF;}
	.hb-list dl dd p{line-height:1.7; max-height:50px; overflow:hidden; font-weight:500; font-size:14px; padding:0 5px;}
	.hb-list dl dd span{color:#999; padding:5px 5px; display:block;}
	
 .hc-list{min-width:100%; }
 .hc-list li p{height:45px; line-height:45px; overflow:hidden; font-weight:500; font-size:16px; padding:0 8px;text-overflow: ellipsis; }
 .hc-list .qun_party_title{border-top:1px solid #f2f2f2; }
  .hc-list .qun_party_title p{font-size:14px; text-align:center;}
 .hc-list .infos{align-items:center; padding:0px 15px; border-top:1px solid #f2f2f2; overflow:hidden; height:48px;}
  .hc-list  .hb-list-pic{position:relative;}
  .hc-list  .hb-list-pic .workslink{width:50%;height:100%; position:absolute; left:0px; top:0px;}
  .hc-list  .hb-list-pic .urllink{width:50%;height:100%; position:absolute; right:0px; top:0px;}
  .hc-list .user-sicon img{width:30px; height:30px; border-radius:50px; overflow:hidden; vertical-align: middle;}
  .hc-list li{background:#FFF; position:relative;}
  .hc-list li img{display:block; margin:0 auto;}
   .hc-list  .hc-list-pic .urllink em{left:auto;right:4px; background:#108777; color:#FFF;}
    .hc-list  .hc-list-pic .workslink:hover, .hc-list  .hc-list-pic .urllink:hover {background-color:#00000042;}
	.hc-list dl dd p{line-height:1.7; max-height:50px; overflow:hidden; font-weight:500; font-size:14px; padding:0 5px;}
	.hc-list dl dd span{color:#999; padding:5px 5px; display:block;}

 .n-list{ width:100%; display:flex; justify-content: space-between;  flex-wrap:wrap; margin-top:-10px;}
  .n-list li p{line-height:30px; font-weight:500; font-size:14px; padding:0 5px;}
  .n-list li{background:#FFF; position:relative; margin-top:10px; }
  .n-list li img{display:block;}
  .n-list .act-nopic{position:relative;}
   .n-list .act-nopic i{font-size:27px; color:#604e36; text-align:center; line-height:1.8; padding:30px 15px 0 15px; position:absolute; left:0px; top:0px; font-style:normal; text-shadow:0 1px 5px #FFF; width:100%;}
   .n-list .act-nopic em{font-size:24px; color:#604e36; text-align:center; line-height:1.8; padding:50px 15px 0 15px; position:absolute; left:0px; top:0px; font-style:normal; text-shadow:0 1px 5px #FFF; width:100%;}
   .news-lists{margin:10px 0 0 -20px; width:1220px; display:flex; flex-wrap:wrap;}
   .news-lists h4{height:50px; line-height:50px; overflow:hidden; font-weight:500; font-size:14px; padding:0 15px;text-overflow: ellipsis; border-bottom:1px solid #f2f2f2;}
   .news-lists .infos{align-items:center; padding:10px 15px; }
     .news-lists .user-sicon img{width:30px; height:30px; border-radius:50px; overflow:hidden; vertical-align: middle; margin-right:8px;}
     .news-lists li{max-width:285px; background:#FFF; margin-bottom:20px; margin-left:20px;}
  .new-list{min-width:100%; display:flex; justify-content: space-between;  flex-wrap:wrap; overflow: hidden;}
  .new-list li p{height:46px; line-height:46px; overflow:hidden; font-weight:500; font-size:16px; margin:0 8px;text-overflow: ellipsis; white-space: nowrap; border-bottom:1px solid #f2f2f2;}
  .new-list li{background:#FFF; position:relative;}
  .new-list li img{display:block;}
  .art-list{min-width:100%; display:flex; flex-wrap:wrap; overflow: hidden;  margin-top:-10px; margin-left:-10px;}
  .art-list li {height:46px; line-height:46px; overflow:hidden; font-weight:500; font-size:16px; margin-left:15px; margin-top:10px; text-overflow: ellipsis; white-space: nowrap; }
  .art-list li img{display:block;}
 .com-list{margin:0px; display:flex; justify-content: space-between;  flex-wrap:wrap; width:100%;}
 .com-list li img{display:block;}
 .com-list p{line-height:25px; overflow:hidden; font-weight:500; font-size:12px; padding:0 0px;text-overflow: ellipsis; }
 .com-list .infos{align-items:center; padding:10px 15px; border-top:1px solid #f2f2f2;}
 .com-list  .com-list-pic{position:relative;}
  .com-list  .com-list-pic .qunlink{width:50%;height:100%; position:absolute; left:0px; top:0px;}
  .com-list  .com-list-pic .urllink{width:50%;height:100%; position:absolute; right:0px; top:0px;}
  .com-list .user-sicon img{width:30px; height:30px; border-radius:50px; overflow:hidden; vertical-align: middle; margin-right:8px;}
  .com-list li{background:#FFF; margin-bottom:10px; border:1px solid #f4f4f4; padding:8px; text-align:left;}
  .com-list .slogan{font-size:18px; font-weight:700; padding:8px 0px 2px 0px; height:60px; overflow:hidden;}
  .com-list .slogan span{font-size:14px; font-weight:normal; padding-left:15px;}
  .com-list .slogan p{color:#999; line-height:21px; padding-top: 5px;}
  .com-list .notice{height:50px;overflow:hidden;text-overflow:ellipsis;}
  .com-list em{border:1px solid #f4f4f4; padding:8px;}
  .com-list li i{position:absolute; left:4px; top:4px; width:20px; height:20px; border-radius:20px; overflow:hidden; background:yellow; text-align:center;}
   .com-list  .com-list-pic .urllink i{left:auto;right:4px; background:#108777; color:#FFF;}
    .com-list  .com-list-pic .workslink:hover, .com-list  .com-list-pic .urllink:hover {background-color:#00000042;}
 .qun-list{margin:0px; display:flex; justify-content: space-between;  flex-wrap:wrap; width:100%;}
 .qun-list li img{display:block;}
 .qun-list p{line-height:25px; overflow:hidden; font-weight:500; font-size:12px; padding:0 0px;text-overflow: ellipsis; }
 
  .com-txt li{margin:5px 10px;}
  .com-list-index li{margin-bottom:0px; position:relative;} 
  .com-list li li{margin-bottom:0}
  .com-list-index  .hb-list{margin:0}
  .s-list{margin:0px; display:flex; justify-content: space-between;  flex-wrap:wrap; width:100%;}
  .s-list p{line-height:25px; overflow:hidden; font-weight:500; font-size:12px; padding:0 0px;text-overflow: ellipsis; }
  .s-list .infos{align-items:center; padding:10px 15px; border-top:1px solid #f2f2f2;}
  .s-list .user-sicon img{width:30px; height:30px; border-radius:50px; overflow:hidden; vertical-align: middle; margin-right:8px;}
  .s-list li{background:#FFF; border-bottom:1px solid #f4f4f4; padding:8px;}
  .s-list li:nth-child(1){border-right:1px solid #f4f4f4;}
  .s-list .slogan{font-size:18px; font-weight:700; padding:8px 0px; height:63px; line-height:26px; overflow:hidden;}
  .s-list .slogan span{font-size:14px; font-weight:normal; padding-left:15px;}
  .s-list .slogan p a{padding:0px 10px; margin:2px 10px; display:inline-block; border:1px solid orange; border-radius:4px; height:25px; line-height:25px;}
  .s-list .honer{display:flex; flex-wrap:wrap;}
  .s-list .honer img{width:40px; margin:5px 0;}
  .s-list .honer_exp{width:5px; text-indent:15px; overflow:hidden;}
  .s-txt li{margin:5px 10px;}
  .qunSwiper{}
   .qunSwiper .qun-pagination{top:30px; left:100px; width:200px;}
   .qunSwiper .qun-next{width:30px; height:30px;}
   .qunSwiper .qun-prev{width:30px; height:30px;}
  
  .hb-qun li p{line-height:30px; overflow:hidden; font-weight:500; font-size:16px;}
  .hb-qun .depict{font-size:14px; color:#999; line-height:22px;padding:5px 0px;}
  


.col3 .head .tag{font-size:20px;color: #F60;}
.s31{padding-bottom:20px;}
.s31 .swiper-slide p{ height:30px; line-height:30px; overflow:hidden;}
.s31>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0px;}

.top10 .tag{font-size:16px;}
.top10 .tag li{ margin-bottom:10px; font-size:16px;}
.top10 .tag li h4{font-size:18px; line-height:45px;}
.top10 .tag li h4 span{float:right;}
.top10 .tag span{padding-right:8px; color:#999}
.topqun ul{width:100%;}
.topqun span{height:63px; line-height:63px; width:60px; margin:6px 0 4px 0px;  padding-left:8px; font-weight:700; color:#108777}
.topqun li{margin:10px 0px; overflow:hidden; text-align:center;}
.topqun ul:nth-child(even){background:#e8e8e8;}
.topqun li img{padding-right:4px;}
.li-hot{clear:both;}
.li-hot li{font-size:22px; font-weight:bold; height:36px; line-height:36px; overflow:hidden; text-align:center;}
.li-hot li a{color:#0b2239}

.li-hot2{display:flex; justify-content: space-between;}
.li-hot2 li{font-size:14px; height:30px; line-height:30px; overflow:hidden; position:relative; }
.li-hot2 li:nth-child(even){padding-left:12px;}
.li-hot2 li:nth-child(even):after{content:'|' ; position:absolute; top:0px; left:5px;}

.qb-textlist .title{height: 30px; line-height: 30px; overflow: hidden;  font-size: 16px;}
.qb-textlist p{color: #555555}
.qb-textlist .time{padding: 5px 0px;}
.new-list .title{font-size:18px;}
.new-list .title span{margin-left:20px; color:#ddd; font-size:14px;}
.new-list .price{line-height:25px; color:#999;}
.new-list .morepic {display:flex;}
.new-list .morepic a{margin:10px 5px; display:block;}
.new-list .morepic a:nth-child(1){margin-left:0px;}

.sheji-list img{max-height:210px;}

.henan-top10 {display:flex;}
.henan-top10 img{max-width:200px;}



  .u-nav{position:relative; z-index:999; height:370px; width:190px; background:#FFF;}

   .u-s-list .b-r {font-size:18px; line-height:33px; margin-left:10px; position:relative; display:block; }
   .u-s-list .b-r2 {font-size:18px; line-height:35px; margin-left:10px; position:relative; display:block; }
   .u-s-list p{height:25px; line-height:25px; display: flex;    flex-wrap: wrap; margin-bottom: 6px; position:relative;}
    .u-s-list p a{ font-size:14px; color:#999; line-height:25px; padding-left:10px; display:block}

		.u-s-list .nLi{ display:block; width:100%; border-bottom:1px solid #f2f2f2;}
		.u-s-list .nLi:nth-last-child(1){border-bottom:0}
		.u-s-list .nLi:hover .b-r:after{content: "";
			background: #FFF;
			width: 1px;
			height: 65px;
			display: block;
			position: absolute;
			left: 180px;
			top: 0px;
			z-index:999
		}
		.u-s-list .sub{ display:none; width:650px; padding:15px; height:370px; background:#FFF; left:190px; top:0px;  position:absolute; line-height:26px; z-index:99; border-left:1px solid #f2f2f2;}
		
.t-slide{width:1000px; height:370px;}
.w-slide{width:1210px; overflow:hidden; position:relative; height: auto; }
	.c-slide {
      overflow:hidden; position:relative;
    }

    .c-slide .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
	  overflow:hidden;
    }
	.c-slide .swiper-c01{height:60px; width:60px; border-radius:60px; overflow:hidden; top:160px;}
	.c-slide .slide-inner {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	  background-size: cover;
	  background-position: center;
	  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;
	  color:#fff;
	}
	.poster-slide{width:100%;height:350px;}
	.poster-slide .swiper-slide {width:100%; height: calc((100% - 30px) / 2);}
	.bbs-index {font-size:16px;}
	 .bbs-index li{border-top:1px solid #eee; padding:10px 0;}
	 .bbs-index li:nth-child(1){border-top:0px; padding-top:0px;}
		.bbs-index .color1, .fontColor .color1{color:#a90c0c}
		.bbs-index .user-icon img{width:35px; height:35px; vertical-align: middle;}
		 .bbs-index  span{color:#999;}
		   .bbs-index li p{ color:#909090; line-height:1.7}
		   .bbs-index div{padding:7px 0; max-height: 300px; overflow: hidden;}
		   .bbs-qun{ border-bottom:1px dashed #eee; margin-bottom:7px;}
		   .bbs-index .bbs_title h4{font-size:16px; line-height:1.8; font-weight:500;}
	 .bbs-works {font-size:16px;}
		.bbs-works .color1, .fontColor .color1{color:#604e36}
.right-01{padding:10px; background:#FFF; margin-top:10px; }
 .web-ico {padding-top:8px;}
 .web-ico li{height:55px; line-height:45px;font-size:16px;}
 .web-ico li .iconfont {font-size:38px; margin-right:4px;}
 .web-ico li:nth-child(even){border-left:1px solid #c1ab8e; padding-left:30px;}
 .web-ico li a{display:flex; color:#c1ab8e;}
 .web-ico li a:hover{color:#604e36;}
 .right-ico {border-top:1px solid #c1ab8e; border-bottom:1px solid #c1ab8e; margin-bottom:8px; padding:15px 10px 5px 10px; display:flex; justify-content: space-between;}
 .right-ico li{font-size:12px; color:#FFF; text-align:center;}
 .right-ico li a{color:#604e36;}
 .right-ico li a:hover{color:#c1ab8e;}
 .right-ico li span{font-size:46px;}
 .right-ico li h3{font-size:14px; padding:15px 0px;}
 .post-new-user{text-align:center; margin-bottom:10px; padding-top:6px;}
  .post-new-user img{width:60px; height:60px; border-radius:50px; overflow:hidden; margin:0 auto;}
  .post-new-btn{padding-bottom:10px;}
 .post-new-btn a{background:#FFF; font-size:16px; border-radius:40px; height:35px; line-height:33px; color:#333; display:block; margin:0px auto; width:80%; border:1px solid #333; text-align:center; }
 .post-new-btn a:hover{ background:#c69c6d; color:#FFF; border:none;}
/**圈子*/
.qun_title{display:flex; font-size:18px;}
.qun_title span{margin-right:20px; padding:10px 0px;}
 .qun_title .ck{color:#bd6f1f;}
.qunBanner{text-align:center;}
.qun_design .info{display:flex; align-items: center;}
.qun_design .info .t{padding-left:10px;}
.qunSide {width:100%;}
.qunSide .qun_title{width:56px; position:fixed; left:0px; top:45px;text-align:center;}
 .qunSide .qun_title h3{height:66px; padding:8px 10px;font-size:18px; font-weight:300; cursor:pointer; border-bottom: 1px solid #ddd; box-shadow: 0 1px 1px #FFF;}
 .qunSide .qun_title .ck{background:#108777; color:#FFF;}
.free-in{width:56px; background:#0e2a47; color:#FFF; padding:8px 10px;}
	.free-in a{color:#FFF; font-size:18px; font-weight:300;}
	.free-in a:hover{color:yellow;}
	.ListNews .list{height:120px !important;}
.qun-banner1{padding:8px 0px;}
.qun-banner1 img{max-height:400px;}
.qun-banner3{max-height:400px; min-height:140px; overflow:hidden;}
.c-cate{width:100%; text-align:center; background:#FFF}
 .c-cate li{display:inline-block; font-size:18px; margin:0px 15px; padding:10px 0px;}
  .c-cate h3{display:inline-block; font-size:18px; font-weight:500; margin:0px 15px; padding:10px 0px;}
 .c-cate .ck{border-bottom:2px solid red;}
 .design_flow .schedule{border-left:1px dashed #f44336; padding-left:15px; position:relative; margin-left:15px;}
 .design_flow .schedule:before{content:""; position:absolute; height:9px; width:9px; background:#f44336; border-radius:20px; overflow:hidden; left:-5px; top:14px;}
 .design_flow .schedule span:nth-child(1) {font-weight:700}
 
.Nav_all{width:100%;margin-top:28px;}
.Nav_all ul{width:100%;font-size:14px; display:flex;}

.n_1 li,.Nav_all dl dd ul li{text-align:center;line-height:30px;margin-right:12px; margin-bottom:5px;}
.Nav_all dl{width:100%; overflow:hidden; margin-bottom:15px;}
.Nav_all dl dt{float:left;height:30px; line-height:30px; font-size:15px;padding:0 10px; cursor:pointer;}
.Nav_all dl dd{float:left;}
.Nav_all dl dd ul{overflow:hidden;}
.Nav_all dl dd ul li{float:left;}
.Nav_all dl dd ul li{padding:0 8px;}
.Nav_all dl dd ul li.ck{background:#1b9ee9;}
.Nav_all dl dd ul li.ck a{color:#fff;}
.n_1{margin-bottom:15px;}
.n_1 .t{background:none; font-size:15px; padding:0 10px; height:30px; line-height:30px;}
.n_1 a{display:block;padding-left:10px;padding-right:10px;}
/*.n_1 a:hover{background:#1b9ee9;color:#FFF}*/
.n_1 .bj_color{background:#1b9ee9; color:#fff}
.n_1  .bj_color a{color:#fff;}
.n_2{margin-bottom:10px;}
.n_2 li{padding-bottom:10px; margin-right:10px;}
.n_2 a{font-size:15px; text-align:center; padding:5px 8px;} 
.n_2 .ck a,.n_2 .f_color a{ color:#FFF; background:#333;}
.n_2 a:hover{ color:#999999;}
.qun-postnew a{display: block; text-align: center; line-height: 55px; background: #333; color:#FFF;}
.title-btn .tag{
	height:50px;
	line-height:50px;
	border-bottom:1px solid #eee; background:#e9ebd3;
}
.title-btn .tag span{
	padding-left:25px;
	padding-right:25px;
}
.title-btn .tag span.ck{
	border-bottom:2px solid #1FB582; background:#FFF;
}
.title-btn .Contents{
	display:none;
}
.title-btn .cnt_bbs{
	display:block;
}
.swiper-move .swiper-slide{width: auto!important;}
/***qun**/
.panel-body{display:flex; margin-bottom:20px; background:#fff; padding:10px;}
	.panel-body .media-left{margin-right:10px; width: 50px; flex-shrink: 0;}
	.panel-body .fontColor{margin-bottom:10px;}
	.RightMainBox .head .tag{padding-left:10px;}
	.qun_works_title{border-top:1px solid #f2f2f2;}
	.list-inline {display:flex; margin-top:15px;}
	 .panel-body .list-inline li{margin-right:20px;}
	 .media-list{margin-top:15px;}
	 .media-item{display:flex; border:1px solid #f2f2f2; border-radius:8px; padding:10px; position:relative;}
	  .media-item:before{content: "";    border: 2px solid #F2F2F2;    border-left-width: 0;  border-bottom-width: 0;  transform: matrix(0.71,-0.71,0.71,0.71,0,0);  background: #FFF;  top: -6px;  left: 53px;  width: 7px;  height: 7px;  position: absolute;}
	 .media-item .media-item-left{margin-right:10px; width: 50px; flex-shrink: 0;}
.pc-3top{margin-top: -120px;}
.pc-qun-user{text-align:center; z-index:9;}
.pc-qun-user img{border-radius:50%; overflow:hidden; width:200px;}
.pc-qun-user p {padding:15px; font-size:20px;}
 .r50{border-radius:50%; overflow:hidden;}
.pc-m1-user{text-align:center; top:20px; z-index:9;}
  .r50{border-radius:50%; overflow:hidden;}
	.pc-m1-user .w700{margin:0 auto; line-height:1.9; color:#666;}
	.pc-m1-name{padding:15px; font-size:20px;}
.pagination{
	text-align: center;
	width: 100%;
	clear: both;
	padding: 10px 0;
}
.pagination li{
	display: inline-block;
	line-height: 30px;	
	margin: 0 5px;	
}
.pagination li a,.pagination li span{
	display: block;
	border: #DDD solid 1px;
	padding: 0 8px;
	color: #666;
}
.pagination li a,.pagination li span{
	color: #999;
}
.pagination li a:hover{
	border:#F30 solid 1px;
	background: #F60;
	color: #FFF;
}
.pagination li.active span{
	border:#21806E solid 1px;
	background: #64C2B0;
	color: #FFF;
}
.qun-com-l3 li{padding-bottom:10px;}
.qun-com-l3 li p{padding:3px 3px 5px 10px; display:flex; flex-wrap:wrap; border-bottom:1px solid #f2f2f2;}
 .qun-com-l3 li p span{margin:5px 3px;}
.ds-list{background:#FFF; border-bottom:1px solid #f2f2f2; padding:20px 0;}
	.ds-list h4{font-size:24px; font-weight:700; padding:10px 0;}
	.ds-list h4 span{font-weight:500; font-size:16px; display:block; line-height:1.8;}
	.ds-list h4 i{font-size:16px; font-style:normal; color:red; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; padding:5px 0; margin:5px 0; }
	 .ds-list .ds-list-logo{width:200px; overflow:hidden; margin:0 auto;}
	.ds-list .array_field{ display:flex;}
.btn-a a{padding:8px 15px; margin:5px 10px; border:1px solid #333; border-radius:4px; overflow:hidden; font-size:18px;}
.btn-a a:hover{background:#333; color:#FFF;}
/***文章**/
.news-list{margin-bottom:10px; border-top:1px solid #f1f1f1; padding-top:10px;}
.news-list:nth-child(1){border-top:0}
.news-list h3{font-size:16px; padding-bottom:5px;}
.news-list p{color:#999; line-height:1.8}
.news-list .morepic img{max-height:120px; margin-right:8px;}
.diy_pages{width:100%;}
.pc_ShowMores{text-align:center; margin:10px;}
	.pc_ShowMores button{padding:10px 15px;}

.posterurl{width:450px; padding:10px; border:1px solid #f1f1f1; margin:5px auto;}
.posterurl .w107{width:107px; margin-right:15px; flex-shrink:0;}
.partyid{margin:10px 0;}
 .t-hb-list{ background:#f1f1f1; padding:10px;}/*右侧海报*/
 .t-hb-list li{display:flex; justify-content: space-between; margin-bottom:8px;}
  .t-hb-list .t-hb-list-text{width:160px;flex-shrink:0;}
   .t-hb-list h4{height:30px; line-height:30px; overflow:hidden; font-weight:700; font-size:14px; padding:0 15px;text-overflow: ellipsis; border-bottom:1px solid #f2f2f2;}
    .t-hb-list .infos{align-items:center; padding:10px 15px; }
	.t-hb-list .infos span{margin-right:2px;}
    .t-hb-list .user-sicon img{width:30px; height:30px; border-radius:50px; overflow:hidden; vertical-align: middle; margin-right:8px;}
  .t-news-list{background:#f1f1f1; padding:10px; margin-top:20px;}/*右侧推荐*/
  .t-news-list p{height:40px; line-height:40px; overflow:hidden;}
  .com-show-txt{margin-top:10px;}
  .com-show-txt li{text-align:left; font-size:16px; padding:10px 6px; border-bottom:1px dashed #f2f2f2;}
  .com-show-txt li:hover{background:#f2f2f2;}

  .com-show-txt li i{margin-right:8px;}
  .main {padding:15px;  overflow:hidden;}

.contbox {width:auto; background:#f5f5f5; overflow:hidden;}
.content {margin:0 auto 70px auto; overflow:hidden;}

.maincont1 {margin:25px 0; clear:both;}
.maincont1 .showimg {width:825px; display:flex;}
.showimg .img {width:260px; margin-right:10px; overflow:hidden;}
.showimg .word {width:700px; overflow:hidden; color:#666666;}
.showimg .word div {margin-bottom:15px;}
.showimg .word .join {font-size:18px;}
.showimg .word .join .a_nav {display:inline-block; width:80px; height:25px; text-align:center; line-height:25px; color:#FFFFFF; background:#ff8400; font-size:14px; margin-left:15px;}
.maincont1 .how {width:360px; text-align:center;}
.how .h_nav {font-size:18px; padding-top:35px;position: relative;}
.how .h_nav .R {display:inline-block; width:150px; height:42px; text-align:center; line-height:42px; color:#FFFFFF; background:#ff8400;}
.how .h_nav .mores{
	position:absolute;
	width:150px;
	left: 0;
	top:75px;
	display: none;
}
.how .h_nav .mores a{
	display: block;
	line-height: 25px;
	background:#DDD;
	text-align: center;
	color: #888;
	font-size: 16px;
	border-top:#FFF solid 2px;
}
.how .h_nav:hover .mores{
	display: block;
}
.how .h_nav .E {display:inline-block; width:180px; height:42px; text-align:center; line-height:42px; color:#FFFFFF; background:#1bb76d;}
.how .h_code {float:right;}
.how .h_code p {display:block; line-height:20px; text-align:center;}

.maincont2 {width:100%; overflow:hidden; clear:both; display: flex; justify-content: space-between;}
.maincont2 .left {width:825px;  overflow:hidden;}
.left .shead {width:100%; height:60px; border-bottom:1px solid #d9d9d9; line-height:60px; position:relative;}
.left .shead .model-menu div {float:left; padding-right:15px;padding-left:15px;   text-align:center; font-size:18px;}
.left .shead .model-menu div:hover a {color:#ff8400;}
.left .shead .model-menu .first{ height:60px; border-bottom:1px solid #ff8400;}
.left .shead .model-menu .first a {color:#ff8400;}
.left .shead .more {position:absolute; right:0; top:0;}
.left .shead .more div {float:left; margin-left:15px;}

.left .listbox {overflow:hidden; width:100%; padding:0;}
.listbox .cont {overflow:hidden; width:100%;}
.listbox .cont .list {width:100%; border-bottom:1px dotted #d9d9d9; background:#FFFFFF; overflow:hidden; padding:10px; margin-bottom:10px;}
.listbox .cont .list .qun-list-title{font-weight:700; padding-bottom:8px;}
.list .list_left {float:left; width:520px; overflow:hidden;}
.list .list_left div {margin-bottom:15px;}
.list .list_left .title span {width:42px; height:30px; display:inline-block; background:url(list_style.png) no-repeat center center; text-align:center; line-height:30px;}
.list .list_left .title a {font-size:16px; margin-left:15px;}
.list .list_left .info,
.list .list_left .pic {padding-left:57px; font-size:12px;}
.list .list_right {float:right; width:225px;}
.list .list_right div {margin-bottom:15px; color:#666666;}
.list .list_right .n a {background:url(who.png) no-repeat left center; padding-left:25px;} 
.list .morepic{display:flex;}

.jump {width:100%; overflow:hidden; text-align:center; margin:25px 0;}
.jump a {padding:7px 15px; margin:0 3px; background:#f7f7f7; border:1px solid #d9d9d9; display:inline-block;}
.jump a:hover {background:#ff8400; border-color:#ff8400;color:#FFFFFF;}
.jump .second {background:#ff8400; border-color:#ff8400;color:#FFFFFF;}

.maincont2 .right {width:360px; overflow:hidden;}
.right .mhead {width:100%; height:45px; clear:both; border-bottom:1px solid #d9d9d9;}
.right .mhead div {width:50%; float:left; text-align:center; line-height:45px;}
.right .mhead div a {font-size:18px;}
.right .mhead div:hover a {color:#ff8400;}
.right .mhead .third a,
.right .mhead .fourth a{color:#ff8400;}
.right .mhead .third,
.right .mhead .fourth{height:45px; width:50%; border-bottom:1px solid #ff8400;}
.right .tbox {padding:15px 5px;}

.right .listbox {overflow:hidden; width:100%;}
.listbox .plist {overflow:hidden; clear:both;}
.listbox .plist .picshow {width:88px; float:left; overflow:hidden; text-align:center; padding:15px 0; margin:0 34px;}
.picshow .img {border:1px solid #d9d9d9; width:88px; height:88px;  border-radius:45px; overflow:hidden;}
.picshow .info {margin-top:15px;}

.cont .master {width:100%; overflow:hidden;}
.cont_t {font-size:16px; margin-bottom:25px;}
.cont_show {overflow:hidden; clear:both;}
.cont_show_list {float:left; width:88px; margin:0 30px 50px 30px;}
.cont_show_list .img {width:88px; height:88px; border-radius:50px; overflow:hidden;}
.cont_show_list .info {line-height:35px; text-align:center;}

.cont .product {width:240px; float:left; overflow:hidden; margin:10px; background:#f5f5f5;}
.cont .product:hover {background:#e2e2e2;}
.product .img {width:240px; overflow:hidden;}
.product .info {width:100%; overflow:hidden; clear:both; margin-top:15px;}
.product .info .w {width:50px; height:50px; border:1px solid #d9d9d9; border-radius:26px; float:left; overflow:hidden;}
.product .info .t {float:left; padding-left:15px; line-height:25px;}

.plist .picshow .info{
	height:16px;
}
.right_show_more{
	background:#eee;
	line-height:30px;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
}
.down-btn{padding:8px 10px; background:#108777; color:#FFF;}
.down-btn:hover{color:#FFF;}
/*直播相关*/
.TopContainer{
	background:#fff;
}
.listbox .cont,.ShowMores{
	display:none;
}

.warp_play{
	width:1210px;
	padding-top:20px;
	margin:auto;
	display: none;
}
.video_warp{
	flex-flow: row;
}
.video_warp .a{
	flex: 7;
	border-right:15px solid #f5f5f5;
	background:#fff;
}
.video_warp .b{
	flex: 3;
}

/**海报**/
.gallery-thumbs{width:368px; flex-shrink:0; border-right:1px solid #f1f1f1; order: -1;}
.gallery-top{min-width:800px; width:100%; max-height:1500px;}
 .gallery-top img{max-height:100%;}
.gallery-top .swiper-slide{text-align:center;}
.gallery-top .swiper-slide p{line-height:50px;}
.swiper-button-next, .swiper-button-prev{width:30%; height:100%; top:0px;}
.pic-p{position:absolute; text-align:left; padding:0px 10px; height:40px; font-size:16px; top:0px;}
.picall{height:auto;}
.swiper-slide-thumb-active img{box-shadow:0px 0px 5px red;}
.w300 li{width:220px; margin:5px;}
.w300 li p{line-height:23px;}
.w200 {height:auto}
.w200 div{min-width: 80px;max-width: 100px; height:auto; margin-bottom:15px; text-align:center;}
.w200 div p{padding-top:4px;}
.w400 {height:auto}
.w400 .swiper-slide{min-width: 200px;max-width: 300px; min-height:200px;height:auto; margin-bottom:10px; text-align:center;}

.w400 p{width:1210px; margin-bottom:10px; text-align:center;}
.w400 .swiper-slide p{padding-top:4px; width:100%; margin-bottom:0px;}

/**活动**/
.act-nopic{position:relative; min-height:190px;}
 .act-nopic i{font-size:27px; color:#fff; text-align:center; line-height:1.8; padding:30px 15px 0 15px; position:absolute; left:0px; top:0px; font-style:normal; text-shadow:0 1px 5px #333; width:100%;}
 .act-nopic em{font-size:24px; color:#fff; text-align:center; line-height:1.8; padding:50px 15px 0 15px; position:absolute; left:0px; top:0px; font-style:normal; text-shadow:0 1px 5px #333; width:100%;}
 .act_state{border-top:1px solid #F2F2F2; border-bottom:1px solid #F2F2F2; padding:10px 8px; align-items:center;}
	.act_state i{padding:8px 12px; border-radius:6px; overflow:hidden; font-style:normal;}
	.act_state .not{background:#8b8565; color:#FFF;}
	.act_state .end{background:#CCC;}
	.act_state .start{background:red; color:#FFF;}
	.cate2{padding:8px;}
/***************内容***/
.title{width:min-600px;}
.title p{padding:5px 0px; color:#666;}
.title span{margin-left:20px;}
.site-nav{margin-right:20px;}
  .site-nav ul{display:flex;}
  .site-nav ul ol{
	padding-right: 10px;
	color: #F60;
}
  .site-nav ul ol i{
	display: inline-block;
	margin-right: 3px;
	color: #888;
}
  .site-nav ul li a{
	color:#666;
}
  .site-nav ul li a:before{
	content:'->';
	display: inline-block;
	color: #999;
	padding:0px 5px;
}
  .site-nav ul li a.home:before{
	content:'';
}
.nav2 .sorts{display:flex;}
	.nav2 .sorts li{margin-right:20px; font-size:16px;}
	.nav2 .sorts .ck a{color:#d60000;}

h1{font: 700 26px/1 Microsoft Yahei;color: #404040; padding-bottom:10px; line-height:1.5;}
h2{font-size: 22px; padding-bottom: 10px;}
.infos{padding:10px; color:#888; display:flex;}
.infos span{margin-right:15px; flex-shrink:0;}
.infos .cate2_exp{display:none;}
.art-btn{padding:10px 20px;width:100%; background:#FFF; border-radius:30px; text-align:center; border:1px solid #ddd;}
  .user-icon{text-align:center;}
 .user-icon img{border-radius:50%; overflow:hidden;}
 .user-info h4{font-size:16px; padding-bottom:4px;}
 
 .qb_ui_ListInfo_date_title_pics li div a{padding-top: 130%;}
 .ShowPhotoCont .BigPic span.wap-pic, .qb_ui_ListBigPic ul:before{padding-top: 130%;}
 
.pic-txt{line-height:1.8;}
.cnt {font: 18px/32px Microsoft Yahei;
    color: #404040;}
.cnt p{margin:0 0;}
 .cnt ul{margin-right:20px; }
	.cnt a{color:#d60000; text-decoration:underline;}
	.cnt a:visited{color:#d60000; text-decoration:none;}
	.cnt .qq{width:210px;}
	.pagination li a{color:#333; text-decoration:none; background:#FFF;}
	.pagination li a span{border:0;}
	.pagination li a:hover{color:#FFF; background:#108777;border:1px solid #108777;}
	.butters button{width:100%; background:#1d2089; color:#FFF; padding:8px 0;border:none; border-radius:8px;}
.sorts li a{
	display: block;
	line-height: 45px;
	height: 45px;
	padding: 0 10px;
	overflow: hidden;
	text-align: center;
	font-size: 16px; border-bottom:1px solid #f1f1f1;
	color: #888;
}
.sorts li.ck a{
	color: #F60;
}
.sorts li a:hover{
	color: #999;
}
.pic-show img {display:block; max-width:100%; height:auto; margin:10px auto;}
.next-con span{display:block; margin:10px 0;}
.new-used{display:flex;  justify-content: space-between; padding-top:15px; margin-bottom:20px;}
 .new-used .new-pic{width:220px;}
 .new-used .new-info{width:620px}
  .new-used .new-info h3{font-size:22px; font-weight:500;}
  .new-used .new-info p{color:#999; line-height:1.7; min-height:70px; padding-top:15px;}
  .new-used  .new-view{color:#999;line-height:40px;}
  .new-used  .new-view .user-icon{width:40px; height:40px; float:left; border-radius:50px; overflow:hidden; margin-right:10px;}
 .g-money{display:block; width:180px; margin:20px auto;}
  .g-money .si{text-align:center; width:80px; display:block; font-size:18px;}
  .g-money .si-present:before{font-size: 40px;display: block;background: #f7b805;text-align: center;border-radius: 500px;width:80px; height: 80px; line-height:80px;}
  .content_act{
	display: flex; justify-content: space-between; 
	width: 400px;
	height: 160px;
	margin: auto;
}
.content_act div{
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	color: #BBB;
}
.content_act div a{
	color: #BBB;
}
.content_act div span{
	display: block;
	width: 80px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	background: #F2F2F2;
	margin: 0px auto 10px auto;
	border-radius: 50%;
	font-size:38px;
}
.content_act div span:hover{
	background: #F60;
	color: #FFF;
}

 /**works**/
.cont{font-size:16px; line-height:1.7;}
.cont p{ padding-bottom:10px;}
.cont img{max-width:100% !important;}
.cont h2{font-size:18px;}
.shareLists .list{
	display: flex; margin-left:-15px;
	flex-wrap:wrap;
	border-bottom:#EDEDED solid 1px;
}
.shareLists .list:hover{
	background: #F9F9F9;
}
.shareLists .list li{
	padding: 15px 0;
	margin-left:15px;
	width: 260px;
	vertical-align: middle;
}
.shareLists .list li h4{font-size:16px; font-weight:500; height:45px; line-height:45px; overflow:hidden;}
.shareLists .list li.icon{
	width:50px;
	padding-left:5px;
	padding-right:10px;
}
.shareLists .list li.icon a{
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
	box-shadow:0px 0px 2px #CCC;
	position: relative;
}
.shareLists .list li.icon a img{
	position:absolute;
	width:100%;
	height: 100%;
	left:50%;
	top: 50%;
	border:0;
	border-radius: 50%;
  -webkit-transform: translate3D(-50%, -50%, 0);
      -ms-transform: translate3D(-50%, -50%, 0);
          transform: translate3D(-50%, -50%, 0);
}
.shareLists .list li.info .title{
	line-height: 25px;
	overflow: hidden;
	margin-bottom: 5px;
}
.shareLists .list li.info .username img{
	width:24px; height:24px; border-radius:24px; overflow:hidden;
	
}
.shareLists .list li.info .title a{
	font-size: 16px;
}
.shareLists .list li.info .title span{
	display: inline-block;
	padding: 0px 10px;
	margin-left: 5px;
}
.shareLists .list li.info .title span.hot{
	background: #F90;
}
.shareLists .list li.info .title span.top{
	background: #0CCCCE;
}
.shareLists .list li.info .more{
	height:20px;
	line-height: 20px;
	overflow: hidden;
	color: #999;
}
.shareLists .list li.info .more a{
	color: #999;
}
.shareLists .list li.info .more i{
	margin-left: 10px;
	padding-right: 3px;
}
.shareLists .list li.hits,.shareLists .list li.reply{
	width:80px;
	color: #888;
	text-align: right;
	line-height: 20px;
}
.shareLists .list li.hits i,.shareLists .list li.reply i{
	padding-right: 3px;
}
.shareLists .list li.reply{
	padding-right: 5px;
}
.ShowMoreBBs{
	text-align: center;
	padding: 30px 0px;
}
.ShowMoreBBs button{
	display: block;
	width: 60%;
	text-align: center;
	line-height: 50px;
	border: 0px;
	background: #EDEDED;
	font-size: 20px;
	color: #888;
	margin: auto;
	border-radius: 8px;
	cursor: pointer;
	outline: none;
}
.ShowMoreBBs button:hover{
	background: #F90;
	color: #FFF;
}
.scroll-sort{
	width:1210px;
	margin:auto;
	margin-bottom:10px;
	background:#FFF;
	height:65px;
	display:flex;
}
.scroll-sort span a{
	color:#666;
}
.scroll-sort span{
	border-radius:4px;
	margin-left:15px;
	padding-left:13px;
	padding-right:13px;
	font-size:16px;
	line-height:35px;
	margin-top:15px;
	height:35px;
	background:#efefef;
	display:block;
}
.scroll-sort span:hover{
	background:orange;
}
.scroll-sort span:hover a{
	color:#fff;
}
.scroll-sort .choose{
	background:orange;
}
.scroll-sort .choose a{
	color:#fff;
}

/****会员中心***/

.mLogoMenu{height:45px;  line-height:45px; display:flex; justify-content:space-between; background:#333; padding:0 10%;}
.mLogoMenu .TopBox{width:100%;}
 .mLogoMenu .logo{margin-right:100px; margin-top:5px;}
  .mLogoMenu .m-post-btn {font-size:18px; background:#d60000; color:#FFF;}
  .mLogoMenu .m-post-btn a{color:#FFF; padding:0 15px;}
  .mLogoMenu .MoreAct a{color:#FFF; padding:0 15px;}
.m-nav2 {display:flex; flex-wrap:wrap; margin:15px 0;}
.m-info{padding:40px 0; background:#FFF; border-bottom:1px solid #f1f1f1;}
.m-info .m-user{width:500px; margin:0 auto;}
.m-info .m-user button{border:0px; padding:3px 5px;}
.m-info .m-user i{margin-right:5px;}
.m-info .m-face{width:120px; height:120px; border-radius:120px; overflow:hidden; margin:0 auto 40px auto;}

.m-nav2 a{padding:5px 10px;  font-size:16px; border-bottom:1px solid #f1f1f1; width:100%;margin-bottom:10px;}
 .m-user .icon{width:110px; height:110px; border-radius:200px; overflow:hidden;}
 .username{height:40px; line-height:40px; text-align:center;}
 .post-new{background:#3399ff; color:#FFF;}
.MainCont{background:#FFF;}
.SideContainer .head .post-new{padding:5px 10px; margin-right:20px; font-size:16px; border-radius:5px;}
.mUserInfos{text-align:center; padding:20px 0px;}
.mUserInfos div{
	width:120px;
	height: 120px;
	background: #FFF;
	margin: auto;
	overflow: hidden;
	border-radius: 50%;
	position:relative;
}
.mUserInfos div img{
	position:absolute;
	max-width:100%;
	left:50%;
	top: 50%;
  -webkit-transform: translate3D(-50%, -50%, 0);
      -ms-transform: translate3D(-50%, -50%, 0);
          transform: translate3D(-50%, -50%, 0);
}
.mUserInfos p{
	padding: 15px 0;
	font-size: 16px;
	line-height: 25px;
}
.mUserInfos button{
	display: inline-block;
	background: #1FA0EA;
	color: #FFF;
	padding: 8px 15px;
	border: 0;
}

.caller-item {padding:15px; background:#FFF; margin-bottom:15px;}
.caller-item img{width:150px; height:150px; margin-bottom:10px;}
.caller-item p{padding:15px 0;}

/***pic**/
.pic-thumbs{width:95%; margin:20px auto; flex-shrink:0;  order: -1;}
.pic-thumbs .swiper-wrapper{justify-content: space-evenly; flex-wrap:wrap;}
.pic-top{min-width:800px; width:100%; max-height:1500px; margin-top:20px;}
 .pic-top img{max-height:100%;}
.pic-top .swiper-slide{text-align:center;}
.pic-top .swiper-slide p{line-height:50px;}
.pic-thumbs .swiper-slide p{line-height:30px; text-align:center;}
.pic-pagination{text-align:right; padding-right:20%; height:30px; font-size:16px;}
.topic-box{display:flex; margin:15px; border:1px solid #F2F2F2; padding:10px;}
	.topic-box .topic-img{width:100px; margin-right:15px; flex-shrink:0;}
/**注册**/
 .login-content{ position: relative; height: 650px; z-index: 1;	}
 .login-banner{ height: 650px; padding-top:90px; background:#2c9fef url('__STATIC__/index/login-bg.jpg') center;}
  .login-content .login-form{ width: 346px; background: #fff; overflow: visible; margin:0 auto;}
  .login-content .login-form .login-con{padding: 15px 30px; }
.login-banner .login-img{ display: block; width: 100%; height: 500px;}
.pos-r {position: relative!important;}
.w990 {width: 990px;margin: 0 auto;}
	/*登录*/
.form-control-box .icon, .login-wrap .form-group .form-control-error i, .login-content .login-form .msg-wrap .msg-icon, .login-wrap .item-coagent a i, .login-wrap .item-coagent a:hover i, .login-con .login-switch a, .login-mobile .default-state .qrcode-desc i { background: url(../images/login-regiser-icon.png) no-repeat;}

/*二维码、PC端登录切换*/
.login-switch { width: 52px; height: 52px; position: absolute; right: 10px; top: 10px; }
.login-switch a { width: 52px; height: 52px; display: inline-block; cursor: pointer; }
.login-switch a.btn-qrcode{ background-position: -308px 0; }
.login-switch a.btn-login{ background-position: -308px -60px; }
/*pc端登录*/
.login-form{ width: 346px; background: #fff; overflow: visible;}
.login-wrap .login-tit{ height: 25px; line-height: 25px; color: #999; }
.login-wrap .login-tit .regist-link{ font-size: 12px; }
.login-wrap .login-tit .regist-link em{ font-family: sinum; font-weight: bold; }
.login-wrap .login-radio{ height: 35px; line-height: 35px; padding: 5px 0 0; margin: 15px 0 30px; }
.login-wrap .login-radio ul{ width: 100%; height: 36px; line-height: 35px; display: inline-block; border-bottom-width: 1px; border-bottom-style: solid}
.login-wrap .login-radio ul li{ float: left; height: 35px; line-height: 35px; margin-right: 15px; padding: 0 15px; background: #fff; font-size: 13px; cursor: pointer;}
.login-wrap .login-radio ul li.active{ border-width: 2px 1px 0; border-style: solid;}

.login-wrap .form-group{ overflow: hidden; height: 65px; position: relative; }
.login-wrap .form-group .form-control-box{ height: 39px; border: 1px solid #ddd; position: relative;}
.login-wrap .form-group .form-control-box.error{ border: 1px solid #E31939; }
.login-wrap .form-group .icon{ display: block; width: 20px; height: 20px; position: absolute; left: 10px; top: 9px; }
.login-wrap .form-group.item-name .icon{ background-position:0 -15px; }
.login-wrap .form-group.item-password .icon{ background-position: 0 -36px; }
.login-wrap .form-group .text{ line-height: 38px; height: 37px; border: 0; padding: 0 0 0 33px; width: 284px; float: none; font-size: 14px; overflow: hidden; }
.login-wrap .form-group-spe .form-control-box.error{ border: none; }
.login-wrap .form-group-spe .form-control-box.error .text{ border: 1px solid #E31939;}
.login-wrap .form-group.captcha .icon{ background-position: 0 -57px; }
.login-wrap .form-group .form-control-error{ height: 25px; line-height: 25px; color: #999; overflow: hidden; }
.login-wrap .form-group .form-control-error i{ width: 14px; height: 14px; background-position: 0 0; margin-right: 5px; margin-top: -2px; display: inline-block;}

.login-wrap .form-group.form-group-phonecode .icon{ background-position: 0 -57px; }
.login-wrap .form-group-spe .phonecode{position:absolute; right:0px; top:0px; background: #F6F6F6; border: 1px solid #d9d9d9; cursor: pointer;  display: inline-block; line-height: 38px; height: 38px; color: #666; text-align: center; width: 126px;}

.login-wrap .safety{ margin-bottom: 15px; overflow: hidden; height: 18px; line-height: 18px; }
.login-wrap .safety label{ cursor: pointer; }
.login-wrap .safety label .checkbox{ margin: 0 3px 0 0; vertical-align: middle; cursor: pointer; }
.login-wrap .safety label span{ vertical-align: middle; cursor: pointer; }
.login-wrap .safety .forget-password{ margin-top: 3px; }

.login-wrap .login-btn{ margin-bottom: 20px; overflow: hidden; }
.login-wrap .login-btn .btn-img{ width: 286px; height: 35px; font-size: 14px; color: #FFF; text-align: center; line-height: 35px; text-decoration: none; cursor: pointer; letter-spacing: 2px; border: none; }

.login-wrap .item-coagent{ height: 43px; line-height: 43px; overflow: hidden; }
.login-wrap .item-coagent a{ float: left; width: 43px; height: 43px; position: relative; margin-right: 20px; margin-left: 25px; }
.login-wrap .item-coagent a i{ display: block; width: 43px; height: 43px; position: absolute; left: 0; top: 0; }
.login-wrap .item-coagent a i.qq{ background-position: -85px 0; }
.login-wrap .item-coagent a i.alipay{ background-position: -142px 0; }
.login-wrap .item-coagent a i.sina{ background-position: -199px 0; }
.login-wrap .item-coagent a i.weixin{ background-position: -254px 0; }
.login-wrap .item-coagent a:hover i.qq{ background-position: -85px -45px; }
.login-wrap .item-coagent a:hover i.alipay{ background-position: -142px -45px; }
.login-wrap .item-coagent a:hover i.sina{ background-position: -199px -45px; }
.login-wrap .item-coagent a:hover i.weixin{ background-position: -254px -45px; }
.login-wrap .item-coagent a.last{ margin-right: 0; }

/*扫描登录*/
.login-mobile .default-state { margin-top: 44px; padding-bottom: 15px; text-align: center; position: relative;}
.login-mobile .default-state .qrcode-tit { padding: 0 0 25px; color: #888; font-size: 16px; }
.login-mobile .default-state .qrcode-box{height: 150px;}
.qrcode-box .qrcode img{ width: 150px; height: 150px; display: inline; }
.qrcode-desc p{font-size:12px; color:#999;}
 
.login-links { margin-top: 25px; overflow: hidden; text-align: right;}
.login-links a { margin-right: 10px; color: #6c6c6c;}

/*登录页面*/
.login-wrap .login-radio ul{ border-color:#E31939;}
.login-wrap .login-radio ul li.active{ border-color:#E31939; color: #E31939;}
.qrcode-error .refresh { background:#E31939;}
.btn{display:inline-block;padding:6px 12px;margin:0 auto;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;width:100%;display:block}
.btn_red{color:#fff;background-color:#d9534f;border-color:#d43f3a}
.btn_red:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}
.login-btn{height:42px;background-color: #ff3c3c;color:#fff;font-size:16px;}
.login-btn:hover{background-color: #d72226;}
/**pic**/
.pic_banner{height:520px; background-position:center top;}
/***会员中心**/
.home-base{background:#FFF; padding:20px 0px;}
.home-base-user{text-align:center;}
 .home-base-user div img{height:120px; border-radius:300px; overflow:hidden;}
 .home-base-user p{padding:10px 0px; font-size:16px;}
 .home-base-user button{background:#; padding:6px 10px; border:0px;}
 .home-color li{height:120px; background:#54ade8; text-align:center; line-height:120px; font-size:24px;}
/***tag**/
.tag-title{padding:20px 0px;}
 .tag-title h3{font-size:20px;}
   .li_style a{padding:3px 6px; border-radius:4px; background-color:#40afd4; margin:5px; color:#FFF;}
   .li_style a{color:#FFF;}
    .tag_panel{margin-bottom: 100px; text-align:left;}
    .tag_panel .imgdiv{width:125px;height:160px;overflow:hidden;float:left;margin:5px 0px;position: relative;z-index:15;}
    .tag_panel .imgdiv img{cursor: pointer;transition: all 0.6s;z-index:15;}
    .tag_panel .imgdiv img:hover{transform: scale(1.3,1.3); }
    .tag_panel .artc{background-color:#fff;padding:15px 0;margin-bottom:10px;border-top:1px solid #00a2d4;}
	.tag_panel .artc:hover{background-color:#f8fcfd;}
    .tag_panel h4{font-weight:600;}
    .tag_panel h4 a{padding-left: 15px;color:#D9534F;font-size:15px;line-height:30px;}
    .tag_panel h4 a:hover{color:#D9534F;text-decoration:none;}
    .tag_panel .artc-content{font-size:10pt;height:120px;line-height:20pt;text-indent:1.3em;position:relative;}
    .tag_panel .artc-content .tagstyle{display:inline-block;position:absolute;bottom:0;left:125px;color:#999;}
	.tag_panel .artc-content .tagstyle a {padding:5px 10px;background-color:#00a2d4; color:#FFF;}
	.tag_panel .artc-content .tagstyle a:hover {background-color:orange;}
    .tag_panel .artc-content .artc-date{position:absolute;bottom:0;right:120px;color:#999;}
    .tag_panel .artc-content .artc-detail a{display:block;position:absolute;bottom:0;right:-16px;
        color:#FFF;background:#00a2d4; padding:0 12px 0 0;}
    .tag_panel .artc-content .artc-detail a:hover{text-decoration:none; background: rgba(0,162,212,0.6);}
	.tag{display:flex; flex-wrap:wrap;}
	.tag a{padding:8px 10px; margin-bottom:10px; border-radius:6px; overflow:hidden; margin-right:25px; background:#8b8467; font-size:16px; color:#FFF;}
/***foot**/
.foot{font-size:14px;}
 .foot-copyright{padding-top:40px;}
  .foot-copyright{line-height:30px;}
  .foot-nav{padding-top:5px; margin-left:20px;}
  .foot-links a{padding:3px 6px 3px 6px;}
  .foot-links a:nth-child(1){padding-left:0px;}
  .f-2wm img{height:110px;}
  .f-2wm div{text-align:center;}
  .f-2wm div p{height:30px}
  .foot-service{margin-top:20px;}
  .foot-service em{color: #604e36; font-size: 26px; font-weight:700; font-style:normal;}
  .foot-service li:nth-child(2){border-left:1px solid #e1e1e1; padding-left:18px; margin-left:18px;}
  .foot-service li p{line-height:35px; color:#999;}
  .footer{background:#FFF; padding:39px 0 60px 0; color: #333;}
.foot {color:#FFF;text-align:center;line-height:30px;padding:14px 16px 16px 16px;  background:#c69c6d;}
.foot a{color:#FFF;}
  .foot a:hover{color:#ddd;}
/**零碎**/
.InfoCnt{border:1px solid #f2f2f2; padding:20px; position:relative; width:650px; margin:10px auto;}
.InfoCnt li{line-height:35px;}
.InfoCnt .weixin{position:absolute; right:5px; top:10px;width:120px;}
.qun-InfoCnt{border:1px solid #f2f2f2; padding:10px; position:relative; width:700px; margin:10px auto;}
.begin_time{color:red; font-size:16px;}
.tbox .text p{line-height:32px;}
.span4{display:flex; padding:5px 0;}
.span4 .s1{width:220px;}
.span4 .s2{width:120px;}
.span4 .s3{width:220px;}
.span4 .s4{width:220px;}
.span4 .s5{width:220px;}
.topUpCont{
	position: fixed;
	width: 68px;
	border: #DDD solid 1px;
	background: #FFF;
	z-index: 10000;
	right:10px;
	bottom: 10px;
	border-radius: 5px;
	text-align: center;
	padding: 10px 0px;
	line-height: 20px;
	cursor: pointer;
	color: #999;
	display: none;
	font-size:12px;
}
.topUpCont i{font-size:20px}
.topUpCont:hover{border: #108775 solid 1px;background: #108775;color: #FFF;}
.topic-quote input{padding:4px 10px;}
.grid-demo{margin-bottom:10px;}
.panel-body{display:flex;}
.panel-body .media-left{margin-right:10px;     width: 50px;}
.panel-body .fontColor{margin-bottom:10px;}
.RightMainBox .head .tag{padding-left:10px;}
.qun_works_title{border-top:1px solid #f2f2f2;}
.qb_ui_ListInfo_date_title_pics ol dl dt{background:#FFF; width:80px;}
.qb_ui_ListInfo_date_title_pics ol dl dt .user-sicon{border-radius:500px; overflow:hidden;}
/****************index*************/
.colf2{width:1210px; display:grid; column-gap:10px; row-gap:10px; grid-template-columns:830px 370px; margin-left:auto; margin-right:auto;}
.a-slogan{font-size:14px; padding:0 10px;}
	.a-slogan p{color:#5f5f5f; margin-top:4px; height:21px; overflow:hidden;}
.art1{grid-area:art1;}
.art2{grid-area:art2;}
.w4-2{
	grid-template-columns: 905px 295px;
	grid-template-rows: 200px;
	height: 400px;
	grid-template-areas:"art1 ."
						"art1 .";
	overflow:hidden;
	}
.w2-2{
	grid-column: 2 / span 1;
    grid-row: 1 / span 2;
	position:relative;
	}
	.mask-title{position:absolute; bottom:0px; width:100%; background:url(title_bg.png) repeat-x left bottom; height:60px; line-height:60px; overflow:hidden; text-align:center; color:#FFF;}
	.mask-title:hover{color:#f1f1f1;}
.w3-2{
	grid-column: 1 / span 2;
	position:relative;
	}
.c4-6{grid-template-areas:
        "slot1 slot1 slot2 slot2"
        "slot1 slot1 slot2 slot2"
        "slot1 slot1 slot2 slot2"
        "slot5 slot3 slot2 slot2"
}
.slot3 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}
.art12 ul .t0{opacity: 0.5;  filter: grayscale(1);}
.art12 ul .t4{opacity:1;}
.grid-list{min-width:100%;}
	.grid-list li p{height:40px; line-height:40px; overflow:hidden; font-weight:500; font-size:16px; padding:0 8px;text-overflow: ellipsis; }
	.grid-list .qun_party_title{border-top:1px solid #f2f2f2; }
	.grid-list .qun_party_title p{font-size:14px; text-align:center;}
	.grid-list .infos{align-items:center; padding:0px 15px; border-top:1px solid #f2f2f2; overflow:hidden; height:35px; font-size:14px;}
	.grid-list  .grid-list-pic{position:relative;}
	.grid-list  .grid-list-pic .workslink{width:50%;height:100%; position:absolute; left:0px; top:0px;}
	.grid-list  .grid-list-pic .urllink{width:50%;height:100%; position:absolute; right:0px; top:0px;}
	.grid-list .user-sicon img{width:30px; height:30px; border-radius:50px; overflow:hidden; vertical-align: middle;}
	.grid-list li{background:#FFF; position:relative;}
	.grid-list img{display:block;}
	.grid-list  .grid-list-pic .urllink em{left:auto;right:4px; background:#108777; color:#FFF;}
	.grid-list  .grid-list-pic .workslink:hover, .grid-list  .grid-list-pic .urllink:hover {background-color:#00000042;}
	.grid-list dl dd p{line-height:1.7; max-height:50px; overflow:hidden; font-weight:500; font-size:14px; padding:0 5px;}
	.grid-list dl dd span{color:#999; padding:5px 5px; display:block;}
	.grid-list b{position:absolute; top:5px; left:5px; border-radius:5px; text-align:center; padding:4px 6px; background:#000000a8; font-size:12px; color:#FFF; font-style:normal;}
.qun_brand {text-align:center;}
.qun_brand img {width:260px;}
/***member*/
.colm2{width:1210px; display:grid; column-gap:10px; row-gap:10px; grid-template-columns:300px 890px; margin-left:auto; margin-right:auto;}
.h200 li{height:200px; line-height:200px;font-size:18px; text-align:center;}
table.FormTable{border:0px;}
table.FormTable td,table.FormTable th{border:0}
.layui-form .m_title{display:none;}
.members .icon{text-align:center;}
.members .icon img{max-width:120px;}
.m-postcat li{height:120px; text-align:center; position:relative;}
	.m-postcat li a{color:#FFF; font-size:20px; font-weight:700; line-height:120px; display:block;}
	.m-postcat li:nth-child(1){background:url(images/c1.png) no-repeat bottom center; background-size: cover;}
	.m-postcat li:nth-child(2){background:url(images/c2.png) no-repeat bottom center; background-size: cover;}
	.m-postcat li:nth-child(3){background:url(images/c3.png) no-repeat bottom center; background-size: cover;}
	.m-postcat li:nth-child(4){background:url(images/c4.png) no-repeat bottom center; background-size: cover;}
	.m-postcat li:nth-child(5){background:url(images/c5.png) no-repeat bottom center; background-size: cover;}
	.m-postcat li:nth-child(6){background:url(images/c6.png) no-repeat bottom center; background-size: cover;}
	.m-postcat li:nth-child(7){background:url(images/c7.png) no-repeat bottom center; background-size: cover;}
	.m-postcat li:nth-child(8){background:url(images/c8.png) no-repeat bottom center; background-size: cover;}
	.m-postcat li:hover{background:#c69c6d}