/**
* 公共样式
*/
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
html,body{height: 100%;background-color: #F5F5F5;font-size: 14px;line-height: 1;font-family: "PingFang SC", "Microsoft YaHei", Helvetica, Arial, sans-serif;}
a{color: #232323;}
a:hover{text-decoration: none;}
textarea{resize: none;}
textarea:focus, a:focus{outline: none;}
.wrap{width: 1140px;margin: 0 auto;padding: 40px 0;position: relative;z-index: 10;min-height: -webkit-calc(100% - 300px);min-height: -moz-calc(100% - 300px);min-height: calc(100% - 300px);height: auto!important;}
.w-wrap{width: 1140px;margin: 0 auto;}
.bgc-f{background-color: #fff;}
.no-border{border: 0 none!important;}
.a-btn{display:inline-block;width:160px;height:40px;line-height:40px;color:#fff;background-color:transparent;border:1px solid #fff;border-radius:20px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}

/* 菜单 */
.menu{height:60px;border-bottom:1px solid #ccc}
.menu a{float:left;position:relative;box-sizing:border-box;margin-right:80px;height:100%;line-height:58px;border-bottom:2px solid transparent}
.menu a.active{color:#a07dbd;border-color:#a07dbd}
.menu a.active::after{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);content:'';width:2px;height:2px;border-left:2px solid #fff;border-right:2px solid #fff;background-color:#a07dbd}

/* 两栏布局-主 */
.main{width: 750px;margin-right: 40px;}
.aside{width: 350px;}

.header{height:60px;margin-bottom:-60px;position:relative;z-index:2}
.header .logo{margin-top:10px;width:150px;height:39px;overflow:hidden;background:url(../images/logo-white.png) no-repeat top/100%}
.header .nav a{float:left;color:rgba(255,255,255,.5);height:100%;margin-right:57px;padding-top:18px}
.header .nav a:last-child{margin-right:0}
.header .nav a:hover{color:#fff}
.header .nav a.active{color:#fff}
.top-banner{box-sizing:border-box;padding-top:60px;min-width:1140px;background-color:#12131e;background-repeat:no-repeat;background-position:center top;background-size:100% 100%}
footer{height:220px;background-color:#fff}
footer .half{height:180px}
footer .half.fl{width:62%}
footer .sitemap>a{display:inline-block;margin:45px 39px 39px 0}
footer .friendlink{color:#999}
footer .friendlink>span{display:inline-block}
footer .friendlink>div{margin:-12px 0 0 75px}
footer .friendlink a{display:inline-block;margin-bottom:11px;margin-right:25px;color:#999}
footer .sitemap a:hover{color:#a07dbd}
footer .links a:hover{color:#333;text-decoration:underline}
footer .info,footer .wechat{margin-top:40px}
footer .info{color:#333;line-height:1}
footer .info .iconfont{margin-right:10px;font-size:12px;font-weight:700}
footer .info>img{width:152px;height:40px}
footer .info>p{margin-top:10px}
footer .wechat{margin-left:32px;width:90px;height:90px;color:#999;text-align:center}
footer .wechat>img{margin-bottom:3px;width:100%;height:100%}
footer .copyright{padding-top:14px;width:100%;color:#ccc;border-top:1px solid #e3e3e3}
footer .copyright>a{color:#ccc}
footer .copyright>a:hover{color:#a07dbd}

/* 遮罩 */
#shade{box-sizing:border-box;position:fixed;height:100%;width:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:1}
#shade .icon-close{font-size:32px;color:rgba(255,255,255,.4);cursor:pointer}
#shade .icon-close:hover{color:#fff}

/* 视频播放 */
body .video{margin:30px auto 0;height:450px;width:800px;background-color:#000;outline:0}
body .video-js .vjs-control:before{line-height:2}
body .video-js .vjs-control-bar{background-color:rgba(0,0,0,.2)}
body .video-js .vjs-big-play-button{top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;line-height:60px;border-radius:50%;border:0;background-color:transparent}
body .video-js .vjs-big-play-button:before{font-size:60px;font-family:iconfont;content:"\e61a"}

/* 按钮 */
.btn.big{width:160px;height:40px;font-size:14px}
.btn{width:120px;height:32px;font-size:12px;box-sizing:border-box;border-radius:50%;background-color:#fff;color:#2b8fa6;box-shadow:0 1 2 rgba(0,0,0,.1)}
.btn:hover{box-shadow:0 4 8 rgba(0,0,0,.1)}
.btn.main{border:1px solid #a07dbd;box-shadow:0 1 2 rgba(92,48,125,.1)}
.btn.main:hover{border:1px solid #a07dbd;box-shadow:0 4 8 rgba(92,48,125,.4)}

/*公用块级样式*/
.item{background-color: #fff;margin-bottom: 30px;border-radius: 4px;}
.item-top{padding: 0 15px;height: 40px;line-height: 40px;border-bottom: 1px solid #e9e9e9;}
.item-title{color: #232323;}
.hollow-circle{width: 9px;height: 9px;display: block;border-radius: 50%;border-width: 2px;border-style: solid;border-color: transparent;float: left;margin: 15px 7px 0 0;}
.item-top-more{color: #878787;}
.item-top-more:hover{text-decoration: underline;}

/*面包屑导航*/
.crumbs-box{height: 60px; line-height: 60px;}
.crumbs{padding-left: 40px;}
.crumbs a{color: #878787; margin-right: 10px; font-size: 14px;}
.crumbs a:hover{text-decoration: underline;}
.crumbs span{color: #232323; font-size: 18px;}

/*404*/
.error-404{margin-top: 160px;}
.error-404 p{color: #676767;margin: 20px 0;}
.goHome{width: 80px;height: 32px;line-height: 32px;margin: 0 auto;}

/*margin & padding*/
.pd_20{padding: 20px;}
.pdb_60{padding-bottom: 60px;}
.mrb_20{margin-bottom: 20px;}
.mrb_30{margin-bottom: 30px;}
.mrt_10{margin-top: 10px;}
.mrt_20{margin-top: 20px;}
.mrt_30{margin-top: 30px;}

/*border-radius*/
.br_2{border-radius: 2px;}
.br_4{border-radius: 4px;}
.br_half{border-radius: 50%;}

/*box-shadow*/
.bs{box-shadow: 0 5px 10px 0 rgba(0,0,0,0.06);}

/* 普通翻页器-默认居中 */
.pagination{margin:40px auto 80px;text-align:center}
.pagination>span.txt:first-child,.pagination>span.txt:last-child{display:none}
.pagination>span.txt{width:80px}
.pagination>span{display:inline-block;margin-right:10px;width:36px;height:36px;line-height:36px;background:#fff;border-radius:2px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}
.pagination>span>a{display:block;color:#a07dbd}
.pagination span.active{background-color:transparent;box-shadow:none}