/*--- 初始化样式 ---*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
body{background:#FFF;color:#333;font-size:14px;font-family:"微软雅黑";}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
a{text-decoration:none;color: #333;}
img{border: none;}
.show_pc_head{display: none;}


.holder {margin: 37px 0 0;text-align: center;}
.holder a {font-size: 0.8rem;cursor: pointer;margin: 0 5px;color: #333;display: inline-block;height: 25px;line-height: 25px;padding: 0 1%;}
.holder a:hover {background-color: #FF4747;color: #fff;}
.holder a.jp-previous {margin-right: 15px;}
.holder a.jp-next {margin-left: 15px;}
.holder a.jp-current, a.jp-current:hover {color: #FF4242;ont-weight: bold;}
.holder a.jp-disabled, a.jp-disabled:hover {color: #bbb;}
.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {cursor: default;background: none;}
.holder span {margin: 0 5px;}

.holder1 {margin: 37px 0 0;text-align: center;}
.holder1 a {font-size: 0.8rem;cursor: pointer;margin: 0 5px;color: #333;display: inline-block;height: 25px;line-height: 25px;padding: 0 1%;}
.holder1 a:hover {background-color: #FF4747;color: #fff;}
.holder1 a.jp-previous {margin-right: 15px;}
.holder1 a.jp-next {margin-left: 15px;}
.holder1 a.jp-current, a.jp-current:hover {color: #FF4242;ont-weight: bold;}
.holder1 a.jp-disabled, a.jp-disabled:hover {color: #bbb;}
.holder1 a.jp-current, a.jp-current:hover,
.holder1 a.jp-disabled, a.jp-disabled:hover {cursor: default;background: none;}
.holder1 span {margin: 0 5px;}

.ui-box{display: block;}
.ui-clear{clear: both;}
.ui-float-left-mobile{float: left;}
.ui-float-right-mobile{float: right;}
.box{width: 100%;height: 100%;}
.guide-box{background: #AC0000 url(../images/guide-bg.jpg) no-repeat center top;background-size: 170%;width: 100%;height: 100%;overflow: hidden;}
.join-active{background: url(../images/guide-join-btn.png) no-repeat center;position: absolute;margin: 0 auto;left: 41%;top: 45%;background-size: 100%;padding: 8%;}
.activity-box{width: 100%;display: none;}
.activity-top-box{background: url(../images/activity-top-bg.jpg) no-repeat center;background-size: 180%;padding: 43%;}
.activity-nav-box{background: url(../images/nav-bg.jpg) no-repeat center;margin: 0 auto;width: 100%;padding-top: 1%;}
.nav{width: 90%;height: 100%;margin: 0 auto;}
.nav a{font-size: 0.7rem;width: 25%;margin: 2% 0;text-align: center;color: #fef3a6;}
.news-box{background: #EFEDEE;padding: 20px 0;}
.news-title{background: url(../images/title-1-bg.png) no-repeat center;background-size: 50%;padding: 7%;}
.news-content-box{background: url(../images/content-1-bg-mobile.png) no-repeat center;background-size: 100%;width: 100%;}
.news-more{width: 100%;height: 20px;line-height: 20px;text-align: right;margin: 5px auto 35px;}
.news-content{width: 92%;height: 92%;margin: 0 auto;padding-top: 6%;}
.focus{position: relative;width: 90%;height: 10%;background-color: #000;float: left;margin-left: 7%;margin-top: 3%;}
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}
.focus .fPic{left: 0px;top: 0px;}
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }
.focus .shadow{width: 100%;position: absolute;bottom: 0;left: 0px;z-index: 10;height: 32px;line-height: 32px;background: rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;display: block;text-align: left;}
.focus .shadow a{text-decoration:none;color:#fff;overflow:hidden;margin-left:10px;font-family: "\5FAE\8F6F\96C5\9ED1";}
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }
.focus .fcon img{ display:block; }
.focus .fbg{bottom: 7px;left: 425px;position: absolute;height: 17px;text-align: center;z-index: 200;display:none;}
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}
.focus .D1fBt img{display:none}
.focus .D1fBt i{display:none; font-style:normal; }
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev1,.focus .next1{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}
.focus .prev1{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }
.focus .next1{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}
.focus .prev:hover{  background-position:0 0; }
.focus .next:hover{  background-position:-40px 0;}
.focus .prev1:hover{  background-position:0 0; }
.focus .next1:hover{  background-position:-40px 0;}
.focus img{width: 100%;height: 10%;}
.hot-title{width: 86%;margin: 0 auto;padding-top: 1%;font-size: 0.9rem;font-weight: bold;}
.hot-commony{width: 86%;margin: 3% auto;font-size: 0.7rem;line-height: 1rem;}
.news-list{width: 87%;margin: 4% auto;font-size: 0.6rem;line-height: 1.5rem;}
.news-list a{border-bottom: 1px dashed #DDD;height: 31px;line-height: 31px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.recommendation-box{background: #CAD9F8;}
.recommendation-content-box{background: url(../images/content-2-bg-mobile.png) no-repeat center;background-size: 100%;}
.recommendation-title{background: url(../images/title-2-bg.png) no-repeat center;background-size: 50%;height: 65px;line-height:55px;}
.recommendation-content{width: 71.7%;padding: 25% 14% 23%;margin-top: -72px;line-height: 1.5rem;font-size: 0.2rem;}
/*.recommendation-content a{color: #D70F0F;}*/
.recommendation-content p{width: 100%;border-bottom: 1px dotted #ececec;padding: 5px 0;}
.recommendation-content a span{display: block;}
.recommendation-content a em{font-style: normal;}
.video-box{width: 100%;}
.video-content-box{}
.video-left{width: 86%;height: 63%;border: 15px solid #9C90FF;background: #FFF;padding: 3%;}
.video-title{background: url(../images/title-3-bg.png) no-repeat center;background-size: 50%;padding: 21px;}
.video-list{margin-top: 1%;}
.video-list li{border-bottom: 1px dashed #DDD;height: 50px;line-height: 50px;}
.video-list a:hover{color: #9D8FFE;}
.video-ico{background: url("../images/video-ico.png") no-repeat center;width: 14px;height: 50px;margin-left: 20px;}
.video-content{width: 100%;height: 320px;background: #DDD;}
.notice-box{background: #F8E4CB;}
.notice-title{background: url(../images/title-bg-4.png) no-repeat center;height: 38px;margin: 0 auto;background-size: 50%;padding-top: 3rem;}
.notice-content{width: 95%;border: 0.6rem solid #F49140;}
.notice-nav-titleed{text-align: center;height: 35px;line-height: 35px;font-size: 0.7rem;color: #F59241;font-weight: bold;width: 100%;float: left;}
.notice-nav-title{text-align: center;height: 35px;line-height: 35px;font-size: 0.7rem;color: #323232;font-weight: bold;width: 100%;float: left;}
.notice-nav-select{display: none;}
.notice-nav-info{width: 100%;min-height: 350px;border-top: 0.1rem dashed #F49140;padding-top: 3%;}
.notice-ico{display: none;}
.notice-nav li{width: 50%;float: left;}
.show-box{background: #F8E4CB;}
.show-title{background: url(../images/title-5-bg.png) no-repeat center;margin: 0 auto;background-size: 50%;height: 80px;}
.show-content{width: 100%;margin: 0 auto;}
.show-content li{margin: 0.4rem;width: 45.5%;height: 190px;position: relative;margin-bottom:14px;}

.show-content img{width: 100%;height:140px;}
#itemContainer{min-height: 200px;}
.show-content-box{padding-bottom: 15px;}
.show-img-data {width: 1200px;margin-left: auto;margin-right: auto;}
.show-img-data .data-info {margin-bottom: 20px;margin-left: 20px;margin-right: 20px;width: 355px;height: 310px;position: relative;}
.show-img-data .data-info img {width: 355px;height: 200px;background: #eee;}
.show-img-info {width: 355px;height: 70px;background: #FFF;margin-top: -4px;}
.holder a{margin: 0 !important;width: 46px !important;}
.about-title{font-size: 1.6rem;text-align: center;font-weight: bold;margin: 3% 0;}
.about-content .prev{background: url("../images/left-award.png") no-repeat center;width: 64px;height:230px;}
.about-content .next{background: url("../images/right-award.png") no-repeat center;width: 64px;height:230px;}
.about-content img{width: 100%;}
.about-content{display: none;}
embed{width: 100% !important;height: 100% !important;}
.vote-box{background: #FFF;border: 10px solid #DDC192;}
.vote-count{position: absolute;width: 40%;height: 30px;line-height: 30px;background: rgba(0,0,0,0.5);text-align: center;color: #FFF;}
.show-vote{background: url(../images/vote-btn-bg.png) no-repeat center;display: block;background-size: 50%;padding: 26%;}
.video-right{display:none;}
.about-content-moblie li{width: 47%;float:left;margin:1%;}
.about-content-moblie img{width: 100%;height:100px;}
.bottom-nav{background: url(../images/bottom-bg.jpg) no-repeat center;position: static !important;display: block !important;background-size: 277%;padding: 12%;}
.about-content-moblie p{text-align:center;margin:1% 0;}
.show-img-title{margin:1%;}
.show-author{margin:1%;}
.qrcode-box{display:none;}

.navigation-title{text-align: center;font-size: 1.6rem;margin: 2% 0;color:#754A3E;}
.navigation-map-content{    padding: 3%;
    width: 88%;
    margin: 10px auto;
    border: 1px solid #754A3E;    line-height: 1.5rem;}
#map{    overflow: hidden;
    z-index: 0;
    background-color: rgb(243, 241, 236);
    color: rgb(0, 0, 0);
    text-align: left;
    width: 95%;
    height: 308px;
    margin: 0 auto;}
.guihua{display:block;}
#showImg{height:1020px}
.xczf{text-align: center;font-size: 16px;margin: 34px 0 0;color: #B40001;}