html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
*{tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);}body{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;}
input,textarea{outline:0;resize:none;}
body{background:#e4e8f9;padding:0px; color:#444; font-size:12px;}
a{ color:#444;font-size:12px;}
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.fl{ float:left;display:inline;}
.fr{ float:right;display:inline;}
 

/* public  
================================================================*/
.viewport{min-width:300px;max-width:640px;margin:0 auto;}
.n-top{ height:36px; padding-top:6px; padding-left:10px; position:relative;
    background: -moz-linear-gradient(top, #5d524c 30%, #2e2624 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#5d524c), color-stop(100%,#2e2624));
    background: -webkit-linear-gradient(top, #5d524c 30%,#2e2624 100%);
    background: -o-linear-gradient(top, #5d524c 30%,#2e2624 100%);
    background: -ms-linear-gradient(top, #5d524c 30%,#2e2624 100%);
    background: linear-gradient(to bottom, #5d524c 30%,#2e2624 100%);
	color:#fff;}
.n-top .sp1{ font-size:20px; line-height:30px; display:inline-block; float:left;width: -webkit-calc(100% - 38px);width:-moz-calc(100% - 38px);width:calc(100% - 38px); text-align:center;}
.n-top .sp2{ display:inline-block; position:absolute; left:10px; top:12px;}
.n-top .sp3{ display:inline-block; position:absolute; right:10px; top:12px;}
.n-top .sp4{display:inline-block;font-size:20px; line-height:30px; width:100%; text-align:center; padding-right:20px;}
.gl-m{ padding:0 10px;}
.glul{ width:100%; padding-top:10px;}
.glul li{ width:100%; display:inline-block; float:left; margin-bottom:10px; border:1px solid #816f4b; background:#ffffff; margin-bottom:10px;}
.glul li img{ width:102px; display:inline-block; float:left;}
.gl-r{width: -webkit-calc(100% - 104px);width:-moz-calc(100% - 104px);width:calc(100% - 104px); display:inline-block; float:left; height:130px;}
.gl-r h2{ padding-left:15px; width:80%; font-size:18px; color:#816f4b; height:44px; line-height:22px; margin:6px 0;overflow:hidden;}
.gl-r .lx{ height:24px; line-height:24px; border:1px solid #a6686b;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; display:inline-block; margin:2px 0 6px 20px ;}
.lx .sp1{ display:inline-block; padding:0 5px; height:24px; background:#a6686b; color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.lx .sp2{ display:inline-block; padding:0 10px 0 5px;}
.gl-r p{ padding-left:20px; font-size:12px; line-height:18px; height:36px; overflow:hidden; color:#999; padding-right:5px;}
.ymjz{ height:30px; line-height:18px; font-size:14px; text-align:center;}

.xl-m{}
.im1{ position:absolute; width:100%; top:42px; z-index:0; border-bottom:1px solid #}
.im2{ position:absolute; width:100%; top:42px; z-index:1; text-align:center; margin-top: 2px; }
.zyj1{ position:absolute; top:150px; left:20px; z-index:5;}
.zyj2{ position:absolute; top:150px; right:20px; z-index:5;}
.xl-m .d1{ width:20px; font-size:20px; display:inline-block; position:absolute; z-index:3;top:50px; left:15px;transform:rotate; color:#816f4b; text-align:center;}
.hjsp{font-size:18px; display:inline-block;transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); 	/* Opera */
}
.xl-m .lx{ position:absolute; top:200px; left:30px; text-align:center; padding-bottom:2px; z-index:4;background:#fff; line-height:14px;}
.xl-m .lx{ width:24px; border:1px solid #a6686b;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; display:inline-block; margin:2px 0 6px 20px ;}
.xl-m .lx .sp1{ display:inline-block; padding:5px 0;width:24px; height:28px; background:#a6686b; color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; margin-bottom:2px;}
.xl-m .lx .sp2{ ddisplay:inline-block;transform:rotate(90deg); width:24px; 
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg);}
.xl-w{ margin-top: 401px; z-index:20;line-height:28px; font-size:16px; text-indent:25px; position:absolute; top:42px; width:100%; background:url(../images/bg.png); color:#333333; z-index:10; border-top:1px solid #816f4b; }
.xl-w p{ padding:5px 10px;}
.yyt{ z-index:999;text-align:center;margin-bottom:10px;box-shadow: 0 0 10px rgba(40%,40%,40%,0.5); height:60px; position:absolute; width:100%; top:-10px;}
.xln{ position:relative;}
.go-top{ position:fixed; z-index:999; right:15px; bottom:15px; width:20px;}
.jt{ text-align:center;margin-bottom:10px;}
.xl-w .jt .tdjt{ width:32px;height:20px; margin:0px;}
.xl-w .jt .tdjt {
	position:relative;
    animation:mymove 2s infinite;
	-moz-animation:mymove 2s infinite; /* Firefox */
	-webkit-animation:mymove 2s infinite; /* Safari and Chrome */
	-o-animation:mymove 2s infinite; /* Opera */
}
.xl-n {
    margin-top: 11px;
    line-height: 28px;
    font-size: 16px;
    text-indent: 25px;
    position: absolute;
    top: 42px;
    width: 100%;
    color: #333333;
}
@keyframes mymove {
    /*100% {transform: rotate(1turn); } */
	0%   {top:10px;}
	50%  {top:0px}
	100% {top:10px;}
}

@-moz-keyframes mymove {
    0%   {top:10px;}
	50%  {top:0px}
	100% {top:10px;} 
}
@-webkit-keyframes mymove {
	0%   {top:10px;}
	50%  {top:0px}
	100% {top:10px;}
}



















































@media screen and (max-width:480px){}
@media screen and (max-width:360px){}