@charset "utf-8";
/* CSS Document */

/*全局-------------------*/
body,div,span,ul,li,ol,dl,dt,dd,em,i,h1,h2,h3,h4,h5,h6,p,input,a,img,button{ margin:0; padding:0; list-style:none; border:0;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 0;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;}
em,i{ font-style:normal;}
p{ word-wrap: break-word;}
html{font-size:20px;line-height:1.35rem;}
body{font-family:"微软雅黑", Tahoma,Helvetica, sans-serif; color:#000; max-width:750px; margin:0 auto;background:#fbe1b4;}
img{ width:100%; display:block;}
[type="button"],[type="submit"]{-webkit-appearance: none;}
a{ color:#000; text-decoration:none;}
.bbg{padding:0.5rem 2%; }
.sj{font-family: serif; font-size: 18px; padding-top: 10px;}
.bbg p{ font-size:0.7rem; text-align:center; line-height:1.35rem; color: #666;}
.zgzp{background: #fff;}
.zgzp h4{text-align: center; font-size: 1.2rem; line-height: 1.75rem;}
.zgzpc{ margin: 0.5rem 5% 0; position: relative;}
.zgzpc i{ display: block; width: 0.15rem; height: 35%; background: #2b2e32; position: absolute; top:21%; left: 50%; margin-left: -0.2rem; animation: xz 10s both infinite alternate; transform-origin:center 87%;-webkit-animation: xz 10s both infinite alternate; -webkit-transform-origin:center 87%;}
.cgp{ display: block; padding:0.5rem 7%; }
.cgp span{  display: block; width: 90%; margin: 0 auto;}
.cgp span input{ border: 1px solid #ccc;  line-height: 2.35rem; box-sizing: border-box; padding:0.5rem 1rem; width: 100%; background:#fff ;-webkit-background-size: 1.75rem; font-size: 1.3rem; border-radius: 0.25rem; text-align: center;}
.cgp a{  display: block; line-height: 3.5rem; height: 3.5rem; background: #ef5456; width: 90%; font-size: 1.2rem; color: #fff; border-bottom: 0.25rem solid #d3292c; border-radius: 0.5rem; margin: 1rem auto 0; text-align: center; animation: pluse .5s both alternate infinite;-webkit-animation: pluse .5s both alternate infinite;}
.cgp a i{ color: #fff600; }
.cgp p{ font-size: 1rem; color: #333; text-align: center; line-height: 1.5rem; margin-top: 0.5rem; }
.zgc2c{ font-size: 1rem; color: #707070; line-height: 2rem; text-align: center;}
.zgc2c img{ display: inline-block; width: 2rem; vertical-align: middle; margin-right: 0.5rem;}
.zgc2c b,.zgc2c i{ color:#cf3c56;font-size: 1.2rem;}
.zgc2 p{font-size: 1rem; color: #333; padding:0.5rem 3%; line-height: 1.5rem;}
.zgc3{ padding:0.5rem 3%; background: #fbe9e7; margin-top: 1rem;}
.zgc3 div table{ width: 100%; text-align: center; border-collapse: collapse;}
.zgc3 div th{  color: #545455; font-weight: normal; font-size: 1.2rem; line-height: 1.5rem; padding:0.5rem 0; text-align: center; border-bottom: 1px dashed #999;}
.zgc3 div td{font-size:1.15rem; line-height: 1.5rem; padding:0.5rem 0; color: #545455; }
.zgc3 div .green{ color: #01c333;}
.zgc3 div .red{ color: #fe1402;}
#scolltable{ height: 15rem; overflow: hidden;}
.zgc3t{text-align: center; margin-bottom: 0.5rem;}
.zgc3t h4{ color: red; font-size: 1.2rem; line-height: 2rem;}
.zgc3t p{ color: #333; font-size: 1rem; line-height: 1.5rem;}
.cgpb{ display: flex;display:-webkit-flex;padding:1rem 5%;  align-items: center; justify-content:center;-webkit-align-items: center; -webkit-justify-content:center;}
.cgpb span{ width: 60%;}
.cgpb span input{border: 1px solid #747473;  line-height: 1.5rem; box-sizing: border-box; padding:0.75rem 1rem 0.75rem 2.5rem; width: 100%; background:#fff url(../images/zg_i1.png) no-repeat 0.35rem center;-webkit-background-size: 1.75rem; border-radius: 0.25rem 0 0 0.25rem; font-size: 1rem;}
.cgpb a{ width: 30%; background: #747473; text-align: center; font-size: 1.25rem; line-height: 3rem; color: #fff; border-radius:0 0.25rem 0.25rem 0;border: 1px solid #747473;}

@keyframes xz{
     0%,100%{ transform:rotate(0deg);}
     20%{transform:rotate(90deg);}
     40%{transform:rotate(180deg);}
     60%{transform:rotate(360deg);}
     80%{transform:rotate(270deg);}
}
@-webkit-keyframes xz{
     0%,100%{ -webkit-transform:rotate(0deg);}
     20%{-webkit-transform:rotate(90deg);}
     40%{-webkit-transform:rotate(180deg);}
     60%{-webkit-transform:rotate(360deg);}
     80%{-webkit-transform:rotate(270deg);}
}

@keyframes pluse{
	from{ transform: scale(1);}
	to{transform: scale(1.1);}
}
@-webkit-keyframes pluse{
	from{-webkit-transform: scale(1);}
	to{-webkit-transform: scale(1.1);}
}

.head{ padding:0.75rem 3%; background: #ffc45f;color: #6b4503;}
.gupiao{ display: flex;display:-webkit-flex;}
.gupiao .t1{ width: 55%; text-align: center; border-right: 1px solid #c18c30;}
.gupiao .t1 .gName,.gupiao .t1 .gCode{ font-size: 1.73rem; line-height: 1.75rem;}
.gupiao .t1 .time{font-size: 1rem; line-height: 1.5rem; margin-top: 0.5rem;}
.gupiao .t2{ width: 45%; text-align: center;}
.gupiao .t2 .zhishu{ font-size: 2.5rem; line-height: 3rem;font-weight: bold;}
.gupiao .t2 .zhishu img{ display: inline-block; width: 2rem; vertical-align:0.05rem; }
.gupiao .t2 div .zhangdie,.gupiao .t2 div .zhangfu{ font-size: 1.2rem; line-height: 1.5rem; margin: 0 0.25rem;}
.gupiao .t2 div:nth-of-type(2){ margin-top: 0.5rem;}
.dongtai{ border-top: 1px solid #c18c30; margin-top: 0.75rem; padding:0.5rem 0 0; display: flex;display:-webkit-flex; flex-wrap:wrap;}
.dongtai li{text-align: center; width: 25%; font-size: 1.2rem; line-height: 1.75rem; padding:0.25rem 0;}
.dongtai li *{ display: block;}
.zgc4{background: #fff;}
.zgc4 h4{background:#ffc45f; padding:0.75rem 1rem;border-bottom: 1px solid #eee;}
.zgc4 h4 img{ width: 40%;}
.plList{ padding: 0 1rem;max-height: 16.5rem; overflow-y: auto;-webkit-overflow-scrolling: touch;}
.plList li{ padding:0.75rem 0; border-bottom: 1px solid #eee;}
.plList li p{font-size: 1.2rem; line-height: 1.75rem; color: #333;}
.plList li p.p1 span{ color:red;}
.plList li p.p2{ display: flex;display: -webkit-flex; align-items: center; justify-content: space-between; color: #999; margin-top: 0.5rem;}
.plList li p.p2 .plTime{ color: #999999;}
.plList li p.p2 .zan img{ width: 1rem; display:inline-block;}
.plList li p.p2 .zan .red{ color: red;}
.zgc5{padding:1.5rem 7%;}

.conx,.cjc{ position: fixed; width:100%; height: 100%; top:0; left: 0; display: none;}
.bg{ background: rgba(0,0,0,.7); position: absolute; width: 100%; height: 100%; z-index: 1; }
.cjxa{ position: relative; z-index: 2; height: 100%;  max-width: 640px; margin: 0 auto;  display: flex;display:-webkit-flex; align-items:  center; justify-content: center;-webkit-align-items:  center; -webkit-justify-content: center;}
.tcc{ background: #fff; width: 82%; padding:0.75rem 5% 1.25rem; border-radius: 0.5rem;}
.cjx{ background: #fff; width: 82%; padding:1.5rem 5%; border-radius: 0.5rem;}
.cjx p{font-size: 1.1rem; color: #333; line-height: 2rem;}
.cjx span{ display: block; height: 1.5rem; background: #eee; width: 100%;border-radius: 0.75rem; margin-top: 0.5rem;}
.cjx span em{ display: block;height: 1.5rem; background-image:-webkit-linear-gradient(left,#fe7202,#f30f0d);border-radius: 0.75rem;}
.tcc .th{ overflow: hidden; margin-bottom: 0.35rem; }
.tcxc{ width: 90%; height:17rem; position: relative; background: #fff; border: 0.3rem solid red; border-radius: 0.5rem; padding:0.75rem 0.5rem;}
.tcxc .close{ position: absolute; width: 2rem;top:0.5rem; right: 0.5rem;}
.tcxc h3{ font-size: 1.8rem; line-height: 2.5rem; text-align: center; color:red;}
.tcxc p{ text-align: center; font-size: 1.5rem; color: #252525; line-height: 1.6rem;}
.tcxc input{background: #fff; border: 1px solid red; line-height: 2.5rem; border-radius: 1.35rem; text-align: center; font-size: 1.2rem; width:80%; display: block; margin: 0 auto;}
.tcxc a{ display: block; width: 70%; height:50px;  margin: 0.5rem auto;}
.tcxc div{ margin-top: 1rem;}
.tcxc div p{ font-size: 0.8rem;color: #999;}

.imgContent{position:relative; background:#fff;}
.imgContent h4{color:#656565; font-size:24px;}
.imgContent h3 img{display:block;}
.imgContent em{width:2px;position:absolute;display:block;height:135px;background:#2b2e32;top:24%;left:48.7%;margin-left:6px;animation:xz 8s both infinite alternate;transform-origin:center 88%;-webkit-animation:xz 8s both infinite alternate;-webkit-transform-origin:center 88%;}
.center {text-align: center;}
.imgContent .pan{ position:absolute;top:102px; left:193px;width:320px;height:335px;border-radius:230px; overflow:hidden; }
.imgContent .pan h2{color:#4a4847;font:14px 微软雅黑; position:absolute;top:110px;left:0; text-align:center;width:100%;}
.imgContent .pan p{color:#48b;}
.imgContent .pan .roll{ position:absolute;top:229px;left:101px;  width:101px; background:url(../imgs/rool_bg.jpg) no-repeat;height:20px;}
.imgContent .pan .roll code{display:block;color:#fff; letter-spacing:5px; text-indent:16px;}
.imgContent .pan .roll span{padding-left:20px;display:block;text-align:center;color:#4a4847;font:14px 微软雅黑;}














/*
                         _(\_/) 
                         ,((((^`\
   、̶J̶Howe̶°          ((((  (6 \ 
                      ,((((( ,    \
  ,,,_              ,(((((  /"._  ,`,
 ((((\\ ,...       ,((((   /    `-.-'
 )))  ;'    `"'"'""((((   (      
(((  /            (((      \
 )) |                      |
((  |        .       '     |
))  \     _ '      `t   ,.')
(   |   y;- -,-""'"-.\   \/  
)   / ./  ) /         `\  \
   |./   ( (           / /'
   ||     \\          //'|
   ||      \\       _//'||
   ||       ))     |_/  ||
   \_\     |_/          ||
   `'"                  \_\
                        `'"
*/