﻿
* { list-style:none; padding:0; margin:0;}
body { min-width:1300px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; font-size:12px; color:#333; margin:0 auto; background:url(../image/bd.jpg) repeat 0 0;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select { margin:0; padding:0;}
h1,h3,h3,h4 { font-size:14px;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:none;}
img { border:0;}
ul li { list-style:none;}
.warp { width:1300px; margin:0 auto;} 
.clear{ clear:both;}
#VCode { cursor:pointer;}
input { outline:none;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#333;} 
:-moz-placeholder { color:#333;} 
::-moz-placeholder { color:#333;}
:-ms-input-placeholder { color:#333;} 

@font-face {
	font-family:'SIMKAI';
		    src:url('https://xagxyjh.com/static/addons/cms/font/SIMKAI.TTF');
	font-weight:normal;
	 font-style:normal;
}

.bgs { width:100%; min-height:400px; margin:0 auto; background:url(../image/gx01.png) no-repeat center top; position:relative;}
.main { width:100%; padding:50px 0; position:relative; z-index:1;}

/*top*/
.header { width:100%; height:160px; margin:0 auto; position:relative; z-index:1;}

/*logo*/
.header .logo { width:205px; height:115px; margin:auto; overflow:hidden; position:absolute; left:0; right:0; top:20px;}
.header .logo img { display:block; height:100%;}

/*导航*/
.header .nav { width:100%; height:160px;}
.header .nav li { float:left; width:100px; height:160px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li:nth-child(6) { margin-left:300px;}
.header .nav li a { display:block; height:130px; line-height:20px; font-family:'SIMKAI'; font-size:22px; color:#000; padding:30px 30px 0 30px; writing-mode:vertical-lr; -webkit-writing-mode:vertical-lr; writing-mode:tb-lr; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li a i { display:block; font-style:normal; font-family:'Microsoft YAHEI'; font-size:10px; color:#888; text-transform:Uppercase; padding-top:2px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li:hover,.header .nav .on { background:#b69c7f;}
.header .nav li:hover a,.header .nav li:hover a i,.header .nav .on a,.header .nav .on a i { color:#fff;}

/*友情链接*/
.link { width:100%; line-height:30px; padding:15px 0; border-bottom:1px solid #4c4c4d; background:#323234;}
.link span { font-weight:bold; font-size:16px; color:#fff; margin-right:25px;}
.link a { font-size:14px; color:#b2b2b2; margin-right:25px;}
.link a:hover { color:#fff;}

/*脚部*/
.footer { width:100%; line-height:30px; font-size:14px; color:#999; padding-top:40px; background:#323234;}
.footer a { color:#999;}
.footer a:hover { color:#fff;}
.footer .msg { float:left; max-width:80%;}
.footer .msg li { float:left; width:35px; height:35px; margin-right:20px; border-radius:50%; background-color:#b69c7f; background-repeat:no-repeat; background-position:center; position:relative;}
.footer .msg li a { display:block; width:100%; height:35px; line-height:35px;}
.footer .msg li img { display:none; width:110px; height:110px; padding:10px; box-shadow:0 5px 10px rgba(0,0,0,0.2); background:#fff; position:absolute; left:0; bottom:40px; z-index:2;}
.footer .msg .ewm { background-image:url(../image/gx21.png);}
.footer .msg .qq { background-image:url(../image/gx22.png);}
.footer .msg .yx { background-image:url(../image/gx23.png);}
.footer .msg li:hover img { display:block;}
.footer .msg .nvs { line-height:35px; margin:15px 0 5px 0;}
.footer .msg .nvs a { display:inline-block; font-weight:bold; font-size:16px; color:#fff; margin-right:20px; position:relative;}
.footer .msg .nvs a::after { display:block; content:""; width:2px; height:15px; background:#fff; position:absolute; right:-13px; top:11px;}
.footer .msg .nvs a:last-child::after { display:none;}
.footer .msg p { padding-left:20px; background-repeat:no-repeat; background-position:left center;}
.footer .msg .tel { background-image:url(../image/gx24.png);}
.footer .msg .addr { background-image:url(../image/gx25.png);}
.footer .imgs { float:right; width:105px; height:105px; padding:12.5px; background:url(../image/gx26.png) no-repeat 0 0;}
.footer .imgs img { display:block; width:105px; height:105px; background:#fff;}
.footer .copy { margin-top:30px; padding:10px 0; border-top:1px solid #4c4c4d;}

/*公共标题*/
.more { display:block; width:100px; height:35px; line-height:35px; font-size:14px; color:#7b6f61; text-align:center; margin-top:20px; background:url(../image/gx02.png) no-repeat 0 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.more:hover { color:#fff; background-image:url(../image/gx02h.png);}
.tits { width:100%; height:60px; margin-bottom:30px;}
.tits h3 { float:left; line-height:40px; font-size:28px; color:#404040;}
.tits h3 span { display:block; line-height:20px; font-weight:500; font-size:14px; color:#7b6f61;}
.tits .more { float:right;}
.tits .see { float:right; width:140px; height:25px; line-height:25px; font-size:14px; color:#7b6f61; text-align:center; margin-top:30px; background:url(../image/gx03.png) no-repeat 0 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.tits .see:hover { color:#2a2f86; background-image:url(../image/gx03h.png);}
.line { width:100%; height:1px; margin:15px auto 30px auto; background:#e8e8e8;}

/*新闻资讯*/
.news { width:100%; padding-bottom:65px; margin-bottom:55px; background-image:linear-gradient(rgba(255,255,255,0),#fff,#fff,#fff);}
.news .tabs { float:right;}
.news .tabs li { float:left; width:100px; height:35px; margin:20px 0 0 10px; background:url(../image/gx02.png) no-repeat 0 0;}
.news .tabs li a { display:block; width:100%; line-height:35px; font-size:14px; color:#7b6f61; text-align:center;}
.news .tabs li:hover,.news .tabs .on { background-image:url(../image/gx02h.png);}
.news .tabs li:hover a,.news .tabs .on a { color:#fff;}
.news .newleft { float:left; width:625px; height:445px; overflow:hidden;}
.news .newleft a,.news .newleft img { display:block; width:625px; height:445px;}
.news .newleft a { position:relative;}
.news .newleft p { width:62.5%; height:55px; line-height:55px; font-size:16px; color:#fff; padding:0 35% 0 2.5%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:rgba(0,0,0,0.55); position:absolute; left:0; bottom:0;}
.news .newleft .swiper-pagination { width:40%; text-align:right; left:auto; right:0; bottom:0;}
.news .newleft .swiper-pagination .swiper-pagination-bullet { width:30px; height:55px; line-height:55px; font-size:16px; color:#fff; text-align:center; margin:0; filter:alpha(opacity=100); opacity:1; border-radius:0; background:none;}
.news .newleft .swiper-pagination .swiper-pagination-bullet-active { background:#c6ae93;}
.news .newrgt { float:right; width:650px;}
.news .newrgt li { padding-bottom:19px; margin:0 0 15px 20px; border-bottom:1px solid #eee; position:relative;}
.news .newrgt li::after { display:block; content:""; width:5px; height:5px; border-radius:50%; background:#ccc; position:absolute; left:-20px; top:15px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .newrgt li a { display:block; width:100%;}
.news .newrgt li .msg { float:left; max-width:75%;}
.news .newrgt li .msg h3 { line-height:30px; font-size:17px; color:#4c4c4c; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .newrgt li .msg p { line-height:22px; font-size:14px; color:#999; margin-top:5px;}
.news .newrgt li i { float:right; width:90px; line-height:80px; font-weight:100; font-size:30px; color:#bb8744;}
.news .newrgt li:hover::after { background:#bb8744;}
.news .newrgt li:hover .msg h3 { color:#bb8744;}

/*国学*/
.chinas { float:left; width:420px; margin-right:35px;}
.chinas .top { width:100%; margin-bottom:20px;}
.chinas .top a { display:block; width:100%;}
.chinas .top .img { float:left; width:190px; height:125px; overflow:hidden;}
.chinas .top .img img { display:block; width:190px; height:125px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.chinas .top .msg { float:right; width:calc(100% - 210px);}
.chinas .top .msg h3 { line-height:30px; font-size:18px; color:#333; overflow:hidden;}
.chinas .top .msg p { line-height:30px; font-size:14px; color:#999; margin-top:35px;}
.chinas .top:hover .img img { transform:scale(1.1,1.1);}
.chinas li { line-height:35px; padding-left:15px; position:relative;}
.chinas li::after { display:block; content:""; width:4px; height:4px; border-radius:50%; background:#ccc; position:absolute; left:0; top:16px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.chinas li a { display:block; float:left; width:75%; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.chinas li span { float:right; font-size:14px; color:#999;}
.chinas li:hover::after { background:#bb8744;} 
.chinas li:hover a { color:#bb8744;}

/*快捷导航*/
.quick { float:right; width:385px;}
.quick .lst { padding:20px; background:#fff;}
.quick .lst li { float:left; width:155px; height:135px; text-align:center; margin:8px; background:#2a2f86;}
.quick .lst li:nth-child(2),.quick .lst li:nth-child(3) { background:#434142;}
.quick .lst li a { display:block; padding:30px 15px;}
.quick .lst li img { display:block; width:60px; height:55px; margin:0 auto;}
.quick .lst li p { line-height:25px; font-size:16px; color:#fff;}

/*广告图*/
.advs { width:100%; height:130px; margin:50px auto; overflow:hidden;}
.advs a,.advs img { display:block; width:100%; height:130px;}

/*最新活动*/
.activity { float:left; width:625px;}
.activity li { float:left; width:305px; margin:0 15px 15px 0;}
.activity li:nth-child(2n) { margin-right:0;}
.activity li a { display:block; width:100%;}
.activity li .img { width:280px; height:160px; padding:15px 12.5px; overflow:hidden; background:url(../image/gx04.png) no-repeat 0 0;}
.activity li .img img { display:block; width:280px; height:160px; background:#fff;}
.activity li p { line-height:40px; font-size:16px; color:#333; text-align:center; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.activity li:hover .img { background-image:url(../image/gx04h.png);}
.activity li:hover p { color:#2a2f86}

/*国学讲座*/
.lecture { float:right; width:625px;}
.lecture li { width:100%; padding-bottom:20px; margin-bottom:15px; border-bottom:1px solid #ddd;}
.lecture li:last-child { border-bottom:none;}
.lecture li .msg { float:left; width:80%;}
.lecture li .msg h3 { line-height:35px; font-size:17px; color:#4c4c4c; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.lecture li .msg p { line-height:25px; font-size:14px; color:#999; margin-top:5px;}
.lecture li .time { float:right; width:80px; font-style:italic; font-weight:100; font-size:26px; color:#bb8744; margin-top:15px; padding:0 5px 0 15px; text-align:center; border-left:1px solid #e4e4e4;}
.lecture li .time i { display:block; line-height:20px; font-size:14px;}
.lecture li:hover .msg h3 { color:#bb8744;}

/*国学论坛*/
.forum { float:left; width:625px;}
.forum .top { width:100%; margin-bottom:20px;}
.forum .top a { display:block; width:100%;}
.forum .top .img { float:left; width:225px; height:150px; overflow:hidden;}
.forum .top .img img { display:block; width:225px; height:150px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.forum .top .msg { float:right; width:calc(100% - 245px);}
.forum .top .msg h3 { line-height:30px; font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.forum .top .msg p { line-height:22px; font-size:14px; color:#999; margin:10px 0 20px 0;}
.forum .top .msg span { display:block; line-height:25px; font-size:14px; color:#bbb;}
.forum .top:hover .img img { transform:scale(1.1,1.1);}
.forum li { line-height:37px; padding-left:15px; position:relative;}
.forum li::after { display:block; content:""; width:4px; height:4px; border-radius:50%; background:#ccc; position:absolute; left:0; top:17.5px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.forum li a { display:block; float:left; width:80%; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.forum li span { float:right; font-size:14px; color:#999;}
.forum li:hover::after { background:#bb8744;} 
.forum li:hover a { color:#bb8744;}

/*研究会成员*/
.leaguer { float:right; width:625px; position:relative;}
.leaguer .swiper-slide { height:310px; background:url(../image/gx05.png) no-repeat center 0;}
.leaguer .swiper-slide a { display:block; text-align:center; padding:15px 15px 0 15px;}
.leaguer .swiper-slide .img { width:160px; height:210px; overflow:hidden;}
.leaguer .swiper-slide .img img { display:block; width:160px; height:210px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.leaguer .swiper-slide h3 { line-height:35px; font-size:18px; color:#333; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.leaguer .swiper-slide p { line-height:25px; font-size:14px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.leaguer .swiper-slide:hover { background-image:url(../image/gx05h.png);}
.leaguer .swiper-slide:hover .img img { transform:scale(1.1,1.1);}
.leaguer .swiper-slide:hover h3 { color:#bb8744;}
.leaguer .swiper-pagination { width:60px; line-height:35px; font-size:14px; color:#666; text-align:center; top:20px; right:137px; bottom:auto; left:auto;}
.leaguer .swiper-pagination .swiper-pagination-current { font-size:18px; color:#4c4c4c;}
.leaguer .swiper-button-prev,.leaguer .swiper-button-next { width:30px; height:35px; line-height:35px; margin:0; top:22px;}
.leaguer .swiper-button-prev { left:auto; right:190px;}
.leaguer .swiper-button-next { right:115px;}
.leaguer .swiper-button-prev::after,.leaguer .swiper-button-next::after { font-weight:bold; font-size:14px; color:#bea590;}
.leaguer .swiper-button-prev:hover::after,.leaguer .swiper-button-next:hover::after { color:#863a3c;}

/*会员风采*/
.style { width:100%; padding:60px 0 10px 0; position:relative;}
.style .tits h3 { float:none; text-align:center; background:url(../image/gx19.png) no-repeat center bottom;}
.style .more { margin:30px auto 0 auto;}
.style .swiper-slide a { display:block; text-align:center; margin:0 auto;}
.style .swiper-slide .img { width:270px; height:180px; padding:17.5px 15px; overflow:hidden; background:url(../image/gx20.png) no-repeat 0 0;}
.style .swiper-slide .img img { display:block; width:270px; height:180px; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.style .swiper-slide h3 { line-height:35px; font-weight:500; font-size:16px; color:#333; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.style .swiper-slide:hover .img { background-image:url(../image/gx20h.png);}
.style .swiper-slide:hover h3 { color:#bb8744;}
.style .swiper-button-prev,.style .swiper-button-next { width:43px; height:43px; background-repeat:no-repeat; background-position:0 0; top:55%;}
.style .swiper-button-prev { background-image:url(../image/gx17.png); left:-80px;}
.style .swiper-button-next { background-image:url(../image/gx18.png); right:-80px;}
.style .swiper-button-prev::after,.style .swiper-button-next::after { font-size:0;}
.style .swiper-button-prev:hover { background-image:url(../image/gx17h.png);}
.style .swiper-button-next:hover { background-image:url(../image/gx18h.png);}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width:1300px; margin:0 auto;}
.showcont { min-height:300px; margin:20px auto; padding:40px; overflow:hidden; background-image:linear-gradient(rgba(255,255,255,0.9),rgba(255,255,255,0.9));}
.comsite { width:100%; height:60px; line-height:60px; border-bottom:1px solid #e6e6e6;}
.comsite h3 { float:left; font-size:28px; color:#404040; position:relative;}
.comsite h3 span { display:inline-block; line-height:20px; font-weight:100; font-size:18px; color:#7b6f61; margin-left:10px;}
.comsite .seat { float:right; line-height:50px; font-size:14px; color:#999; padding-left:20px; margin-top:10px; background:url(../image/gx25.png) no-repeat left center;}
.comsite .seat a { color:#666;}
.comsite .seat a:last-child { color:#b69c7f;}
.catnav { width:100%; margin:20px 0;}
.catnav li { float:left; line-height:38px; margin:0 30px 5px 8px; border-top:1px solid #d3c1b1; border-bottom:1px solid #d3c1b1; position:relative;}
.catnav li::before,.catnav li::after { display:block; content:""; width:8px; height:40px; background-repeat:no-repeat; background-position:0 0; position:absolute; top:-1px;}
.catnav li::before { background-image:url(../image/gx27.png); left:-8px;}
.catnav li::after { background-image:url(../image/gx28.png); right:-8px;}
.catnav li a { display:block; font-size:16px; color:#7b6f61; padding:0 15px;}
.catnav li:hover,.catnav .on { border-color:#2a2f86; background:#2a2f86;}
.catnav li:hover a,.catnav .on a { color:#fff;}
.catnav li:hover::before,.catnav .on::before { background-image:url(../image/gx27h.png);}
.catnav li:hover::after,.catnav .on::after { background-image:url(../image/gx28h.png);}

/*详情页公用*/
.lh { min-height:200px; line-height:35px; font-size:16px; color:#666; text-align:justify; padding:15px 0;}
.lh img { max-width:100%; height:auto !important; margin:15px 0;}
.show_h3 { width:100%; line-height:40px; text-align:center; margin:30px 0;}
.show_h3 h3 { font-weight:500; font-size:26px; color:#404040;}
.show_h3 p { font-size:12px; color:#7b6f61; margin-top:10px; background:rgba(211,193,177,0.15);}
.show_h3 .info { float:left; width:70%;}
.show_h3 .fr { max-width:30%; font-size:14px; color:#666; text-align:right;}
.show_h3 .fr .font,.show_h3 .fr .print { float:left;}
.show_h3 .fr .font #big,.show_h3 .fr .font #center,.show_h3 .fr .font #small { cursor:pointer;}
.show_h3 .fr .print { margin-left:15px;}
.show_h3 .fr .print a { font-weight:bold; color:#b69c7f; letter-spacing:2px;}
.show_sxp { line-height:40px; font-size:14px; color:#999; margin-top:20px;}
.show_sxp p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block; margin-right:10px;}
.show_sxp a { color:#666;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#b69c7f; text-decoration:underline;}
.show_sxp.nwxz p { float:left; width:calc(100% / 3);}
.show_sxp.nwxz p span a { color:#b69c7f;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}

/*分页*/
.scott { text-align:center; margin-top:40px; overflow:hidden;}
.scott li { display:inline-block; line-height:35px; margin:0 5px; border-radius:4px; overflow:hidden; background:#f8f8f8;}
.scott a,.scott span { display:block; padding:0px 15px; font-size:16px; color:#b69c7f; cursor:pointer;}
.scott li:hover,.scott .active { background:#b69c7f;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;}

/*新闻列表*/
.newlist { width:100%;}
.newlist li { width:100%; padding:15px; margin-bottom:15px; border:1px solid rgba(211,193,177,0.6); -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li a { display:block; width:100%;}
.newlist li .img { float:left; width:210px; height:150px; overflow:hidden; background:#fff;}
.newlist li .img img { display:block; width:210px; height:150px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg { float:left; width:calc(100% - 390px); margin-left:30px;}
.newlist li .msg h3 { line-height:30px; font-weight:500; font-size:18px; color:#4c4c4c; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg p { line-height:25px; font-size:14px; color:#999; margin-top:5px;}
.newlist li .msg span { display:block; width:100px; height:35px; line-height:35px; font-size:14px; color:#7b6f61; text-align:center; margin-top:25px; background:url(../image/gx02.png) no-repeat 0 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .time { float:right; width:100px; font-style:italic; font-weight:100; font-size:34px; color:#bb8744; margin-top:25px; padding:15px 5px 15px 15px; text-align:right; border-left:1px solid rgba(211,193,177,0.6);}
.newlist li .time i { display:block; line-height:22px; font-size:18px; padding-right:3px;}
.newlist li:hover { border-color:#d3c1b1; box-shadow:0 1px 5px rgba(211,193,177,0.6); background:rgba(255,255,255,0.4);}
.newlist li:hover .img img { transform:scale(1.1,1.1);}
.newlist li:hover .msg h3 { color:#bb8744;}
.newlist li:hover .msg span { color:#fff; background-image:url(../image/gx02h.png);}

.newpic { width:100%;}
.newpic li { float:left; width:305px; margin:0 26.5px 25px 0; position:relative;}
.newpic li:nth-child(4n) { margin-right:0;}
.newpic li .img { width:280px; height:160px; padding:15px 12.5px; overflow:hidden; background:url(../image/gx04.png) no-repeat 0 0;}
.newpic li .img img { display:block; width:280px; height:160px; background:#fff;}
.newpic li p { line-height:40px; font-size:16px; color:#333; text-align:center; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newpic li:hover .img { background-image:url(../image/gx04h.png);}
.newpic li:hover p { color:#2a2f86}

/*图片列表*/
.piclist { width:100%;}
.piclist li { float:left; width:240px; text-align:center; margin:0 25px 25px 0; border-radius:4px; overflow:hidden;}
.piclist li:nth-child(5n) { margin-right:0;}
.piclist li a { display:block; width:100%;}
.piclist li .img { width:240px; height:315px; margin:0 auto; overflow:hidden; background:#fff;}
.piclist li .img img { display:block; width:240px; height:315px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li .msg { height:55px; padding:10px 20px; background:#fff;}
.piclist li h3 { height:30px; line-height:30px; font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li p { line-height:25px; font-size:14px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.piclist li:hover .img img { transform:scale(1.1,1.1);}
.piclist li:hover h3 { color:#b69c7f;}

/*图片详情*/
.picshow { width:100%; margin-top:30px;}
.picshow .img { float:left; width:240px; text-align:center; padding:40px; margin-top:10px; border:1px solid #d3c1b1; border-radius:4px; background:rgba(255,255,255,0.5); position:relative;}
.picshow .img::after { display:block; content:""; width:80px; height:3px; margin:auto; background:#b69c7f; position:absolute; left:0; right:0; top:-1px; z-index:1;}
.picshow .img img { display:block; width:240px; height:315px; margin:0 auto; border-radius:10px; overflow:hidden; background:#fff;}
.picshow .img h3 { line-height:35px; font-weight:normal; font-size:22px; color:#333; margin-top:20px;}
.picshow .img p { line-height:25px; font-size:14px; color:#999;}
.picshow .msg { float:right; width:calc(100% - 380px); padding-top:20px;}
.picshow .msg h3 { font-weight:bold; font-size:22px; color:#2a2f86; margin-bottom:10px; padding-bottom:15px; border-bottom:1px solid #ddd; position:relative;}
.picshow .msg h3::after { display:block; content:""; width:100px; height:3px; background:#2a2f86; position:absolute; left:0; bottom:-1px;}
.picshow .msg .lh { margin-bottom:20px;}

.picshow .qy .img { width:300px;}
.picshow .qy .img img { width:300px; height:200px;}
.picshow .qy .msg { width:calc(100% - 460px);}
.picshow .qy .msg h3 { font-size:20px;}

/*风采列表*/
.mienlst { width:100%;}
.mienlst li { float:left; width:300px; margin:0 33px 30px 0;}
.mienlst li:nth-child(4n) { margin-right:0;}
.mienlst li a { display:block; width:100%;}
.mienlst li .img { width:300px; height:200px; border-radius:4px 4px 0 0; overflow:hidden; background:#fff;}
.mienlst li .img img { display:block; max-width:100%; height:150px; margin:25px auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.mienlst li h3 { line-height:35px; font-weight:500; font-size:16px; color:#333; text-align:center; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.mienlst li:hover .img img { transform:scale(0.95,0.95);}
.mienlst li:hover h3 { color:#bb8744;}

/*店铺*/
.kejixiaoyuan.store .kj01 {}
.kejixiaoyuan.store .kj01 .imgs .swiper-pagination { width:100%; line-height:50px; left:0; bottom:0;}
.kejixiaoyuan.store .kj01 .imgs .swiper-pagination span { background:#000;}
.kejixiaoyuan.store .kj01 .imgs .swiper-pagination .swiper-pagination-bullet-active { filter:alpha(opacity=100); opacity:1; background:#fff;}
.kejixiaoyuan.store .kj01 .msg h3 { line-height:40px; font-size:22px; color:#b69c7f; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kejixiaoyuan.store .kj01 .msg .lh { height:275px; margin-bottom:15px; border-bottom:1px dashed #ddd; overflow:hidden;}
.kejixiaoyuan.store .kj01 .msg li { float:left; width:calc(50% - 30px); line-height:35px; font-size:14px; color:#999; cursor:pointer; padding-left:30px; border:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-repeat:no-repeat; background-position:left center;}
.kejixiaoyuan.store .kj01 .msg li::after { display:none;}
.kejixiaoyuan.store .kj01 .msg .tel { background-image:url(http://www.xagxyjh.com/public//static/home/images/nx22.png);}
.kejixiaoyuan.store .kj01 .msg .tel:hover { background-image:url(http://www.xagxyjh.com/public//static/home/images/nx22h.png);}
.kejixiaoyuan.store .kj01 .msg .emil { background-image:url(http://www.xagxyjh.com/public//static/home/images/nx23.png);}
.kejixiaoyuan.store .kj01 .msg .emil:hover { background-image:url(http://www.xagxyjh.com/public//static/home/images/nx23h.png);}
.kejixiaoyuan.store .kj01 .msg .addrs { width:100%; background-image:url(http://www.xagxyjh.com/public//static/home/images/nx24.png);}
.kejixiaoyuan.store .kj01 .msg .addrs:hover { background-image:url(http://www.xagxyjh.com/public//static/home/images/nx24h.png);}
.kejixiaoyuan.store .kj01 .msg li a { display:inline; float:none; font-size:14px; color:#999;}
.kejixiaoyuan.store .kj01 .msg li:hover,.kejixiaoyuan.store .kj01 .msg li:hover a { color:#b69c7f;}

.kejixiaoyuan.store .st02 { width:100%; padding:50px 0;}
.kejixiaoyuan.store .st02 .warp { position:relative;}
.kejixiaoyuan.store .st02 .swiper-slide {}
.kejixiaoyuan.store .st02 .swiper-slide .img { width:100%; height:280px; border-radius:4px 4px 0 0; overflow:hidden;}
.kejixiaoyuan.store .st02 .swiper-slide .img img { display:block; width:280px; height:280px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.kejixiaoyuan.store .st02 .swiper-slide .msg { width:90%; text-align:center; padding:15px 5%; background:#f7f8fa; -webkit-transition:all .5s ease; transition:all .5s ease;}
.kejixiaoyuan.store .st02 .swiper-slide h3 { line-height:35px; font-weight:500; font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.kejixiaoyuan.store .st02 .swiper-slide p { line-height:25px; font-size:14px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.kejixiaoyuan.store .st02 .swiper-slide:hover .img img { transform:scale(1.1,1.1);}
.kejixiaoyuan.store .st02 .swiper-slide:hover .msg { background:#b69c7f;}
.kejixiaoyuan.store .st02 .swiper-slide:hover .msg h3,.kejixiaoyuan.store .st02 .swiper-slide:hover .msg p { color:#fff;}
.kejixiaoyuan.store .st02 .swiper-button-prev,.kejixiaoyuan.store .st02 .swiper-button-next { width:30px; height:30px; top:65%;}
.kejixiaoyuan.store .st02 .swiper-button-prev { left:-50px;}
.kejixiaoyuan.store .st02 .swiper-button-next { right:-50px;}
.kejixiaoyuan.store .st02 .swiper-button-prev::after,.kejixiaoyuan.store .st02 .swiper-button-next::after { font-size:22px; color:#999;}
.kejixiaoyuan.store .st02 .swiper-button-prev:hover::after,.kejixiaoyuan.store .st02 .swiper-button-next:hover::after { color:#b69c7f;}

.kejixiaoyuan.store .st03 { width:100%; padding:50px 0; background:#f2f3f5;}
.kejixiaoyuan.store .st03 li { float:left; width:345px; height:205px; margin:0 0 15px 15px; overflow:hidden; position:relative;}
.kejixiaoyuan.store .st03 li a { display:block; width:100%;}
.kejixiaoyuan.store .st03 li img { display:block; width:345px; height:205px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.kejixiaoyuan.store .st03 li p { width:90%; height:50px; line-height:50px; font-size:16px; color:#fff; text-align:center; padding:15px 5% 0 5%; background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); position:absolute; right:0; bottom:0; left:0; z-index:2;}
.kejixiaoyuan.store .st03 li:first-child { width:480px; height:430px; margin:0;}
.kejixiaoyuan.store .st03 li:first-child img { width:480px; height:430px;}
.kejixiaoyuan.store .st03 li:hover img { transform:scale(1.1,1.1);}

/*问答列表*/
.qalist { width:100%;}
.qalist li { width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #f4f4f4;}
.qalist li i { display:block; float:left; width:25px; height:25px; line-height:25px; font-style:normal; font-size:14px; color:#fff; text-align:center; margin-right:10px; border-radius:2px; overflow:hidden;}
.qalist li h3 { line-height:25px; font-weight:500; font-size:16px; color:#333; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.qalist li h3 i { background:#ff5722;}
.qalist li p { line-height:25px; font-size:14px; color:#999;}
.qalist li p i { background:#b69c7f;}


/*会议列表*/
.meeting { width:100%;}
.meeting li { float:left; width:295px; margin:15px 17px 0 0; position:relative;}
.meeting li:nth-child(3n) { margin-right:0;}
.meeting li a { display:block; width:100%;}
.meeting li .type { line-height:30px; font-size:12px; color:#fff; padding:0 10px; border-radius:0 0 0 15px; background:#b69c7f; position:absolute; top:0; right:0; z-index:999;}
.meeting li .img { width:295px; height:160px; border-radius:4px 4px 0 0; overflow:hidden;}
.meeting li .img img { display:block; width:295px; height:160px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.meeting li .msg { padding:10px; border:1px solid #eee; border-radius:0 0 4px 4px; overflow:hidden;}
.meeting li .msg h3 { line-height:35px; font-weight:500; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.meeting li .msg p { line-height:25px; font-size:12px; color:#999; padding:0 0 10px 10px; margin-bottom:10px; border-bottom:1px solid #f6f6f6; position:relative;}
.meeting li .msg p::after { display:block; content:""; width:4px; height:4px; border-radius:50%; background:#0d9e13; position:absolute; left:0; top:12px;}
.meeting li .msg p span { display:block; color:#666;}
.meeting li .msg p span b { font-weight:500; color:#b69c7f;}
.meeting li .msg .bmpep { float:left; max-width:75%; line-height:22px; margin-left:8px;}
.meeting li .msg .bmpep img { float:right; width:20px; height:20px; border:1px solid #fff; margin-left:-8px; border-radius:50%; background-color:#ddd;}
.meeting li .msg .bmpep span { float:right; font-size:12px; color:#999; margin-left:10px;}
.meeting li .msg i { float:right; width:60px; font-style:normal; line-height:22px; font-size:12px; color:#fff; text-align:center; border-radius:11px; background:#b69c7f;}
.meeting li:hover .img img { transform:scale(1.1,1.1);}

/*会议详情*/
.meeting-show { width:100%; position:relative;}
.meeting-show .img { float:left; width:460px; height:250px; border:1px solid #eee; border-radius:4px; overflow:hidden; background:#fdfdfd;}
.meeting-show .img img { display:block; width:100%;}
.meeting-show .msg { float:right; width:420px;}
.meeting-show .msg h1 { height:70px; line-height:35px; font-weight:500; font-size:24px; color:#333; margin-bottom:10px;}
.meeting-show .msg span { display:block; float:left; max-width:calc(100% - 130px); line-height:40px; font-size:14px; color:#b69c7f; letter-spacing:1px; padding:0 15px; border-radius:4px; overflow:hidden; background:#fafafa;}
.meeting-show .msg a { display:block; float:right; width:110px; height:40px; line-height:40px; font-weight:bold; font-size:16px; color:#fff; text-align:center; letter-spacing:2px; border-radius:4px; overflow:hidden; background:#ca0400;}
.meeting-show .msg p { line-height:35px; font-size:12px; color:#999; padding:0 15px 0 40px; margin-top:8px; border-radius:4px; background-color:#fafafa; background-repeat:no-repeat; background-position:15px center; background-size:18px;}
.meeting-show .msg p i { font-style:normal; color:#666;}
.meeting-show .msg .tm { background-image:url(http://www.xagxyjh.com/public//static/home/images/xy17.png);}
.meeting-show .msg .bm { background-image:url(http://www.xagxyjh.com/public//static/home/images/xy18.png);}
.meeting-show .msg .ad { background-image:url(http://www.xagxyjh.com/public//static/home/images/xy19.png);}
.meeting-show .tab { margin-top:30px;}
.meeting-show .tab-head { height:50px; line-height:50px; text-align:center; margin-bottom:20px; border-bottom:1px solid #eee;}
.meeting-show .tab-head li { display:inline-block; font-size:16px; color:#666; padding:0 30px; cursor:pointer; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.meeting-show .tab-head li::after { display:none; content:""; width:30px; height:3px; margin:auto; background:#b69c7f; position:absolute; left:0; right:0; bottom:-1px;}
.meeting-show .tab-head .on { font-weight:bold; font-size:18px; color:#b69c7f;}
.meeting-show .tab-head .on::after { display:block;}
.meeting-show .tab-body { width:100%;}
.meeting-show .tab-body li { display:none;}
.meeting-show .tab-body li[class="on"] { display:block;}
.meeting-show .tank { width:540px; min-height:465px; margin:auto; padding:0 15px; border-radius:4px; box-shadow:0 0 40px rgba(0,0,0,0.2); background-image:linear-gradient(#b69c7f,#fff 75%); overflow:hidden; position:fixed; top:20%; right:0; left:0; z-index:999;}
.meeting-show .tank .clos { display:block; width:25px; height:25px; line-height:25px; font-style:normal; text-align:center; border-radius:50%; background:#fff; position:absolute; right:15px; top:18px; z-index:2;}
.meeting-show .tank .clos::before,.meeting-show .tank .clos::after { display:block; content:""; margin:auto; background:#b69c7f; position:absolute; top:0; right:0; bottom:0; left:0; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.meeting-show .tank .clos::before { width:12px; height:2px;}
.meeting-show .tank .clos::after { width:2px; height:12px;}
.meeting-show .tank h1 { height:60px; line-height:60px; font-size:18px; color:#fff;}
.meeting-show .tank .nrs { padding:0 15px 15px 15px; margin-bottom:10px; border-radius:4px; box-shadow:0 1px 5px rgba(0,0,0,0.05); background:#fff;}
.meeting-show .tank .nrs h3 { line-height:45px; font-size:16px; color:#333; border-bottom:1px solid #eee;}
.meeting-show .tank .nrs li { float:left; width:calc(100% / 4 - 29.5px); text-align:center; cursor:pointer; padding:10px; margin:10px 10px 0 0; border:1px solid #eee; -webkit-transition:all .5s ease; transition:all .5s ease;}
.meeting-show .tank .nrs li:nth-child(4n) { margin-right:0;}
.meeting-show .tank .nrs li h4 { line-height:30px; font-size:16px; color:#333;}
.meeting-show .tank .nrs li span { display:block; line-height:25px; font-size:12px; color:#ca0400;}
.meeting-show .tank .nrs li span b { font-weight:500; font-size:16px;}
.meeting-show .tank .nrs li p { line-height:22px; font-size:11px; color:#666;}
.meeting-show .tank .nrs li p i { font-style:normal; font-size:13px; color:#b69c7f; margin:0 3px;}
.meeting-show .tank .nrs li:hover { box-shadow:0 0 10px rgba(0,0,0,0.1);}
.meeting-show .tank .nrs .on { border-color:#ca0400; box-shadow:0 0 10px rgba(202,4,0,0.1);}
.meeting-show .tank .botom { height:65px;}
.meeting-show .tank .botom .nr { width:100%; height:55px; line-height:55px; border-top:1px solid #eee; background:#fff; position:absolute; left:0; bottom:0; z-index:2;}
.meeting-show .tank .botom .nr p { float:left; width:60%; font-size:14px; color:#333; text-align:right;}
.meeting-show .tank .botom .nr p span { color:#ca0400;}
.meeting-show .tank .botom .nr p span b { font-weight:500; font-size:22px;}
.meeting-show .tank .botom .nr .enroll { float:right; width:30%; font-weight:bold; font-size:16px; color:#fff; text-align:center; overflow:hidden; background:#ca0400;}

/*产品列表*/
.prolist { width:100%;}
.prolist li { float:left; width:450px; height:155px; margin:0 20px 20px 0; border-radius:4px; overflow:hidden;}
.prolist li:nth-child(2n) { margin-right:0;}
.prolist li a { display:block; width:100%;}
.prolist li img { display:block; width:450px; height:155px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li:hover img { transform:scale(1.1,1.1);}

/*视频列表*/
.vidlist { width:100%;}
.vidlist li { float:left; width:295px; margin:0 17px 20px 0;}
.vidlist li:nth-child(3n) { margin-right:0;}
.vidlist li a { display:block; width:100%; position:relative; z-index:2;}
.vidlist li .img { width:295px; height:160px; border-radius:4px 4px 0 0; overflow:hidden; position:relative;}
.vidlist li .img::after { display:block; content:""; width:60px; height:60px; margin:auto; background:url(http://www.xagxyjh.com/public//static/home/images/layup.png) no-repeat 0 0; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;}
.vidlist li .img img { display:block; width:295px; height:160px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.vidlist li h3 { line-height:25px; font-weight:500; font-size:16px; color:#333; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.vidlist li p { line-height:20px; font-size:12px; color:#999;}
.vidlist li:hover .img img { transform:scale(1.1,1.1);}

/*下载列表*/
.softlst { width:100%;}
.softlst li { float:left; width:274.5px; text-align:center; margin:0 15px 15px 0; padding:20px 10px; border:1px solid #e4e4e4; border-radius:4px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.softlst li:nth-child(3n) { margin-right:0;}
.softlst li h3 { line-height:45px; font-weight:bold; font-size:16px; color:#333; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.softlst li h3::after { display:block; content:""; width:30px; height:2px; margin:auto; background:#b69c7f; position:absolute; left:0; right:0; bottom:0;}
.softlst li p,.softlst li span { line-height:22px; font-size:12px;}
.softlst li p { color:#999;}
.softlst li span { color:#666; margin:0 10px;}
.softlst li a { display:block; width:90px; height:30px; line-height:30px; font-style:normal; font-size:12px; color:#999; margin:15px auto 0 auto; border-radius:4px; background:#eee; -webkit-transition:all .5s ease; transition:all .5s ease;}
.softlst li:hover { border-color:rgba(32,137,82,0.25); box-shadow:0 5px 10px rgba(32,137,82,0.1);}
.softlst li a:hover { color:#fff; background:#b69c7f;}

/*专题*/
.speclist { width:100%;}
.speclist li { float:left; width:285px; height:105px; text-align:center; margin:0 14px 14px 0; padding:5px; border:1px solid #eee; border-radius:4px; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.speclist li:nth-child(3n) { margin-right:0;}
.speclist li a { display:block; width:285px; height:105px; overflow:hidden;}
.speclist li img { display:block; width:285px; height:105px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.speclist li:hover { box-shadow:0 2px 15px rgba(0,0,0,0.08);}
.speclist li:hover img { transform:scale(1.1,1.1);}

/*会员单位*/
.company { width:100%;}
.company table { line-height:22px; border-top:1px solid #eaedef; border-left:1px solid #eaedef; box-sizing:border-box;}
.company th,.company td { text-align:center; padding:10px; border-right:1px solid #eaedef; border-bottom:1px solid #eaedef; box-sizing:border-box;}
.company th { font-size:14px; color:#333; background:#eaedef;}
.company td { font-size:12px; color:#666;}
.company td.blu { font-weight:bold; color:#333;}
.company tr:nth-child(2n-1) td { background:#f8f8f8;}

/*商城*/
.shopnav { width:100%; padding:20px 0; background:#f8f8f8;}
.shopnav li { width:100%; line-height:30px; font-size:14px; padding:15px 0; border-bottom:1px solid #eee;}
.shopnav li:last-child { border-bottom:none;}
.shopnav li label { float:left; width:70px; color:#999;}
.shopnav li a { float:left; color:#666; padding:0 15px; cursor:pointer;}
.shopnav li a:hover { color:#b69c7f;}
.shopnav li .on { color:#fff; border-radius:15px; background:#b69c7f;}
.shoplist { width:100%; padding:25px 0;}
.shoplist li { float:left; width:220px; cursor:pointer; margin:0 25px 25px 0;}
.shoplist li:nth-child(5n) { margin-right:0;}
.shoplist li a { display:block; width:100%;}
.shoplist li .img { width:220px; height:220px; border-radius:4px; overflow:hidden;}
.shoplist li .img img { display:block; width:220px; height:220px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.shoplist li .msg { width:100%;}
.shoplist li .msg h3 { height:44px; line-height:22px; font-weight:500; font-size:14px; color:#333; margin:5px auto; overflow:hidden;}
.shoplist li .msg span { display:block; max-width:55%; line-height:25px; font-size:12px; color:#ca0400;}
.shoplist li .msg span b { font-weight:500; font-size:16px;}
.shoplist li .msg i { display:block; max-width:45%; line-height:25px; font-style:normal; font-size:11px; color:#bbb;}
.shoplist li:hover .img img { transform:scale(1.1,1.1);}
.shoplist li:hover .msg h3 { color:#b69c7f;}

/*商城详情*/
.comsite .crumb { width:100%; font-size:12px; color:#999; padding-left:20px; background:url(http://www.xagxyjh.com/public//static/home/images/xy07.png) no-repeat left 17px / 13px;}
.comsite .crumb a { color:#666;}
.comsite .crumb a:last-child { color:#b69c7f;}
.datails-content { padding-bottom:80px;}
.protop { margin-bottom:45px;}
.protop .proimg { float:left; width:430px; height:430px; border:1px solid #eaeaea; border-radius:4px; overflow:hidden;}
.protop .proimg img { display:block; width:100%;}
.protop .promsg { float:right; width:730px;}
.protop .promsg .title { line-height:35px; font-size:22px; position:relative;}
.protop .promsg .summary { padding:25px 40px; margin:20px auto; background:#f5f5f5;}
.protop .promsg .summary p { line-height:40px; font-size:14px; color:#888;}
.protop .promsg .summary p s { color:#666; padding-left:25px;}
.protop .promsg .summary .price b { font-size:28px; color:#ca0400; padding-left:25px;}
.protop .promsg .summary .price b i { font-size:14px;}
.protop .promsg .attrs { line-height:30px; font-size:14px; color:#888; padding-left:40px; margin-bottom:20px;}
.protop .promsg .attrs .nam { float:left; width:43px; text-align:right; margin-right:25px;}
.protop .promsg .attrs .color { margin-bottom:20px;}
.protop .promsg .attrs .color .color-cont { float:left; width:calc(100% - 68px);}
.protop .promsg .attrs .color .color-cont .btn { display:inline-block; color:#999; cursor:pointer; padding:0 10px; margin-right:10px; border:1px solid #ddd; border-radius:2px;}
.protop .promsg .attrs .color .color-cont .btn.active { color:#ca0400; border-color:#ca0400;}
.protop .promsg .attrs .number { line-height:30px;}
.protop .promsg .attrs .number .number-cont { float:left; width:calc(100% - 68px); line-height:30px;}
.protop .promsg .attrs .number .number-cont .btn { float:left; width:35px; font-size:20px; text-align:center; cursor:pointer; border:1px solid #ddd; background:#f8f8f8; -webkit-user-select:none; -moz-user-focus:none; -moz-user-select:none;}
.protop .promsg .attrs .number .number-cont input { float:left; width:35px; height:30px; text-align:center; margin:0 5px; border:1px solid #ddd;}
.protop .promsg .btns { padding-left:40px;}
.protop .promsg .btns .layui-btn { height:50px; line-height:50px; color:#fff; padding:0 20px; border:1px solid #ca0400; border-radius:4px; background:#ca0400;}
.protop .promsg .btns .car-btn { margin-left:65px; border:1px solid #f50; background:#f50;}
.prohot { float:left; width:272px;}
.prohot h4 { line-height:40px; font-weight:bold; font-size:16px; color:#333;}
.prohot .item-list { padding:0 25px; border:1px solid #eee;}
.prohot .item-list .content { width:auto; margin:0 auto;}
.prohot .item-list .content .shoplist li { padding-bottom:10px; margin:0 0 20px 0; border-bottom:1px solid #eee;}
.prohot .item-list .content .shoplist li:last-child { padding-bottom:0; margin-bottom:0; border-bottom:none;}
.prodetail { float:right; width:calc(100% - 300px);}
.prodetail h4 { line-height:40px; font-weight:bold; font-size:16px; color:#333; padding-left:15px; position:relative;}
.prodetail h4::after { display:block; content:""; width:3px; height:15px; background:#b69c7f; position:absolute; left:0; top:12px;}
.prodetail .item { line-height:30px; font-size:14px; color:#333; padding:25px; border:1px solid #eee;}
.prodetail .item img { display:block; max-width:100%;}

/*购物车*/
.cart { margin-top:25px; border:1px solid #eee;}
.cart .cart-table-th { height:50px; line-height:50px; background:#f5f5f5;}
.cart .th { float:left; text-align:center;}
.cart .th-chk { width:70px; margin-left:15px; text-align:left; position:relative;}
.cart .th-chk .select-all,.cart .th-chk .select-all label { cursor:pointer;}
.cart .cart-checkbox { display:inline-block;}
.cart .CheckBoxShop { width:15px; height:15px; border:1px solid #ccc; position:relative; top:5px;}
.cart .th-item { width:413px; text-align:left; padding-left:90px; box-sizing:border-box;}
.cart .th-price { width:200px;}
.cart .th-amount { width:200px;}
.cart .th-sum { width:200px;}
.cart .th-op { width:100px;}
.cart .item-content { padding:15px 0; border-top:1px solid #eee; box-sizing:border-box; position:relative;}
.cart .item-content .th-chk { margin-top:35px;}
.cart .item-content .th-item { padding-left:0;}
.cart .item-content .th-su { display:inline-block; line-height:100px; font-size:12px; color:#ca0400;}
.cart .item-content .th-su b { font-size:18px;}
.cart .item-content .th-item .item-cont img { float:left; width:98px; height:98px; border:1px solid #eee; border-radius:4px; overflow:hidden;}
.cart .item-content .th-item .item-cont .text { float:right; width:calc(100% - 110px); line-height:25px;}
.cart .item-content .th-item .item-cont .text .title { color:#333;}
.cart .item-content .th-item .item-cont .text p { font-size:12px; color:#999; margin-top:5px;}
.cart .item-content .th-amount .box-btn { text-align:center; margin-top:30px;}
.cart .item-content .th-amount .box-btn .btn,.cart .item-content .th-amount .box-btn input { display:inline-block; color:#333; text-align:center; border:1px solid #eee; background:#fff;}
.cart .item-content .th-amount .box-btn .btn { width:35px; height:35px; line-height:35px; font-size:18px; background:#fafafa;}
.cart .item-content .th-amount input { width:45px; height:35px;}
.cart .item-content .th-op span { display:inline-block; line-height:30px; color:#fff; cursor:pointer; padding:0 15px; margin-top:35px; border-radius:4px; background:#ca0400;}
.cart .FloatBarHolder { line-height:50px; border-top:1px solid #eee; background:#f5f5f5; position:relative;}
.cart .FloatBarHolder .th-chk { width:150px;}
.cart .FloatBarHolder .batch-deletion span { cursor:pointer;}
.cart .FloatBarHolder .total { margin-right:25px;}
.cart .FloatBarHolder .total span { font-size:14px; color:#ca0400; padding-left:5px;}
.cart .FloatBarHolder .total span b { font-size:24px; position:relative; top:1px;}
.cart .FloatBarHolder .th-chk .select-all label { margin-left:5px;}
.cart .FloatBarHolder .Settlement,.cart .FloatBarHolder .total { float:right;}
.cart .FloatBarHolder .Settlement button.layui-btn { width:180px; height:54px; line-height:54px; font-weight:bold; font-size:18px; color:#fff; text-align:center; background:#ca0400; border-radius:0;}

/*空*/
.cartkong { width:100%; text-align:center; padding-top:130px; margin:45px 0; background:url(http://www.xagxyjh.com/public//static/home/images/nocart.png) no-repeat center top;}
.cartkong p { line-height:30px; font-size:16px; color:#333;}
.cartkong a { display:block; width:120px; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; margin:15px auto; border-radius:20px; background:#b69c7f; -webkit-transition:all .5s ease; transition:all .5s ease;}
.cartkong a:hover { color:#fff; background:#ca0400;}

/*登录、注册*/
.login { margin-bottom:50px; background-image:linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.8));}
.login .nr { border:1px solid rgba(211,193,177,0.4); border-radius:4px; overflow:hidden; background:url(../image/gx29.png) no-repeat left center;}
.login .imgs { float:left; width:738px;}
.login .msg { float:right; width:560px; padding-bottom:40px; border-left:1px solid rgba(211,193,177,0.4); background:#fff;}
.login .msg h1 { height:50px; text-align:center;}
.login .msg h1 img { display:inline-block; height:50px;}
.login .msg h3 { width:70%; line-height:40px; font-weight:500; font-size:12px; color:#999; text-align:center; margin:40px auto 0 auto; letter-spacing:2px; position:relative;}
.login .msg h3::before,.login .msg h3::after { display:block; content:""; width:12.5%; height:1px; margin:auto; background:#eee; position:absolute; top:22px;}
.login .msg h3::before { left:0;}
.login .msg h3::after { right:0;}
.login .msg h3 b { font-weight:bold; font-size:24px; color:#b69c7f; margin:0 30px; position:relative; top:3px;}
.login .msg h3 b::before,.login .msg h3 b::after { display:block; content:""; width:5px; height:5px; border-radius:50%; background:#b69c7f; position:absolute; top:12px;}
.login .msg h3 b::before { left:-20px;}
.login .msg h3 b::after { right:-20px;}
.login .msg .tabs { line-height:60px; padding:0 80px; border-bottom:1px solid rgba(211,193,177,0.3); background:rgba(211,193,177,0.2);}
.login .msg .tabs a { display:block; float:left; font-size:18px; color:#666; letter-spacing:1px; padding:10px 50px 0 50px;}
.login .msg .tabs .on { font-size:22px; color:#333; border-left:1px solid rgba(211,193,177,0.3); border-right:1px solid rgba(211,193,177,0.3); background:#fff; position:relative;}
.login .msg .tabs .on::after { display:block; content:""; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:-1px; z-index:2;}
.login .msg .layui-form { padding:40px 80px 0 80px;}
.login .msg li { font-size:14px; color:#999; margin-bottom:10px;}
.login .msg li input { display:block; width:calc(95% - 2px); height:45px; line-height:45px; font-size:14px; color:#333; padding:0 2.5%; border:1px solid #ddd; border-radius:2px; overflow:hidden; outline:none;}
.login .msg .yzm input { float:left; width:55%;}
.login .msg .yzm img { display:block; float:right; width:165px; height:35px; border:1px solid #ddd; border-radius:2px;}
.login .msg .yzm .layui-btn { display:block; float:right; width:130px; height:40px; font-size:14px; margin-right:0 !important; border:1px solid #dc3b40 !important; border-radius:2px; background:#dc3b40;}
.login .msg .btn { display:block; width:100%; height:55px; line-height:55px; font-weight:bold; font-size:16px; color:#fff; text-align:center; margin-top:20px; cursor:pointer; letter-spacing:2px; border:1px solid #d1ac54; border-radius:4px; background:#d1ac54;}
.login .msg li .solid-checkbox { float:left; width:auto; height:auto; padding:0; margin:1px 8px 0 0;}
.login .msg li a:hover { color:#dc3b40; text-decoration:underline;}
.login .msg li .hint { line-height:30px; font-size:14px; color:#dc3b40;}
.login .msg li .hint i { float:left; margin:0 5px 0 0;}
.login .msg p { line-height:25px; font-size:12px; color:#999; text-align:center; padding-top:10px;}
.login .msg p span { margin:0 40px;}
.login .msg p a { font-weight:bold; font-size:14px; color:#dc3b40;}
.login .msg p a:hover { text-decoration:underline;}
.login .layui-form-checkbox span { padding-right:0 !important;}
.login .solid-label a { font-size:14px; color:#dc3b40; cursor:pointer; position:relative; top:2px;}

/*充值*/
.mcertif {}
.mcertif .mtit { line-height:50px; font-size:18px; color:#333; padding:0 15px; border-bottom:1px solid #eee; background:#fafafa;}
.mcertif .vipwal { padding:15px;}
.mcertif .vipwal h1 { line-height:40px; font-size:24px; color:#333; margin-bottom:15px; padding:0 15px;}
.mcertif .vipwal li { float:left; width:calc(100% / 4); text-align:center; padding:20px; margin:0 15px 15px 15px; border:1px solid #eee; box-shadow:0 0 10px rgba(220,59,64,0.1); background:#fff;}
.mcertif .vipwal li p { line-height:35px; font-size:12px; color:#999;}
.mcertif .vipwal li p span { font-size:14px; color:#dc3b40; margin-right:5px; position:relative; top:2px;}
.mcertif .vipwal li p span b { font-size:22px;}
.mcertif .vipwal li a { display:block; line-height:30px; color:#666;}
.mcertif .vipwal .act { border-color:#dc3b40;}
.mcertif .eval_btn { display:block; width:160px; height:40px; line-height:40px; font-size:14px; color:#fff; margin:0 15px; border:none; border-radius:2px; background:#dc3b40;}
.mbunit .layui-btn-danger { background:#dc3b40;}

/*结算页面*/
.settle { width:100%; padding:20px 0;}
.settle h1 { line-height:30px; font-size:16px; color:#666;}
.settle h2 { line-height:30px; font-weight:bold; font-size:14px; color:#333;}
.settle .shdz { padding:10px 20px; margin:10px auto; border:1px solid #eee;}
.settle .shdz li { width:100%; height:25px; line-height:25px; font-size:14px; color:#666; margin:10px auto;}
.settle .shdz li b { display:inline-block; width:100px; text-align:center; margin-right:25px; border:2px solid #ca0400; position:relative;}
.settle .shdz li b::before,.settle .shdz li b::after { display:block; content:""; position:absolute;}
.settle .shdz li b::before { width:0; height:0; border-style:solid; border-width:0 0 15px 25px; border-color:transparent transparent #ca0400 transparent; bottom:0; right:0; z-index:0;}
.settle .shdz li b::after { width:8px; height:4px; border-left:2px solid #fff; border-bottom:2px solid #fff; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); right:2px; bottom:3px; z-index:2;}
.settle .shdz li:hover { color:#333; cursor:pointer;}
.settle .shdz .adbtn { width:120px; height:35px; margin:10px 0;}
.settle .shdz .adbtn .btn { display:block; width:100%; height:35px; line-height:35px; font-size:12px; color:#fff; border:none; background:#b69c7f;}
.settle .list { padding:15px 20px 10px 20px; border:1px solid #eee;}
.settle .list li { padding:10px 0; border-bottom:1px solid #f4f4f4;}
.settle .list li:last-child { border-bottom:none;}
.settle .list li img { float:left; width:100px; height:100px; border-radius:4px; overflow:hidden;}
.settle .list li .msg { float:right; width:calc(100% - 115px);}
.settle .list li .kjname { float:left; width:60%; height:50px; line-height:25px; font-size:14px; color:#666; overflow:hidden;}
.settle .list li .price { float:left; width:25%; height:25px; line-height:25px; font-size:12px; color:#ca0400; text-align:center;}
.settle .list li .price span { font-size:16px; font-weight:bold;}
.settle .list li .num { float:left; width:15%; height:25px; line-height:25px; font-size:15px; color:#666; text-align:center;}
.settle .list li .num i { font-style:normal; font-size:12px; margin-right:2px;}
.settle .list li p { line-height:25px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.settle .list li .gge { color:#666; margin-top:10px;}
.settle .count { padding:15px 20px; margin:10px auto; border:1px solid #eee;}
.settle .count li { padding-bottom:10px; margin-bottom:5px; border-bottom:1px solid #f4f4f4;}
.settle .count li:last-child { padding-bottom:0; margin-bottom:0; border-bottom:none;}
.settle .count li p { line-height:25px; font-size:12px; color:#999;}
.settle .balance { text-align:right; padding:20px 0;}
.settle .balance p { line-height:30px; font-size:14px; color:#666; padding-right:30px;}
.settle .balance p b { display:inline-block; font-weight:500; font-size:18px; color:#ca0400;}
.settle .balance p b::first-letter { font-weight:500; font-size:14px;}
.settle .bottom { padding:20px; background:#fafafa;}
.settle .bottom p { line-height:40px; font-size:15px; color:#333; text-align:right; padding-right:15px;}
.settle .bottom p span { margin-left:30px;}
.settle .bottom p span b { display:inline-block; font-style:normal; font-size:20px; color:#ca0400; margin:0 5px;}
.settle .bottom p span:last-child b::first-letter { font-size:14px;}
.settle .bottom .btn { float:right; width:120px; height:45px; line-height:45px; font-weight:bold; font-size:16px; color:#fff; margin-top:5px; border:none; background:#ca0400;}

/*会籍查询*/
.membership { width:100%;}
.membership h1 { line-height:80px; font-size:28px; color:#b69c7f; text-align:center;}
.membership .topnr { width:100%;}
.membership .topnr li { width:100%; margin-top:15px;}
.membership .topnr li label { display:block; float:left; width:130px; height:45px; line-height:45px; font-size:14px; color:#333; text-align:center; border:1px solid #eee; border-right:none; border-radius:2px 0 0 2px; box-sizing:border-box; background:#fcfcfc;}
.membership .topnr li input,.membership .topnr li .tag,.membership .topnr li img { display:block; float:left; height:45px; outline:none; border:1px solid #eee; border-radius:0 2px 2px 0; box-sizing:border-box; background:#fff;}
.membership .topnr li input,.membership .topnr li select { line-height:45px; font-size:14px; color:#333; text-align:left; padding:0 10px;}
.membership .topnr li .tag { width:410px; padding-right:20px; position:relative;}
.membership .topnr li .tag::after { display:block; content:""; width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color:#bbb transparent transparent transparent; position:absolute; right:8px; top:20px;}
.membership .topnr li .tag select { width:100%; border:none; background:none; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.membership .topnr li .dwmc { width:410px;}
.membership .topnr .yzm input { width:225px; margin-right:9px;}
.membership .topnr li .btn { width:160px; color:#fff; text-align:center; margin-left:130px; border-color:#b69c7f; background:#b69c7f;}
.membership .topnr li .bg { margin-left:10px; color:#333; border-color:#e6e6e6; background:#eee;}
.membership .mainr { width:100%; margin-top:40px; border-top:1px solid #eee;}
.membership .mainr .result { line-height:30px; font-size:14px; color:#999; margin:20px 0;}
.membership .mainr table { line-height:30px; font-size:14px; color:#333;}
.membership .mainr table th,.membership .mainr table td { padding:5px 10px; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
.membership .mainr table td:last-child { border-right:1px solid #ddd;}
.membership .mainr table th { line-height:40px; font-size:16px; color:#fff; border-color:#006bbf; background:#b69c7f;}
.membership .mainr table .nobod td { border:none;}
.membership .mainr .kong { text-align:center; padding-top:150px; background:url(../image/kong.png) no-repeat center top;}
.membership .mainr .kong p { line-height:30px; font-size:14px; color:#666;}

/*协会刊物*/
.kwlist { width:100%;}
.kwlist li { float:left; width:215px; margin:15px 20px 0 0; position:relative;}
.kwlist li:nth-child(4n) { margin-right:0;}
.kwlist li a { display:block; width:100%;}
.kwlist li .img { width:205px; height:265px; border:5px solid #eee; border-radius:4px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.kwlist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.kwlist li h3 { line-height:30px; font-weight:500; font-size:16px; color:#333; text-align:center; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.kwlist li:hover .img { border-color:#b69c7f;}
.kwlist li:hover .img img { transform:scale(1.1,1.1);}
.kwlist li:hover h3 { color:#b69c7f;}

/*申报*/
.sblist { width:100%;}
.sblist li { float:left; width:290px; margin:15px 25px 0 0; position:relative;}
.sblist li:nth-child(3n) { margin-right:0;}
.sblist li a { display:block; width:100%;}
.sblist li .img { width:290px; height:215px; border-radius:4px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.sblist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.sblist li h3 { line-height:25px; font-size:16px; color:#333; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.sblist li p { line-height:20px; font-size:12px; color:#999;}
.sblist li:hover .img { border-color:#b69c7f;}
.sblist li:hover .img img { transform:scale(1.1,1.1);}
.sblist li:hover h3 { color:#b69c7f;}
.zhumsg { line-height:30px; font-size:15px; color:#ee0707; letter-spacing:1px; white-space:pre-wrap; margin-top:30px; padding:20px 40px; border-radius:4px; background:#fafafa;}