@charset "UTF-8";

/**
 * @authors yuanyang (471145945@qq.com)
 * @version 1.0.1
 */

a{display: inline-block;}

/* ================================================================================
 * 八卦
 * ================================================================================ */
.bagua{}
.bagua>.menu{width: 100%; height: 1000px;
    background: url(/rxsgz/img/ch/bagua/bg.jpg) no-repeat #0a0e17;background-size:100% 100%;}
.bagua>.menu>ul{position: relative;top: 720px;width: 100%;height: 48px;line-height: 48px;}
.bagua>.menu>ul>li{float: left;width: 12.5%;}
.bagua>.menu>ul>li>img{width: 40px;height: 40px;}
.bagua>.menu>ul>li>.a1{margin-left: 28px;}
.bagua>.menu>ul>li>.a2{margin-left: 22px;}
.bagua>.menu>ul>li>.a3{margin-left: 18px;}
.bagua>.menu>ul>li>.a4{margin-left: 16px;}
.bagua>.menu>ul>li>.a5{margin-left: 16px;}
.bagua>.menu>ul>li>.a6{margin-left: 14px;}
.bagua>.menu>ul>li>.a7{margin-left: 12px;}
.bagua>.menu>ul>li>.a8{margin-left: 4px;}
.bagua>.menu>a{position: relative;top: 750px;width: 100%;height: 160px;}

/* ================================================================================
 * 随机宝箱
 * ================================================================================ */
.roll{}
.roll>.menu{width: 640px; height: 1600px;
    background: url(/rxsgz/img/ch/roll/bg.jpg) no-repeat #281b35;background-size:100%;}
.roll>.menu>ul{position: relative;top: 830px;width: 94%;height: 300px;margin-left: 3%;}
.roll>.menu>ul>li{float: left;width: 25%;height: 300px;text-align: center;} 
.roll>.menu>ul>li>input{display: none;}
.roll>.menu>ul>li>span.add{display: inline-block;width: 100%;height: 65px;cursor: pointer;}
.roll>.menu>ul>li>span.sub{display: inline-block;width: 100%;height: 95px;cursor: pointer;}
.roll>.menu>ul>li>.img{width: 110px;height: 110px;}
.roll>.menu>ul>li>h3{width: 100%;height: 40px;color:#fceeba;font-size: 16px;}
/*领取礼包*/
.roll>.menu>a{position: relative;top: 840px;width: 100%;height: 200px;}
/*密码正确*/
.eject{position: fixed;top: 0;width: 640px;height: 100%;z-index: 9999;background: #000000;opacity: 0.95;display: none;}
.eject>.txt{width: 80%;height: 300px;position: relative;top: 20%;left: 10%;}
.eject>.txt>a{float: right;width: 50px;height: 50px;}
.eject>.txt>a>img{width: 50px;height: 50px;}
.eject>.txt>.goods{width: 100%;height: 236px;background: url(/rxsgz/img/ch/roll/box.png) no-repeat;background-size:100%;position: relative;top: 60px;text-align: center;}
.eject>.txt>.goods>img{width: 110px;height: 110px;margin: 40px 0 0 55px;}
.eject>.txt>.goods>p{display: block;width: 50%;height: 40px;line-height: 40px;font-size: 16px;color:#fff;margin-left: 25%;}
/*密码错误*/
.eject_hide{position: fixed;top: 30%;left: 50%;width:0;height:0;z-index: 99;display: none;}
.eject_hide>.eject_hide_p{width: 300px;height: 80px;line-height: 80px;background: #ffffff;opacity: 0.95;text-align: center;margin-left: -150px;}
.eject_hide>.eject_hide_p>p{font-size: 16px;color: #000000;}

/* ================================================================================
 *   faq
 * ================================================================================ */
.faq{width: 640px;height: 100%;padding: 0 0 0 0;background: #fff;}
.faq>.menu{position: fixed;bottom: 0;width: 640px;z-index: 10;height: 140px;background:#fff;
    border-top:0.5px solid #0081ef;
}
.faq>.menu>ul{width: 100%;height: 120px;padding-top:10px;}
.faq>.menu>ul>li{float: left;width: 24%;height: 60px;text-align:center;border-radius:3%;
    margin-left: 7%;
    padding: 10px 0 0 0;
}
.faq>.menu>ul>li>a{display: inline-block;width: 100%;
    line-height: 40px;
    font-size: 20px;
    color: #929292;
    border:1px solid #929292;
}
.faq>.menu>ul>li>a.active{color: #0081ef;border:1px solid #0081ef;}

.faq>.content{position: absolute;top: 0;width: 640px;height: 80%;}
.faq>.content>ul{
    width: 640px;
    min-height: 300px;
    padding: 20px 20px 140px;
    background: #fff;

}
.faq>.content>ul>li{
    width:100%;
    height:51px;
    line-height: 50px;
    font-size: 22px;
    border-bottom: 1px solid #f1f1f1;
}
.faq>.content>ul#textarea>li>a{
    display:inline-block;
    width: 100%;
    height: 30px;
}
.faq>.content>ul#textarea>li>a>p{float:left;width: 85%;}
.faq>.content>ul#textarea>li>a>span{float:left;width: 15%;height:40px;}
.faq>.content>ul>.faq-add{width:100%;height:auto;}
.faq>.content>ul>li>a.active>p{color:#0081ef;}
.faq>.content>ul>.faq-fa{width:100%;padding: 10px;display: none;}
.faq>.content>ul>.faq-fa>p{
    color:#929292;
    line-height:40px;
    font-size: 20px;
}
.arrow-down{background: url(/rxsgz/img/ch/faq/down.png) no-repeat center;background-size:100% 100%;}
.arrow-up{background: url(/rxsgz/img/ch/faq/up.png) no-repeat center;background-size:100% 100%;}

.faq>.content>ul#textarea>.text_id_two{
    width: 90%;
    margin:0 auto;
}
.faq>.content>ul#textarea>.text_id_two>p{
    line-height: 40px;
    font-size: 20px;
}
.faq>.content>ul#textarea>.text_id_two>p.title{
    font-size: 24px;
}
.faq>.content>ul#textarea>.text_id_two>img{
    width: 90%;
    margin: 15px 0 15px 5%;
}


.pro{
    padding: 90px 20px 20px 20px;
    background: #fff;
}
.pro b{
    line-height: 50px;
    font-size: 24px;
}
.pro p{
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 15px;
}