/**
 * @created : 2019/09/25
 * @author : Wangxc
 * @desc : 魔百盒电视指南
 */

@charset "UTF-8";
/*! 清除默认样式 */
*{padding: 0;margin: 0;touch-action: pan-y;}
body{margin: 0 auto;font-family: Arial,Verdana,Sans-serif;font-size: .28rem;line-height: 1.5;color:#3a3a3a}
dd,dl,dt,li,ol,ul{float: none;list-style: none}
h1,h2,h3,h4,h5,h6{font-weight: 400}
img,table{border-spacing: 0;border-collapse: collapse;border: 0}
img{vertical-align: middle;pointer-events: none}
li{list-style: none}
th{font-weight: 400}
a{text-decoration: none;outline: 0 none}
em,i{font-style: normal}
input,select,textarea{outline: 0;font-size:inherit;font-family:inherit;}
input[type=checkbox],input[type=radio]{vertical-align: middle}
button,input{border: 0 none;outline: 0 none;font-size:inherit;}
a{color: inherit;text-decoration: none;-webkit-tap-highlight-color: rgba(255,255,255,0)}
body > img{display: none}
.hide{display: none}
.center{text-align: center}
.clearfix:after{display: block;height: 0;clear: both;visibility: hidden;content: "."}
.clear{height: 0;min-height: 0;padding: 0;margin: 0;clear: both;font-size: 0;line-height: 0}
.posi{position:relative;}
.posi:after{content:"";width:.18rem;height:.18rem;border-top:1px solid #808080;border-right:1px solid #808080;transform:rotate(45deg);position:absolute;right:0;top:calc(50% - 0.09rem);}
.borderTop{border-top:8px solid #eceff6;}
.borderTopBorder{border-top:30px solid #eceff6;}
.ios-select-widget-box a.sure{top: .1rem!important}
.textBlue{color:#3288fe;}
.textBlack{color:#000;}
.textOrange{color:#fb8931;}
.textGray{color:#828282;}
.textLight{color:#999;}
.alignR{text-align:right;}
.marSide{margin:0 .2rem;}
.marV{margin:.2rem 0;}
.mainImg{width:100%;vertical-align:middle;}
.flex{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;-webkit-align-items:center;}
.flexV{display:flex;display:-webkit-flex;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;}

html,body{height:100%;width:100%;}
.layout{min-height:13.35rem;}
/*! 【common组件】 公共头部  */
.m-header{position: fixed;top: 0;right: 0;bottom: auto;left: 0;z-index: 9;line-height: .9rem;border-bottom:1px solid #dcdcdc;color: #000;background: #fff;}
.m-header__left{position: absolute;top: 0;left: 0;height: .9rem;padding-right: .23rem;padding-left: .6rem;font-size: .3rem;background: url(../images/app-header__back.png) no-repeat .26rem center;background-size: .23rem}
.m-header__left i{display: inline-block;width: .2rem;height: .2rem;font-size: 0;vertical-align: middle;border: 2px solid transparent;border-top-color: #fff;border-left-color: #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
.m-header__content{font-size: .36rem;text-align: center}
.m-header-wrap{height: .9rem}
.m-header__right{position: absolute;top: 0;right: 0;width: .8rem;height: .9rem;background: url(../images/app-header__more.png) no-repeat center center;background-size: .08rem auto}

/**********************魔百盒电视指南**********************/
.guide_wrap{height:100%;width: 100%; background:#afaefc;}
.guide_img img{display: block; width:100%;}
.guide_item{padding:.4rem .3rem;}
.guide_item-title{color:#3d4041;}
.guide_item-title span{position:relative; padding:0 1rem; display:block; margin:0 auto; font-size:.35rem; text-align:center;}
.guide_item-title span:before,.guide-item dt span:after{position:absolute; content:""; width:.6rem; height:.6rem; top:calc(50% - .3rem);}
.guide_item-title span:before{left:.7rem; background:url(../images/img_itemTitle-lt.png) no-repeat; background-size:100% 100%;}
.guide_item-title span:after{right:.3rem; background:url(../images/img_itemTitle-rt.png) no-repeat; background-size:100% 100%;}
.guide_item-list{margin-top:.3rem;}
.guide_item-list a{padding:10px; display: block; min-height:65px;border-radius:10px; cursor:pointer;}
.guide_item-list .listInner{width:100%; display:table; table-layout: fixed; }
.guide_item-list:nth-of-type(1) a{background: linear-gradient(to right,#b43aff,#5e61ff);}
.guide_item-list:nth-of-type(2) a{background: linear-gradient(to right,#245efd,#427efe);}
.guide_item-list:nth-of-type(3) a{background: linear-gradient(to right,#fc9602,#fedd63);}
.guide_item-list:nth-of-type(4) a{background: linear-gradient(to right,#fd39da,#fe6bc2);}
.guide_item-list:nth-of-type(5) a{background: linear-gradient(to right,#a253fc,#ab81fe);}

.list-lt,.list-rt{display:table-cell; position:relative; vertical-align: middle; padding:.1rem;}
.list-lt{padding-left:1rem; color:#fff;}
.list-lt mark{position:absolute; left:0; top:calc(50% - .6rem); width:.8rem; height:1.2rem; text-align:center; display:flex; justify-content: center; align-items: center; font-size:1.2rem; color:rgba(255,255,255,.5); background-color: inherit;}
.list-lt h2{font-size:.4rem;}
.list-lt span{font-size:.3rem; padding-right:.5rem; position:relative;}
.list-lt span em{position:absolute;right:0;top:calc(50% - .2rem); width:.4rem; height:.4rem; background:url(../images/img_itemRadio.png) no-repeat; background-size:100% 100%;}
.list-rt{width:80px; text-align: center;}
.list-rt img{width:60px;}
/**********************魔百盒电视指南**********************/
.guide_set{height:100%;width: 100%; background:#fbfdff; position:fixed;}
.guide_set-info{position:relative;}
.guide_set-info img{display:block; width:100%;}
.info-img{}
.info-intro{position:absolute; top:0; left:0; width:100%;}
.info-introInner{padding:10px 20px; height:100%; display:table; table-layout: fixed; width:100%; box-sizing:border-box;}
.info-lt,.info-rt{display:table-cell; position:relative; vertical-align: middle; padding:.1rem;}
.info-lt{padding:0 .1rem; color:#fff;}
.info-lt h2{font-size:.55rem; position:relative; padding-bottom:.2rem;}
.info-lt h2:after{position:absolute; content:""; left:0; bottom:.1rem; border-radius:50px; height:2px; width:.8rem; background:#fff;}
.info-lt p{font-size:.3rem; margin-top:.1rem;}
.info-rt{width:140px; text-align: center;}
.info-rt img{width:100%; margin:0 auto;}

.guide_set-select{padding:10px;}
.sel-title{height:30px; line-height:30px;}
.sel-title span{position:relative; padding-left:.7rem; font-size:.35rem;}
.sel-title span:before{position:absolute; content:""; left:0; top:calc(50% - .3rem); width:.6rem; height:.6rem; background:url(../images/img_setTitle.png) no-repeat; background-size:100% 100%;}

.sel-item{}
.itemBoxOuter{display:flex;}
.itemBox{flex:1;}
.itemBox.itemBoxLink{flex:2;}
.itemBox.itemBoxMary{flex:1.3; margin-left:.3rem;}
.itemBox{position:relative; margin-top:.4rem; box-shadow:1px 1px 3px rgba(0,0,0,.2),-1px -1px 3px rgba(0,0,0,.2); background:rgba(246,249,254,1); border-radius:8px;}
.iTitle{padding:10px; position:relative;}
.iTitle label{font-size: .26rem;}
.iTitle em{position:absolute; right:.2rem; top:calc(50% - .15rem); width:.3rem; height:.3rem; background:url(../images/ico_arrowDown.png) no-repeat; background-size:100% 100%;}
.iTitle em.arrowUp{background:url(../images/ico_arrowUp.png) no-repeat; background-size:100% 100%;}
.iList{position:absolute;top: 45px;left:0;width:100%;background:rgba(246,249,254,1);z-index:10;border:1px solid #ddd;border-radius:8px;max-height: 3.8rem;overflow-y: scroll;}
.iList ul{}
.iList ul li{height: .8rem;line-height: .8rem;padding:0 .2rem 0 .8rem;border-bottom:1px solid #ddd;background: url(../images/ico_listDefault.png) no-repeat .3rem center;background-size: .35rem .35rem;font-size: .26rem;}
.iList ul li.current{background: url(../images/ico_listCurrent.png) no-repeat .3rem center;background-size: .35rem .35rem;}
.iList ul li:last-child{border-bottom:0;}

.sel-btn{margin-top:.5rem;}
.sel-btn a{webkit-flex:1;flex:1; display:block;border:1px solid #238fff;height:.85rem;line-height:.85rem;border-radius:.15rem;text-align:center;font-size:.32rem;color:#fff;background:linear-gradient(to bottom,#2b99ff,#1881fe);}

/**********************魔百盒电视指南**********************/
.detail-radio{padding:10px; position:relative;}
.detail-radio:after{content: ""; z-index: 1; position:absolute; top:0; left:0; width: 100%; height:3rem; border-radius:0 0 25px 25px; box-shadow:1px 1px 3px rgba(225,240,225,1),-1px -1px 3px rgba(225,240,225,1); background:#2b99ff;}
.detail-radio dt{position:relative;z-index:2;box-shadow: 0 0.03rem 0.15rem rgba(13,42,93,.4);border-radius: .1rem;max-height:5rem;}
.detail-radio dt video{width:100%;max-height:5rem;background:url(../images/lyq/video-img.jpg) center no-repeat;background-size: 100% 100%;border-radius: .1rem;display: block;}
.videoBox{position:relative;}
.videoBox span{
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background:url(../images/img_videoBf.png) no-repeat;
    background-size:100% 100%;
    position: absolute;
    left: calc(50% - .5rem);
    top: calc(50% - .5rem);
    margin: 0 auto;
    z-index:999;
}
.detail-radio dd{margin: -.2rem .2rem 0 .2rem;box-shadow: 0 0 5px #98cafd;padding: .3rem .2rem;border-radius: .1rem;}
.detail-radio dd h2{font-size: .3rem;margin: .1rem 0;}
.detail-radio dd p{font-size: .3rem;}

.detail-text{padding:10px;}
.text-title{font-size:.4rem;color:#000;font-weight:600;border-left:3px solid #309eff;text-indent:.15rem;margin-bottom:.2rem;}
.text-info p{margin-top:.3rem; color:#080808}
.text-info img{margin-top:.3rem; display: block; width:100%;}


.toastItem{display:none;width:100%;height:100%;background: rgba(0,0,0,0.5);position: fixed;left:0;top:0;z-index: 9999;}
.toastItem .toastTip{width:100%;position: fixed;bottom:5%;left:0;text-align: center;}
.toastItem .toastTip span{padding:8px 20px;border-radius:30px;color:#fff;background: #393939;}