@media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
     html,body {
         font-size:67.5px;
     }
   }
     @media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
     html,body {
         font-size:60px;
     }
   }
     @media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
     html,body {
         font-size:50px;
     }
   }
     @media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
     html,body {
         font-size:45px;
     }
   }
     @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
     html,body {
         font-size:40px;
     }
   }
     @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
     html,body {
         font-size:37.5px;
     }
   }
     @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
     html,body {
         font-size:33.75px;
     }
   }
     @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
     html,body {
         font-size:30px;
     }
   }
     @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
     html,body {
         font-size:25.875px;
     }
   }
     @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
     html,body {
         font-size:25px;
     }
   }
     @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
     html,body {
         font-size:23.4375px;
     }
   }
     @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
     html,body {
         font-size:22.5px;
     }
   }
     @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
     html,body {
         font-size:20px;
     }
   }
  @charset "utf-8";
body{ margin:0; padding:0; font-size:100%; font-family:"Microsoft YaHei","宋体",Arial, Helvetica, sans-serif; background-color:#1b1209; overflow-x:hidden}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
iframe{ display:block;}
a{ font-family:"Microsoft YaHei","宋体",Arial, Helvetica, sans-serif; text-decoration:none;outline:none;}
a:hover{ text-decoration:underline}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}

.top_bar{ position:fixed; width:16rem; height:1.9rem; padding-top:0.25rem; left:0; top:0; background:rgba(0,0,0,0.7); overflow:hidden; z-index:20;}
.bar_icon{ float:left; width:1.5rem; height:1.5rem; margin-left:0.5rem;}
.bar_a1,.bar_a2{ float:right; width:3.325rem; height:1.175rem; margin:0.175rem 0.5rem 0 0; font:normal 0.5rem/1.175rem "微软雅黑"; color:#331c0c; text-align:center; background:url(../images/btn1.png);  background-size:100% auto;overflow:hidden;}

.wrap{ position:relative; width:16rem; padding-bottom:1rem; background:url(../images/bg.jpg) center top no-repeat #1b1209; background-size:100% auto; overflow:hidden;}
.head{ position:relative; width:16rem; height:16rem;}
.login_box{ position:absolute; width:15.5rem; padding-right:0.5rem; left:0; top:2.35rem; font-size:0.5rem; color:#f3cb7a;  text-align:right;}
.time{ position:absolute; width:16rem; left:0; top:12.05rem; font-size:0.525rem; color:#f3cb7a; text-align:center;}
.btn_wrap{ position:absolute; width:10.3rem; left:2.75rem; top:13.15rem;}
.btn_wrap span{ width:4.65rem; height:1.55rem;font:normal 0.525rem/1.55rem "微软雅黑"; color:#ccb178; text-align:center; background:url(../images/btn2.png); background-size:100% auto;}
.f_l{ float:left;}
.f_r{ float:right;}
.list_ul{ width:14.5rem; margin:0 auto;}
.list_ul li{ width:14.5rem; height:2.95rem; border-top:1px solid #735d36; overflow:hidden;}
.num{ float:left; width:1.1rem; height:1.1rem; margin-top:0.75rem;font:normal 0.55rem/1.1rem "微软雅黑"; color:#1b1209; text-align:center; background:url(../images/num.png); background-size:100% auto;}
.li_m{ float:left; width:7.75rem; padding-top:0.5rem; margin-left:0.8rem;font:normal 0.575rem/0.9rem "微软雅黑"; color:#f3cb7a; overflow:hidden}
.li_m span{ font:bold 0.625rem "微软雅黑";}
.btn_vote{ float:left; width:4.65rem; height:1.4rem; margin-top:0.65rem;font:bold 0.55rem/1.4rem "微软雅黑"; color:#1b1209; text-align:center; background-color:#f3cc7a;}
#icon_more{ position:fixed; width:0.6rem; left:7.7rem; bottom:0.25rem; z-index:20;}
/* pop */
.pop_box{ display:none; width:14.5rem; padding-bottom:0.8rem; background:url(../images/pop_bg.jpg) center top no-repeat #423721;background-size:100% auto;}
#close_rule{ position:absolute; width:1.25rem; height:1.25rem; right:0; top:-1.25rem; background:url(../images/icon_close.png);background-size:100% auto;}
.rule_cont{ display:none;}
.rule_t{ width:14.5rem; height:2.4rem;font:bold 0.95rem/2.4rem "微软雅黑"; color:#deb868; text-align:center; }
.rule_p{ width:13.25rem; margin:0.4rem auto 0; font:normal 0.5rem/0.8rem "微软雅黑"; color:#deb868;}
#rule1 .rule_p{ text-indent:2em;}