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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section, article, aside, header, footer, nav, dialog, figure,menu,hgroup,iframe{ margin:0; padding:0; border:0; -webkit-font-smoothing:antialiased; font-family:"Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; }
html{ -webkit-text-size-adjust:none;}
body{ font-size:12px; line-height:24px; background:#eee;  -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;  font-smoothing: antialiased;  color:#333;}
input,textarea{ resize:none; font-family:"Microsoft YaHei"; border-radius:0; background: #fff;border: 0; -webkit-appearance: none;}
img{ border:none;vertical-align:middle; -ms-interpolation-mode: bicubic; max-width:100%;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#333; outline:none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; }
a:hover{ color:#f8a900;}
input:focus,textarea:focus{ outline:none; }
h1,h2,h3{  font-weight:normal;} 
/*::selection{ background:none; color:#333;}
::-moz-selection{ background:none; color:#333;}
::-webkit-selection{ background:none; color:#333;}*/
 
@font-face { 
    [font-family: <family-name>;]? [src: [ <uri> [format(<string>#)]? | <font-face-name> ]#;]? [unicode-range: <urange>#;]? [font-variant: <font-variant>;]? [font-feature-settings: normal|<feature-tag-value>#;]? [font-stretch: <font-stretch>;]? [font-weight: <weight>]; [font-style: <style>]; }


em,i{ font-style:normal;}
.or{ overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}

.main{ width:1170px; margin:0 auto; }
@media (max-width:1200px) {
  .main { width:100%;}
}

.tit{  font-size:12px; color:#fff; position:absolute; left:0; top:0; padding:0 10px; line-height:22px; text-align:center; z-index:31;}
.tit.t0{ background:#964eda; color:#fff;}/*公司*/
.tit.t1{ background:#a5c824; color:#fff;}/*场外*/
.tit.t2{ background:#1aaffd; color:#fff;}/*科技*/
.tit.t3{ background:#6f6cf8; color:#fff;}/*特别策划*/
.tit.t4{ background:#00bdcb; color:#fff;}/*人物*/
.tit.t5{ background:#ff6c64; color:#fff;}/*百家专栏*/
.tit.t6{ background:#ffb400; color:#fff;}/*独家专访*/
.tit.t7{ background:#ff6600; color:#fff;}/*报告*/
.tit.t8{ background:#0f7dea; color:#fff;}/*观点*/
.tit.t9{ background:#00a64b; color:#fff;}/*推广*/
.tit.t10{ background:#b87807; color:#fff;}/*电竞*/
.tit.t11{ background:#fb7ac3; color:#fff;}/*花边趣闻*/

.tit.t12{ background:#f8a900; color:#fff;}/*未进行*/
.tit.t13{ background:#fd5151; color:#fff;}/*已结束*/

.fade { transition: all 300ms linear 700ms; opacity: 1;}
.fade.out {opacity: 0;}

#nprogress { pointer-events:none;} /*鼠标事件拜拜的意思*/
#nprogress .bar {background:none; position: fixed; z-index: 1031;top: 0;left: 0;width: 100%;height:0px;}



#nprogress .peg {display: block;position: absolute;right: 0px;width: 100px;height: 100%;box-shadow: 0 0 10px #24b727, 0 0 5px #24b727;
opacity: 1.0;-webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px);}
#nprogress .spinner { position: fixed;z-index: 1031;top:50%;left:50%; margin:-17px 0 0 -30px;}

 
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }
@keyframes spinner {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.spinner > div:nth-child(1) {
  -webkit-animation: spinner 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: spinner 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08); }
.spinner > div:nth-child(2) {
  -webkit-animation: spinner 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: spinner 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08); }
.spinner > div:nth-child(3) {
  -webkit-animation: spinner 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: spinner 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08); }
.spinner > div:nth-child(4) {
  -webkit-animation: spinner 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: spinner 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08); }
.spinner > div:nth-child(5) {
  -webkit-animation: spinner 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: spinner 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08); }
.spinner > div { background-color:#f7a900; width:4px;height: 35px;border-radius: 2px;margin:0 5px;-webkit-animation-fill-mode: both;animation-fill-mode: both; display: inline-block; }
 
 
.page{ clear:both; font-size:14px; margin:40px 0; text-align:center; line-height:32px; overflow:hidden; color:#333;}
.page a{ background:#eee; color:#333; display:inline-block; width:32px; margin:0 5px; -webkit-border-radius:2px; border-radius:2px;}
.page a:hover{ background:#f8a900; color:#fff;} 
.page span{  background:#f8a900; -webkit-border-radius:2px; border-radius:2px; color:#fff; display:inline-block;  width:32px;  margin:0 5px;  }
.page a i{ background:url(../images/common.png) no-repeat; display:inline-block; width:6px; height:12px; vertical-align:-1px;}
.page a i.p1{ background-position:-67px -21px;}
.page a:hover i.p1{ background-position:-67px -36px;}
.page a i.p2{ background-position:-85px -21px;}
.page a:hover i.p2{ background-position:-85px -36px;} 

@media (max-width:470px) {
  #.page { display:none; }
  .side-pannel{ display:none;}
}


.side-pannel { position:fixed; width:50px; background:#fff; border:1px solid #dde0e2;  z-index:1199}
.side-bar a {width:50px;height:50px; background:#fff; position: relative; color:#676767;text-align: center;  display:block; cursor:pointer; float:left; }
 
.side-bar a em { display: block; margin:15px auto 0 auto;}
.side-bar a.wx:hover{ background:#f7f8f9;}
.side-bar a.wx:hover em.g-icon-wx1{ background:url(../images/wx2.png) no-repeat;}
 
.side-bar a em.g-icon-wx1{ background:url(../images/wx1.png) no-repeat; width:22px; height:18px;}
.side-bar a.gotop em{ background:url(../images/goup.png) no-repeat; width:20px; height:11px; margin:15px auto 0 auto;}
.side-bar a.wx i {background:#FFF; width:148px;height:168px;position: absolute;left: -158px;top: 50%; margin-top: -145px;display: none; border:1px solid #dde0e2; border-radius:4px; text-align:center;}
.side-bar a.wx:hover i {display: block}
.side-bar a.wx i img{ margin:20px 0 10px 0;}
.side-bar a.qq em{ background:url(../images/qq_03.png) no-repeat; width:18px; height:19px; margin:15px auto 0 auto;}
.side-bar a.qq:hover em{ background:url(../images/qq_05.png) no-repeat;}
@media (max-width:470px) {
  #.page { display:none; }
  .side-pannel{ display:none;}
}
 
.ladaybox{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=60); opacity:0.5; -moz-opacity:0.5; display:none; z-index:100000;} 
.publicbox{ width:500px;  position:absolute; background:#fff; z-index:10000011; display:none; }
.publicbox .close{ position:absolute; top:20px; right:20px; background:url(../images/close.jpg) no-repeat; width:14px; height:14px; display:block;  -webkit-transition: all .5s ease; transition: all .5s ease; cursor:pointer;}
.publicbox .close:hover{ -webkit-transform:rotate(360deg); transform:rotate(360deg);} 
.publicbox .con{ padding:20px 40px;}
.publicbox .con h1{ font-size:16px;}
.publicbox .con select{ border:1px solid #dcdcdc; width:100%; height:47px;}
.publicbox .con a{ width:254px; line-height:48px; margin:30px auto 40px auto; display:block; background:#f7a900; font-size:16px; color:#fff; text-align:center; border-radius:2px;}
.publicbox .con li{ margin-top:15px;}

.publicbox table{ width:432px; margin:0 auto; overflow:hidden; font-size:14px; padding:40px 0;  }
.publicbox table i{ color:#ff4747; margin-right:5px;}
.publicbox table .txt{  width:324px; padding:10px; border:1px solid #dcdcdc;  font-size:12px; }
.publicbox table .txt.w1{ height:26px; }
.publicbox table p{ font-size:12px; color:#999;}
.publicbox table a.b1{  width:137px; line-height:48px; float:left; display:block; background:#f7a900; font-size:16px; color:#fff; text-align:center; border-radius:2px; }
.publicbox table a.b2{  width:135px; line-height:46px; float:left; display:block; background:#fff; font-size:16px; color:#333; border:1px solid #dcdcdc; text-align:center; border-radius:2px; margin-left:10px;}


@media (max-width:500px) {
.publicbox{ width:90%;}
.publicbox .con{ padding:20px 20px;}
}