@charset "UTF-8";
@import url('base.css');
.section1{height: 400px;background: url(../img/bg_firstScreen.jpg?fv=1020) top center no-repeat;padding-top:20px;background-size:contain;}
.section1 .timer{width: 640px;height: 140px;background: url(../img/bg_timer.png) center no-repeat;padding: 28px 0 0 124px;}
.section1 .timer .item{float: left;width: 68px;height: 68px;border: 1px solid #fd9;border-radius: 50%;margin: 0 15px;padding-top: 12px;}
.section1 .timer .item span{display:block;line-height: 20px;}

.awards{height: 190px;background: url(../img/bg_awards.png) top center no-repeat;padding: 40px 0 0 4px;}
.awards dl{width: 134px;float: left;text-align: center;cursor:pointer;padding-bottom: 20px;}
.awards dl.active{background: url(../img/ico_arrow_down.png) bottom no-repeat;}
.awards dl dt img{width: 40px;height: 40px;}
.awards dl dd{font-size: 13px;}
.awards dl .dd1{color: #fff9e0;padding: 15px 0;}
.awards dl .dd2{color: #b29b6b;}

.intro{height: 306px;background: url(../img/bg_intro.png) center no-repeat;}
.intro .left{width: 430px;padding: 20px 0 0 70px;text-shadow:0 0 1px;}
.intro .left li{padding: 10px 0;}
.intro .left li .ico{display:inline-block;width: 45px;}
.intro .left li img{vertical-align: middle;}
.intro .right{width: 620px;padding:45px 20px 0 0;line-height: 30px;}
.intro .right p{margin-top: 10px;}


.teachs .item{width: 200px;height: 280px;border: 1px solid #3e3e59;background: #0e0e2f;float: left;padding: 25px 0 0;position: relative;margin: 20px 20px 0 0;}
.teachs .item:hover{border-color: #fd9;box-shadow: 0 0 10px 2px #fd9;}
.teachs .item:nth-child(5n){margin-right: 0;}
.teachs .item .header{width: 125px;height: 170px;overflow: hidden;display: block;background-size: cover;background-position:top center;}
.teachs .item .header img{width: 100%;height: 100%;display: block;}
.teachs .item .name{padding-top: 10px;font-size: 16px;}
.teachs .item .flower{padding-top: 6px;}
.teachs .item .btns{width: 168px;height: 30px;border: 1px solid #60544d;margin-top: 10px;}
.teachs .item .btns>span{width: 100%;/* height: 24px; */float: left;text-align: center;line-height: 28px;cursor: pointer;}
.teachs .item .btns>span:hover{background: #fd9;color: #040c28;}
.teachs .item .btns .btn_flower{border-right: 1px solid #60544d;}
.teachs .item .btns img{vertical-align: middle;}
.teachs .item .ranking{min-width: 24px;height: 24px;line-height: 24px;text-align: center;position: absolute;left: 0;top: 0;z-index: 150;background: #262644;}
.teachs .item .ranking img{max-height: 100%;float: left;}

.contact{color: #b29b6b;}
.contact .left{width: 520px;height: 120px;background: url(../img/bg_contact1.png) center no-repeat;padding-left: 65px;}
.contact .left p{padding-top: 15px;}
.contact .right{width: 520px;height: 120px;background: url(../img/bg_contact2.png) center no-repeat;padding:15px 0 0 65px;position: relative;}
.contact .right p{padding-top: 20px;}
.contact .right .qrCode{width: 100px;height: 100px;position: absolute;top: 10px;right: 10px;z-index: 150;}

.pop_flower{padding: 25px 0 0 18px;}
.pop_flower .options{width: 320px;}
.pop_flower .options span{float: left;width: 80px;height: 24px;border: 1px solid #60544d;text-align: center;line-height: 20px;cursor: pointer;margin: 20px 0 0 20px;}
.pop_flower .options span.active{border-color: #fffdaa;color: #fffdaa;}
.pop_flower .custom_num{width: 320px;padding-left: 20px;}
.pop_flower .custom_num_btn{color: #fff9e0;display: block;padding: 15px 20px 15px 0;text-align: center;cursor: pointer;}
.pop_flower .custom_num_ipt{width: 240px;padding:5px;border: 1px solid #60544d;background: none;color: #d6b980;}
.pop_flower .pay_type label{display: inline-block;cursor: pointer;width: 150px;padding: 15px 0 10px 20px;background: url(../img/bg_radio1_off.png) right no-repeat;}
.pop_flower .pay_type label.active{background: url(../img/bg_radio1_on.png) right no-repeat;}


/*左右靠边的导航*/
.fixLeft{width: 100px;position: fixed;left: 0;top: 150px;text-align: center;}
.fixLeft li{padding-top: 20px;background: url(../img/fix_left_bg_off.png) top no-repeat;}
.fixLeft li.active{padding-top: 40px;background: url(../img/fix_left_bg_on.png) top no-repeat;}
.fixLeft a{color: #b29b6b;}

.rankWrap .item{width: 120px;height: 210px;border: 1px solid #3e3e59;float: left;margin-right: 17px;margin-top: 15px;position: relative;}
.rankWrap .item:nth-child(8n){margin-right: 0;}
.rankWrap .item .header{width: 100%;height: 144px;padding: 4px;position: relative;}
.rankWrap .item .header img{display: block;width: 100%;height: 100%;}
/*.rankWrap .item:hover .btns{display: block;}
.rankWrap .header .btns{width: 62px;height: 22px;line-height: 20px;color: #b5b5b5;border: 1px solid #b5b5b5;border-radius: 5px;position: absolute;left: 28px;z-index: 100;background: #040c28;cursor: pointer;display: none;}
.rankWrap .header .btns:hover{background: #fd9;color: #040c28;border-color: transparent;}
.rankWrap .header .btn_share{top: 40px;}
.rankWrap .header .btn_flower{top: 70px;}*/
.rankWrap .name{display: block;padding: 5px;}
.rankWrap .flowers{/*padding-top: 5px;*/}
.rankWrap .flowers img{vertical-align: middle;}
.rankWrap .item .ranking{min-width: 26px;height: 26px;line-height: 26px;text-align: center;position: absolute;left: 0;top: 0;z-index: 150;background: rgba(38,38,68,.6);}

.result_awards{font-size:18px;}
.result_awards .tabs{margin-left: -5px;margin-right: -5px;}
.result_awards .item{float: left;width: 20%;padding: 0 5px;text-align: center;margin-bottom: 10px;}
.result_awards .item span{display: block;padding: 10px 0;background: #252644;cursor: pointer;}
.result_awards .item.active span{background: #ffde95;color: #252644;}
