html,body{ background-image: linear-gradient(3deg,#FF8800,#FFA701 95%);    height: auto;;} 
.fl{float: left;}
.fr{float: right;}
		
.clearfix:after{clear: both;display: block;content:"";}
.bargin{padding-bottom: 2rem;}
.bargin .banner{width: 100%;}
.bargin .con{background: #FFFFFF;width: 15.75rem;border-radius: 10px;margin: 0 auto;padding:0  0.75rem 0.75rem 0.75rem;margin-bottom: 1rem;}
.bargin .title {text-align: center;padding-top: 1rem;}
.bargin .title .titled{font-size: 0.85rem;margin-bottom: 0.6rem;font-weight: bold;}
.bargin .title .time{border-radius: 90px;background:#FCF6FF;line-height: 2rem;margin: 0 auto;font-size: 0.7rem;}
.bargin .title .time p span{margin: 0 0.2rem;background-image: linear-gradient(2deg,#515151,#808080 95%);padding: 0 0.2rem;color: #FFFFFF;}
.bargin .card {margin-top: 0.65rem;margin-bottom: 0.625rem;}
.bargin .card .fl{width: 4.3rem;}
.bargin .card .fr{width: 10.525rem;font-size: 0.5rem;}
.bargin .card .fr img{display: block;width: 100%;margin-bottom: 0.7rem;color: #;}
.bargin .button_g{margin-bottom: 0.5rem;color: #FFFFFF;text-align: center;background: url(https://img9.tongzhuo100.com/m_index/img/activation/bargin/tsk.png) no-repeat;background-size: 100%;display: block;height:2.25rem;line-height: 2.25rem ;}
.guz{width: 14rem;margin: 0 auto;margin-top: 1.5rem;}
.guz .guztitle{font-size: 0.85rem;}
.guz .guztitle p{width: 3.85rem;color: #FFFFFF;text-align: center}
.guz .guztitle p.a1{height: 1px;background: #FFFFFF;margin-top: 0.52rem;}
.guz ul{color: #FFFFFF;font-size: 0.6rem;line-height: 0.95rem;margin-top: 1rem;letter-spacing: 1px;}

.progress{border-radius: 90px;border: 1px solid #FF9C16;height: 0.65rem;}
.progress .progress_n{border-radius: 90px;height: 0.65rem;background: #FF9C16;position: relative;}
.tips{font-size: 0.65rem;margin-bottom: 0.5rem;position: relative;}
.tips .tips_con {text-align: center;color: #FFFFFF;background: #FF9C16;border-radius: 4px;width: 10rem;}
.tips .tips_con span{color: red;font-size: 0.75rem;}
.triangle {position: absolute;width: 0;height: 0;border-left: 0.3rem solid transparent;border-right: 0.3rem solid transparent;border-top: 0.3rem solid #FF9C16;}
.bc{margin-bottom: 1rem;}
.bc p{font-size: 0.6rem;width: 1.1rem;text-align: center;margin-right: 1.8rem;font-weight: bold;}
.bc p span{    display: block; height: 0.5rem; overflow: hidden;}
.bc p:last-child{margin-right: 0px;}
		
.portrait ul li{float: left;width: 2rem;overflow: hidden;height: 2rem;border-radius: 90px;background: #cacaca;margin-right: 0.75rem;margin-top: 0.5rem;}
.portrait ul li:nth-child(6n){margin-right: 0rem;}
.portrait ul li img{width: 100%;}
.portrait .hader_img{font-size: 0.7rem;text-align: center;padding-top: 0.5rem;font-weight: bold;}
		
.bcon {    width: 17.25rem;margin: 0 auto;}
.bcon .list_lh{height:7rem;overflow: hidden;}
.bcon .list_lh ul li{margin-bottom: 0.25rem;font-size: 0.6rem;color: #B14300;background: #FFEDD2;border-radius: 90px;padding: 0.3rem 0.7rem;overflow: hidden;}
.bcon .list_lh ul li img{width: 1.3rem;height: 1.3rem;border-radius: 90px;vertical-align: middle;margin-right: 0.3rem;}
.bcon .list_lh ul li span{vertical-align: middle;}
.bcon .list_lh ul li p.fr{line-height: 1.3rem}
.bcon .bcon_title {font-size: 0.8rem;text-align: center;margin-bottom: 0.58rem;}
.bcon .bcon_title p{display: inline-block;vertical-align: middle;}
.bcon .bcon_title .a1{width: 1.1rem;height: 0.8rem;background: url(https://img9.tongzhuo100.com/m_index/img/activation/bargin/zs.png) no-repeat;background-size: 100%;}
.bcon .bcon_title .a2{margin: 0 0.2rem;color: #B14300;font-weight: bold;}

.k_mask{position: fixed;width: 12.5rem;left: 50%;margin-left: -6.25rem;top: 20%;background: #FFFFFF;display: none;    z-index: 10;}
.k_mask .k_top{background: orangered;text-align: center; height: 4.3rem;}
.k_mask .k_top img{width: 95%;margin-top: -3.5rem;height: 7rem;}
.k_mask .k_top .gant{border-radius: 90px;background: #ffffff;width: 3rem; height: 3rem; margin: 0 auto;font-size: 1.5rem;color: orangered;line-height: 3rem;}
 
.k_mask .k_con{font-size: 0.9rem;text-align: center;}
.k_mask .k_con .a1{margin:1.5rem 0 0 0;}
.k_mask .k_con .a2{font-size: 1.5rem;color: orangered;}
.k_mask .k_con .a3{cursor: pointer;color: orangered; border-radius: 90px;border: 1px solid orangered;width: 7rem;margin: 0.5rem auto 1.5rem auto;line-height: 1.7rem;}


