﻿body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, p, th, td, input { margin: 0; padding: 0; }
body {font-family: "Microsoft Yahei",Arial; padding-top: 0px; background:#f2f2f2;}
table { border-collapse: collapse; border-spacing: 0; font-size: inherit; }
img, input { border: 0 none; }
em, i, strong, th, h1, h2, h3, h4, h5, h6 { font-size: 14px; font-style: normal; font-weight: normal; }
ol, ul, li { list-style: none; }
a { text-decoration: none; cursor: pointer; outline: none; }
a:hover { text-decoration: none; }
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; overflow: hidden; }
.left {float: left;}
.right {float: right;}
.clearall {clear: both;}
.none {display: none;}

/* main */
#main {width:7.5rem}
.header {background:#1c1c1c; height:1rem; background-size:7.5rem 1rem; position:fixed; top: 0; left: 0; z-index: 20;}
.header .c1 {width: 1.6rem;}
.header .c1 .a_logo {display: block; width: 1rem; height: .69rem; background: url(https://img1.tiancitycdn.com/project5/fs2/event/2020/fs200817/images/logo.png) no-repeat; background-size: 1rem .69rem; margin: .15rem 0 0 .3rem;}
.header .c2 {width: 5.9rem;}
.header .c2 ul {overflow: hidden; padding-top: .34rem;}
.header .c2 ul li {float: left;}
.header .c2 ul li a {display: block; width: 1.3rem; height: .4rem; background: #f6bb42; color: #1c1c1c; font-size: .24rem; font-weight: bold; text-align: center; line-height: .4rem; border-radius: 10px; margin: 0 .06rem;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a {background: #fff; width: .2rem; height: .2rem; border-radius: 10px;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #f6bb42;}

.content1 {height:4.9rem; background-size:7.5rem 4.9rem; position:relative; margin-top: 1rem;}
.content1 .c1,.content1 .c1 img {width: 7.5rem; height: 4.9rem;}
/*.content1 .c1 ul {overflow: hidden;}*/
.bx-wrapper .bx-pager {/*background: url(../images/bg_htm.png) no-repeat;*/ height: .55rem; width: 7.5rem; bottom: 0; padding-top: 0; right: 0; background-size: 7.5rem .55rem;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {padding-top: .18rem;}


.content2 {height:5.6rem; position:relative;}
.content2 .c1 {margin: .4rem 0;}
.content2 .c1 ul {overflow: hidden; width: 6.7rem; height: 1rem; margin: 0 auto;}
.content2 .c1 ul li {float: left;}
.content2 .c1 ul li a {display: block; width: 2.09rem; height: 1rem;}
.content2 .c1 ul li a img {width: 2.09rem; height: 1rem;}
.content2 .c2 {width: 6.7rem; height: 3.6rem; margin: 0 auto; background: #fff;}
.content2 .c2 .cc1 {height: .85rem; border-bottom: 2px solid #f2f2f2;}
.content2 .c2 .cc1 .bt {background: url(../images/bg_zxzx.png) no-repeat; background-size: 1.25rem .25rem; width: 1.25rem; height: .25rem; margin: .3rem 0 0 .3rem;}
.content2 .c2 .cc1 ul {overflow: hidden; margin: .2rem 0 0 1.3rem;}
.content2 .c2 .cc1 ul li {float: left;}
.content2 .c2 .cc1 ul li a {display: block; text-align: center; font-size: .24rem; color: #383838; width: .8rem; height: .4rem; line-height: .4rem;}
.content2 .c2 .cc1 ul li a.act {color: #f6bb42;}
.content2 .c2 .cc1 .a_more {display: block; background: url(../images/btn_more.jpg) no-repeat; width: .23rem; height: .23rem; background-size: .23rem .23rem; margin: .28rem .3rem 0 0}
.news_nav li .hover1,.news_nav li .hover2,.news_nav li .hover3,.news_nav li .hover4 {color: #f6bb42!important;}

.content2 .c2 .news_list ul.news_list_ul {overflow: hidden;width: 6rem; margin: .1rem auto 0;}
.content2 .c2 .news_list ul.news_list_ul li {height: .5rem; line-height: .5rem; font-size: .2rem}
.content2 .c2 .news_list ul.news_list_ul li a {display: block; color: #383838; text-decoration: none; text-overflow: ellipsis; width: 70%; white-space: nowrap; overflow: hidden; margin: 0 .15rem;}
.content2 .c2 .news_list ul.news_list_ul li span.news_bt {height: .2rem; line-height: .2rem; text-align: center; color: #383838; margin-top: .15rem;}
/*.content2 .c2 .news_list ul.news_list_ul li span.news_bt_t1 {background: #f6bb42;}
.content2 .c2 .news_list ul.news_list_ul li span.news_bt_t2 {background: #ce4528;}
.content2 .c2 .news_list ul.news_list_ul li span.news_bt_t3 {background: #383838;}
.content2 .c2 .news_list ul.news_list_ul li span.news_bt_t4 {background: #8a42e2;}*/
.content2 .c2 .news_list ul.news_list_ul li span.news_time {float: right; color: #383838;}

.content3 {background: #f2f2f2; height:8.5rem; background-size:7.5rem 8.5rem; position:relative; padding: 0 .2rem}
/*.content3 .c_bt {background: url(../images/bg_bt_xwzx.png) no-repeat; width: 1.68rem; height: .36rem; background-size:1.68rem .36rem; float: left;}*/
.content3 .c1 {width: 6.7rem; height: 7.9rem; margin: 0 auto; background: #fff;}
.content3 .c1 .cc1 {height: .85rem; border-bottom: 2px solid #f2f2f2;}
.content3 .c1 .cc1 .bt {background: url(../images/bg_rmhd.png) no-repeat; background-size: 1.25rem .25rem; width: 1.25rem; height: .25rem; margin: .3rem 0 0 .3rem;}
.content3 .c1 .cc1 .a_more {display: block; background: url(../images/btn_more.jpg) no-repeat; width: .23rem; height: .23rem; background-size: .23rem .23rem; margin: .28rem .3rem 0 0}

.content3 .c1 .cc2 {}
.content3 .c1 .cc2 .left {width: 3rem; height: 2rem; margin: .16rem .175rem;}
.content3 .c1 .cc2 .left img {width: 3rem; height: 2rem;}
.content3 .c1 .cc2 .left ul {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    flex-direction: column;
    flex-wrap: wrap;
}
.content3 .c1 .cc2 .left ul li {color: #333;font-size: .24rem;line-height: .4rem;text-align: center; margin: .1rem 0; /*padding: .2rem 0;font-weight: bold;*/}

.content3 .c1 .cc2 .left ul li a.a_zbLink {
display: block; background: url(../images/btn_djqw.png) no-repeat; width: 1.8rem; height: .45rem; background-size: 1.8rem .45rem; margin: 0 auto;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}

.a_more {float: right; display: block; background: url(../images/btn_more.png) no-repeat; width: .23rem; height: .23rem; background-size: .23rem .23rem}


.content4 {height:4.7rem; position:relative; padding: 0 .2rem}
.content4 .c1 {width: 6.7rem; height: 3.6rem; margin: 0 auto; background: #fff;}
.content4 .c1 .cc1 {height: .85rem; border-bottom: 2px solid #f2f2f2;}
.content4 .c1 .cc1 .bt {background: url(../images/bg_jcsp.png) no-repeat; background-size: 1.25rem .25rem; width: 1.25rem; height: .25rem; margin: .3rem 0 0 .3rem;}
.content4 .c1 .cc1 ul {overflow: hidden; margin: .2rem 0 0 1.3rem;}
.content4 .c1 .cc1 ul li {float: left;}
.content4 .c1 .cc1 ul li a {display: block; text-align: center; font-size: .24rem; color: #383838; width: .8rem; height: .4rem; line-height: .4rem;}
.content4 .c1 .cc1 ul li a.act {color: #f6bb42;}
.content4 .c1 .cc1 .a_more {display: block; background: url(../images/btn_more.jpg) no-repeat; width: .23rem; height: .23rem; background-size: .23rem .23rem; margin: .28rem .3rem 0 0}
.video_nav li .hover1,.video_nav li .hover2,.video_nav li .hover3,.video_nav li .hover4 {color: #f6bb42!important;}

.content4 .c1 .cc2 {background: #fff; overflow: hidden;}

.content5 {height:2.5rem; position:relative; padding: 0 .2rem;}
.content5 .c1 {width: 6.7rem; margin: 0 auto .4rem;}
.content5 .c1 .bg_bottom {background: url(../images/bg_bottom.png) no-repeat; width: 6.7rem; height: 1.22rem; background-size: 6.7rem 1.22rem;}
.content5 .c1 .bg_bottom ul.btm_ul {overflow: hidden;}
.content5 .c1 .bg_bottom ul.btm_ul li {float: left;}
.content5 .c1 .bg_bottom ul.btm_ul li a {display: block; width: 1.675rem; height: 1.22rem;}
.content5 .c1 img {position: absolute; top: -1.9rem; width: 1.66rem; height: 1.78rem;}
.content5 .c1 img.img_wx {left: .4rem;}
.content5 .c1 img.img_dy {left: 2.06rem;}
.content5 .c1 img.img_wb {left: 5.38rem;}

.content5 .c2 ul {overflow: hidden; width: 2.3rem; margin: 0 auto;}
.content5 .c2 ul li {float: left;}
.content5 .c2 ul li a {display: block; width: 1.15rem; height: .5rem; line-height: .5rem; font-size: .24rem; text-align: center;}
.content5 .c2 ul li a.a_fs_m {background: #f6bb42; border-radius: 15px; border-top-right-radius: 0; border-bottom-right-radius: 0; color: #fff;}
.content5 .c2 ul li a.a_fs_pc {background: #fff; border-radius: 15px; border-top-left-radius: 0; border-bottom-left-radius: 0; color: #000;}

/*.iframe_r {width: 6rem; height: 2rem;}*/
/*.sec-slide{padding-top:.3rem}
.sec-slide .slide{height:2rem;width:6rem;overflow:hidden;position:relative;top:0;left:0; margin: 0 auto;}
.sec-slide .slide .img{overflow:hidden;position:absolute;transition:width .4s,height .4s,top .4s,left .4s,z-index .4s;-moz-transition:width .4s,height .4s,top .4s,left .4s,z-index .4s;-webkit-transition:width .4s,height .4s,top .4s,left .4s,z-index .4s;-o-transition:width .4s,height .4s,top .4s,left .4s,z-index .4s;-ms-transition:width .4s,height .4s,top .4s,left .4s,z-index .4s;text-align:center;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}
.sec-slide .slide .img img {height: 60%;}
.sec-slide .slide .img.img1{width:40%;height:40%;top:9%;left:-40%;z-index:1;opacity:.1}
.sec-slide .slide .img.img2{width:60%;height:72%;top:9%;left:-12%;z-index:2;opacity:.6}
.sec-slide .slide .img.img3{width:80%;height:100%;top:0;left:10%;z-index:3}
.sec-slide .slide .img.img4{width:60%;height:72%;top:9%;left:52%;z-index:2;opacity:.6}
.sec-slide .slide .img.img5{width:40%;height:40%;top:9%;left:75%;z-index:1;opacity:.1}*/
/*.sec-slide .slide .img.img1{width:2rem;height:1.3rem;top:30%;left:-40%;z-index:1;opacity:.1}
.sec-slide .slide .img.img2{width:2rem;height:1.3rem;top:12%;left:-50%;z-index:2;opacity:.6}
.sec-slide .slide .img.img3{width:3rem;height:2rem;top:0;left:20%;z-index:3}
.sec-slide .slide .img.img4{width:2rem;height:1.3rem;top:12%;left:90%;z-index:2;opacity:.6}
.sec-slide .slide .img.img5{width:2rem;height:1.3rem;top:30%;left:100%;z-index:1;opacity:.1}*/

/*mask*/
.mask{width: 4.2rem;height: auto;background-color: rgba(0,0,0,.6);color: white;font-size: .3rem;font-weight: bold;font-family: "microsoft yahei";line-height: .5rem;position: absolute;top: 1.8rem!important;left:3.8rem!important;display:none;z-index:11}
.mask:before{content: "";background: url(//img1.tiancitycdn.com/mobile/faerie/event/xz5/images/download-maskarrow.png) no-repeat;background-size:.7rem .7rem;width: .7rem;height: .7rem;display: block;position: absolute;top: -.75rem;right: 0;}
.mask p{width: 90%;margin: 0 auto;padding: 2.5% 0;}


.footer {background: url(//img1.tiancitycdn.com/mobile/dom/event/xz3/images/bg_footer.jpg) no-repeat; height: 1.4rem; background-size: 7.5rem 1.4rem; position: relative;}





/*.slider img {width: 6rem; height: 3.6rem}*/


.tc {background: url(../images/bg_tc1.png) no-repeat; width: 5.22rem; height: 4.48rem; background-size: 5.22rem 4.48rem}
.tc .close1 {display:block; position:absolute; top:0; right:0; width:.6rem; height:.6rem}