/*
SupeSite 官方模板
(C) 2001-2006 Comsenz Inc.
http://www.supesite.com
*/

/*综合设置-------------------------------------------------------------------------------------------综合设置*/



* { word-break: break-all; } /*在IE中实行强制换行*/


body {
margin: 0px;
scrollbar-base-color: #73542F;
scrollbar-arrow-color: #DD9710;
scrollbar-darkshadow-color: #714E20;
background-color:#000000 ;
color: #999;
padding: 0;
text-align: center;
font: 12px Arial, Helvetica, sans-serif;
background: url(/pic/main/bgd.gif)
}


#wrap { margin: 0 auto; text-align: left; width: 778px; background:#000000; padding: 0 4px; w\idth: 770px; BORDER-RIGHT: #C6A653 3px solid;BORDER-LEFT: #C6A653 3px solid; }

/*链接样式*/
a { color: #C69F76; text-decoration: none; }
	a:hover { text-decoration: underline; color: #ffffcc; }
		a:visited { color: #C69F76;}
	a img { border: none; }

/*文章列表中的作者、日期*/
li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
	li cite a { color: #999; font-size: 12px !important; }
		li cite a:visited { color: #999; }

/*用于AJAX调用的DIV*/
.xspace-ajaxdiv { position:absolute; padding: 5px; border: 1px solid #BBB; background: #FCFFEF; text-align: left; }
	.xspace-ajaxdiv h5 { line-height: 24px; font-size: 1em; margin: 0; }
		.xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
	.xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
		.xspace-ajaxcontent form { margin: 0; }

/*分页*/
 
	.xspace-page { float: right; margin: 5px 5px 0 0; }
		.xspace-page a, .xspace-page span { float: left; display: inline; margin-right: 3px; line-height: 20px; padding: 0 5px; border: 1px solid; border-color: #CEE3EA #90AAB4 #90AAB4 #CEE3EA; background: #000000; }
			span.xspace-totlerecord, span.xspace-totlepages { color: #090; }
				span.xspace-totlerecord { margin-right: 0; border-right: none; }
			span.xspace-current { background: #F90; border-color: #0A0 #060 #060 #0A0; color: #FFF; font-weight: bold; }


#notice { margin: 200px auto 0; background: #FFF; border-style: solid; border-color: #714E20 #82612D #82612D; border-width: 4px 1px 1px; }
	#notice_message { padding: 1.5em 1em; font-size: 1.17em; }
	#notice_message.warning { color:red; }
	#notice_links { margin: 0; line-height: 2em; border-top: 1px solid #F5F5F5; background: #000000; padding: 0 1em; }
		#notice_links a { margin: 0 2px; }




/*选项卡*/
h3.tabs { background-image : url(/pic/main/bg_3.gif) !important ; height: 28px; padding-left: 0 !important;BORDER-BOTTOM: #F2E6B9 1px solid;}
	.tab { font-weight: normal; float: left; padding: 0 10px; cursor: pointer;height: 28px;  border-right: 1px solid #C1D8E0; }
	
		.curtab { background: url(/pic/main/bg_4.jpg)!important  ;height: 28px;  border-right-color: #82612D; font-weight: bold; }
		
	
		.tabs a
		{
	height: 28px;
                     filter: glow(color=black ,strength=3); 
                     color: #F5F3E8;
}

/*表单通用样式-----------------------------------------------------------------------------------表单通用样式*/

form { margin: 0; }
	input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
	button { height: 1.8em; padding: 0 0.3em; background: #C69F76; cursor: pointer; border: 1px solid;
		border-top-color: #C9E3F0; border-right-color: #714E20; border-bottom-color: #714E20; border-left-color: #C9E3F0; }
	label { cursor: pointer; margin-right: 0.5em; }

/*头部风格-----------------------------------------------------------------------------------头部风格*/

/*顶部导航*/
#topmenu { background: url(/pic/main/header_bgl.gif); border-bottom: 1px solid #714E20; text-align: right; line-height: 2em; }
	#topmenu ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #C1D8E0; }
		#topmenu li { display: inline; border-left: 1px solid #C1D8E0; padding-left: 1em; padding-right: 0.5em; }
			#topmenu  a {FONT-SIZE: 12px; FILTER: Glow(Color=#FF0000, Strength=3); COLOR: #ffffff; LINE-HEIGHT: 25px; FONT-FAMILY: "Verdana", "宋体"}
			

#pagetitle { padding: 8px 0; height: 76px; height: 60px; border-bottom: 4px solid #000000; overflow: hidden; }
	#logo { border-right: 1px solid #714E20; padding: 0 10px; margin-right: 10px; }
	.banner468 { float: right; }

/*主导航*/
#menu { border-top: 3px solid #714E20; border-bottom: 1px solid #714E20; line-height: 25px; background: #000000; width: 770px; overflow: hidden; }
	#menu ul { list-style: none; margin: 0 1em; padding: 0; width: 100%; overflow: hidden; }
		#menu li { float: left; margin: 0 2px; width: 6em; overflow: hidden; white-space: nowrap; }
	/*首页导航*/
	#menu dl { margin: 0 1.5em; padding: 0; height: 25px; overflow: hidden; }
		#menu dt { float: left; width: 4em; white-space: nowrap; }
			#menu dt a { color: #FFFFCC !important; }
		#menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }

/*您的位置导航*/
#navigation { padding: 1.2em 0; }
	#navigation p { margin: 0;}
		#navigation p a, #navigation p strong { margin: 0 0.5em; }
	#searchform { float: right; }
		#searchform * { vertical-align: top; }
		#searchform button { margin-left: 0.5em; }
	/*简单页面的位置导航*/
	#navigation.simplepage { padding: 0; border-top: 3px solid #714E20; border-bottom: 1px solid #714E20; height: 26px; line-height: 30px; overflow: hidden; background: #EFF5FF url(../images/title_icon.gif) no-repeat 10px 6px;; margin-bottom: 1em; }
		#navigation.simplepage p { float: right; margin-right: 0.5em; }
		#navigation.simplepage h1, #navigation.simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 32px; }

/*-----------------------------------------------------------------------------------布局*/

.content, .contentL, .contentR { width: 100%;}
	/*\*/ * html .content, * html .contentL, * html .contentR { height: 1%; } /**/ *>.content, *>.contentL, *>.contentR { overflow: hidden; }
/*侧边样式*/
.sideL { width: 210px; float: left; overflow: hidden; }
.sideR { width: 190px; float: right; overflow: hidden;}
/*中间部分样式*/
.mainarea { margin: 0 4px; width: 362px; float: left; }
	.contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
	.contentR .mainarea { margin: 0 6px 0 0; width: 574px; }

/*-----------------------------------------------------------------------------------各版块样式*/

/*版块标题*/
.blocktitle { border-top: 3px solid #714E20; padding: 1px 0 0; margin-bottom: 6px; line-height: 30px; }
	.blocktitle h2 { font-size: 1.17em; margin: 0; padding-left: 32px; background: #E2F0F9 url(../images/title_icon.gif) no-repeat 10px 6px; }
	.blocktitle a.more { margin-top: 2px; }

/*侧边版块*/
.block { margin: 0 0 6px; border: 1px solid #82612D; background: url(/pic/main/bg_2.jpg)}
	.block h3 { margin: 1px 0 0; font-size: 1em; color: #FFFFCC; line-height: 26px; padding-left: 0.5em; background: url(../images/dotline_h.gif) repeat-x bottom; }
		.block h3 a { color: #FFFFCC; }
		/*\*/ * html .sideblock h3 { height: 1%; } /**/
	.blockintro { margin: 8px; line-height: 1.6em; }
		.blockintro a { color: #D2B48C; }
	.blockintroimg { float: right; margin: 5px 0 2px 5px; width: 80px; height: 80px; border: 4px solid #E2F0F9; }

 

 
/*-----------------------------------------------------------------------------------文章显示页面*/

	.articletitle { font-size: 1.33em; margin: 1em 0 0.5em; text-align: center; }
		.articletitle a { color: #FFFFCC; }
	.articleinfo { margin: 0 8px !important; background: url(../images/dotline_h.gif) repeat-x bottom; }
	.articlectrl { float: right; }
 

 
 

/*-----------------------------------------------------------------------------------页脚 Footer*/

#footer { clear: both; border-top: 2px solid #714E20; padding-top: 1em; padding-bottom: 2em; text-align: center; font: 100% Verdana, Arial, Helvetica, sans-serif; 
background: url(/pic/main/bg_foot.gif);
}
	#footer p { margin: 0.3em 0; color: #999; }
	#footer strong { color: #ED1C24; text-transform: uppercase; }
		#footer strong span { color: #FFF8DC; }
	#footer em { font-style: normal; font-weight: bold; color: #96A800; }
	#copyright { font-size: 0.83em; }

.smalltxt { font-size: 12px; color: #999; font-weight: normal; }
	.smalltxt a, .smalltxt a:visited { color: #999 !important; }

.msgheader {
margin: 0 2em;
font-weight: bold;
background: #F3F8D7;
padding: 5px;
color: #000000
}
.msgborder {
margin: 0 2em;
padding: 10px;
border: 1px solid #DEDEB8;
word-wrap: break-word;
background: #FDFFF2;
overflow: hidden;
}

.nums { background: url(../images/icon_nums.gif) no-repeat left; padding-left: 10px; }

#slideimg { padding-top: 7px; }

#slidefooter { background: #E2F0F9; border: solid #000000; border-width: 5px 0; height: 27px; margin: 0 auto; overflow: hidden; }
#slideprev { background: url(../images/slide_prev.gif); width: 25px; height: 27px; text-indent: -9999px; float: left; overflow: hidden; }
#slidenext { background: url(../images/slide_next.gif); width: 25px; height: 27px; text-indent: -9999px; float: right; overflow: hidden; }
#slidetext { margin: 0; line-height: 29px; height: 27px; overflow: hidden; }
#slideplay { background: url(../images/slide_play.gif); width: 46px; height: 27px; text-indent: -9999px; float: right; overflow: hidden; }


a.more { float: right; height: 26px; line-height: 26px; color: #FFFFCC; background: transparent url(../images/link_icons.gif) no-repeat 0 7px; padding: 0 10px 0 15px; font-weight: normal; }
	a.minus { background-position: 0 -10px; }
	a.quote { background: url(../images/link_icons.gif) no-repeat 0 -52px; }
	a.del { background: url(../images/link_icons.gif) no-repeat 0 -115px; }
a.author, a.author:visited { color: #090 !important; }
strong.price { color: #090; }

.goodrate { background: url(../images/link_icons.gif) no-repeat 0 -39px; padding: 0 5px 0 16px; }
.replynum { background: url(../images/link_icons.gif) no-repeat 0 -57px; padding: 0 5px 0 16px; }
.users { background: url(../images/link_icons.gif) no-repeat 0 -77px; padding: 0 5px 0 16px; }
.joingroup { background: url(../images/link_icons.gif) no-repeat 0 -99px; padding-left: 16px; }
	.joingroupbtn { background: url(../images/link_icons.gif) no-repeat 1px -97px; padding-left: 16px; float: right; display: inline; margin-right: 10px; width: 16px; w\idth: 0; height: 20px; overflow: hidden; }





.xspace-quote { margin: 10px 5px 10px 50px; border-left: 4px solid #82612D; background: #000000; padding: 10px; }

#msg-joingroup { display: block; width: 120px; height: 35px; line-height: 35px; text-decoration: none; background: #F6AB20; color: #FFF; font-size: 12px; font-weight: bold; border: 1px solid; border-color: #FFD68B #B1A682 #B1A682 #FFD68B; }
/* 插入曲谱页面CSS样式 */
.pu_top { margin: 0 0 6px; background: url(/pic/main/bg_2.jpg); BORDER-BOTTOM: #82612D 1px solid;height:auto; }
.pu_t_f { margin: 0 0 6px; background: url(/pic/main/bg_2.jpg); BORDER-top: #82612D 1px solid;BORDER-BOTTOM: #82612D 1px solid;height:auto; }
.pu_look { margin: 0 0 6px; background: url(/pic/main/bg_pu_1.jpg); BORDER-top: #82612D 1px solid;BORDER-BOTTOM: #82612D 1px solid;height:auto; }
.pldiv {background:  #714E20; BORDER-LEFT: #FFCC00 1px solid; border-right: #FFCC00 1px solid; border-bottom: #FFCC00 1px solid; border-top: #FFCC00 1px solid;  FLOAT: center;PADDING-RIGHT: 5px;PADDING-left: 5px;PADDING-bottom: 5px;}
.fontcolor { color:#7CFC00}



/*2016-6-7更新*/


.style1 {color: #FF0000}
.STYLE12 {color: #009900}
/*列表*/
.xspace-list, .xspace-list2col { list-style: none; line-height: 1.6em; margin: 0.5em 0; padding: 0; zoom: 1; overflow: hidden; }
	.xspace-list li, .xspace-list2col li { padding-left: 1.5em; background-image: url(http://www.gangqinpu.com/images/base/icon_list.gif); background-repeat: no-repeat; background-position: 0.5em 0.6em; margin-bottom: 5px; }
/*小图片列表*/
	li.xspace-avatarlist { float: left; padding: 4px; width: 58px; height: 73px; width: 48px; height: 63px; margin: 2px; text-align: center; overflow: hidden; }
		li.xspace-avatarlist img { width: 48px; height: 48px; border: none; }
		li.xspace-avatarlist p { margin: -5px 0 0 !important; margin: 0; }
	/*图片样式*/
.xspace-imgstyle { background: #F9F9F9; border: 1px solid #CCC; padding: 4px; }
/*信息正文中的模块*/
.xspace-msgmodule { margin: 2em 0; }
	.xspace-msgmodule h5 { margin: 0.3em 0; font-size: 1em; border-bottom: 1px solid #EEE; }
/*论坛*/
popupmenu_popup{overflow:hidden;padding:10px;text-align:left;line-height:1.4em;border:1px solid #CB9E63;background:#FEFEFE;}.headermenu_popup{width:100px;}
 


/*评论列表*/
#xspace-itemreply { margin: 1em 0; overflow: hidden; width: 99.5%; }
	#xspace-itemreply dl { margin: 0; padding: 5px 5px 5px 70px; }
		#xspace-itemreply dt { border-bottom: 1px solid #DDD; margin-bottom: 0.5em; }
			#xspace-itemreply img.xspace-signavatar { padding: 4px; width: 48px; height: 48px; position: absolute; margin-left: -65px; }
			#xspace-itemreply dt span.xspace-rate { position: absolute; width: 56px; font-size: 1.3em; font-weight: bold; text-align: center; margin-left: -65px; margin-top: 60px; }
			#xspace-itemreply dt a.xspace-del, #xspace-itemreply dt a.xspace-quote { float: right; margin-left: 5px; padding-left: 13px; background-position: 0 1px; background-repeat: no-repeat; }
				#xspace-itemreply dt a.xspace-del { background-image: url(../images/base/icon_del.gif); }
				#xspace-itemreply dt a.xspace-quote { background-image: url(../images/base/icon_bbs.gif); }
		#xspace-itemreply dd { margin: 0; line-height: 1.8em;  word-wrap:break-word; width:380px; padding-bottom: 1em; }
			#xspace-itemreply dd * { line-height: normal; }
				#xspace-itemreply dd p, #xspace-itemreply dd div { line-height: 1.8em !important; margin: 10px 0; }
					#xspace-itemreply dd p *, #xspace-itemreply dd div * { line-height: normal !important; }
				#xspace-itemreply dd a { text-decoration: underline; }
			#xspace-itemreply dd img { max-width: 400px; width: expression(this.width > 400 ? 400: true); }
		#xspace-itemreply dd blockquote, #xspace-itemreply dd div.xspace-quote, #xspace-itemreply dd div.xspace-guestbookreply { margin: 10px 10px 10px 20px; padding: 6px 10px; border: solid #EEE; border-width: 1px 1px 1px 3px; }
		/*图片样式*/
.xspace-imgstyle { background: #F9F9F9; border: 1px solid #CCC; padding: 4px; }

/*图片列表*/
.imgthumblist { margin: 0; padding: 0; list-style: none; padding-bottom: 6px; }
	/*\*/ * html .imgthumblist { height: 1%; }/**/ *>.imgthumblist { overflow: hidden; }
		.imgthumblist li { float: left; display: inline; background: #FFF; text-align: center; width: 123px; height: 135px; w\idth: 115px; he\ight: 125px; overflow: hidden; border: 1px solid #EEE; padding: 3px; margin: 6px 0 0 4px; }
			.imgthumblist p { margin: 0; line-height: 22px; }

			.imgthumblist div { line-height: 90px; font-size: 90px; height: 106px; display: table; background: url(../images/dotline_h.gif) repeat-x bottom; }
				.imgthumblist div a { display: table-cell !important; display: block; width: 115px; vertical-align: middle; }
					.imgthumblist div img { vertical-align: middle; max-width: 100px; max-height: 100px; width: expression(this.width >100 && this.height < this.width ? 100: true); height: expression(this.height > 100 ? 100: true); font-size: 10px; }
					@media all and (min-width: 0px){ .imgthumblist div img { width: 100px; height: 100px; } } /*for Opera Only*/
                    li.smallthumb { width: 88px; height: 105px; w\idth: 81px; he\ight: 97px; border-color: #DFDFDF; margin: 0 0 6px 4px; }
				li.smallthumb div { line-height: 65px; font-size: 65px; height: 80px; }
					li.smallthumb div a { width: 80px; }
						li.smallthumb div img {  max-width: 75px; max-height: 75px; width: expression(this.width >75 && this.height < this.width ? 75: true); height: expression(this.height > 75 ? 75: true); }			
						@media all and (min-width: 0px){ li.smallthumb div img { width: 75px; height: 75px; } } /*for Opera Only*/

   

     .share_icons{ float:left;width:230px;height:40px;}
     .share_icons a{float:left;width:16px; margin-left:5px; margin-right:5px;overflow:hidden;}
 
/*评分*/
.marking{ margin:7px 2px 0;padding-bottom:2px;height:94px;}
.marking ul{ float:left; position:relative; z-index:1;width:300px;height:24px;background:url(/pic/lev/vendpage_x.gif) repeat-x 0 0; line-height:24px;padding:0; margin:0;}
.marking ul li{ float:left;list-style-type:none;}
.marking ul li a{ display:block; z-index:3; width:30px;height:24px;position:absolute; z-index:10; text-indent:-99em;}
.marking ul li a:hover{ z-index:4;background:url(/pic/lev/vendpage_x.gif) repeat-x 0 -70px;}
.marking .current{ position:absolute; z-index:2; background:url(/pic/lev/vendpage_x.gif) repeat-x 0 -36px; text-indent:-99em;}
.marking .rate{ float:left; margin:0 0 0 10px}
.marking ul li.st1 a{ left:0; width:30px;}
.marking ul li.st2 a:hover{ left:0;width:30px;}
.marking ul li.st2 a{ left:30px;width:30px;}
.marking ul li.st2 a:hover{ left:0;width:60px;}
.marking ul li.st3 a{ left:60px;width:30px;}
.marking ul li.st3 a:hover{ left:0;width:90px;}
.marking ul li.st4 a{ left:90px;width:30px;}
.marking ul li.st4 a:hover{ left:0;width:120px;}
.marking ul li.st5 a{ left:120px;width:30px;}
.marking ul li.st5 a:hover{ left:0;width:150px;}
.marking ul li.st6 a{ left:150px;width:30px;}
.marking ul li.st6 a:hover{ left:0;width:180px;}
.marking ul li.st7 a{ left:180px;width:30px;}
.marking ul li.st7 a:hover{ left:0;width:210px;}
.marking ul li.st8 a{ left:210px;width:30px;}
.marking ul li.st8 a:hover{ left:0;width:240px;}
.marking ul li.st9 a{ left:240px;width:30px;}
.marking ul li.st9 a:hover{ left:0;width:270px;}
.marking ul li.st10 a{ left:270px;width:30px;}
.marking ul li.st10 a:hover{ left:0;width:300px;}
.marking .rate .num,.marking .rate .num2{ font-weight:bold; color:#f07200; font-family:Verdana, Arial, Helvetica, sans-serif}
.marking .rate .num{ font-size:22px;}
.STYLE13 {color: #F77100}
.noyzcss{text-align:center;width: 720px !important; height: 30px !important;   font-size : 13pt  !important;}
#punews{overflow: hidden;white-space: nowrap;}
#punews li {margin-bottom:5px;}
#punews li span{  display:-moz-inline-box; display:inline-block;overflow: hidden;white-space: nowrap;width:100px;}
.ncss{font-family : fantasy; color : #F1FF14;width:60px !important;}
/*图谱缩放*/
.swiper-slide {MARGIN: auto;WIDTH: 630px;height:900px;}
.swiper-slide img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 630 ? "630px" : this.width)!important;}

.device {
  width: 650px;
  height: 900px;
  padding: 30px 40px;
  border-radius:  20px;
   
  background: url(/pic/main/bg_pu_1.jpg);  
  border: 3px solid white;
  margin: 5px auto;
  position: relative;
  box-shadow: 0px 0px 5px #000;
}
.device .arrow-left {
  
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.device .arrow-right {
   
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.swiper-container {
  height: 900px;
  width: 650px;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}

.menu_css{width:700px;margin-left:70px;}
.menu_css span{margin-right:20px}

    .menu_css span {
        white-space: nowrap; /*强制span不换行*/
        display: inline-block; /*将span当做块级元素对待*/
        width: 110px; /*限制宽度*/
        /* /  overflow: hidden; /*超出宽度部分隐藏*/ *
        text-overflow: ellipsis; /*超出部分以点号代替*/
        /* line-height: 0.9;  数字与之前的文字对齐*/
    }
    #yusi_gg_t
    {
        width:110px;
       
    }
#yusi_gg_d {
    width: 110px;
    
}
#yusi_gg_d a 
{
    color:#FFCC00;
}

    #yusi_gg_d a:hover {
        color: #FFCC00;
    }

 #yusi_gg_t a {
        color: #FFCC00;
    }

    #yusi_gg_t a:hover {
        color: #FFCC00;
    }



.search_css{margin-left:20px;margin-bottom:20px;border: 1px dashed #EEE;width:700px; height:30px;padding-top:10px;padding-left:10px;}
.form_css{margin-left:60px;}


.puleft { float: left; width: 100px ;margin:15px 0px 0px 15px;  }  
 .puleft2 { float: left; width: 120px ;margin:15px 15px 10px 0px;  }
.puright { float: left; width: 230px;overflow: hidden;white-space: nowrap; }  
.puright li{height:20px;}
.pucenter {float: left; width: 220px; overflow:hidden; }  
.hitcss {
    
	 margin-top:-3px;
    color: #FFFFCC; 
	 font-weight : bold;
    float: right; 
}

.pusmcss
{
    float:right;
    bottom:0px;
    margin-top:30px;
     
}
.pusmcss   a
{
    
    color:#090;
}
.pusmcss li  
{
  margin-top:10px;
  list-style-type:none;
}
.close {
    float: right;
    position: relative
}







.mc_css {
    width: 120px;
    height: 270px;
}
#men_left {
    float: left;
    color: white;
}

.yuan {
    background: #FDFF20;
    border-radius: 25px;
    color: #000000;
    padding-left: 10px !important;
}

    .yuan a {
        color: black !important;
        text-decoration: none;
    }

        .yuan a:hover {
            color: #f00;
        }

#men_right {
    float: right;
}
/*顶部导航*/
#top_mcc {
    background: url(/pic/main/header_bgl.gif);
    /* border-bottom:2px solid #654721;*/
    text-align: right;
    height: 20px;
    padding-bottom: 4px;
}

    #top_mcc ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #top_mcc li {
        display: inline;
        border-left: 1px solid #C1D8E0;
        padding-left: 10px;
        padding-right: 10px;
    }

    #top_mcc a {
        FONT-SIZE: 12px;
        FILTER: Glow(Color=#FF0000, Strength=3);
        COLOR: #ffffff;
        LINE-HEIGHT: 25px;
        FONT-FAMILY: "Verdana", "宋体"
    }

.no_border {
    border: none !important;
}

.wx_close {
    margin-left: 200px;
    margin-top: 60px;
}

.pop {
    position: absolute;
    width: 293px;
    height: 209px;
    z-index: 999;
}

.down_mcc {
    background-image: url(/img/mcc/down_bg.png);
    width: 293px;
    height: 393px;
    z-index: 999;
}
.down_p {
    margin-top: 5px;
    text-align: center;
    font-size:13px;
}
.tokenneed_txt {
    color: red;
    font-weight: bold;
    
}
.down_30 {
    margin-top: 10px;
    text-align: center;
}
.downurl_txt {
    display: block;
    border-radius: 25px;
    background: #937933;
    height:30px;
    width: 120px;
    color: white;
    padding-top:9px;
    margin-left:90px;
    
}
    .downurl_txt a 
    {
        color: #EEE;
    }

.btn {
    color: #EEE;
    background-color: #937933;
    border: 0px none;
    font-size: 13px;
    text-decoration: underline;
    text-decoration: none;
}

    .btn:hover {
        color: red;
        border: none;
         
        cursor: pointer;
        text-decoration: underline;
      
    }

    .btn:focus {
        outline: none;
    }
.hid_div {
    display: none;
}

.yusi_learn {
    color: yellow;
}


/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transition-property: height,-webkit-transform;
        transition-property: height,-webkit-transform;
        -o-transition-property: transform,height;
        transition-property: transform,height;
        transition-property: transform,height,-webkit-transform
    }

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        -webkit-transform: scale(.66);
        -ms-transform: scale(.66);
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        -webkit-transform: scale(.66);
        -ms-transform: scale(.66);
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            -webkit-transition: .2s top,.2s -webkit-transform;
            transition: .2s top,.2s -webkit-transform;
            -o-transition: .2s transform,.2s top;
            transition: .2s transform,.2s top;
            transition: .2s transform,.2s top,.2s -webkit-transform
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: .2s left,.2s -webkit-transform;
        transition: .2s left,.2s -webkit-transform;
        -o-transition: .2s transform,.2s left;
        transition: .2s transform,.2s left;
        transition: .2s transform,.2s left,.2s -webkit-transform
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right,.2s -webkit-transform;
    transition: .2s right,.2s -webkit-transform;
    -o-transition: .2s transform,.2s right;
    transition: .2s transform,.2s right;
    transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

    .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0
    }

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255,255,255,.25)
}

    .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
        background: #fff
    }

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

    .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
        background: #000
    }

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

    .swiper-lazy-preloader:after {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0
    }

.swiper-container-flip {
    overflow: visible
}

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}




#popup_container {
    BORDER-RIGHT: #999 5px solid;
    BORDER-TOP: #999 5px solid;
    MIN-WIDTH: 300px;
    FONT-SIZE: 12px;
    BACKGROUND: #fff;
    MAX-WIDTH: 600px;
    BORDER-LEFT: #999 5px solid;
    COLOR: #000;
    BORDER-BOTTOM: #999 5px solid;
    FONT-FAMILY: Arial, sans-serif;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

#popup_title {
    BORDER-RIGHT: #fff 1px solid;
    PADDING-RIGHT: 0em;
    BORDER-TOP: #fff 1px solid;
    PADDING-LEFT: 0em;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    BACKGROUND: url(images/title.gif) #ccc repeat-x 50% top;
    PADDING-BOTTOM: 0em;
    MARGIN: 0em;
    BORDER-LEFT: #fff 1px solid;
    CURSOR: default;
    COLOR: #666;
    LINE-HEIGHT: 1.75em;
    PADDING-TOP: 0em;
    BORDER-BOTTOM: #999 1px solid;
    TEXT-ALIGN: center
}

#popup_content {
    PADDING-RIGHT: 1.75em;
    PADDING-LEFT: 1.75em;
    BACKGROUND: url(images/info.gif) no-repeat 16px 16px;
    PADDING-BOTTOM: 1em;
    MARGIN: 0em;
    PADDING-TOP: 1em
}

.alert#popup_content {
    BACKGROUND-IMAGE: url(images/info.gif)
}

.confirm#popup_content {
    BACKGROUND-IMAGE: url(images/important.gif)
}

.prompt#popup_content {
    BACKGROUND-IMAGE: url(images/help.gif)
}

#popup_message {
    PADDING-LEFT: 48px
}

#popup_panel {
    MARGIN: 1em 0em 0em 1em;
    TEXT-ALIGN: center
}

#popup_prompt {
    MARGIN: 0.5em 0em
}




* {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.fixediv {
    position: fixed;
    top: 140px;
    z-index: 9999;
    width: 140px;
    height: 316px;
    background: #ddd;
}

    .fixediv img {
        float: left;
    }

    .fixediv a.close {
        display: block;
        height: 30px;
        line-height: 30px;
        background: #fff;
        font-size: 14px;
        padding: 0 10px;
        color: #5e5e5e;
        text-decoration: none;
        text-align: center;
    }

.leftadv {
    left: 0px;
}

.rightadv {
    right: 0px;
}

.model {
    position: absolute;
    z-index: 1003;
    width: 620px;
    height: 640px;
    text-align: center;
    background-color: #CCC;
    display: none;
    border-radius: 20px;
}


.foot_btnLeft {
    display: block;
    position: fixed;
    max-width: 120px;
    height: 36px;
    width: 100%;
    bottom: -40;
    left: 4em;
}

    .foot_btnLeft::after {
        content: '原谱试听';
        position: absolute;
        bottom: 0; /* left: 0; */
        width: 100%;
        height: 36px;
        line-height: 36px;
        min-height: 36px;
        background-size: cover;
        background: rgb(51, 51, 51);
        color: rgb(255, 255, 255);
        box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
        border-radius: 18px;
        text-align: center; /* font-size: 14px; */ /* box-sizing: border-box; */ /* visibility: visible; */
    }

.foot_btnRight {
    display: block;
    position: fixed;
    max-width: 120px;
    height: 36px;
    width: 100%;
    bottom: -30;
    right: 13em;
}

    .foot_btnRight::after {
        content: 'app中打开';
        position: absolute; /* bottom: 0; */ /* left: 0; */
        width: 100%;
        height: 36px;
        line-height: 36px;
        min-height: 36px;
        background-size: cover;
        background: rgb(241, 214, 103);
        border: 1px solid rgb(216, 199, 222);
        color: rgb(0, 0, 0);
        box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
        border-radius: 18px;
        text-align: center;
        font-size: 14px;
        box-sizing: border-box;
        visibility: visible;
    }