.clear {
    zoom: 1;
    clear: both;
}
.clear:after {
    display: block;
    content: '';
    clear: both;
}
input::-webkit-input-placeholder {
/* WebKit browsers */
color: #adadad;
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #adadad;
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #adadad;
}
input::-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #adadad;
}
@charset "utf-8";html{background-color:#fff;color:#000;font-size:12px}
body{background-color: #f5f5f5;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0}
body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{line-height:1.5;}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}
h1,h2,h3,h4,h5,h6{font-family:tahoma,arial,"Hiragino Sans GB","微软雅黑",simsun,sans-serif}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
ul,ol,menu{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border: none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}
sup,sub{vertical-align:baseline}
html {overflow-x: hidden;height: 100%;font-size: 50px;-webkit-tap-highlight-color: transparent;}
body {font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif;color: #2c2c2c;font-size: .26em;line-height: 1;-webkit-text-size-adjust: none;}
hr {height: .02rem;margin: .1rem 0;border: medium none;border-top: .02rem solid #cacaca;}
a {color: #0088ff;text-decoration: none;}


    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
#ClCache{display:none;}
.swiper-slide{border-radius:0.1rem; overflow:hidden;}
.search{
    margin:2%;
    background-color: #F5F5F5;
    border-radius:50px; 
    overflow:hidden;
    top:1rem;
    position:fixed;
    left:0;
    z-index:99;
    width:96%;
}
.search img{
    width: 0.26rem;
    margin:0 0.2rem;
}
.search input{
    height:0.7rem;
    background-color:#F5F5F5;
    width:5rem;
}
.search span{
    float:right;
    color:#FC3964;
    padding:0 0.4rem;
    height:0.2rem;
    border-left:1px solid #FC3964;
    margin:0.2rem 0;
}

.content{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    margin-top: 2.1rem;
    /*background-color: white*/
}
.content .left{
    width: 30%;
    height: 78vh;
    border-right: 0.3rem solid #F5F5F5;
    box-sizing: border-box;
    overflow-y: scroll;
    background-color:#fff;
}
.content .left ul{
    background: white;
}
.content .left ul li{
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.28rem;
    text-align: center;
}
.content .right{
    width: 70%;
    padding-right:0.2rem;
    overflow-y: scroll;
    height: 77vh;
    border-radius:0.1rem; 
}
.content .banner{
    padding: 10px 0;
    background-color: #F5F5F5;
}
.content .right img{
    width: 100%;
    /*height:1.6rem;*/
}
.areaList{
    background: white;
    border-radius:0.1rem;
}
.areaList .title{
    text-align: center;
    padding: 0.3rem;
    position: relative;
}
.areaList .title::before{
    left: 6%;
}
.areaList .title::after{
    right: 6%;
}
.areaList .areaBox{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 10px;
}
.areaList .areaBox .areaItem{
    width: 48%;
    text-align: center;
    margin-bottom: 0.30rem;
    font-size: 0.24rem;
}
.areaList .areaBox .areaItem img{
    width: 100%;
    display: block;
    margin-bottom: 0.14rem;
}
.areaList .areaBox .areaItem .areaTitle{
    overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.swiper-pagination{
    bottom: 0 !important;
}
.swiper-pagination-bullet{
    background-color:#FFCDD8 !important;
}
.swiper-pagination-bullet-active{
    background-color: #FC3964 !important;
}
.active{
    position: relative;
    background-color: #F5F5F5;
}
.active:before{
    content: '';
    position: absolute;
    left: 0;
    width: 5px;
    height: 100%;
    background: #FC3964;
}
.hide{
    display: none;
}

.play_search{
    background-color:#f5f5f5;
    position:fixed;
    top:2.1rem;
    left:0;
    width:100%;
    z-index:9999;
    height:-moz-calc(100% - 2.1rem);
    height:-webkit-calc(100% - 2.1rem);
    height: calc(100% - 2.1rem);
    display:none;
}
.searchList{
    padding: 0 15px ;
}
.searchList .title{
    margin: 20px 0 15px;
    font-size: 18px;
}
.searchList ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.searchList ul li{
    padding: 8px 12px;
    background-color: white;
    border-radius: 20px;
    margin-bottom: 10px;
    margin-right: 6px;
    color: #2C2C2C;
}
.searchList span{
    float:right;
    color:#8d8d8d;
    font-size:0.26rem;
}

.tabbar{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 0.98rem;
    border: 1px solid #e5e5e5;
    background-color:#fff;
    z-index: 99;
}
.tabbar .oUl{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
}
.tabbar .oUl li {
    flex: 1;
    text-align: center;
    color: #2C2C2C;
    font-size: 0.2rem;
}
.tabbar .oUl li img{
    width: 0.46rem;
    height: 0.44rem;
    margin: 0.15rem 0 0.04rem 0;
}
.tabbar .oUl .active{
    color: #FC3964;
}
.tabbar .oUl li .yello{color:#FC3964;}



.ETSpace{
    height: 1rem;
}
.ddg-widthFix{
    width: 100%;
}
.ddg-p-all{
    padding: 0.3rem;
}
.ddg-p-TB{
    padding: 0.3rem 0;
}
.ddg-p-LR{
    padding: 0 0.3rem;
}
.ddg-p-top{
    padding-top: 0.3rem;
}
.ddg-p-right{
    padding-right: 0.3rem;
}
.ddg-p-left{
    padding-left: 0.3rem;
}
.ddg-p-bottom{
    padding-bottom: 0.3rem;
}
.ddg-m-all{
    margin: 0.2rem;
}
.ddg-m-TB{
    margin: 0.2rem 0;
}
.ddg-m-LR{
    margin: 0 0.2rem;
}
.ddg-m-top{
    margin-top: 0.2rem;
}
.ddg-m-right{
    margin-right: 0.2rem;
}
.ddg-m-left{
    margin-left: 0.2rem;
}
.ddg-m-bottom{
    margin-bottom: 0.2rem;
}
.ddg-bg-logo{
    background: #f84019;
}
.ddg-bg-fff{
    background: #fff;
}
.ddg-c-2c{
    color: #2c2c2c;
}
.ddg-c-8d{
    color: #8d8d8d;
}
.ddg-c-logo{
    color: #f84019;
}
.ddg-c-fff{
    color: #fff;
}
.ddg-flex{
    display: flex;
}
.ddg-start{
    justify-content: flex-start;
}
.ddg-space-between{
    justify-content: space-between;
}
.ddg-center{
    justify-content: center;
}
.ddg-align-center{
    align-items: center;
}
.ddg-align-end{
    align-items: flex-end;
}
.ddg-tc{
    text-align: center;
}
.ddg-weight{
    font-weight: 600;
}
.ddg-br-8{
    border-radius: 8px;
}
.ddg-br-30{
    border-radius: 30px;
}
.ddg-fs-20{
    font-size: 0.2rem;
}
.ddg-fs-22{
    font-size: 0.22rem;
}
.ddg-fs-24{
    font-size: 0.24rem;
}
.ddg-fs-26{
    font-size: 0.26rem;
}
.ddg-fs-28{
    font-size: 0.28rem;
}
.ddg-fs-30{
    font-size: 0.3rem;
}
.ddg-fs-32{
    font-size: 0.32rem;
}
.ddg-fs-34{
    font-size: 0.34rem;
}
.ddg-fs-36{
    font-size: 0.36rem;
}
.ddg-fs-38{
    font-size: 0.38rem;
}
.ddg-fs-40{
    font-size: 0.40rem;
}
.ddg-fs-44{
    font-size: 0.44rem;
}
.ddg-fs-48{
    font-size: 0.48rem;
}
.ddg-fs-50{
    font-size: 0.5rem;
}
.ddg-fs-54{
    font-size: 0.54rem;
}
.ddg-fs-60{
    font-size: 0.60rem;
}
.overflow-text-line{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ddg-relative{
    position: relative;
}
.ddg-absolute{
    position: absolute;
}
.ddg-hide{
    display: none;
}
.ddg-show{
    display: block;
}