.kaiti{font-family:KaiTi;}
label{font-weight:normal;}

.video-js, .vjs-poster{background-color:transparent;}

/*layout*/
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

.pa0{padding:0 !important;}
.pb0{padding-bottom:0 !important;}
.pt40{padding-top:40px !important;}

.w50{width:50%;}

.text-red, .text-red:hover{color:#C00;}

.dashed{border-style:dashed; color:#ccc;}

/*reset bootstrap*/
.nopadding{padding:0 !important; margin:0 !important;}
.row-rt{position:relative;}
.row-rt .col-right{float:right;}
.textindent{text-indent:2em !important;}
.textindent3{text-indent:3em !important;}

@media only screen and (max-width: 1200px) {
.row-rt .col-right{float:none;}

.compact-col:nth-child(odd){padding-right:7px;}
.compact-col:nth-child(even){padding-left:7px;}

.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:5px !important;}
.mb20{margin-bottom:10px !important;}
.mb30{margin-bottom:15px !important;}
.mb40{margin-bottom:20px !important;}
.mb50{margin-bottom:25px !important;}
.mb60{margin-bottom:30px !important;}
.mb70{margin-bottom:35px !important;}
.mb80{margin-bottom:40px !important;}
}

.video-js{border-radius:8px; overflow:hidden;}
.video-js .vjs-big-play-button{left:50%; top:50%; width:80px; height:80px; border-radius:50%; margin:-40px 0 0 -40px; line-height:76px; font-size:36px;}

.main-nav{position:fixed; left:0; top:0; z-index:97; width:100%; height:73px; border-bottom:1px solid #DEDEDE; background:#FFF;}
.main-nav .logo-box{display:block; margin-top:15px;}
.main-nav .nav-pills > li{position:relative; height:73px;}
.main-nav .nav-pills > li a{position:relative; height:47px; margin:25px 30px 0; padding:0 5px; border-radius:0; font-size:16px; color:#4e4e4e; box-sizing:initial;}
.main-nav .nav-pills > li a:hover{background:no-repeat;}
.main-nav .nav-pills > li i{position:absolute; left:0; bottom:0; z-index:2; width:0; height:2px; overflow:hidden; background:#ed1b2f; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease;}
.main-nav .nav-pills > li.on i, .main-nav .nav-pills > li:hover i{width:100%;}
.main-nav .btn-fun{display:block; padding-top:20px; font-size:24px; color:#4e4e4e;}
.main-nav .btn-fun span{display:block; width:26px; height:26px;}
.main-nav .btn-fun span.user{position:relative; background:url(../images/icon/username.png) no-repeat;}
.main-nav .btn-fun span.search{background:url(../images/icon/search.png) no-repeat;}
.main-nav-blank{height:73px; margin-bottom:30px;}
.main-nav .btn-fun span.user-islogin i{position:absolute; right:-10px; top:-10px; z-index:2; width:20px; height:20px; background:url(../images/pc/islogin.png) no-repeat;}

.main-search{position:relative;}
.main-search-form{position:absolute; top:2px; right:94%; width:300px; padding:20px 0 20px 20px; background:#FFF;}
.main-search-form input{width:100%; border:0; border-bottom:1px solid #ccc; background:#FFF; font-size:16px; height:28px; outline: none;}

.main-h5-nav{position:fixed; left:0; top:0; z-index:99; width:100%; height:50px; border-bottom:1px solid #DEDEDE; background:#FFF;}
.h5-nav-trigger{float:left; position:relative; display:block; width:30px; height:25px; margin:12px 0 0 15px; border-bottom:1px solid #999;}
.h5-nav-trigger:before, .h5-nav-trigger:after{position:absolute; left:0; width:100%; height:1px; background:#999; content:"";}
.h5-nav-trigger:before{top:0;}
.h5-nav-trigger:after{top:50%;}
.h5-main-logo{position:absolute; left:50%; top:8px; width:107px; margin-left:-53px;}
.h5-main-login{float:right; display:block; margin:8px 12px 0 0; width:30px; height:30px; background:url(../images/h5/center-home5.png) 0 0 no-repeat; background-size:cover;}

.h5-nav-panel{position:fixed; left:-100%; top:0; z-index:100; width:80%; height:100%; padding:10px; box-sizing:border-box; border-right:1px solid #DEDEDE; background:#FFF; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease;}
.h5-nav-panel .panel-search{padding:5px 0; margin-bottom:10px; border-bottom:1px solid #DEDEDE;}
.h5-nav-panel .panel-search input{width:78%; border:none; outline:none;}
.h5-nav-panel .panel-search a{display:inline-block; width:20%; text-align:right; color:#999; font-size:15px; text-align:right;}
.h5-nav-panel .panel-search a span{display:inline-block; width:25px; height:25px; background:url(../images/icon/search-l.png) no-repeat; background-size:cover;}
.h5-nav-panel .panel-groups{margin-bottom:10px;}
.h5-nav-panel .panel-groups .main{position:relative; display:block; font-size:16px; height:30px; line-height:30px; color:#555;}
.h5-nav-panel .panel-groups .main:after{position:absolute; content:""; right:5px; top:10px; width:0.6em; height:0.6em; margin-left:0.2em; border-top:1px solid #999; border-right:1px solid #999; -webkit-transform:rotate(45deg); transform:rotate(45deg); vertical-align:0.1em;}
.h5-nav-panel .panel-groups ul{display:none; list-style:none; padding:10px 0 10px 16px;}
.h5-nav-panel .panel-groups li{height:26px; line-height:26px;}
.h5-nav-panel .panel-groups li a{display:block; position:relative; color:#555;}
.h5-nav-panel .panel-groups li a:after{position:absolute; content:""; right:5px; top:10px; width:0.6em; height:0.6em; margin-left:0.2em; border-top:1px solid #999; border-right:1px solid #999; -webkit-transform:rotate(45deg); transform:rotate(45deg); vertical-align:0.1em;}
.h5-nav-panel .panel-groups-on .main{color:#ed1b2f;}
.h5-nav-panel .panel-groups-on .main:after{-webkit-transform:rotate(135deg); transform:rotate(135deg); border-color:#ed1b2f;}
.h5-nav-panel-on{left:0;}
.h5-nav-panel-mask{display:none; position:fixed; left:0; top:0; z-index:99; width:100%; height:100%; background:rgba(255, 255, 255, 0.05);}
.h5-nav-panel-mask a{position:absolute; right:0; top:0; display:block; width:20%; height:50px; background:#FFF;}
.h5-nav-panel-mask a i{position:absolute; right:0; top:0; display:block; width:20%; height:50px; background:#FFF;}

.h5-nav-panel-mask a i{float:left; position:relative; display:block; width:25px; height:30px; margin:12px 0 0 20px; border-right:1px solid #C00;}
.h5-nav-panel-mask a i:before, .h5-nav-panel-mask a i:after{position:absolute; top:0; width:1px; height:30px; background:#C00; content:"";}
.h5-nav-panel-mask a i:before{left:0;}
.h5-nav-panel-mask a i:after{left:50%;}

.h5-main-user-islogin{position:relative;}
.h5-main-user-islogin i{display:block; position:absolute; right:-5px; top:-5px; width:15px; height:15px; background:url(../images/h5/islogin.png) no-repeat; background-size:cover;}

.footer-nav{padding-top:50px; padding-bottom:50px; margin-top:50px; border-top:1px solid #DEDEDE;}
.footer-nav .nav-list{float:left; width:25%; padding:0 15px;}
.footer-nav dl{position:relative;}
.footer-nav dt{height:30px; line-height:30px; border-bottom:1px solid #DEDEDE;}
.footer-nav dd{margin:10px 0;}
.footer-nav dd a{color:#555;}
.footer-nav .btn-weibo, .footer-nav .btn-weixin{display:block; float:left; width:36px; height:36px; margin-right:20px; background:url(../images/icon/share.png) no-repeat; background-size:auto 90%;}
.footer-nav .btn-weibo{background-position:0 0;}
.footer-nav .btn-weibo:hover{background-position:-101px 0;}
.footer-nav .btn-weixin{background-position:-50px 0;}

.footer-bar{height:30px; margin-bottom:20px; background:#ed1b2f; color:#FFF;}
.footer-bar .container{position:relative;}
.footer-bar .guo{position:absolute; left:-20px; top:-50px; z-index:2; width:215px; height:100px; background:url(../images/icon/footer-bar.png) no-repeat;}
.footer-bar .text{padding-left:230px; line-height:30px;}
.footer-imgcode{width:250px; height:250px;}

/*page subnav*/
.page-subnav ul{padding:50px 0 0; margin:0 -15px 0; list-style:none;}
.page-subnav li{float:left; width:25%; margin-bottom:50px; text-align:center;}
.page-subnav li a{font-size:16px; font-weight:bold; color:#CCC;}
.page-subnav li i{display:block; width:90px; height:90px; overflow:hidden; margin:0 auto 10px;}
.page-subnav li img{display:block;}
.page-subnav li a:hover, .page-subnav li a.on{color:#ed1b2f; text-decoration:none;}
.page-subnav li a:hover img, .page-subnav li a.on img{margin-top:-90px;}

.page-title{margin-bottom:30px;}
.page-title i{float:left; display:block; width:40%; height:30px; border-bottom:2px solid #DEDEDE;}
.page-title p{float:left; display:block; width:20%; text-align:center;}
.page-title b{display:block; margin-bottom:3px; font-size:30px; color:#121212; line-height:1em;}
.page-title em{color:#999; font-size:14px; font-style:normal;}

.page-short-title{margin-bottom:30px;}
.page-short-title h3 span{display:inline-block; font-weight:bold; padding-bottom:8px; font-size:24px; color:#4e4e4e; border-bottom:3px solid #ed1b2f;}
.page-short-title h3 em{padding-left:30px; font-size:14px; font-style:normal;}

.pages{font-size:0;}
.pages p, .pages ul, .pages li{display:inline-block;}
.pages a, .pages span{font-size:14px;}
.pages a:hover{color:#ed1b2f; text-decoration:none;}
.pages p{margin:0 4px; vertical-align:middle;}
.pages i{font-style:normal; font-family:SimSun; padding:0 5px;}
.pages p a{display:inline-block; height:34px; line-height:34px; padding:0 14px; border:1px solid #DEDEDE; color:#4e4e4e;}
.pages ul{padding:0 8px; margin:0; list-style:none; vertical-align:middle;}
.pages li a{display:inline-block; width:26px; height:26px; line-height:26px; color:#4e4e4e; text-align:center;}
.pages li a.current{background:#ed1b2f; border-radius:50%; color:#FFF; font-style:italic;}

@media only screen and (max-width: 1200px) {
    .main-nav-blank{height:50px; margin-bottom:0;}

    .footer-nav{padding:30px 15px; width:100%; overflow:hidden; box-sizing:border-box;}
    .footer-nav .nav-list{width:33%; padding:0 10px;}
    .footer-nav .nav-list:last-child{float:none; clear:both;}
    .footer-nav dd a{font-size:12px;}
    .footer-nav .share{position:absolute; left:130%; top:5px; width:200px;}
    .footer-nav .share a{margin-right:0;}

    .footer-bar{margin-bottom:10px;}
    .footer-bar .guo{transform:scale(0.6); left:-40px; top:-40px; background-size:cover;}
    .footer-bar .text{padding-left:130px; font-size:12px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

    .footer-imgcode{width:120px; height:120px;}

    .page-subnav ul{padding-top:20px;}
    .page-subnav li{margin-bottom:20px;}
    .page-subnav li i{width:50px; height:50px;}
    .page-subnav li a{font-size:14px;}
    .page-subnav li a:hover img, .page-subnav li a.on img{margin-top:-50px;}

    .page-title{margin-bottom:10px;}
    .page-title i{width:25%; height:15px;}
    .page-title p{width:50%; margin-bottom:0;}
    .page-title b{font-size:16px;}
    .page-title em{font-size:12px;}

    .pages a, .pages span{font-size:12px;}
    .pages p{margin:0 2px;}
    .pages i{padding:0 2px;}
    .pages ul{display:none;}
}

body{ overflow-y: scroll;}
.popup .modal-header{border: 0;}
.popup .modal-header .close{font-size: 40px; margin-top: -20px;}
.popup .modal-body{min-height: 80px; padding-top: 30px;font-size: 16px;}
.popup .modal-footer{ border: 0;text-align: center; padding-bottom: 35px;}
.popup .modal-footer .btn-apply-submit{margin-right: 15px;}
.popup .modal-dialog{ margin-top:10%;}
@media only screen and (max-width: 1200px) {
    .popup .modal-dialog{ margin-top:60px;}
}