p,ul,ol,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
/*body{color: #000;background: url(../images/bg.jpg) center top repeat;}*/
.cl{clear:both;font-size:0;height:0;} .clr{clear:both;}
.fl{float:left;} .fr{float:right;}
.hide{display:none;} .vhide{visibility:hidden;}
.tac{text-align:center;} .tar{text-align:right;} .tal{text-align:left;}
.bgN{background:none!important;}
.bdN{border:none!important;}
.m5{margin:5px;} .mt5{margin-top:5px;} .mr5{margin-right:5px;} .mb5{margin-bottom:5px;} .ml5{margin-left:5px;}
.m10{margin:10px;} .mt10{margin-top:10px;} .mr10{margin-right:10px;} .mb10{margin-bottom:10px;} .ml10{margin-left:10px;}
.m15{margin:15px;} .mt15{margin-top:15px;} .mr15{margin-right:15px;} .mb15{margin-bottom:15px;} .ml15{margin-left:15px;}
.m20{margin:20px;} .mt20{margin-top:20px;} .mr20{margin-right:20px;} .mb20{margin-bottom:20px;} .ml20{margin-left:20px;}
.m30{margin:30px;} .mt30{margin-top:30px;} .mr30{margin-right:30px;} .mb30{margin-bottom:30px;} .ml30{margin-left:30px;}
.m50{margin:50px;} .mt50{margin-top:50px;} .mr50{margin-right:50px;} .mb50{margin-bottom:50px;} .ml50{margin-left:50px;}
.mt-3{margin-top:2.5%;}
.m0{margin:0!important;} .pd0{padding:0;}
.pd5{padding:5px;} .pdt5{padding-top:5px;} .pdr5{padding-right:5px;} .pdb5{padding-bottom:5px;} .pdl5{padding-left:5px;}
.pd10{padding:10px;} .pdt10{padding-top:10px;} .pdr10{padding-right:10px;} .pdb10{padding-bottom:10px;} .pdl10{padding-left:10px;}
.pd15{padding:15px;} .pdt15{padding-top:15px;} .pdr15{padding-right:15px;} .pdb15{padding-bottom:15px;} .pdl15{padding-left:15px;}
.pd20{padding:20px;} .pdt20{padding-top:20px;} .pdr20{padding-right:20px;} .pdb20{padding-bottom:20px;} .pdl20{padding-left:20px;}
.pd30{padding:30px;} .pdt30{padding-top:30px;} .pdr30{padding-right:30px;} .pdb30{padding-bottom:30px;} .pdl30{padding-left:30px;}
.vam{vertical-align:middle;} .vabs{vertical-align:baseline;} .vab{vertical-align:bottom;} .vat{vertical-align:top;} .vatb{vertical-align:text-bottom;}
.cdef,a.cdef:link,a.cdef:visited{color:#36c;}
.red,a.red:link,a.red:visited{color:#f00;}
.gn,a.gn:link,a.gn:visited{color:#363;}
.r9,a.r9:link,a.r9:visited{color:#900;}
.r3,a.r3:link,a.r3:visited{color:#f30;}
.r6,a.r6:link,a.r6:visited{color:#f60;}
.gray3{color: #333;}
.gray6{color: #666;}
.gray9,a.gray9:link,a.gray9:visited{color:#999;}
.fs12{font-size:12px;} .fs14{font-size:14px;} .fs16{font-size:16px;} .fs18{font-size:18px;} .fs20{font-size:20px!important;}
.hand{cursor:pointer;}
a.unline{text-decoration:underline;}
.disabled,a.disabled,a.disabled:hover,a.disabled:active{color:#999 !important;}

.width-auto{width:auto!important}
.height-auto{height:auto!important}
.no-padding{padding:0!important}
.no-padding-bottom{padding-bottom:0!important}
.no-padding-top{padding-top:0!important}
.no-padding-left{padding-left:0!important}
.no-padding-right{padding-right:0!important}
.no-margin{margin:0!important}
.no-margin-bottom{margin-bottom:0!important}
.no-margin-top{margin-top:0!important}
.no-margin-left{margin-left:0!important}
.no-margin-right{margin-right:0!important}
.no-border{border-width:0}
.no-border-bottom{border-bottom-width:0}
.no-border-top{border-top-width:0}
.no-border-left{border-left-width:0}
.no-border-right{border-right-width:0}
.overflow-hidden{overflow:hidden!important}
.overflow-scroll{overflow-x:hidden!important;overflow-y:scroll!important}
.no-radius{border-radius:0!important}
.no-text-shadow{text-shadow:none!important}
.form-actions{display:block;background-color:#f5f5f5;border-top:1px solid #e5e5e5;margin-bottom:20px;margin-top:20px;padding:19px 20px 20px;}
.form-control,select{background-color:#fff;border:1px solid #ccc;box-shadow: none;}
.form-control:focus,select:focus{color:#696969;background-color:#fff;outline:0}textarea.form-control{padding:5px 9px}select{padding:3px 4px;height:30px}
select.form-control{padding:4px 6px}select[multiple],select.form-control[multiple]{height:auto;}
select.input-sm{border-radius:0;padding:2px 3px;}
select.input-lg{border-radius:0;padding:6px 8px;}
.fz12{font-size: 12px!important;}
.fz16{font-size: 16px!important;}
.fz18{font-size: 18px!important;}
.bg-white{background: #fff;}
.bg-gray{background: #f5f5f5;}
/*overall css*/
input,select,button,textarea,button{font-size: 100%;box-shadow:none;background: none; outline:none; border:none}
input::-webkit-input-placeholder{color: #999}
.pos{position: relative;display: block;}
.poa{position: absolute;}
.fl{float: left;}
.fr{float: right;}
a{color: #000;}
a:focus,a:hover{color: #117cd3;outline: none;text-decoration: none;}
img{max-width: 100%}
.max-img{width: 100%;}
.bold{font-weight: bold;}
.blue{color: #4d7bca;}
.yellow{color: #f35c1a;}
ul,li{list-style:none;/*overflow: hidden;*/}
.dot{font-family:"宋体";}
.tiptxt,.placeholder{color:#999;cursor:text;}
[class^="icon-"],[class*=" icon-"]{margin-top:2px;}
.inlabel{display:inline;}
.icon_tree{font-family:tahoma,arial,'宋体',sans-serif;}
select.icon_tree{font-family:'宋体';}
.flex-v-center{display: flex;align-items: center;}
.ovh{display: block;overflow: hidden;}
.imgbig{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;display: block !important}
.imgbig:hover{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05)}
.ellipsis{display: block;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
/*header css*/
header{text-align: center;}
.banner{position: absolute;left: 50%;top: 0;bottom: 0;width: 100%;transform: translateX(-50%);}
.top-login{position: absolute;right: 5%;top: 7%;font-size: 16px;font-weight: bold;color: #fff;text-align: right;}
.top-login>div{display: inline-block;}
.top-login a{display: inline-block;color: #fff;margin-left: 10px;}
.top-login a:first-child{margin-right: 10px;}
.top-login .cn{height: 20px;line-height: 20px;background: #fff;color: #00c2c4;margin-left: 5px;padding:0 0 0 5px;border-radius: 20px}

.menu{/*margin-bottom: 20px;*/background-color:#004897;}
.nav{list-style:none;display:block;text-align: center;font-size: 0;overflow: visible;}
.nav>li{display: inline-block;vertical-align: middle;overflow: visible;}
.nav>li a{display:block;padding: 14px 28px;font-size: 12px;color:#fff;font-weight: bold;}
.nav>li.active>a,.nav>li.active>a:hover,.nav>li>a:hover{background-color:#fffd55;color:#e93223;}
.childmenu{display: none;position: absolute;left:0;/*top:50px;*/z-index:99;width: 100%;padding: 5px 0;background:rgba(0,0,0,.4);}
.childmenu li a{display: block;font-weight: normal;font-size: 15px;padding: 10px 0;}
.nav>li:hover .childmenu{display: block}
.search-bar{border:1px solid #999;padding-right:36px;position:relative;overflow:hidden;border-radius:36px;}
.search-bar input[type='text']{background-color:transparent;display:block;border:0;width:100%;height:36px;line-height:36px;font-size:12px;padding:5px 10px;}
.search-bar .search-btn{background-color:transparent;display:block;width:36px;height:36px;border:0;position:absolute;right:0;top:0;text-align:center;line-height:36px;font-size:18px;color:#666;}

/*焦点图*/
.carousel-inner>.item>a>img{width: 100%;height: 180px;}
.carousel-inner a{display: block;color: #fff;}
.carousel-caption{position: absolute;left: 0;right: 0;bottom: 0;padding:2% 3%;font-size: 16px;font-weight: bold;color: #fff;background: rgba(0,0,0,.4);}
.carousel-caption p{margin-top: 5px;}
.carousel-caption span{display: inline-block;font-weight: bold;padding:1px 12px;background: rgba(0,0,0,.5);}
.carousel-control{top: 50%;margin-top: -46px;width: 46px;height: 92px;opacity: .8;background: url(../images/arrow.png) no-repeat!important;}
.carousel-control.left{left: 0;}
.carousel-control.right{left:auto;right: 0;background-position: -46px 0!important;}
.carousel-control:focus, .carousel-control:hover{opacity: 1;}
.index-indicators{bottom: -30px;width: 100%;margin-left: -50%;}
.index-indicators li{width: 40px;height: 5px;margin:0 2px;border:none;transition: all .3s}
.index-indicators li:nth-child(1){background: #00abc5;}
.index-indicators li:nth-child(2){background: #1d88e4;}
.index-indicators li:nth-child(3){background: #ffb555;}
.index-indicators li:nth-child(4){background: #ff8555;}
.index-indicators .active{width: 80px;height: 5px;margin:0 2px;}
/*二级页焦点图*/
.carousel-title{font-size: 18px;text-align: left;}
.sub-indicators{width: auto;left:auto;right: 3%;}
.sub-indicators li{width: 18px;height: 8px;margin:0 1px;border:none;background:rgba(255,255,255,.6);transition: all .3s}
.sub-indicators .active{width: 28px;height: 8px;margin:0 1px;background:rgba(255,255,255,1);}
/*title*/
.h-title{font-size: 28px;font-weight: bold;margin:40px 0;}
.nav-title{margin-top:30px;margin-bottom: 15px;border-bottom: 1px solid #4d7bca;overflow: visible;}
.nav-title>li{display: inline-block;font-size: 20px;font-weight: bold;color: #666;padding:9px 15px;margin-right: 8%;vertical-align: bottom;}
.nav-title>li a{color: #999;}.nav-title>li.active a{color: #4d7bca;}
.nav-title>li.active{color: #4d7bca;background: url(../images/bg-title.png) center bottom no-repeat;-webkit-background-size: 100% 8px;background-size: 100% 8px;}
.more{float: right;font-size: 16px;font-weight: normal;margin-top: 15px;}

.news-left a{position: relative;display: block;overflow: hidden;}
.bottom-title{position: absolute;left: 0;right: 0;bottom: 0;padding:11px 15px;font-size: 16px;font-weight: bold;text-align: center;color: #fff;text-shadow:none;background:rgba(0,0,0,.6);}
.news-category{display: inline-block;font-size: 16px;color: #fff;padding: 0 5px;margin-right: 15px;background: #117cd3;}

.ad{height: 281px;background: url(../images/aden.png) center center no-repeat;-webkit-background-size: cover;background-size: cover;}
.bm-box{float: right;width: 250px;font-weight: bold;margin-top: 40px; margin-right: 50px;text-align: center;padding: 40px 20px 20px;background: #fff;}
.bm-box h4{font-size: 22px;font-weight: bold;}
.bm-box p{font-size: 20px;color: #fa2703;margin: 15px 0;}
.bm-box p i{font-size: 28px;font-style: normal;}
.btn-orange{display: block;font-size: 24px;color: #fff;letter-spacing: 2px;padding:10px 20px;background: #fa6930;transition: all .3s}
.btn-orange:hover{color: #fff;letter-spacing: 4px;opacity: .9}

/*新闻列表*/
.gonggaoList li{line-height: 34px;}
.gonggaoList li a{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.gonggaoList li a{display: block;}
.gonggaoList li a:before{display: inline-block;content:'•';font-size: 12px;margin-right: 25px;}
.gonggaoList li .fr{font-family: 'Arial';color: #999;padding-left: 10px;}

.video-big a:before,.work-mask li>a:after{position: absolute;left: 15px;bottom: 50px;content:'';width: 40px;height: 40px;background: url(../images/icon-video.png) center bottom no-repeat;}

/*时间轴*/
.timeline{font-size: 16px;padding-bottom: 74px;background: url(../images/timeline-bg.png) left 10px bottom no-repeat;-webkit-background-size: contain;background-size: contain;}
.timeline li{float: left;display: inline-block;padding: 20px 30px 15px 45px;transition: all .3s ease-out;}
.timeline li:last-child{padding: 20px 0 15px 85px;}
.timeline h3{font-size: 20px;font-weight: bold;padding: 10px 0;}
.timeline li:hover{padding: 15px 40px 15px 45px;}
.timeline li:hover:last-child{padding: 15px 0 15px 85px;}
.timeline li:hover h3{color: #117cd3;}
/*教学视频*/
.picScroll .prev,.picScroll .next{position:absolute;left: 0;top:50%;margin-top: -40px;width:46px;height:80px;background:url(../images/icon-arrow.png) no-repeat;opacity: 0;transition: all .3s ease-out}
.picScroll .next{left:auto;right:0;background-position:-46px 0;}
.picScroll:hover .prev,.picScroll:hover .next{opacity: 1}
.picScroll .video-img.poa{position: absolute;z-index:10;width:170px; height: 170px;border-radius: 50%;cursor: pointer;}
.picScroll .video-img.poa:after{display: none}
.picScroll .video-img{position: relative;display: block;text-align: center;margin: 30px 18%;overflow: hidden;}
.picScroll .video-img img{width:170px;height: 170px;border-radius: 50%;}
.picScroll .video-img:after,.r-video-img:after{position: absolute;top: 50%;left: 50%;content:'';width: 56px;height: 56px;margin-left: -28px;margin-top: -28px;background: url(../images/icon-video.png) center center no-repeat;-webkit-background-size: contain;background-size: contain;transition: all .3s ease-out}
.picScroll .video-img:hover:after,.r-video-img:hover:after{transform: scale(1.1);}
.picScroll h3{font-size: 18px;font-weight: bold;text-align: center;padding:0 15px 30px;}
.video-bottom{line-height: 25px;color: #666;padding: 20px 20px 30px;border-top:1px solid #e6e1db;}
.video-bottom .flag{float: right;height: 25px;}
/*radio切换*/
.radio-tab{display: inline-block;font-size: 18px;color: #333;margin-left: 40px;}
.radio-tab .radio-inline{font-weight: bold;margin-right: 15px!important;}
.radio-tab .radio-inline input{margin: 8px 0 0 -25px;opacity: 0;transform: scale(1.5);}
.radio-tab .radio-inline p{position: absolute;width: 13px;height: 13px;border: 1px #a0a0a0 solid;border-radius: 50%;display: block;top: 6px;left: 0;}
.radio-tab input:checked+p span{position: absolute;width: 9px;height: 9px;border-radius: 50%;background-color: #a0a0a0;left: 1px;top: 1px;}
/*参赛项目*/
.items-card {display: block;text-align: center;border:1px solid #d1d1d1;margin-bottom: 15px;}
.items-icon{height: 90px;line-height: 90px;background: url(../images/items/items-bg.jpg) center top no-repeat;-webkit-background-size: cover;background-size: cover;}
.items-card h4{display: flex;align-items: center;justify-content: center;height: 100px;line-height: 14px;font-size: 12px;font-weight: bold;padding: 0 10px;}
/*参赛作品*/
.works-card{font-size: 16px;border:1px solid #d1d1d1;margin-bottom:30px;}
.works-card img,.r-video-img img{width: 100%;height: 245px;}
.works-info{line-height: 30px;padding:20px 15px;min-height: 130px;}
.works-vote{position: relative;float: right;text-align: right;font-weight: bold;padding-right: 10px;}
.vote-icon{position: absolute;right: 10px;top: -45px;width: 46px;height: 46px;line-height: 46px;text-align: center;cursor: pointer;border-radius: 50%;background: #fff;}
.vote-icon:before{content:'';display: inline-block;width: 24px;height: 22px;vertical-align: middle;background: url(../images/icon-heart-gray.png) center center no-repeat;-webkit-background-size: contain;background-size: contain;transition: all .3s}
.vote-icon:hover:before{transform:scale(1.1);}
.vote-icon.on:before{background: url(../images/icon-heart-red.png) center center no-repeat;animation: bounceIn .8s both;}
.btn-more{display: inline-block;font-size: 18px;color: #fff;text-align: center;letter-spacing:2px;padding:8px 80px;background: #117cd3;border-radius: 3px;transition: all .3s}
.btn-more:hover{color: #fff;opacity: .9}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
/*参赛选手*/
.player-list li{text-align: center;margin-bottom: 40px;min-height: 238px;}
.player-list img{width: 100px;height: 100px;border-radius: 50%}
.player-list h3{font-size: 16px;font-weight: bold;padding: 15px 0 10px;}
.player-list .vote-icon{position: static;display: inline-block;width: 32px;height: 32px;line-height: 31px;border:1px solid #999;}
.player-list .vote-icon:before{width: 18px;height: 17px;}
/*友情链接*/
.links li{height: 64px;line-height: 64px;}
/*tab*/
.nav-tab a{display: inline-block;height: 36px;line-height: 36px;font-size: 16px;text-align: center;font-weight: bold;margin-right: 15px;margin-bottom: 15px;padding: 0 20px;}
.nav-tab .active{font-size: 20px;color: #fff;border-radius: 2px;
  background-image: -moz-linear-gradient( -179deg, rgb(35,176,211) 0%, rgb(35,110,211) 100%);
  background-image: -webkit-linear-gradient( -179deg, rgb(35,176,211) 0%, rgb(35,110,211) 100%);
  background-image: -ms-linear-gradient( -179deg, rgb(35,176,211) 0%, rgb(35,110,211) 100%);
}
/*新闻列表*/
.news-list .fs16{line-height: 26px;}

/*参赛情况*/
.info-box{line-height: 110px;overflow: hidden;background: #4d7bca;}
.info{font-size: 17px;color: #fff;}
.info li{background: url(../images/bg-cloud.jpg) left bottom no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%;}
.info b{font-size: 27px;}
.info li:before{content:'';display: inline-block;width: 95px;height: 30px;margin-top: -5px;vertical-align: middle;}
.info li.i1:before{background: url(../images/icon02.png) center bottom no-repeat;}
.info li.i2:before{background: url(../images/icon03.png) center bottom no-repeat;}
.info li.i3:before{background: url(../images/icon04.png) center bottom no-repeat;}

/*作品展示*/
.black-title{line-height: 32px;font-size: 32px;}
.black-title p{font-size: 16px;}
.search-box{display: flex;font-size: 14px;overflow: hidden;padding: 0;border-radius: 4px;border:1px solid #4d7bca;}
.search-input{flex:1;font-weight: normal;background: #fff;padding: 3px 15px;}
.btn-search{height: 100%;color: #fff;padding: 3px 18px;background: #4d7bca;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}

.nav-tab-page li{display: inline-block;margin: 20px 40px 10px 0;}
.nav-tab-page li a{display: block;font-size: 18px;text-align: center;color: #4d7bca;background: #efeff7;padding: 10px 40px;}
.nav-tab-page li.active a{color: #fff;background: url(../images/bg-all.jpg) left center repeat-y;-webkit-background-size: 100% 100%;background-size: 100% 100%;}

.sub-work-tabs{padding: 0;margin-top: 15px;margin-bottom: 0;}
.sub-work-tabs dt a{display: inline-block;padding: 7px 15px 5px;border-top-right-radius: 4px;border-top-left-radius: 4px;}
.sub-work-tabs dd{background: #eee;}
.sub-work-tabs dd a{display: inline-block;padding:10px 15px;}
.sub-work-tabs a.active{color: #2585c5;}
.sub-work-tabs dt a.active{background: #eee;}

.btn-primary,.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary{background-color: #4d7bca;border:none;}
.btn-vote:before{display: inline-block;content:'';width: 15px;height: 15px;margin-right: 10px;margin-top: 4px;vertical-align: top;background: url(../images/icon01.png) center center no-repeat;}
/*分页*/
.pagination{margin: 0;}
.pagination>li>a, .pagination>li>span{color: #4d7bca;cursor: pointer;}
.pagination a,
.pagination span {float: left;padding: 6px 12px;color: #337ab7;margin-left: -1px;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination span{color: #fff;background-color: #337ab7;border-color: #337ab7;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #4d7bca;border-color: #4d7bca;}


.page{padding: 40px 0;}
.page input{display: inline-block;vertical-align: top;height: 29px;line-height: 29px;}
.page input[type="text"]{width: 50px;text-align: center;border: 1px solid #ddd;background: #fff;}
.page input[type="button"]{padding: 0 10px;}

/*新闻详情*/
.article{padding:0 20px 20px;}
.page-head{display: flex;margin: 50px 0;}
.page-head .head{position: relative;width: 146px;height: 146px;margin:0 20px;}
.page-head .head>span{display: block;width: 100%;height: 100%;border-radius: 50%;overflow: hidden;background: #999;}
.page-head .head img{width: 100%;height: 100%;}
.page-head .head:before{position: absolute;right: 8px;bottom: 8px;content: "";width: 25px;height: 25px;border-radius: 50%;background: url(../images/icon-heart-gray.png) center center no-repeat #fff;-webkit-background-size: 10px auto;background-size: 10px auto;}
.head-right h4{font-size: 28px;font-weight: bold;padding: 15px 0;}
.head-right>div{margin-top: 35px;}
.head-right img{width: 30px;margin-right: 10px;}
.operation-btn {display: flex;align-items: center;justify-content: center;font-size: 18px;margin: 30px 10%;}
.operation-btn li{flex:1;}
.operation-btn p{margin: 5px 0!important;}
.operation-btn a{display: inline-block;}
.operation-btn a:before{content:'';display: inline-block;width: 84px;height: 84px;cursor: pointer;border-radius: 50%}
.operation-btn .btn_vote:before{background: url(../images/icon-vote.png) center center no-repeat #eee;}
.operation-btn .btn_complaints:before{background: url(../images/icon-complaints.png) center center no-repeat #eee;}



.page-header{border:none;text-align: center;font-weight: bold}
.page-header h2{font-size: 30px;font-weight: bold;}
.page-header .small{font-size: 14px;font-weight: normal;padding-top: 20px;}
.page-main{min-height:200px;}
.page-main p{font-size: 15px;line-height: 28px;word-break:break-all;margin: 25px 0;}
.video-js{width: 85%;}
.bdshare {display: inline-block;vertical-align: middle;margin-left: 30px;}
.bdshare .bds_more{padding-left: 23px!important;height: 21px!important;line-height: 21px!important;font-size: 14px!important;background-image: url(../images/icon-share.png)!important;background-position: 0 0!important;}
.bshare{display: inline-block;}
.bsBox,.bsBox *,#bsPanelHolder,#bsPanelHolder *{box-sizing: content-box!important;}
.bshare-custom #bshare-shareto{font-weight: normal!important;}
/* footer css */
footer{background:url(../images/footer-bg.jpg) center top no-repeat #004897;-webkit-background-size:cover;background-size:cover;}
.footer{color:#fff;padding: 9% 0;}
.footer a{color: #fff;}
.footer-logo{line-height: 105px;}
.foot-nav li{display: inline-block;height: 16px;line-height: 16px;padding: 0 10px;border-left: 2px solid #fff}
.foot-nav li:first-child{border:none;padding-left: 0;}
/*.foot-nav a:hover{color: #da251c;}*/
.foot-copyright{line-height: 24px;opacity: .7}
.foot-code{font-size: 15px;line-height: 45px;text-align: center;font-weight: bold;margin-top: 10px;}


/* main css */
.thumb-lists{display:block;list-style:none;margin:0 -10px;}
.thumb-lists>li{width:25%;float:left;margin-bottom:20px;padding:0 10px;transition: all 0.3s linear 0s;}
.thumb-lists>li>.thumb{display:block;position:relative;padding-bottom:56.25%;overflow:hidden;background-color:#e8e8e8;}
.thumb-lists>li>.thumb>img{display:block;position:absolute;left:50%;top:50%;width:100%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.thumb-lists>li>.thumb>.icon-player{display:block;width:60px;height:60px;background:transparent url(../images/icon-player.png) no-repeat 50% 50%;position:absolute;z-index:11;left:50%;top:50%;margin-left:-30px;margin-top:-30px;}
.thumb-lists>li>.title{padding:8px 0;font-size:14px;height:46px;overflow:hidden;}
.thumb-lists>li>.title>.like{float:right;}
.thumb-lists>li>.title>a{color:#333;}
.thumb-lists>li>.title>.like>.ico_vote{display:inline-block;width:20px;height:20px;vertical-align:middle;background:transparent url(../images/ico_vote.png) no-repeat 50% 0;background-size:20px auto;margin-right:3px;margin-top:-5px;}

.pager span,.pager b{border-style:solid;border-width:1px;border-color:#d4dfe3;border-radius: 0!important;padding:3px 8px;margin-right:-1px;background-color:#fafafa;display:inline-block;}
.pager a{border-style:solid;border-width:1px;border-color:#d4dfe3;border-radius:0!important;color:#333;background-color:#fafafa;position:relative;z-index:auto;padding:3px 8px;margin-right:-1px;display:inline-block;}
.pager a:hover{color:#ba0215;background-color:#ffecee;border-color:#ffcbd0;z-index:1;text-decoration:none;}
.pager a:focus{background-color:#eaeef2;}
.pager a.disabled,.pager a.disabled:hover{background-color:#f9f9f9;border-color:#d9d9d9;z-index:auto;}
.pager span.current,.pager b.current,.pager .cur{background-color:#ba0215;border-color:#ba0215;color:#fff;text-shadow: 0 -1px 0 rgba(0,0,0,.25);z-index:2;}
.group-tabs>li>a{height:34px;line-height:34px;font-size:14px;}
.group-tabs>li.active>a{background-color:transparent;}


.ctner{padding:20px 0;}
.wper{padding:20px;}
.page-show .notice-page{width:1000px;height:100%;display:block;margin:0 auto;}
.arti-title{padding:20px;border-bottom:1px solid #999;}
.arti-title>.tit{font-size:20px;font-weight:normal;text-align:center;}
.arti-title>.tit-info{text-align:center;margin-top:10px;margin-bottom:-15px;color:#787878;}
.arti-title>.tit-info>span{margin:0 10px;}
.arti-title>.tit-info>span>b{font-weight:normal;}
.arti-body{padding:30px;}
.arti-body p,.arti-body h3,.arti-body h4,.arti-body div{margin-bottom:10px;}
.arti-body p{text-indent:28px;}
.arti-body .player{width:960px;height:540px;background-color:#111;margin:0 auto;}
.arti-body .vote-box{padding:40px 0 0;text-align:center;}
.vote-btn{display:inline-block;background-color:#fff;border-radius:15px;overflow:hidden;}
.vote-btn:hover,.vote-btn:active,.vote-btn:visited,.vote-btn:focus{text-decoration:none;}
.vote-btn>.num,.vote-btn>.text{display:block;width:100px;padding:8px;text-align:center;line-height:2;color:#A67306;}
.vote-btn>.text{background-color:#A67306;color:#fff;}
.vote-btn>.text>.ico_vote{display:inline-block;width:20px;height:20px;vertical-align:middle;background:transparent url(../images/ico_vote.png) no-repeat 50% -40px;background-size:20px auto;margin-right:3px;margin-top:-5px;}
.vote-btn:hover>.text>.ico_vote{background-position:50% -20px;}
.vote-btn.disabled{filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}

.fmbox{width:740px;margin:0 auto;padding:20px 50px;}
.tips-box{border:1px solid #DEBC87;padding:10px;background-color:#FFF5E6;font-size:14px;}
.tips-box>h4{font-size:14px;color:#ba0215;font-weight:bold;margin-bottom:3px;}
.tips-box>p{color:#787878;}
.fmbox>.tips-box{margin-bottom:10px;}
.fmbox .frow{border-bottom:1px solid #959595;padding:5px 0;margin-bottom:10px;}
.fmbox .frow>label{display:inline-block;font-size:16px;font-weight:normal;}
.fmbox .frow>label.label-radio{font-size:14px;margin-right:5px;}
.fmbox .frow>input[type='text'],.fmbox .frow>input[type='password']{width:360px;padding:5px;border:0;background-color:transparent;}
.fmbox .frow>input.verify-input{width:180px;}
.fmbox .frow.no-border{border:0;}

#picker,#thumbpicker{display:inline-block;margin:0 12px 0 0;vertical-align:middle;font-size:0;}
.webuploader-pick{font-size:14px;}
.uper-colspan .btn{padding:10px 20px;}
.uploader-list,.thumbUploader-list{margin-top:0;}
.uploader-list .state,.thumbUploader-list .state{float:right;display:block;width:120px;text-align:center;font-size:12px;margin:0;margin-top:-2px;margin-right:5px;background-color:#CEEAF2;}
.uploader-list .info,.thumbUploader-list .info{white-space:nowrap;overflow:hidden;padding-right:20px;text-overflow:ellipsis;}
.uploader-list .progress,.thumbUploader-list .progress{margin-bottom:5px;width:99%;height:8px;}
.successTips{padding:50px;text-align:center;width:640px;margin:0 auto;}
.successTips>.title{font-size:24px;font-weight:normal;color:#ba0215;margin-bottom:20px;}
.successTips>.info{}
.nav-list-page{margin-bottom:15px;}
.nav-list-page>li>a{line-height:40px;height:40px;color:#a12922;border:0;}
.nav-list-page>li.active>a{background-color:transparent;color:#a12922;border:0;}
.nav-list-page>li>a:hover,.nav-list-page>li.active>a:hover{background-color:#EFD9D8;border:0;}
.nav-list-page>li.active{border-bottom:2px solid #a12922;}

/*面包屑导航*/
.breadcrumb{background: none;padding: 20px 0 8px;border-radius:0;}
.breadcrumb>li+li:before{content:'>';color: #333;padding: 0 4px;}
.breadcrumb a{color: #000;}
.breadcrumb a:hover{color: #4d7bca;}

/*成绩公布*/
.child-title{position: relative;font-size: 20px;font-weight: bold;text-align: center;padding: 15px 0;margin-bottom: 30px;border-bottom:1px solid #ccc;}
.pills-tabs{border-radius:20px;overflow: hidden;margin-top: 15px;background: #fff;border:1px solid #ccc;}
.pills-tabs li{float: left;width: 50%;margin: 0;}
.pills-tabs li a{font-size: 14px;font-weight: normal;color: #666;padding: 8px 14px;}
.pills-tabs li.active a{color: #fff;background: #4d7bca;}

.results dt{line-height: 34px;font-size: 16px;font-weight: bold;padding-bottom: 5px;}
.results dt a{float: right;font-size: 12px;font-weight: normal;}
.table-results>thead>tr>th{padding: 12px;color: #fff;text-align: center;background: #4d7bca;border:none;}
.table-results>tbody>tr:nth-of-type(odd){background: #fff;}
.table-results>tbody>tr:nth-of-type(even){background: #e0ebff;}
.table-results>tbody>tr>td{padding: 10px;border:none!important;}

/*右侧悬浮框*/
.layer-right{position: fixed;right: 0;top: 40%;width: 45px;text-align: center;color: #fff;padding: 10px 5px;border-top-left-radius:5px;border-bottom-left-radius:5px;background: rgba(37,135,198,.85);transition: all .3s}
.layer-right:hover{color: #fff;background: rgba(37,135,198,1);}
/*微信悬浮框*/
.layer-block{position: fixed;left: 50%;top: 50%;z-index:99;margin-left: -110px;margin-top: -140px;width: 220px;height: 280px;border-radius: 5px;background: #fff;border:6px solid #7f7f7f;overflow: hidden;}
.layer-top{height: 24px;line-height: 24px;font-size: 12px;color: #666;padding-left:15px;background: #f2f2f2;border-bottom: 1px solid #e8e8e8;}
.layer-top ._close{float: right;color: #666;font-weight: bold;padding: 0 15px;cursor: pointer;}


/*form*/
.signup-tip{padding:20px 0 40px;}
.signup-tip h4{font-size: 18px;font-weight: bold;margin-bottom: 12px;}

.required label:before {content:"*";color:red;margin-right: 5px;}
.radio-info input[type="radio"]:checked + label::before{border-color: #4d7bca}
.radio-info input[type="radio"]:checked + label::after {background-color: #4d7bca;}
.upload_tip {font-size: 12px;color: #606266;margin-top: 7px;}
.contact-box{display: flex;}
.get-code{display:block;width: 120px;height:34px;line-height:34px;text-align: center;color: #fff;margin-left: 20px;cursor: pointer;background: #4d7bca;}
.file-drop-zone-title{padding: 3% 10px;}
.file-drop-zone-title .glyphicon{font-size: 40px;}
.btn-upload{padding: 1px 10px;margin-right: 15px;border:1px solid #cecece;border-radius:0;}
.fileinput-exists{font-size: 14px;border-radius: 0}
.btn-submit{display: block;width: 100%;padding: 15px 20px;font-size: 20px;color: #fff;border-radius:0;border:none;background: #4d7bca;}
.btn-submit:hover{opacity:.9;}
.bm-text{line-height:36px;}
.disclaimer-show{margin-left: 139px;padding:20px 30px;margin-bottom: 30px;border:1px solid #cecece;}

.open-tip{line-height: 34px;padding-left: 15px;overflow: hidden;}
/*.fileinput-remove{display: none}*/

.contact-group{padding: 20px 0 30px;background: #f2f2f2;border-radius: 5px}
.contact-group h4{font-size: 14px;font-weight: bold;color: #999;margin-left: 50px;margin-bottom:30px;}
/*.table-striped>tbody>tr:nth-of-type(odd){background: #f3f3f3;}*/
.table th{text-align: center;}
/*.dancing>tbody>tr:first-child .form-control{color: red;}*/
.table .form-control{text-align: center;}
.checkbox-inline+.checkbox-inline,.checkbox-inline:first-child, .radio-inline+.radio-inline,.radio-inline:first-child{margin-left: 0;margin-right: 10px;}

/*登录 注册*/
.login-form,.register-form,.personal{box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);background: #fff;opacity: 0.9;border-radius: 4px;}
.login-form{padding: 50px 8%;/*margin-top: 5%;*/opacity: 0.9;}
.c-title{font-size: 22px;font-weight: bold;text-align: center;color: #4d7bca;margin-bottom: 50px;}
.login-form .form-control{border-color: #999;margin-bottom: 25px;}
.goback{display: inline-block;height: 30px;line-height: 30px;font-size: 20px;color: #4d7bca;font-weight: bold;}
.register-form,.info-form{padding: 4%;opacity: 0.9;}
.register-form .control-label i,.info-form .control-label i{font-size: 12px;font-weight: normal;color: #999;font-style: normal;padding-left: 10px;}
.fileinput .thumbnail{width: 180px;height: 180px;padding: 0;border-radius: 50%;}
.fileinput .thumbnail>img{width: 100%;height: 100%;}
.contact-box{display: flex;}
.get-code{display:block;width: 120px;height:34px;line-height:34px;text-align: center;color: #fff;margin-left: 20px;border-radius: 4px;background: #4d7bca;}

.modal-agreement{line-height: 30px;overflow-y: scroll;}

/*个人中心*/
.personal{padding: 5%;}
.personal h2{font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.personal-tab li{display: inline-block;color: #fff;padding:4px 10px;border-radius: 4px;margin-right: 20px;}
.personal-tab li.active{background: #4d7bca;}
.personal-tab li.active a{color: #fff;}

.signup-title{font-size: 15px;font-weight: bold;color: #4d7bca;margin-bottom: 15px;}
.signup-list li,.upload-list li{margin-bottom: 15px;}
.signup-list-box{line-height: 30px;font-size: 12px;color: #666;text-align: center;padding-bottom: 15px;border:1px solid #ddd;}
.signup-list-box h3,.upload-list h3{font-size: 16px;font-weight: bold;margin-top: 15px;}
.signup-main li{margin-bottom: 15px;padding: 15px 0;border-bottom:1px solid #ddd;}
.signup-main h3{font-size: 16px;font-weight: bold;overflow: hidden;padding-left: 8px;margin-bottom: 5px;border-left: 4px solid #4d7bca}
.signup-main p{font-size: 12px;color: #666;padding-left: 12px;overflow: hidden;}

@media (max-width: 767px){
  .nav>li{margin: 0;}
  .nav>li>a{font-size:14px;padding:6px;}
  .nav>li>a:hover{background-color:transparent;color:#da251c;}
  .search-bar input[type='text']{height:26px;line-height:26px;}
  .search-bar .search-btn{width:26px;height:26px;line-height:26px;}
    .h-title{font-size: 22px;margin: 20px 0;}
    .picScroll .video-img img,.picScroll .video-img.poa{width: 110px;height: 110px;}
    .more{font-size: 14px;margin-top: 8px;}
    .ad{height: 90px;background-size: 150%;}
    .bm-box{width: auto;padding: 15px;margin-right: 0;margin-top:0;}
    .bm-box h4,.bm-box p i{font-size: 16px;}
    .bm-box p{font-size: 12px;margin: 5px 0;}
    .btn-orange{width:auto;font-size: 18px;}
    .timeline-scroll{overflow-x: scroll;-webkit-overflow-scrolling: touch;}
    .timeline {width: 760px;font-size: 12px;padding-bottom: 50px;}
    .timeline li,.timeline li:hover{padding: 0 0 5px 35px;}
    .timeline li:last-child,.timeline li:hover:last-child{padding: 0 0 5px 85px;}
    .timeline h3{font-size: 16px;}
  .thumb-lists{margin:0;}
  .thumb-lists>li{width:50%;padding:0 5px;margin-bottom:10px;}
  .thumb-lists>li>.title{font-size:12px;height:42px;overflow:hidden;}
  .page-show .notice-page{width:100%;}
  .prize-show .thumb{width:140px;}

  .fmbox{width:auto;padding:10px;}
  .fmbox .frow>label{font-size:14px;}
  .fmbox .frow>input[type='text']{width:240px;}
  .fmbox .frow>input.verify-input{width:100px;}
  .tips-box{font-size:12px;}
  .tips-box>h4{font-size:12px;}

  .arti-title{padding:10px;}
  .arti-title>.tit{font-size:16px;}
  .arti-title>.tit-info{font-size:12px;margin-bottom:-10px;}
  .arti-title>.tit-info>span{margin:0 5px;}
  .arti-body{padding:10px;}
  .arti-body .player{width:100%;height:200px;}
  .successTips{width:auto;padding:50px 20px;}
  .vote-btn>.num,.vote-btn>.text{width:80px;padding:5px;line-height:2;font-size:12px;}
  .vote-btn>.text>.ico_vote{width:16px;height:16px;background:transparent url(../images/ico_vote.png) no-repeat 50% -32px;background-size:16px auto;margin-right:3px;margin-top:-3px;}
  .vote-btn:hover>.text>.ico_vote{background-position:50% -16px;}

  .news-lists li{padding: 20px 0;}
  .news-lists-img{float: none;width: 100%;margin: 0;}
  .news-lists-text{padding: 0 10px;}
  .article{padding:0 0 20px;}
  .video-js{width: 100%;height: 240px;}
  .report-wper{width:auto;margin:0 auto;padding:0 5px;}
  .report-wper .tip{margin-bottom:10px;}
  .reprot-form{width:94%;}
  .reprot-form .el-form-item__label{width:80px!important;text-align:left;}
  .reprot-form .el-form-item__content{margin-left:80px!important;}
  .bm-text{line-height:26px;}
  .col-sm-33{width: auto;float: none;}
  .nav-tab-page li{margin: 20px 10px 10px 0;}
  .nav-tab-page li a{padding: 10px 30px;}
  .disclaimer-show{padding: 15px;margin-left: 0;}
  .foot-menu{padding-left: 10%;}
  .foot-code{font-size: 14px;margin-top: 30px;text-align: center;}


}
@media (min-width: 768px){
  .container{width:1230px;}
  .carousel-inner>.item>a>img{height: 561px;}
  .carousel-caption{font-size:28px;}
  .carousel-title{font-size: 22px;}
  .news-list .col-sm-7{padding-left: 0;padding-right: 40px;}
  .news-list .col-sm-4{padding-right: 25px;}
  .news-list .col-sm-8{padding-right: 60px;}
  .news-left{width: 630px;}
  .news-right{width: 600px;}
  .radio-tab {font-size: 20px;}
  .radio-tab .radio-inline{padding-left: 25px;}
  .radio-tab .radio-inline p{top: 8px;transform: scale(1.5);}
  .items-list{margin-left: -10px;margin-right: -10px;}
  .items-list li{width: 10%;padding-left: 10px;padding-right: 10px;}
  .works-list{margin-left: -25px;margin-right: -25px;}
  .works-list .col-sm-4{padding-left: 25px;padding-right: 25px;}
  .player-list .col-sm-2{width: 12.5%;}
  .player-list img{width: 119px;height: 119px;}
  .links{margin-left: -22px;margin-right: -22px;}
  .links .col-sm-2{display: inline-block;width: auto;padding-left: 22px;padding-right: 22px;}
  .form-horizontal .control-label{padding-top: 0;}
  .modal-dialog{width: 60%;}
  .code-modal-dialog{width:400px;}
  .modal-agreement{height: 350px;}
  .pills-tabs{position: absolute;right: 0;bottom: 10px;}


}