/* bg */
.container{ min-width: 1200px; overflow: hidden; }
.banner1{ height: 152px; background: url(../img/bg/banner1.jpg) no-repeat center top; }
.banner2{ height: 310px; background: url(../img/bg/banner2.jpg) no-repeat center top; }
.banner3{ height: 378px; background: url(../img/bg/banner3.jpg) no-repeat center top; }
.section1{ height: 630px; background: url(../img/bg/s1-bg.jpg) no-repeat center top; }
.section2{ height: 864px; background: url(../img/bg/s2-bg.jpg) no-repeat center top; }
.section3{ height: 839px; background: url(../img/bg/s3-bg.jpg) no-repeat center top; }
.section4{ height: 555px; background: url(../img/bg/s4-bg.jpg) no-repeat center top; }

/* logo */
.logo{ text-align: left; padding: 14px 0 0; }
.logo a{ margin-right: 38px; vertical-align: middle; }

/* head-text */
.head-text{ background: url(../img/header-bg.png) no-repeat; background-size: 100% 100%; width: 613px; height: 52px; position: absolute; top: 188px; right: 80px; font-size: 23px; color: #ffe8d8; text-align: center; line-height: 52px; }
.head-text em{ color: #ffa20f; font-weight: bold; font-size: 22px; }

/* yd-text */
.yd-text{ font-size: 15px; color: #9a9a9a; text-align: center; padding: 44px 60px 0; line-height: 23px; }
.yd-text p{ margin: 0 auto 0; }

/* ranking-list */
.ranking-list{ font-size: 0; text-align: center; margin: 0 -48px; padding-top:20px; }
.ranking-list li{ display: inline-block; vertical-align: top; margin: 0 48px; width: 319px; }
.ranking-list h2{ height: 104px; }
.ranking-list h4{ height: 97px; margin-top: -30px; }
.ranking-list .li1 h2{ background: url(../img/yidengjiang.png) no-repeat center; }
.ranking-list .li2 h2{ background: url(../img/erdengjiang.png) no-repeat center; }
.ranking-list .li3 h2{ background: url(../img/sandengjiang.png) no-repeat center; }
.ranking-list .li1 h4{ background: url(../img/dingzhitxue-txt.png) no-repeat center; }
.ranking-list .li2 h4{ background: url(../img/evejnxz.png) no-repeat center; }
.ranking-list .li3 h4{ background: url(../img/cfz-txt.png) no-repeat center; }
.ranking-list .img{ width: 268px; height: 268px; line-height: 268px; background: url(../img/paiming-bg.png) no-repeat; margin: -12px auto 0; text-align: center; }
.ranking-list .img img{ display: inline-block; vertical-align: middle; }

/* tgq-wrap */
.tgq-wrap{ padding: 104px 0 0; }
.tgq-wrap h2{ width: 416px; height: 50px; line-height: 50px; border: 1px solid #fd8f32; background: #1b0f04; text-align: center; color: #fd8f32; font-size: 16px; font-weight: bold; margin: 0 auto; }

/* tgnr-wrap */
.tgnr-wrap{ padding: ; }
.tgnr-wrap .list{ text-align: center; padding: 42px 0 0 170px; }
.tgnr-wrap .list li{ display: inline-block; vertical-align: top; padding: 0 90px 0 72px; position: relative; text-align: left; }
.tgnr-wrap .list .num{ width: 50px; height: 50px; position: absolute; top: 50%; left: 0; margin-top: -25px; }
.tgnr-wrap .list .li1 .num{ background: url(../img/num_1.png) no-repeat left center; }
.tgnr-wrap .list .li2 .num{ background: url(../img/num_2.png) no-repeat left center; }
.tgnr-wrap .list h6{ font-size: 18px; font-weight: bold; color: #ffb576; margin-bottom: 10px; }
.tgnr-wrap .list p{ font-size: 16px; color: #b2b2b2; line-height: 21px; }

/* tgfs-wrap */
.tgfs-wrap{ padding: 64px 0 0; position: relative; }
.tgfs-wrap .list{ text-align: center; padding: 18px 0 0; }
.tgfs-wrap li{ display: inline-block; vertical-align: top; width: 470px; text-align: left; }
.tgfs-wrap li p{ color: #b2b2b2; font-size: 16px; line-height: 30px; }
.tgfs-wrap li em{ color: red; }
.tgfs-wrap li a:hover{ text-decoration: underline; }
.tgfs-wrap li .yx-coyp{ padding: 0 12px; line-height: 24px; border: 1px solid #713b10; background: #714624; color: #FFFFFF; font-size: 14px; margin-left: 6px; display: inline-block; -webkit-animation: cardbtn 1.3s infinite; -o-animation: cardbtn 1.3s infinite; animation: cardbtn 1.3s infinite; transition: 0.3s; }
@keyframes cardbtn {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
.tgfs-wrap .prize{ width: 152px; height: 152px; background: #2b2d31; border-radius: 50%; position: absolute; top: 48px; right: 130px; }
.tgfs-wrap .prize img{ margin: 14px auto 0; display: block; }
.tgfs-wrap .prize p{ text-align: center; font-size: 14px; color: #ffffff; line-height: 21px; font-weight: bold; padding-top: 10px; }

/* tggz-wrap */
.tggz-wrap{ margin: 0 130px 0 220px; padding: 18px 0 0; line-height: 21px; }
.tggz-wrap h3{ font-weight: bold; color: #f7af73; text-align: center; margin-bottom: 4px; text-indent: -88px; }
.tggz-wrap p{ color: #bf9c7c; }

/* tg-rule-more */
.tg-rule-more{ display: block; width: 200px; height: 51px; line-height: 48px; background: url(../img/button.png) no-repeat; margin: 6px auto 0; text-align: center; font-size: 16px; color: #ffc68c; font-weight: bold; }

/* share-prize-btn */
.share-prize-btn{ margin: 0 222px; padding: 120px 0 0; }
.share-prize-btn a{ display: block; width: 200px; height: 51px; line-height: 48px; background: url(../img/button.png) no-repeat; margin: 0 auto; text-align: center; font-size: 16px; color: #ffc68c; font-weight: bold; position: relative; z-index: 10; transition: 0.3s; }
.share-prize-btn a:hover{ -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); }

/* winners-prize-rule */
.winners-prize-rule{  }

/* winners-list */
.winners-list{ width: 310px; height: 390px; background: #000000; position: relative; top: 120px; }
.winners-list h6{ color: #e0e0e0; font-size: 16px; text-align: center; font-weight: bold; line-height: 24px; padding: 15px 0 11px; }
.lottery-name{ height: 330px; overflow: hidden; }
.lottery-name li{font-size: 16px;line-height: 30px;color:#808080; text-align: center; }
.lottery-name .name{color:#ffc68c;padding-right:5px;}
.lottery-name .prize{color:#fd8f32;padding-left:5px;}

/* prize-rule */
.prize-rule{ font-size: 14px; color: #b2b2b2; line-height: 21px; width: 292px; position: relative; top: 218px; }
.prize-rule a{ color: #fd8f32; }

/* lottery */
.lottery{ width: 554px; height: 578px; position: absolute; top: 123px; left: 50%; margin-left: -275px; }
.lottery_list{  }
.lottery_list li{ width: 224px; height: 198px; background: url(../img/prize-bg.png) no-repeat center; position: absolute; }
.lottery_list li .box{ height: 100%; }
.lottery_list li span{ font-size: 14px; line-height: 18px; display: block; color: #b2b2b2; text-align: center; position: absolute; bottom: 38px; left: 0; right: 0; }
.lottery_list .prize1{ bottom: 96px; right: 0; }
.lottery_list .prize2{ bottom: 0; left: 50%; margin-left: -112px; }
.lottery_list .prize3{ bottom: 96px; left: 0; }
.lottery_list .prize4{ top: 96px; left: 0; }
.lottery_list .prize5{ top: 0; left: 50%; margin-left: -112px; }
.lottery_list .prize6{ top: 96px; right: 0; }
.lottery_list .prize1 .box{ background: url(../img/eve-logo.png) no-repeat center 50px; background-size: 50%; }
.lottery_list .prize2 .box{ background: url(../img/lmbz-img.png) no-repeat center 20px; background-size: 80%; }
.lottery_list .prize3 .box{ background: url(../img/cfz-img.png) no-repeat center; background-size: 70%; }
.lottery_list .prize4 .box{ background: url(../img/jdk-20.png) no-repeat center; background-size: 87px; }
.lottery_list .prize5 .box{ background: url(../img/jdk-50.png) no-repeat center; background-size: 87px; }
.lottery_list .prize6 .box{ background: url(../img/jinianxunzhang.png) no-repeat center 26px; background-size: 87px; }
.lottery_list .active{ background: url(../img/prize-bg-a.png) no-repeat center; }
.lottery .lottery_btn{ position: absolute; left: 50%; top: 50%; margin: -99px 0 0 -112px; width: 224px; height: 198px; background: url(../img/lot-btn.png) no-repeat center; cursor: pointer; }
.lottery .lottery_btn span{ padding: 120px 0 0; display: block; text-align: center; color: #FFFFFF; }

/* tgzs-wrap */
.tgzs-wrap{ padding: 90px 75px 0; }
.tgzs-list{ padding: 0 0 85px; }
.tgzs-list .img{ border: 2px solid #000000; height: 216px; line-height: 216px;text-align: center; position: relative; }
.tgzs-list .img img{ display: inline-block; width: 300px; height: 200px; vertical-align: middle; }
.tgzs-list .img i{ display: block; width: 73px; height: 31px; background: url(../img/bq_icon.png) no-repeat; position: absolute; left: 3px; top: 18px; line-height: 23px; font-weight: bold; color: #ffd6d6; text-indent: -6px; }
.tgzs-list .text{ padding: 16px 0 0; text-align: center; }
.tgzs-list .text p{ color: #cccccc; font-size: 16px; line-height: 24px; }
.tgzs-list .text p em{ display: block; color: #808080; }
.tgzs-list .text span{ display: block; margin: 16px auto 0; width: 118px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #727272; background: #000000; color: #ffffff; transition: 0.3s; }
.tgzs-list .text span:hover{ -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); }
.tgzs-list .nolist{ line-height: 200px;  color: #FFFFFF; font-size: 46px; font-weight: bold; text-align: center; border: 2px solid #000000; background: #000; }
.tgzs-list .prev,
.tgzs-list .next{ width: 168px; height: 42px; line-height: 42px; border: 1px solid #204f56; background-color: #000000; display: block; position: absolute; bottom: 0; transition: 0.3s; }
.tgzs-list .prev{ left: 50%; margin-left: -198px; background-image: url(../img/prev-icon.png); background-repeat: no-repeat; background-position: center; }
.tgzs-list .prev:hover{ transform: translateX(-6px); }
.tgzs-list .next{ right: 50%; margin-right: -198px; background-image: url(../img/next-icon.png);  background-repeat: no-repeat; background-position: center; }
.tgzs-list .next:hover{ transform: translateX(6px); }

/* µ¯´° */
body .common-dialog{ background: url(../img/pop-bg.png) no-repeat center; background-size: 100% 100%; }
body .common-dialog .layui-layer-close{ width: 52px; height: 52px; background: url(../img/close.png) no-repeat center; margin: 24px 24px 0 0; }
body .common-dialog .layui-layer-close:hover{ background: url(../img/close.png) no-repeat center; }
body .common-dialog .content{ padding: 34px 24px; }


.tg-rule-pop{ height: 434px; line-height: 434px; }
.tg-rule-pop p{ line-height: 24px; font-size: 16px; color: #b2b2b2; }
.tg-rule-pop p{ vertical-align: middle; display: inline-block; }

/* share */
.share_pop .title{text-align: center;font-size: 22px;color: #333;font-weight: bold;padding: 74px 0 16px;line-height: 34px;color: #ffc68c;}
.share_pop .text {padding: 0 20px 0px; text-align: center; }
.share_pop .text .p-tit {font-size: 16px;line-height: 26px;color: #333333;text-align: center;padding: 0 0 24px;}
.share_pop .text p {line-height: 30px;width: 520px;background: #1b0f04; display: inline-block; padding: 6px 15px;font-size: 18px;color: #ffc68c; vertical-align: middle; border: 1px solid #fd8f32; }
.share_pop .p {text-align: center;font-size: 20px;padding: 34px 0 0;color: #fff;}
.share_pop .text .btn {width: 106px;line-height: 52px;font-size: 18px;color: #FFFFFF;background: #fd8f32; display: inline-block; vertical-align: middle; margin: 10px 0 0 4px;text-align: center;cursor: pointer;font-weight: bold;}
.share_pop .toolList {overflow: hidden;padding: 32px 0 0;text-align: center;}
.share_pop .toolList a {display: inline-block;font-size: 22px;width: 153px;height: 52px;border-radius: 64px;margin: 0 50px 12px;padding: 0 37px 0 0;border-radius: 64px;color: #fff;text-align: center;line-height: 52px; cursor: pointer;}
.share_pop .toolList a:hover {color: #fff;}
.share_pop .toolList .bds_tieba {background: #fd8f32 url(../img/icon-bd.png) no-repeat 130px center;}
.share_pop .toolList .bds_tsina {background: #fd8f32 url(../img/icon-wb.png) no-repeat 126px center;}
.share_pop .toolList .bds_tqq {background: #fd8f32 url(../img/icon-qq.png) no-repeat 126px center;}
.share_pop .toolList .bds_lt {background: #fd8f32 url(../img/icon-lt.png) no-repeat 127px center;}

/* aside */
.aside{ position: fixed; right: 10px; top: 50%; margin-top: -170px; z-index: 100; }
.aside li{ background: url(../img/aside.png) no-repeat; width: 225px; height: 57px; line-height: 57px; text-align: center; margin-bottom: 14px; }
.aside li a{ display: block; font-size: 20px; color: #b0d7ff; font-weight: bold; letter-spacing: 8px; }
.aside li:hover{ background: url(../img/aside_a.png) no-repeat; }

body #yat-award-sidebar .list li .title{ line-height: 26px; }