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

body{background:#ecf5fe;font-size: 16px;}
ul,ol,li,p,h1,h2,h3,h4 {list-style:none;padding: 0; margin: 0;}
a{color: #fff;}
a:hover{text-decoration: none;}
a:visited{text-decoration: none;border: none;}
a:active{text-decoration: none;}
Btn:active{color: #fff!important;text-decoration: none;}
a:focus,a:hover {
    color: #fff;
    text-decoration: none
}
h2{font-size: 42px; background: url(/images/pi-ic2/t-bg.png) no-repeat center bottom;margin: 50px 0 40px;text-align: center;font-weight: bold;height: 42px;line-height: 42px;color: #fff;}
.h2-1{background: url(/images/pi-ic2/t-bg-1.png) no-repeat center bottom;color: #0085ca;}
.bg{background: #0085ca;}
.bg01{background: #FFF;}
.Btn{background: #0085ca;height: 40px; line-height: 40px;padding: 0 20px;color: #fff;border-radius: 40px;display: inline-block;}
.Btn:hover{background: #062e6f;}
.mtop20{margin-top: 20px;}
.mtop30{margin-top: 30px;}
.ptop50{padding-top: 50px;}
.pbottom50{padding-bottom: 50px;}
.banner{background: url(/images/pi-ic2/banner-bg.jpg) no-repeat center #062e6f;height: 510px;}
.login{width: 100%;text-align: right;margin: 10px 0;color: #fff;}
.login a{color: #fff; margin-left: 15px;}
.about{background: #fff;margin: 30px auto;padding: 40px;}  
.about p{margin-bottom: 10px;}
.about h3{margin: 20px 0;font-size: 30px;}
.about-l img{width: 100%;}
.about-t{background: #e1f1fa;padding: 20px 20px 10px;margin: 20px 0;}
.about-t p{margin-bottom: 6px;position: relative;padding-left: 14px;}
.about-t p::before{content: "";width: 5px; height: 5px;background: #000;border-radius: 5px;display: inline-block;top: 7px; left: 0;position: absolute;}
.about-t h4{margin-bottom: 10px;font-weight: bold;}
.a-btn{margin-top: 10px;}
.cp-item{background: #fff;padding: 20px; display: inline-block;display: flex;height: 195px;margin-top: 15px;}
.cp-item .pic{display: inline-block; vertical-align: top; width: 186px;text-align: center;}
.cp-item .pic img{}
.cp-item .module{display: inline-block;margin-left: 20px;  vertical-align: top;}
.cp-item .module h3{font-size: 22px;}
.cp-item .module p{margin: 15px 0;font-size: 15px;height: 64px;overflow: hidden;}
.cp-item .module .Btn {width: 120px;text-align: center;color: #302600;}
.video-item{background: #fff;margin-top: 15px;}
.video-item img{width: 100%;}
.video-item p{padding: 10px 20px;color: #333;height: 65px;}
.g-wanfa h3{font-size: 22px;font-weight: bold; margin: 30px 0;}
.g-wanfa ul li{height: 50px; line-height: 50px;background: #d0e8ff;border-radius: 50px;margin-bottom: 20px;max-width: 400px;padding-left: 40px;}
.game-box{background: url(/images/pi-ic2/g-bg.jpg) no-repeat center #bdc7c6; height: 848px;}
.game-top{background: #0085ca;padding: 20px;color: #fff;}
.game-top h3{font-size: 34px;font-weight: bold;margin: 20px 0;text-align: center;}

.game-t{width: 460px;height: 463px; background: url(/images/pi-ic2/g-b.png) repeat-x;margin: 0 auto;text-align: center; display: flex;flex-direction: column;justify-content: center;}
.game-be{background: url(/images/pi-ic2/g-chong.png) no-repeat; width: 925px; height: 618px;margin: 40px auto 0;position: relative;}
.game-be .game-btn{text-align: center;}
.game-after{background: url(/images/pi-ic2/g-chong-2.png) no-repeat; width: 925px; height: 618px;margin: 40px auto 0;position: relative;}
.game-btn a{width:310px; height: 50px;line-height: 50px;background: #f2c200;border-radius: 50px;border: 2px solid #fff;margin: 0 auto;display: block;color: #302600;font-size: 18px;}
.game-btn a:hover{background: #d5ab00;}
.chongdian{background: url(/images/pi-ic2/dianchi.png) no-repeat;width: 317px; height: 103px;text-align: center;display: block;margin: 0px auto 60px;}
#jqmeter-container{width: 230px;margin: 10px auto;}
.outer-therm{display: inline-block; width: 100%;}
.inner-therm{background:url(/images/pi-ic2/dian.jpg) repeat-x; height: 66px; width: 0%;}
.therm {width: 100%;text-align: center;position: relative;}
.therm span{line-height: 66px;color: #000;font-size: 22px;font-weight: bold;background: #fff;padding: 0 0px;text-align: center;position: absolute;height: 40px;line-height: 40px; top: 10px;width: 80px;left: 50%;margin-left: -40px;}
.prize img{width: 100%;}

.p-qlayer-box{
	width: 800px !important;
}
.layui-layer-page .layui-layer-content{padding: 20px;}
.layui-layer-content{color: #222;}
.layui-layer-content h2{background: none;font-size: 16px;height: auto;font-weight: normal;margin: 0;text-align: left;color: #222;}
.layui-layer-content .form-control{width: 120px;display: inline-block; margin: 6px;}
.p-radio-list{color: #222 !important;}
.p-radio-list li{margin: 6px 0;}
.p-radio-list li input{margin-right: 5px;}
.layui-layer-content h2{font-weight: bold;}
.layui-layer-content li{margin-bottom: 5px;}
.layui-layer-content .Btn {margin-top: 20px;}
.layui-layer-content label{font-weight:normal;}
.game-bz{padding-bottom: 40px;}
.game-bz h3{font-size: 26px;font-weight: bold; margin: 20px 0;}
.game-bz a{color: #ffb300;}
.game-bz a:hover{text-decoration: underline;}
.game-bz span{color: #ffbf00;font-weight: bold;}
@media(max-width:992px){
.banner {height: auto;padding-bottom: 30px;}
.banner-t img{width: 100%;}
.about{padding: 20px;margin: 20px auto;}
.a-btn{margin-top: 0;}
h2{font-size: 36px;margin: 30px 0 20px;}
.game-top h3{font-size: 26px;}
.game-be ,.game-after{width: 100%;background-size: contain;}
.game-t{width: 90%; height: 360px;}
}
@media(max-width:562px){
.game-btn a{width: 270px;font-size: 16px;}
}