@charset "utf-8";
/* CSS Document */
/*a,abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img*/

/*,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub*/

/* ,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{font-weight:normal;border:0;margin:0;outline:0;padding:0;font-size:100%;}*/
*{padding: 0;margin: 0;}
em,i,b {font-style: normal;font-weight:normal;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); cursor:pointer;}
a:hover{opacity:1;}
html{height:100%;font-size: 62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{margin:0;padding:0;font-family:"Microsoft YaHei";font-size:13px;line-height:1.231;}
.clearfix,section{*zoom:1;}
.clearfix:after,section:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;font-size:0;}
table{border-collapse:collapse;border-spacing:0;}
th,td,caption{vertical-align:top;font-weight:normal;text-align:left;}
*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);font-family:"Microsoft YaHei";}
.clearfix,.min_full,.min_box{*zoom:1;}
.clearfix:after,.min_full:after,.min_box:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
.both {/* width:100%;height:1px; */clear:both;/* overflow:hidden; */}
ul,li {list-style:none;margin:0;padding:0;}
.fl{float: left;}
.fr{float: right;}

/*主体============================================开始 */
div.theme {max-width: 1340px;margin:auto;background: #f6f6f6;}
div.theme div.adv {height: 420px;width: 1340px;}

div.theme div.menu ul {max-width:900px;margin:18px auto;display: flex;flex-wrap:wrap;justify-content:center;}
div.theme div.menu ul li {width:110px;float: left;border:1px solid #f6f6f6;padding-top: 18px;height: 110px;margin: 0 50px;color: #000;}
div.theme div.menu li a {display: block;height: 108px;width:100%;margin:auto;color: #000;}
div.theme div.menu li a em {height: 68px;width: 68px;border:1px solid #bbb;border-radius: 300px;margin: auto;background: url(../../img/dayangwan/icon_one.png)no-repeat center;display: block;}
div.theme div.menu li a p {height: 36px;line-height: 22px;text-align: center;}
/* div.theme div.menu li:hover a em,div.theme div.menu li:hover {border:1px solid #3996d3;} */
div.theme div.menu li:hover a p {color: #3996d3;}
div.theme div.menu li.line em {background: url(../../img/dayangwan/icon_two.png)no-repeat center;}
div.theme div.menu li.rule em {background: url(../../img/dayangwan/icon_three.png)no-repeat center;}
div.theme div.menu li.notice em {background: url(../../img/dayangwan/icon_four.png)no-repeat center;}
div.theme div.menu li.res em {background: url(../../img/dayangwan/icon_five.png)no-repeat center;}
div.theme div.menu li.honour em {background: url(../../img/dayangwan/icon_six.png)no-repeat center;}
div.theme div.menu li.down em {background: url(../../img/dayangwan/icon_six.png)no-repeat center;}
div.time {width: 100%;height: 150px;}
div.time div.back {position: relative;width: 100%;height: 100%;background: url(../../img/dayangwan/time_down-bg.png)no-repeat center;}
div.time div.fl {background: url(../../img/dayangwan/countdown-arrow.png)no-repeat right;width: 380px;height: 149px;padding-top: 1px;}
div.time div.fl div.top{width: 235px;height: 60px;border-left: 4px solid #fff;border-right: 4px solid #fff;margin-left: 65px;margin-top: 25px;text-align: center;}
div.time div.fl div.top p {text-align: center;height:16px;color: #fff;font-size: 16px;font-weight: bold;}
div.time div.fl div.top h1 {font-size: 40px;font-weight: bold;color: #fff;letter-spacing:3px}
div.time div.fl div.bot {font-size: 30px;opacity: 0.4;,margin-left: 65px;text-align: center;font-weight: bold;color: #fff;letter-spacing:3px;margin-top: 10px;}
div.time div.fr {}
div.news {width: 1340px;padding:1px 20px 0 20px;}
div.news div.fl {width: 500px;}
div.theme div.public_t {height: 120px;border-bottom: 1px solid #aaa;width: 100%;padding-top: 1px;position: relative;}
div.theme div.public_t a {position: absolute;right:5px;bottom:5px;color: #345a52}
div.theme div.public_t i.img {width: 51px;height: 53px;display: block;background: url(../../img/dayangwan/tc_one.png)no-repeat center;float: left;margin-top: 45px;}
div.theme div.public_t i.img_2 {width: 51px;height: 53px;display: block;background: url(../../img/dayangwan/tc_two.png)no-repeat center;float: left;margin-top: 45px;}
div.theme div.public_t i.img_3 {width: 51px;height: 53px;display: block;background: url(../../img/dayangwan/tc_three.png)no-repeat center;float: left;margin-top: 45px;}
div.theme div.public_t div.font {height: 53px;float: left;margin-left: 10px;margin-top: 30px;}
div.theme div.public_t div.font h2 {font-size: 28px;font-weight: bold;display: block;height:28px;margin-bottom: 5px;}
div.theme div.public_t div.font em {font-size: 10px;color: #666;}
div.news div.fl div.bot {width: 100%;padding-top: 1px;}
div.news div.fl div.bot div.news_t {background: #d4d5d7;font-size: 26px;font-weight: bold;line-height: 34px;width: 480px;padding:10px 10px;position: relative;margin-top: 25px;color: #000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
div.news div.fl div.bot div.news_t i {display: inline-block;height: 19px;width: auto;padding: 0 0.5rem ;margin-right:8px;background: url(../../img/dayangwan/Stick_icon.png)no-repeat center;}
div.news div.fl div.bot ul {margin-top:18px;height: 195px;overflow: hidden;width: 100%;}
div.news div.fl div.bot ul li {height: 34px;width:485px;padding-left:15px;background: url(../../img/dayangwan/n-icon.png)no-repeat center left;color: #000;line-height: 34px;}
div.news div.fl div.bot ul li em.fl,div.news div.fl div.bot ul li em.fr {display: block;height: 34px;line-height: 34px;color: #999;}
div.news div.fl div.bot ul li em.fl {width: 400px;overflow: hidden;color: #666;white-space: nowrap;text-overflow: ellipsis;}
div.news div.fr {width: 780px;}
div.news div.fr div.bot i.img {display: block;float: left;width: 550px;height: 300px;background: #ccc;margin-top: 25px;background-repeat: no-repeat;background-position: center;background-size: cover;}
div.news div.fr div.bot ul {width: 230px;margin-top: 25px;}
div.news div.fr div.bot ul li {width: 200px;position: relative;background:#d4d5d7;cursor: pointer;height: 75px;padding:5px;box-sizing:border-box;}
div.news div.fr div.bot ul a {display: block;}
div.news div.fr div.bot ul li em.border {display: none;height:100%;width: 4px;background: #3996d3;position: absolute;right: 0;top:0;}
div.news div.fr div.bot ul li b {display: block;line-height: 24px;font-weight: bold;height:44px;overflow:hidden;color: #000;}
div.news div.fr div.bot ul li.on {background: #e9e9e9;}
div.news div.fr div.bot ul li em.icon {display: block;height: 9px;width: 9px;}
span.triangle_border_left{
    display:none;
    width:0;
    height:0;
    border-width:6px 9px 6px 0;
    border-style:solid;
    border-color:transparent #fff transparent transparent;/*透明 黄 透明 透明 */
    position:absolute;
    top:32px;
    left:-9px;
}
div.news div.fr div.bot ul li.on em.border,div.news div.fr ul li.on span.triangle_border_left {display:block}

div.photo div.public_t div.font h2,div.photo div.public_t div.font em {color: #fff;}
div.photo div.public_t i.img {background: url(../../img/dayangwan/tc_three.png)no-repeat;}
div.photo div.bot {width: 1300px;height: 500px;padding-top: 1px;overflow: hidden;margin-top: 20px;}
div.photo div.bot div.one {width: 325px;height: 500px;float: left;margin-right: 6px;background:pink}
div.photo div.bot div.theone {width: 403px;}
div.photo div.bot div.three {width: 220px;height: 500px;float: left;margin-right: 6px;}
div.photo div.bot div.three i.img {display: block;height:164px;width: 220px;}
div.photo div.bot div.three i.mid {margin:4px 0;}
div.photo div.bot div.two {height: 500px;float: right;}
div.photo div.bot div.two i.img {display: block;height:246px;width: 329px;}
div.photo div.bot div.two i.bot {margin-top: 8px;}
div.photo div.bot i {background: green}
div.intro div.public_t i.img{background:url(../../img/dayangwan/tc_four.png)no-repeat;}
div.intro {width: 1300px;padding:0 20px 30px;background:#e9e9e9;}
div.intro div.bot {width: 100%;margin-top: 30px;}
div.intro div.video {width: 670px;height: 380px;position: relative;float: left;}
div.intro div.video video {width: 100%;height: 100%;}
div.intro div.content {float: left;margin-left: 65px;padding-top: 1px;height: 379px;width:519px;}
div.intro div.content img{max-width:99% !important;}
div.intro div.content i.img{width:519px;height:89px;display: block;}

div.intro div.content i.img img {max-width: 100%;}
div.intro div.content div.cont {width: 519px;line-height: 28px;max-height: 170px;overflow:hidden;text-overflow:ellipsis;/* display:-webkit-box; */-webkit-box-orient:vertical;-webkit-line-clamp:5;}
div.intro div.content div.two_but {width: 519px;height:48px;margin-top: 45px;}
div.intro div.content div.two_but div.now {background: #000;}
div.intro div.content div.two_but div.fl {
    height: 48px;
    width: 173px;
    margin-right: 15px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
div.intro div.content div.two_but div.now {background: #000;}
/*主体============================================结束 */
/*赞助============================================开始*/
div.support {width: 1340px;margin:auto;margin-top: 55px;text-align: center;padding-top: 1px;padding-bottom: 20px;}
div.support div.font,div.part div.font {width: 100%;text-align: center;padding-top: 1px;}
div.support div.font span,div.part div.font span {font-size: 26px;}
div.support div.font b,div.part div.font b {font-size: 22px;margin-top:15px;}
div.support div.img {height: 70px;width: 310px;margin:auto;margin-top: 30px;background:purple}
div.part {padding-top: 1px;width: 1340px;margin:auto;margin-top: 40px;margin-bottom: 30px;}
div.part ul{margin-top: 30px;text-align: center;display: flex;flex-wrap:wrap;justify-content:center;}
div.part ul li {margin:0 15px;}
div.part ul li a {/* display: block;background:gray;height: 50px;width: 160px; */}
div.part ul li a img{
    max-height: 120px;
    
    margin-bottom: 10px;
}
.support div.part:nth-child(1) ul li img,
.support div.part:nth-child(2) ul li img,
.support div.part:nth-child(3) ul li img{ max-height: 120px; }
.support div.part:nth-child(4){
    width: 1040px;
}
/*赞助============================================结束*/
.review-video .view-video-con .video-js{
    width:100%;
    height:380px;
}
.review-video .view-video-con .video-js .vjs-big-play-button {
    width: 60px;
    height: 60px;
    line-height: 55px;
    margin-top: -30px;
    margin-left: -30px;
    font-size: 35px;
    border-radius: 50%;
    border:5px solid #d4d5d7;
    /* background:transparent; */
    z-index: 2;
}
.view-video-con .video-modal{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.4);
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
}
.video-img{
    padding-left:7.5px;
}
.video-img .class-tit a.more{
    /*margin-left:15px;*/
    height:44px;
    padding-top:27px;
    margin-top:0;
    margin-right:56px;
    float:right;
}
.video-pic{
    /*background:#fff;*/
}
.video-pic ul li{
    height:190px;
    padding-bottom:15px;
}
.video-pic ul li:nth-child(2n+1){
    padding-right:7.5px;
}
.video-pic ul li:nth-child(2n){
    padding-left:7.5px;
}
.video-pic ul li:nth-child(4n+3){
    padding-bottom:0;
}
.video-pic ul li:nth-child(4n){
    padding-bottom:0;
}

@media (max-width: 768px) {
    div.part ul li {height: 60px;display: inline-block;text-align:center;margin:0.5rem auto;}
	div.intro div.content {height: auto;padding-bottom: 20px;}
    *{box-sizing: border-box}
    div.theme,
    div.theme div.adv,
    div.theme div.menu,
    div.photo div.bot,
    div.news,
    div.photo,
    div.intro,
    div.part,
    div.foot,
    div.theme div.menu ul,
    div.time div.back .count_down_time,
    div.news div.fl,
    div.news div.fl div.bot div.news_t,
    div.intro div.video,
    div.intro div.content,
    div.intro div.content div.cont,
    div.intro div.content i.img
    {
        width:100%;
    }
    div.intro div.video{
        /* height:165px; */
    }
    .vjs-poster{
        background-position: center!important;
        background-size: cover!important;
    }
    div.intro div.content{
        margin-left:0;
    }
    div.theme div.menu{
        margin:0;
    }
    div.theme div.adv{
        height:15rem;
    }
    div.theme div.menu{
        height:auto;
        border:0;
    }
    div.theme div.menu ul li{
        width:33.333%;
        margin:0;
    }
    /*div.theme div.menu li:hover a em, div.theme div.menu li:hover{*/
    /*border:0;*/
    /*}*/
    div.time div.back{
        background:unset;
    }
    div.time{
        height: calc(100vw / 1.715);
    }
    div.time div.fl{
        width:110%;
    }
    div.time div.back .count_down_time {
        width: 100%;
    }
    div.time div.fl div.bot{
        margin-left:-45px;
    }
    div.theme div.public_t a{
        bottom:35px;
    }
    div.news{
        padding: 0 15px;
    }

    div.news div.fl div.bot div.news_t{
        height:82px;
        font-size: 20px;
    }
    div.news div.fl div.bot ul li{
        width:100%;
    }
    div.news div.fl div.bot ul li em.fl{
        width:80%;
    }
    div.news div.fl div.bot ul{
        height:auto;
        max-height:200px;
    }
    div.news div.fr{
        width:100%;
    }
    div.news div.fr div.bot i.img{
        width:60%;
        height:180px;
    }
    div.news div.fr div.bot ul{
        width:40%;
    }
    div.news div.fr div.bot ul li{
        width:100%;
        height:45px;
        line-height: 45px;
        overflow: hidden;
        text-overflow: ellipsis;;
        white-space: nowrap;
        padding:0 10px;
    }
    div.news div.fr div.bot ul li b{
        line-height: unset;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    div.photo{
        margin-top:10px;
        height:auto;
        padding:0 15px;
        padding-bottom:15px;
    }
    div.theme div.public_t{
        height:105px;
    }
    div.photo div.bot{
        height:auto;
    }
    div.photo div.bot div.one{
        width:50%;
        height:308px;
        margin-right:0;
    }
    div.photo div.bot div.three,div.photo div.bot div.two {
        width: 50%;
        margin-right: 0;
        padding-left: 5px;
        height: auto;
    }
    div.photo div.bot div.three i.img{
        width:100%;
        height:100px;
    }
    div.photo div.bot div.two i.img{
        height:150px;
    }
    div.intro{
        padding:0 15px;
    }
    div.intro div.content div.two_but{
        width:100%;
    }
    div.intro div.content div.two_but div.fl{
        width:47%;
        margin-right:3%;
    }
    div.intro div.content div.two_but div.now{
        margin-right:0;
        margin-left:3%;
    }
    div.part{
        margin-top:15px;
        margin-bottom:20px;
    }
    div.support div.font, div.part div.font{
        height:30px;
        line-height: 30px;
    }
    div.part ul{
        margin-top:20px;
    }
    div.theme div.menu li a em{
        margin-bottom:5px;
    }
}


.create-share-img{
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 9;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    display: none;
}

.create-share-img img{
    width: 100%;
    height: 100%;
}

body .layui-layer-share .layui-layer-title{
    display: none;
}

body .layui-layer-share{
    transform: translateY(-30%);
}

.layui-layer-content .share-box{
    width: 358px;
    padding-bottom: 24px;
    background: #fff;
}
.layui-layer-content .share-box h1{
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E4F5FF;
    color: #333333;
    font-size: 18px;
    margin: 0;
}
.layui-layer-content .qcode{
    width: 232px;
    margin: 26px auto 0;
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    padding: 16px;
    box-sizing: border-box;
}
.layui-layer-content .qcode img{
    width: 200px;
    height: 200px;
    max-width: 100%;
    max-height: 100%;
}
.layui-layer-content .qcode canvas{
    max-width: 100%;
    max-height: 100%;
}
.layui-layer-content .qcode p{
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    color: #636363;
    text-align: center;
    line-height: 16px;
    white-space: nowrap;
    margin-top: 16px;
}
.layui-layer-content .down-btn{
    width: 232px;
    height: 34px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    font-size: 13px;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.layui-layer-content .down-btn img{
    width: 14px;
    height: 14px;
    margin-right: 8px;
}
.layui-layer-content .share-content{
    position: relative;
    padding-bottom: 24px;
    background: #fff;
}
.layui-layer-content .share-content .close-share{
    position: absolute;
    bottom: -50px;
    z-index: 9;
    width: 34px;
    height: 34px;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
    background: transparent;
    left: 50%;
    transform: translateX(-50%);
    border: none;
    cursor: pointer;
}
.layui-layer-share{
    background: none!important;
}

.layui-layer-share .layui-layer-content {
    overflow: initial!important;
}
.layui-layer-content .share-content .share-footer{
    background: #fff;
    padding: 0 auto 24px;
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {
    .create-share-img{
        right: 20px;
    }
}