@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; background:#0d0d0d; font-size: 14px;} 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur()); text-decoration:none;}
a:visited{ text-decoration:none;}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none;  }
input,textarea{ border:none;font-family:"Microsoft Yahei"; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size: 14px; }
/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}

.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;} 
.f_fl{ float:left;}
.f_fr{ float:right;}
.f_pr{ position: relative;}
.f_pa{ position: absolute;}
.f_csp{ cursor:pointer;}
.f_oh{ overflow:hidden;}
.f_fs1{ font-size:12px;}
.f_fs2{ font-size:13px;}
.f_fs3{ font-size:14px;}

.f_fa{ font-family:Arial, Helvetica, sans-serif;}
.f_cs1,.f_cs1 a{ color:#4cab0d;}
.f_cs2,.f_cs2 a{ color:#e60012;}
.f_cs3,.f_cs3 a{ color:#343434;}
.f_cs4{ color:#fff;}
.f_cs5{ color:#da5155;}

.f_wb{ font-weight:bold;}
.f_fwn{ font-weight:normal;}
.f_tal{ text-align:left;}
.f_tac{ text-align:center;}
.f_tar{ text-align:right;}

.f_db{ display:block;}
.f_mt10{ margin-top:10px;}
.f_hide{ display:none;}

.wrap{ max-width:640px; min-width:320px;margin:0 auto; overflow:hidden; position:relative;height:100%;  background:#0d0d0d;} /*网站首页宽度*/
.wrap img{ width:100%;display:block; margin:0 auto;max-width:560px;} 

.dropdown{ width:100%; height:2.6rem; font-size:1rem;border:solid 1px #dedede;color:#f06868; appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url("../images/dropdown.jpg") no-repeat scroll 98% center transparent; background-size:6%;}
.text{display:inline-block; border:solid 1px #dedede; font-size:1rem; background:#fff;width:100%; height:2.6rem; color:#666; appearance:none;-moz-appearance:none;-webkit-appearance:none; }

html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:384px){html{font-size: 12px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}

/* ipad竖屏 */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait){
    html{font-size:24px;}
   .wrap{max-width:768px;}
}

/* ipad横屏 */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape){
    html{font-size:32px;}
   .wrap{max-width:1024px;}
}

/* 兼容iphone6 Plus */
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2)
and (orientation : landscape){
    html{font-size:23px;}
   .wrap{max-width:768px;}

}

.g-top {background:url(../images/halloween-top.jpg) no-repeat top center; background-size:100%; height:40rem;}
.g-top h1{ font-size:1.4rem; text-align:center; color:#fff; padding-top:29rem; padding-bottom:0.5rem; }
.g-top p{font-size:1.2rem;text-align:center; color:#fff; display:block; width:100%;}
.g-top a{ text-decoration:none; width:15rem; height:3.75rem; display:block; text-align:center; line-height:3.75rem; color:#f5c211;  font-size:1.6rem; border:solid 1px #4d4d4d; border-radius:3.75rem; margin:2rem auto 0;}
.g-top span{ display:block; text-align:center; width:100%; font-size:1rem; }
.g-top i{ font-style:normal; display:block;padding-top:1.5rem;}
.g-top .signout{ display:inline; border:none;font-size:1rem;}

.g-jdfl{background:url(../images/halloween-1.jpg) no-repeat top center; background-size:100%; height:20.8rem;}
.g-jdfl p{ font-size:1rem; padding:3.5rem 4rem 0; text-align:justify; color:#fff; line-height:2.5rem;}
.g-jdfl h2{font-size:1.7rem;text-align:center; padding-top:1.5rem;}
.g-jdfl i{ font-style:normal;color:#f5c211;}
.g-jdfl span{color:#999999;}

.g-hdxq{background:url(../images/halloween-2.jpg) no-repeat top center; background-size:100%; height:20.8rem;}
.g-hdxq p{ font-size:1rem;  padding:2rem 4.5rem 0; text-align:justify; color:#fff; line-height:3.2rem;}
.g-hdxq h2{font-size:1.7rem;text-align:center; padding-top:1.5rem;}
.g-hdxq i{ font-style:normal;color:#f5c211;}
.g-hdxq span{color:#999999;}

.g-zysx{background:url(../images/halloween-3.jpg) no-repeat top center; background-size:100%; height:15.8rem;}
.g-zysx p{ font-size:1rem; padding:2.5rem 4.5rem 0; text-align:justify; color:#fff; line-height:2.5rem;}
.g-zysx h2{font-size:1.7rem;text-align:center; padding-top:1.2rem;}
.g-zysx i{ font-style:normal;color:#f5c211;}
.g-zysx span{color:#999999;}

.g-fxhd{background:url(../images/halloween-4.jpg) no-repeat top center; background-size:100%; height:19.8rem;}
.g-fxhd p{ font-size:1rem; padding:2.5rem 4.5rem 0; text-align:justify; color:#fff; line-height:2.5rem;}
.g-fxhd h2{font-size:1.7rem;text-align:center; padding-top:1.2rem;}
.g-fxhd i{ font-style:normal;color:#f5c211;}
.g-fxhd span{color:#999999;}

.g-footer{background:url(../images/halloween-bottom.jpg) no-repeat top center; background-size:100%; height:31rem;}
.g-footer a{  width:10rem; height:3.75rem; display:block; text-align:center; line-height:3.75rem; color:#f5c211; font-size:1.2rem; border:solid 1px #4d4d4d; border-radius:3.75rem; text-decoration:none; }
.g-footer a.save-img{ margin-right:1.8rem;}
.g-footer img{ text-align:center; width:10rem; padding:2rem 0 0.5rem;}
.g-footer span{ color:#fff; font-size:1rem; text-align:center; display:block;}
.g-footer p{color:#666666; font-size:1rem; text-align:center; padding-top:11rem;}
.g-footer .btn1{ margin:0 5rem;}

.modal-header{ padding:10px !important;}
.modal-footer{ overflow:hidden; padding-top:5px !important; padding-bottom:5px !important;}
.modal-body{ padding:10px !important; overflow:hidden;}
.form-group{ margin-bottom:10px !important; overflow:hidden;}

.information{color:#666;font-size:1rem;padding:1.5rem 0.5rem;width:100%;margin:0 auto;word-break:break-all;overflow:hidden;background:#f7f7f7; text-align:justify;}
.information img{ width:10%;}
.copycontent{width:80%;z-index: 999;background-color: #f7f7f7;margin-left:10%;border-radius: 0.5rem;padding-top: 1rem;top:50%; position:absolute; display:none;}
.nocopy{font-size:1rem;width:50%;height:3rem;border-radius: 0;border-bottom-left-radius: 1rem;float: left;background: none;border: none;border-right:1px solid #ececec;color: #666;box-sizing: border-box;}
.copy{width:49%;border:0; border-right:1px solid #ececec;box-sizing: border-box;height:3rem;border-radius:0;background: none;color: #007aff;font-size:1rem;}
.copybox{width: 90%;position:relative; border:1px solid #cdcdcd; margin: 1rem auto 2rem; font-size:1.3rem;}
.copybox::before{content:attr(title); width:7rem; text-align: center; position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translate(-50%,-50%); background-color:#f7f7f7; color:#333;}
.copycontent .btn{border-top: 1px solid #ececec;width: 100%;height: auto;}

.datu{ position:absolute; top:0; left:0; z-index:99998; display:none;}
.datu img{max-width:100%;}
.datuword{ position:fixed; width:100%;color:#fff; display:none; height:3rem; line-height:3rem; font-size:1.2rem; text-align:center; background:#000;  bottom:0; left:0; z-index:99999;  }
.sr-bdimgshare{ display:none !important;}

/* 判断ipad
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px){
    .banner{ background:url(../images/mbanner1024.jpg) no-repeat top center; background-size:100%; height:15.62rem;}
    .banner h2{ top:10.5rem;}
    .footer{background:url(../images/mbottom1024.jpg) no-repeat top center;background-size:100%; height:22.19rem;}
    .footer a.share{ background:url(../images/mbtn1024.png) no-repeat top center;background-size:100%;}
    
}

 */