*{ margin: 0; padding: 0; box-sizing: border-box; }
body{ font-size: .24rem; color: #333; background: #f8f8f8; }
ul,li{ list-style: none;}
a{ text-decoration: none; }
input[type="button"]{ cursor: pointer; outline: none; outline: none; -webkit-appearance: none;  border:none; font-size: .24rem;}
input[type="text"]{ outline: none; -webkit-appearance: none; border: none; font-size: .24rem;}
input[type="text"]::-webkit-input-placeholder{color:#999; } 
select{ outline: none; font-size: .24rem; }
textarea{ -webkit-appearance: none; resize: none; outline: none; font-size: .24rem; }
table{ border-collapse: collapse; }
::-webkit-scrollbar {display:none}
.al-top{margin-top: .2rem;}
.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}

/*鍏叡澶撮儴鍜屽簳閮�*/
.al-comhead{ width: 100%; height: .88rem; background: #ec8a33; color: #fff; text-align: center; font-size: .36rem; line-height: .88rem; position: fixed; top:0; z-index: 9; }
/*.al-comhead .back{ display: inline-block; position: absolute; left: .2rem; top: .14rem; width: .6rem; height: .6rem; background: url(../images/kaihu-images/icon_back.png) left center no-repeat; background-size: .17rem; }*/
.al-comhead-back{z-index: 10;position: fixed;top: 0.15rem;left: 0.3rem; width: 0.6rem;}
.al-comhead .al-comhead-menu{ width: .35rem; position: absolute; right: .2rem; top: .32rem;}
.al-comhead .choose{ width: .32rem; position: absolute; right: .2rem; top: .32rem;}
.al-comhead b img{width: .22rem; margin-left: .08rem; position: relative; top: -2px;}
.al-commain{ width: 100%; padding:.88rem 0.4rem 0.4rem 0.4rem; font-size: .24rem; }
.al-nav{ height: .88rem;  line-height: .88rem; box-sizing: border-box; font-size: .26rem;  position: relative;}
.al-nav::before{ content: ""; display: inline-block; width: .08rem; height: .36rem; background: #ec8a33; vertical-align: middle; margin: -.04rem .15rem 0 0;border-radius: 0.1rem;}
.al-pad{ padding: 1.08rem .2rem 0;}
.al-bgf{ background: #fff;border-radius: .15rem;}
.al-padding{ padding:0 .2rem;}
/*鍒囨崲*/
.al-tab{ position: fixed; top: .88rem; left: 0; right: 0; background: #fff; z-index: 8; height: .8rem; padding: 0 .2rem; box-sizing: border-box; border-bottom: 1px solid #ddd; font-size: .26rem;  }
.al-tab span{ float: left; line-height: .76rem; text-align: center; width:25%; text-align: center; font-size: .26rem;} 
.al-tab span.yesspan{ color: #ec8a33; border-bottom: 2px solid #ec8a33;font-weight: 600; }

/*鏌ヨ*/
.wgt-query{ width: 100%; background: #fff; padding: 0 .2rem; box-sizing: border-box; }
.wgt-query table{ width: 100%; color: #666; }
.wgt-query table td{ border-bottom: .01rem solid #ddd; padding: .22rem 0; position: relative; font-size: .24rem; }
.wgt-query table td.name{ width: 1.7rem; }
.wgt-query table td.name span{ color: red;}
.wgt-query table input[type="radio"]{ width: .24rem; height: .24rem; vertical-align: middle; margin-right: .1rem; }
.wgt-query table input{ width: 100%; border: none; font-size: .24rem;  }
.wgt-query table input.text-time{ width:44%;}
.wgt-query table input.text-time-one{ background: url("../images/wgt_time.png") no-repeat right center; background-size: .28rem;}
.wgt-query table input.text-time-two{ text-align: right;}
.wgt-query table input::-webkit-input-placeholder{color:#999; } 
.wgt-query table input::-moz-placeholder{ color:#999; }
.wgt-query table input:-moz-placeholder{ color:r#999;}
.wgt-query table input:-ms-input-placeholder{ color:#999; }
.wgt-query table select{ width: 100%; border: none; font-size: .24rem; }
.wgt-query table textarea{ width: 100%; border: none; font-size: .24rem; min-height: 1rem;}
.wgt-query table textarea::-webkit-input-placeholder{color:#999; } 
.wgt-query table textarea::-moz-placeholder{ color:#999; }
.wgt-query table textarea:-moz-placeholder{ color:r#999;}
.wgt-query table textarea:-ms-input-placeholder{ color:#999; }
.wgt-query table .span-check{ margin-right: .3rem; }
.wgt-query table .span-check img{ width:.35rem; height:.35rem; margin-right: .15rem; vertical-align: middle; margin-top: -.05rem; border-radius: 50%;}
.wgt-query table .special{ }
.wgt-query table .special .spe-sear{position: relative;}
.wgt-query table .special .spe-sear .imgsear{ width: .32rem; height: .33rem; position: absolute; top:0; right: 0; vertical-align: middle;}
.wgt-query table .special-click{ box-shadow: 0 0 5px #ddd; }
.wgt-query table .special-click .spe-sear input{ border: 1px solid #ddd;line-height: .5rem; padding: 0 .2rem;}
.wgt-query table .special-click .spe-sear .imgsear{top:.1rem; right: .2rem;}
.wgt-query table a{ color: #4481fe; display: inline-block; height: .48rem; padding: 0 .2rem; background: #f2f6ff; line-height: .46rem; position: absolute; right: 0; top: .15rem; color: #008fd5; border: 1px solid #4481fe; border-radius: 1rem; }
.wgt-query table .td-addr{ position: relative;}
.wgt-query table .td-addr img.addr{ position: absolute; top:.2rem; width:.4rem; right: 0;}
.wgt-query table .ul-shop{ position: absolute; top:.76rem; width: 100%; background: #fff; padding: .1rem 0; z-index: 9;box-shadow: 0 1px 5px #ddd;}
.wgt-query table .ul-shop li{line-height: .4rem; padding: .1rem .2rem;}
.wgt-query table .span-unit{ position: absolute; right: .2rem; }


.wgt-query-spebtn{ display: flex; justify-content: space-between; padding: .2rem 0;}
.wgt-query-spebtn input{ width: 48.5%; background: #4481fe; color: #fff; height: .7rem; line-height: .7rem; border-radius: 1rem; font-size: .26rem;text-align: center; }
.wgt-query-spebtn input.reset{ background: #dae6ff; color: #4481fe;}
.wgt-query-spebtn-four { padding:.2rem;}
.wgt-query-spebtn-four input{ width: 23%;}
.wgt-stores-note { overflow: hidden; }
.wgt-stores-note textarea{ width: 100%; font-size: .24rem; min-height: 1.5rem; border:none; padding: .2rem; }
.wgt-bottom-btn{ padding: .2rem 0;}
.wgt-bottom-btn input{ width:100%;  background: #4481fe; color: #fff; height: .76rem; line-height: .76rem; border-radius: 1rem; font-size: .28rem;}
.wgt-stores-add{ padding:.1rem .2rem;}
.wgt-stores-add table { width: 100%;}
.wgt-stores-add table td{ padding: .1rem 0; width: 50%;}
.wgt-stores-add table td .name{ color: #666;}
.wgt-stores-add table td .waite{ color: #ff8b2c;}
.wgt-stores-add table td .img-write{ width:.35rem; margin-left: .2rem; vertical-align: middle; margin-top: -.05rem;}
.wgt-stores-add table td .green{ color: #209600;}
.wgt-stores-add table td .red{ color: #d7363c;}
.wgt-stores-add table td .blue{ color: #4481fe;}
.wgt-stores-add table td.right{ text-align: right;}
.wgt-stores-add-btn{ border-radius: 0 0 .15rem .15rem; overflow: hidden; margin-bottom: .2rem;}
.wgt-stores-add-btn input{width: 50%; background: #4fba14; color: #fff; height: .7rem; line-height: .7rem; font-size: .26rem; text-align: center;}
.wgt-stores-add-btn input.del{ background: #f1585e;}

.wgt-pop{ position: fixed; top:0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.3); display: flex; justify-content: center; align-items: center;z-index: 99;}
.wgt-pop-main-infor{ background: #fff; border-radius: .15rem; text-align: center; width: 70%;  padding:.35rem 0; }
.wgt-pop-main-infor .img-infor{ width:.7rem;}
.wgt-pop-main-infor .p-infor{ font-size: .26rem; margin: .4rem 0;}
.wgt-pop-main-infor .close-btn{ height: .6rem; line-height: .6rem; color: #fff; background: #4481fe; border-radius: 1rem; text-align: center; padding: 0 .5rem; margin:.2rem .2rem 0;}
.wgt-pop-main-infor .cancel-btn{ background: #dae6ff;  color: #4481fe;}
.wgt-search-top{ padding:.2rem; background: #fff; margin-bottom: .2rem;}
.wgt-search-top input{ padding:0 .4rem; height: .6rem; line-height: .6rem; color: #fff; background: #209600; border-radius: 1rem; font-size: .24rem; margin-right: .2rem;} 
.wgt-search-top input.no{ background: #f1585e; }
.wgt-search-top input.all{ background: #4481fe; }
.wgt-search-top span{ float: right; margin-top: .15rem; }
.wgt-search-top span img{ width: 0.35rem; height: 0.35rem; margin-right: 0.15rem; vertical-align: middle; margin-top: -.05rem; border-radius: 50%;}
.wgt-search-top-two{ padding: 0; background:transparent; }
.wgt-search-list{ padding:.2rem .2rem 0; margin-bottom: .2rem; position: relative; }
.wgt-search-list .title{ font-size: .3rem; font-weight: 600; position: relative; border-bottom: 1px dotted #ddd; padding-bottom: .2rem;}
.wgt-search-list .title img{ float: right; width: 0.35rem; height: 0.35rem;  vertical-align: middle; border-radius: 50%; }
.wgt-search-list-btn { border-top:1px dotted #ddd; padding: .2rem 0; text-align: right;}
.wgt-search-list-btn input{ height: .56rem; line-height: .56rem; padding: 0 .3rem; border-radius: 1rem; border:1px solid #ddd; background: #fff; margin-left: .2rem; text-align: center;}
.wgt-search-list-btn input.through{ background: #edfbe9; color: #209600; border-color:#209600; }
.wgt-search-list-btn input.through-no{ background: #fde8e9; color: #d7363c; border-color:#d7363c; }

/*.wgt-procurement{ position: relative; }
.wgt-procurement .title{ border-bottom: 1px dotted #ddd; padding-bottom: .2rem; }*/
.wgt-search-list .wgt-stores-add{ padding: .1rem 0 .2rem;}
.wgt-procurement-slide{ width: .9rem; position: absolute; bottom: -.1rem; left: 50%; margin-left: -.4rem;}

.wgt-bottom-search{ position: fixed; bottom: 0; left: 0; right: 0;}
.wgt-bottom-search input{ width: 50%; background: #4481fe; color: #fff; height: .88rem; line-height: .88rem;  font-size: .26rem;text-align: center; font-size: .28rem;}
.wgt-bottom-search input.reset{ background: #dae6ff; color: #4481fe;}
/*璇︽儏*/
.wgt-detail { padding: .1rem 0; margin-bottom: .2rem;}
.wgt-detail table{width:100%;}
.wgt-detail table td{ padding: .1rem .2rem; text-align: right;}
.wgt-detail table td.name{ width: 1.8rem; text-align: left;}
.wgt-detail table td.orange{ color: #ff8b2c;}
.wgt-detail table td.blue{ color: #4481fe;}
/*寮规*/
.wgt-box{ background: rgba(0, 0, 0, .6); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; }
.wgt-box .box-con{ position: absolute; bottom: 0; left: 0; right: 0; background: #fff; }
.wgt-box .box-con h2{ padding: 0 2rem; position: relative; height: .88rem; line-height: .88rem; background: #f5f5f5; font-size: .3rem; font-weight: 600; text-align: center; }
.wgt-box .box-con h2 img{ position: absolute; right: .2rem; top: .28rem; width: .28rem; }
.wgt-box .box-mian{  overflow-y: auto; padding: 0 .2rem; box-sizing: border-box; }
.wgt-box .box-mian-textarea{ width: 100%; font-size: .24rem; min-height: 2rem; border:none; padding: .2rem;}
.wgt-box .box-ul-num{ padding:.2rem 0; overflow: hidden;}
.wgt-box .box-ul-num li{ width: 33.3%; text-align: center; font-size: .24rem; float: left; }
.wgt-box .box-ul-num li p{ font-size: .34rem; font-weight: 700; color: #4481fe; padding-top: .2rem;}
.wgt-box .box-ul-num-four li{width: 25%;}



.al-walk{ background: #fff; font-size: .26rem; padding: 0 .2rem;}
.al-walk .al-walk-list{ border-bottom: 1px solid #ddd; font-size: .26rem; line-height: .36rem; padding: .2rem 0;}
.al-walk .al-walk-list:last-child{ border-bottom:0;}
.al-walk .al-walk-list p.time{ color: #999; font-size: .24rem; padding-top: .1rem; }
.al-walk-more{ color: #999; text-align: center; padding: .2rem 0;}
.al-walk{ margin: .2rem; border-radius: .15rem; background: #fff; position: relative; padding: .2rem;}
.al-walk-download{  height: 2rem;}
.al-walk .title { font-size:.3rem; font-weight: 700; line-height: .4rem;}
.al-walk .title img{ width:.4rem; margin-right: .15rem; vertical-align: middle; margin-top: -2px;}
.al-walk .title span{ color: #999; font-size: .24rem; float: right; font-weight: normal; }
.al-walk .main{ color: #888; font-size: .24rem; line-height: .45rem; padding-left: .6rem; padding-top: .1rem;}
.al-walk a{ height: .46rem;line-height: .46rem; color: #fff; padding: 0 .3rem; border-radius: 5px; background: #ec8a33; display: inline-block; position: absolute; right: .2rem; bottom: .2rem; font-size: .24rem;}
.al-open{ border-radius: .15rem; background: #fff; padding:0 .2rem; margin: .2rem;}
.al-open-list table{ width:100%;}
.al-open-list table tr{ border-bottom: 1px solid #ddd;}
.al-open-list table tr:last-child{ border-bottom:0;}
.al-open-list table td{ font-size: .26rem; padding: .2rem 0;  }
.al-open-list table td.time{ font-size: .24rem; color: #999; text-align: right;}
.al-trading{ padding: .2rem; }
.al-trading .trading{ border-radius: .15rem; background: #fff; width: 48.5%; margin-right: .2rem; margin-bottom: .2rem; float: left;}
.al-trading .trading:nth-child(2n){ margin-right: 0;}
.al-trading .trading img{ width:100%; }
.al-trading .trading p{ text-align: center; font-size: .26rem;  line-height: .7rem;}
.al-detail{ padding: .2rem;}
.al-detail .title{ font-size: .4rem; font-weight: 700; text-align: center; padding: .2rem 0;}
.al-detail .infor{ color: #999; font-size: .24rem; padding-bottom: .2rem;}
.al-detail .infor img{ width:.5rem; margin-right: .15rem; vertical-align: middle; margin-top: -2px;}
.al-detail .infor span{ float: right;}
.al-detail .main{ font-size: .24rem; line-height: .5rem; text-indent: .6rem;}
.al-tab-two{ position: static; display: flex; justify-content: space-around;}
.al-product{ padding: .2rem;}
.al-product table{ width: 100%; background: #fff;}
.al-product table tr:first-child{ background: #f9f4ef; }
.al-product table tr td,.al-product table tr th{ border: 1px solid #888888; padding: .2rem 0; text-align: center; border-collapse: collapse; font-size: .24rem;}
.al-product table tr td .handle-btn{ height: .4rem;line-height: .4rem; padding: 0 .15rem; border-radius: .05rem; color: #fff; background: #ec8a33;}
.al-disclosure{ background: #fff; margin-top: .2rem; padding:0 .2rem .2rem;}
.al-disclosure-ul{ display: flex; justify-content: space-around; border-bottom: 1px solid #ddd; padding-bottom: .2rem;}
.al-disclosure-ul li{width: 25%; text-align: center; font-size: .24rem; }
.al-disclosure-ul li p{ font-size: .3rem; font-weight: 700; color: #ec8a33; padding-bottom: .05rem;}
.al-disclosure-infor{ width:100%; margin-top: .2rem; }
.al-disclosure-infor td{ padding: .1rem .2rem; font-size: .24rem; }
.al-echarts{ padding:.2rem;}
.al-echarts img{ width:100%; }
.al-activity-banner{ position: relative;}
.al-activity-banner .banner-img{ width: 100%;}
.al-activity-banner .banner-icon{ position: absolute; bottom: .2rem; left: 43%; text-align: center;}
.al-activity-banner .banner-icon span{ background: #fff; width:.18rem; height: .18rem; border-radius: 50%; display: inline-block; opacity: .5; margin: 0 .05rem;}
.al-activity-banner .banner-icon span.click{ opacity: 1;}
.al-activity-title{ height: .7rem; line-height: .7rem; padding: 0 .2rem; font-weight: 600; border-bottom: 1px solid #ddd; font-size: .28rem;}
.al-activity-title .title-img{ width: .3rem; margin-right: .2rem; vertical-align: middle; margin-top: -2px;}
.al-activity-title span{ float: right; color: #999; font-weight: normal; font-size: .24rem;}
.al-activity-title span img{ width:.14rem; margin-left: .1rem;  vertical-align: middle; margin-top: -2px;} 
.al-activity-title a{margin-right: .3rem; display: inline-block; height: 0.7rem;}
.al-activity-title a.a-click{ color: #ec8a33; border-bottom: 2px solid #ec8a33; }
.al-activity-zone{ background: #fff; margin-top: .2rem;}
.al-activity-time{ padding:.2rem;}
.al-activity-time table{ width:100%; }
.al-activity-time table .line{ width:.5rem; text-align: center; background: url("../images/al_time_line.png") repeat-y top center; background-size: 1px;}
.al-activity-time table .line span{ width:.2rem;height: .2rem; border-radius: 50%; display: inline-block;background: #ec8a33;}
.al-activity-time table .btn span{  display: inline-block; height: .4rem; line-height: .4rem;padding: 0 .1rem; color: #fff; background: #7896da; border-radius: 3px;}
.al-activity-time table .btn span.green{ background: #6fc898; }
.al-activity-time table .btn span.orange{ background: #ec8a33; }
.al-activity-time table .date{ color: #ec8a33; margin-right: .1rem;}
.al-activity-time table td{ padding:.1rem 0;}
.al-activity-play{ display: flex; justify-content: space-between; padding: 0 .2rem .2rem; flex-wrap: wrap;}
.al-activity-play li{ width: 48.5%; margin-top: 0.2rem;}
.al-activity-play li img{ width: 100%; border-radius: .1rem;}

.al-activity-list .list{ padding:.2rem; overflow: hidden; border-bottom: 1px solid #f2f2f2;   }
.al-activity-list .list .list-left{ padding-left: 31%;}
.al-activity-list .list .list-left .title{ font-size: .26rem;  color: #333; padding-bottom: .05rem; }
.al-activity-list .list .list-left .time{  font-size: .24rem; color: #999; padding-top: .15rem;}
.al-activity-list .list .list-left .time img{ width:.28rem; margin-right: .1rem; vertical-align: middle; margin-top: -2px;}
.al-activity-list .list .list-right-img{ width: 2rem; border-radius: .05rem; }
/*鎶曟暀鍩哄湴*/
.al-base-main{ padding:0 .2rem;}
.al-base-title{ text-align: center; font-size: .3rem; font-weight: 600; padding: .2rem 0;}
.al-base-title img{ width: .9rem; vertical-align: middle; margin:  0 .2rem; }
.al-base-list{ padding:.2rem;}
.al-base-list table{ width: 100%;}
.al-base-list table tr { border-bottom:1px solid #ddd;}
.al-base-list table tr:last-child{ border-bottom:none;}
.al-base-list table tr td{ font-size: .24rem; padding: .2rem 0;}
.al-base-list table tr td.time{ width: 2rem; text-align: right; color: #999;}
.al-base-new{ padding:.2rem;  margin-top: .2rem; }
.al-base-new-ul{ overflow-x: auto;}
.al-base-new-ul ul{ display: flex; width: 135%; }
.al-base-new-ul li{ width:3rem; position: relative; border:2px solid #fad189; border-bottom: 0; margin-right:.2rem; }
.al-base-new-ul li img{ width: 100%;}
.al-base-new-ul li p{ position: absolute; bottom: 0; left: 0; right: 0; height: .5rem; line-height: .5rem;text-align: center; color: #fff; background: #ec8a33; border-radius: 15px 15px 0 0; font-size: .26rem; }
.al-base-new .base-new-icon{ text-align: center;}
.al-base-new .base-new-icon span{ background: #ebebeb; width: .5rem; height: .08rem; display: inline-block; border-radius: .2rem;}
.al-base-new .base-new-icon span.left{  border-radius:.2rem 0 0 .2rem;}
.al-base-new .base-new-icon span.right{ border-radius:0 .2rem .2rem 0;}
.al-base-new .base-new-icon span.click{ border-radius: .2rem; background: #ec8a33;}

.al-base-round{ padding: 0 .2rem .2rem; margin-bottom: .2rem;}
.al-base-round ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.al-base-round ul li{ width:48%; border-radius: .2rem; padding: .2rem; background: url("../images/al_base_img3.png") no-repeat; background-size: 100%; height: 1.7rem; display: flex; align-items: center; margin-top: .2rem; font-size: .28rem; font-weight: 700;}
.al-base-round ul li.two{ background: url("../images/al_base_img4.png") no-repeat; background-size: 100%;}
.al-base-round ul li.three{ background: url("../images/al_base_img5.png") no-repeat; background-size: 100%;}
.al-base-round ul li.four{ background: url("../images/al_base_img6.png") no-repeat; background-size: 100%;}
/*棣栭〉*/
.al-comhead-top{ height: 3.5rem; background:#fff url("../images/index_banner.png") no-repeat center bottom; background-size: 100% 100%;}
.al-comhead-top .al-comhead{ background:none;} 
.index-top-sear { display: inline-block; position: relative; top: -0.05rem; float: left; width: 86%; margin-left: .2rem;}
.index-top-sear input{ width: 100%; height: .58rem; line-height: .58rem; border:1px solid #fff; border-radius: .1rem; text-indent: .2rem; background:none;}
.index-top-sear input::-webkit-input-placeholder{color:#fff; }
.index-top-sear input::-moz-placeholder{ color:#fff;}
.index-top-sear input:-moz-placeholder{ color:#fff; }
.index-top-sear input:-ms-input-placeholder{ color:#fff; }
.index-top-sear img{ position: absolute; top:.38rem; right: .2rem;width:.3rem;}
.al-index-fun{ background: #fff; padding:.1rem 0 .2rem; overflow: hidden;}
.al-index-fun li{ width:25%; text-align: center; float: left;font-size: .24rem; margin-top: .2rem;}
.al-index-fun li img{ width:.55rem;}
.al-index-market{ background:#fff; margin-top: .2rem; }
.al-index-market .market-list{ padding: 0 .2rem;}
.al-index-market .market-list .market-top{ border-bottom: 1px solid #eee; height: .7rem; line-height: .7rem;}
.al-index-market .market-list .market-top span{ color: #74abf8; font-size: .24rem; font-weight: 700; margin-right: .05rem;}
.al-index-market .market-list .market-top a{ float: right; color: #5b79b3;font-size: .24rem; margin-left: .1rem; }
.al-index-market .market-list .market-top a img{ width:.18rem; margin-left: .05rem;}
.al-index-market .market-list .market-top i{  display: inline-block; font-size: .24rem;  color: #74abf8; border:1px solid #74abf8; font-style: normal; padding: 0 .1rem; border-radius: 1rem; height: .4rem; line-height: .36rem; transform: scale(0.85); }
.al-index-market .market-list table{ width:100%;}
.al-index-market .market-list table tr td{ color: #212e5e; padding: .15rem .1rem; font-size: .24rem; border-bottom: 1px solid #eee; line-height: .4rem;}
.al-index-market .market-list table tr.important td p{ font-weight: 700;}
.al-index-market .market-list table tr.red td{ color: red;}
.al-index-market .market-list table tr td .dot{ display: inline-block;width:.1rem; height:.1rem; border-radius: 50%; background:#74abf8; }
.al-index-market .market-list table tr td:first-child{vertical-align: top; border-bottom: none;}
.al-index-live{ padding:.2rem; overflow: hidden;}
.al-index-live-left{ width:49%; float: left;position: relative; height: 4.2rem; background: url("../images/index_live_img1.png") no-repeat; background-size: 100% 100%; padding: .2rem; }
.al-index-live-left .live-top{ background: #a6afb7; color: #fff; border-radius: .08rem; height: .4rem; line-height: .4rem; display: inline-block; font-size: .24rem; padding-right: .1rem;}
.al-index-live-left .live-top span{ background: #f63f2e; border-radius: .08rem; padding: 0 .1rem;  height: .4rem; line-height: .4rem; display: inline-block; margin-right: .1rem;}
.al-index-live-left .live-top span img{ width:.25rem; vertical-align: middle; margin: -2px .1rem 0 .1rem;}
.al-index-live-left .watch{ position: absolute; bottom: .2rem; left: .2rem; background: #ff9f0e; color: #fff; height: .5rem; line-height: .5rem; display: inline-block; border-radius: .08rem; padding: 0 .15rem; font-size: .26rem; }  
.al-index-live-left .watch img{ width:.33rem; margin-left: .1rem; vertical-align: middle; margin-top: -2px;}
.al-index-live-left .praise{ display: inline-block; position: absolute; bottom: .2rem; right: .2rem;}
.al-index-live-left .praise img{ width:.6rem;  }
.al-index-live-right{ width: 49%; float: right; color: #fff;  }
.al-index-live-right .play{ height:2rem; margin-bottom: .2rem;}
.al-index-live-right .play img{ width:100%; height: 100%; }
.al-index-live-right .btn{ text-align: center;height:2rem; background: url("../images/index_live_img3.png") no-repeat; background-size: 100% 100%; color: #fff; font-size: .24rem; padding-top:.45rem; letter-spacing: .1rem; font-size: .36rem;}
.al-index-live-right .btn span{ letter-spacing: .05rem; padding: .05rem .2rem; border:1px solid #fff; border-radius: 1rem; font-size: .24rem; }
.al-index-web{ padding:.2rem; line-height: .5rem; font-size: .24rem; }
.al-index-web span{ margin-right: .8rem; display: inline-block;}
.al-index-footer {  font-size: .24rem; padding: .2rem; text-align: center; line-height: .45rem;}
.al-index-footer .phone { font-size: .24rem;}
.al-index-footer .phone img{ width: .4rem; margin-right: .15rem; vertical-align: middle; margin-top: -2px;}
/*棣栭〉鑿滃崟*/
.al-menu-bg{ position: fixed; top:0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.1);}
.al-menu{ width:1.9rem; background: #fff; border-radius: .2rem; position: absolute; top:.88rem; right: .2rem; padding: 0 .2rem;}
.al-menu li{ line-height: .7rem; padding: 0 .2rem; font-size: .26rem; text-align: center; border-bottom: 1px dotted #eee;}