html{overflow-x:hidden;}
body{font:16px/1.5 'Microsoft Yahei','Helvetica','arial';-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,102,204,0.2); margin:0 auto;background:#f5f5f5;color:#333; overflow-x:hidden;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,,input,select,button,textarea,iframe{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
video embed,video object,video iframe,video{width:100%;height:auto;}
img{border:0 none;vertical-align:top;width:100%;height:auto;width:auto\9;-ms-interpolation-mode:bicubic;}
ul,li{list-style-type:none; padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-size:100%; padding:0; margin:0;}
p{ padding:0; margin:0;}
i,em,cite{font-style:normal;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left;}
.fr{float:right;}
.fb{font-weight:bold;}
.f14{font-size:0.875em;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.rela{position:relative;}
.abso{position:absolute;}
a{text-decoration:none;}
a,a:hover{outline:none;}
textarea{resize:none}
input[type="text"],input[type="password"],select,textarea{outline:0;-webkit-user-modify:read-write-plaintext-only;-webkit-appearance:none;}
.bg1{ background:#fdd841;position:relative; left:0; top:0;}
.bg2{ background:#faebdf;position:relative; left:0; top:0;}
.bg3{ background:#fdd841;position:relative; left:0; top:0; padding:0 0 22% 0;}

/*loading*/
.loading{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background:#fff;}
.spinner{margin:58% auto;width: 40px;height: 40px;position: relative;}
.container1 > div, .container2 > div, .container3 > div{width:12px;height:12px;background-color: #333;border-radius: 100%;position: absolute;-webkit-animation: bouncedelay 1.2s infinite ease-in-out;animation: bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.spinner .spinner-container{position: absolute;width: 100%;height: 100%;}
.container2{-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.container3{-webkit-transform: rotateZ(90deg);transform: rotateZ(90deg);}
.circle1{top: 0;left: 0;}
.circle2{top: 0;right: 0;}
.circle3{right: 0;bottom: 0;}
.circle4{left: 0;bottom: 0;}
.container2 .circle1{-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.container3 .circle1{-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.container1 .circle2{-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.container2 .circle2{-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
.container3 .circle2{-webkit-animation-delay: -0.7s;animation-delay: -0.7s;}
.container1 .circle3{-webkit-animation-delay: -0.6s;animation-delay: -0.6s;}
.container2 .circle3{-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.container3 .circle3{-webkit-animation-delay: -0.4s;animation-delay: -0.4s;}
.container1 .circle4{-webkit-animation-delay: -0.3s;animation-delay: -0.3s;}
.container2 .circle4{-webkit-animation-delay: -0.2s;animation-delay: -0.2s;}
.container3 .circle4{-webkit-animation-delay: -0.1s;animation-delay: -0.1s;}
@-webkit-keyframes bouncedelay{0%, 80%, 100%{-webkit-transform: scale(0.0)}
40%{-webkit-transform: scale(1.0)}}
@keyframes bouncedelay{0%, 80%, 100%{transform: scale(0.0);-webkit-transform: scale(0.0);}
40%{transform: scale(1.0);-webkit-transform: scale(1.0);}}

.pr{ position:relative; left:0; top:0;}
.header{}
.header .logo{ height:11%; width:25%; line-height:0; font-size:0; display:block; position:absolute; left:1%; top:1%;}

/**/
.nav{ line-height:1.875em; color:#7a3700; padding:2% 2% 0 8%; background:url(../images/xing.gif) no-repeat 2% 7%; background-size:5% auto;}
.gw{ padding:0 2%; border:2px solid #ff9232; border-radius:10px; margin:15% 0 0 0;}
.gw .tit{ text-align:center; width:70%; margin:-6.6% auto 0 auto;}
.gw .tit2{ text-align:center; width:80%; margin:-6.6% auto 0 auto;}
.gw .nr{ padding:3% 0 1% 0;}
.gw .nr p{ color:#7a3700; line-height:1.25em; padding:2% 1%;}
.gw .b{ text-align:center; margin-bottom:-3%;}
.gw .b img{ width:90%;}
.btn{ margin:8% 0 6% 0; text-align:center;}
.btn a{ display:inline-block; width:90%; height:1.8em; line-height:1.8em; text-align:center; font-size:1.5em; background:#f86464; border-radius:10px; border-bottom:5px solid #f4b92f; color:#fff;}

.btn2{ text-align:center; position:fixed; left:0; bottom:0; width:100%; background:#fdd841; padding:3% 0;}
.btn2 a{ display:inline-block; width:90%; height:1.8em; line-height:1.8em; text-align:center; font-size:1.5em; background:#f86464; border-radius:10px; border-bottom:5px solid #f4b92f; color:#fff;}

/**/
.red{ width:96%; margin:5% auto; position:relative;}
.red .a1{ display:block; width:80%; height:55%; line-height:0; font-size:0; position:absolute; left:10%; top:36%;}
.jx{ line-height:2em; color:#7a3700; padding:0 0 5% 30%;}

/**/
.jiang{ width:96%; margin:5% auto; position:relative;}
.jiang .num{ color:#eb3d3d; width:90%; text-align:center; position:absolute; top:28%; left:0; font-size:1.75em;}
.jiang .ma{ color:#ffad9a; width:46%; text-align:center; position:absolute; top:69%; left:32%; font-size:0.83em;}
.jiang .xk{ position:absolute; left:30%; top:81%; font-size:1.125em;}
.jiang .xk a{ color:#ffd2ba;}
.hdsm{ width:90%; margin:10% auto 0 auto; position:relative; margin-bottom:5%; background:#fff; }
.hdsm .t1{ position:absolute; left:29%; top:-7%; width:40%;}
.hdsm .t2{ position:absolute; left:29%; top:-13%; width:40%;}
.hdsm ul{ padding:12% 0 5% 5%;}
.hdsm li{ color:#9d4a13; overflow:hidden; padding:0 0 1% 0;}
.hdsm li i{ display:inline-block; float:left; width:25px; height:25px; text-align:center; line-height:25px; color:#fff; background:#ffa81f; border-radius:50%;}
.hdsm li p{ float:left; width:85%; padding:0 0 0 8px;}
.hdsm .sm{ color:#ac876e; padding:2% 0 0 8%;}
.hdsm .b1{ width:15px; height:174px; position:absolute; left:-15px; bottom:0; background:url(../images/b1.png) no-repeat;}
.hdsm .b2{ width:15px; height:183px; position:absolute; right:-15px; bottom:0; background:url(../images/b2.png) no-repeat;}
.hdsm .xian{ height:5px; width:100%; background:#f5b51a; border-radius:70%; position:absolute; bottom:-5px; left:0;}
.hdsm p{ padding:13% 8% 5%; color:#9d4a13;}


/**/
.time{width:90%; margin:5% auto; position:relative; background:#fff; padding-bottom:2%;}
.time .t1{}
.time ul{ border:2px solid #fca06f; border-top:0; width:93.2%; margin-left:2.7%; padding:4% 0 2% 0;}
.time li{ overflow:hidden; padding:0 0 2% 0; font-size:1.1em; text-align:center;}
.time h3{ color:#3f2383;}
.time h3 a{ color:#3f2383;}
.time p{ color:#e45000;}
.time p a{ color:#e45000;}
.time .b1{ width:15px; height:174px; position:absolute; left:-15px; bottom:0; background:url(../images/b1.png) no-repeat;}
.time .b2{ width:15px; height:183px; position:absolute; right:-15px; bottom:0; background:url(../images/b2.png) no-repeat;}
.time .xian{ height:5px; width:100%; background:#f5b51a; border-radius:70%; position:absolute; bottom:-5px; left:0;}
.time .fx{ padding:0 1%; color:#e45000;}

.thk{text-align:right; padding:0 5% 5% 0;}
.thk img{ width:80%;}

/*弹出*/
.dialog-mod{ display:none; width:100%; position:fixed; left:0; top:0; z-index:20; _position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||(document.documentElement.clientWidth*0)));_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||(document.documentElement.clientHeight*0))))}
.dialog-mod .bg{ width:100%; height:100%; background:#000; opacity:0.4; filter: Alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; z-index:2;}
.cms-dialogs{}
.tc_more{width:80%; overflow:hidden; position:absolute; top:0; left:40%; margin-left:-35%; background:#fff; z-index:20; background:#f16501; border-radius:10px; padding:10px;}
.cms-dialogs2 .share{ position:absolute; top:10px; right:10px; width:60%}

@media screen and (min-width: 320px) and (max-width: 361px) {
.nav{ font-size:0.875em;}
.jiang .num{ top:24%;}
.jiang .ma{ top:64%;}
.hdsm li{ font-size:0.875em;}
.time ul{ top:33%; border:1px solid #fca06f; border-top:0; width:93.5%; margin-left:2.8%; }
.time li{ font-size:1em;}
.jiang .xk{ font-size:1em;}
}	

