@charset "utf-8";
body{background:#f3f3f3;}
.topbar-blue{background:#1e50ae;}
.topbar-show{background:#1e50ae;}
.topbar-show .topbar-left a{background:none;color:#fff;}
.topbar-show .topbar-right a{background:none;color:#fff;}
.topbar-show .topbar-title ul li a{color:#fff;}
.topbar-show .topbar-title ul li.active a{color:#fff;border-bottom-color:#fff;}

/*#offside-nav{background:#1e50ae;width:300px;padding:20px;}
#offside-nav .collapse-menu-title{border-bottom-color:#13439d;}
#offside-nav .collapse-menu-title a{color:#fff;}
#offside-nav .collapse-menu-title i{color:#fff;}
#offside-nav .collapse-menu-title.active{background:#0E77EA;}
#offside-nav .collapse-menu-body ul li{border-bottom-color:#13439d;}
#offside-nav .collapse-menu-body ul li a{color:#74b6fe;}
#offside-nav .collapse-menu-body ul li a:hover{color:#ff0;}*/

.banner .carousel-page{bottom:15px;}
.banner .carousel-page li{height:12px;width:12px;border-radius:100%;}

.footnav{}
.footnav .action{position:relative;padding-top:25px;}
.footnav .action:after{position:absolute;content:"";display:block;width:56px;height:56px;background:#fff;top:-28px;left:36px;border-radius:50%;z-index:1;box-shadow:1px -2px 10px 0px rgba(0,0,0,0.08);}
.footnav .action i{position:absolute;width:44px;line-height:44px;font-size:24px;top:-22px;left:42px;background:#1890FF;border-radius:50%;z-index:2;color:#fff;}
.footnav .action.active i{color:#fff;}

.home-title{display:flex;justify-content:space-between;} 
.home-title .home-title-name{font-size:16px;color:#333;padding-bottom:10px;}
.home-title .home-title-name:after{display:block;content:"";border-bottom:2px solid #0E77EA;width:60px;padding-top:15px;}
.home-title .home-title-name span{font-size:13px;color:#9e9e9e;margin-left:10px;}
.home-title .home-title-more{padding-top:2px;}
.home-title .home-title-more a{display:inline-block;font-size:12px;border:1px solid #eee;padding:6px 15px;line-height:normal;border-radius:20px;}
.home-title .home-title-more a:hover,.home-title .home-title-more a.active{background:#0E77EA;border-color:#0E77EA;color:#fff;}

.home_video{margin-top:15px;}
.home_video video,.home_video img{width:100%;height:auto;}
.home_block{color:#666;margin-top:15px;}
.home_block p{text-indent:28px;margin-bottom:20px;line-height:24px;}

.home_news{margin-top:15px;display:flex;flex-wrap:wrap;}
.home_news .home_news_item{margin:0 0 15px 0;width:100%;}
.home_news_body{box-shadow:0px 0px 4px rgba(0, 0, 0, 0.1);backgroud:#fff;padding:15px;border-radius:5px;display:flex;align-items:center;}
.home_news_body .date{width:70px;text-align:center;padding-right:10px;margin-right:20px;border-right:1px solid #eee;}
.home_news_body .date h4{font-size:24px;font-family:"Impact";color:#999;margin:0;}
.home_news_body .date p{color:#999;font-size:12px;font-family:Verdana;}
.home_news_body .body{flex:1;overflow:hidden;transition:all 0.5s ease;}
.home_news_body .body h4{font-size:16px;font-weight:400;color:#515050;}
.home_news_body .body p{color:#c2c2c2;font-size:12px;}
.home_news_body .body h4 a:hover{color:#0E77EA;}
.home_news_body:hover{box-shadow:0px 0px 30px rgba(0, 0, 0, 0.15);}
.home_news_body:hover .body{transform:translateX(5px);}
.home_news_item:hover .body h4 a{color:#1890FF;}
.home_news_item:hover .body p{color:#666;}

.partners{margin-top:15px;display:flex;flex-wrap:wrap;list-style:none;}
.partners li{margin:0 3% 20px 2%;width:45%;text-align:center;color:#999;}
.partners li:nth-child(2n){margin-right:0;}
.partners li img{width:100%;height:auto;border:1px solid #eee;margin-bottom:10px;border-radius:2px;}
.partners li img:hover{box-shadow:0 0 30px rgba(0,0,0,0.15);}
.partners li p{padding:0 10px;}

.link{margin-top:15px;}
.link a{display:inline-block;margin-right:10px;border:1px solid #eaeaea;padding:8px 15px;font-size:13px;color:#666;border-radius:2px;margin-bottom:10px;background:#fff;}
.link a:hover{border-color:#ccc;}

.copyright{padding:15px;text-align:center;color:#999;}
.copyright .links{text-align:center;line-height:35px;color:#999;font-family:宋体}
.copyright .links a{display:inline-block;padding:0 10px;}
.copyright .links a:last-child{margin-right:0;}

@media (max-width:576px)
{
	.footnav .action:after{left:12px;width:50px;height:50px;top:-24px;}
	.footnav .action i{left:18px;width:38px;line-height:38px;top:-18px;}
	.partners li img{height:70px;}
}


/* public begin */
.ui-box{box-shadow:0px 0px 30px rgba(0,0,0,0.1);border:1px solid #f3f3f3;background:#fff;}
#offside-nav{width:300px;padding:20px;}
.subnav{margin-top:10px;}
.subnav>[class*=col]{background:#fff;text-align:center;padding:0 5px 10px 5px;}
.subnav a{display:block;width:100%;height:100%;font-size:13px;border:1px solid #dcdee2;padding:10px;border-radius:2px;}
.subnav .active a{color:#fff;background:#1890FF;border-color:#1890FF;}

.artshow{}
.artshow h1{font-size:18px;font-weight:bold;margin:0;}
.artshow .info{border-bottom:1px solid #f3f3f3;margin-bottom:20px;color:#666;}
.artshow .info span{color:#999;}
.artshow .info i{color:#ccc;margin-right:5px;}
.artshow .other{margin:15px 0;padding:0px;font-size:14px;}
.artshow .other ul{overflow:hidden;list-style:none;display:flex;flex-wrap:wrap;}
.artshow .other ul li{width:50%;line-height:30px;}
.artshow .other ul li span{color:#999;}
.artshow .content{padding:0 10px;}
.artshow .content a{color:#03C;}
.artshow .content a:hover{color:#f30;}
.artshow .content p{margin-bottom:20px;line-height:24px;}
.artshow .content *{max-width:100%;}
.artshow .action{display:flex;justify-content:center;margin:30px 0 10px 0;}
.artshow .action a{display:block;cursor:pointer;margin:0 15px;width:70px;height:70px;margin-bottom:10px;line-height:60px;text-align:center;border-radius:50%;box-shadow:0px 0px 30px rgba(0,0,0,0.1);position:relative;}
.artshow .action a i{font-size:30px;color:#999;}
.artshow .action a em{display:block;font-size:12px;font-family:verdana;color:#999;position:absolute;bottom:-15px;left:0;right:0;}
.artshow .action a:hover{box-shadow:0px 0px 30px rgba(0,132,255,0.3)}
.artshow .action a:hover i{color:#1890FF;}
.artshow .tags{color:#999;margin:20px 0;font-size:13px;}
.artshow .tags a{margin:5px 5px 5px 0;}

.page_content{margin-top:10px;padding:0 10px;}
.page_content a{color:#03C;}
.page_content a:hover{color:#f30;}
.page_content p{margin-bottom:20px;line-height:24px;}
.page_content p img{max-width:100%;}

.proshow_content{padding:20px 0;}
.proshow_content a{color:#03C;}
.proshow_content a:hover{color:#f30;}
.proshow_content p{margin-bottom:20px;line-height:24px;}
.proshow_content p img{max-width:100%;}

.proshow_content .extend{list-style:none;}
.proshow_content .extend li{font-size:14px;line-height:30px;}
.proshow_content .extend li em{display:inline-block;width:120px;font-style:normal;color:#999;font-size:14px;margin-right:15px;}

#show_photo{margin-top:-50px;}

.topquick{background:#fff;display:flex;flex-wrap:wrap;border:0px solid #eee;border-radius:4px;position:relative;border:1px solid #f3f3f3;}
.topquick a{display:block;width:25%;flex:0 0 25%;max-width:25%;height:100%;text-align:center;border-right:1px solid #f3f3f3;padding:10px 0;font-size:13px;color:#777;}
.topquick a i{display:table;padding:2px 8px;border-radius:50%;margin:0 auto 5px auto;color:#fff;font-size:24px;background:#ccc;}
.topquick a:last-child{border:0;}
.topquick a.active{color:#1890FF;}
.topquick a.active i{background:#1890FF;}
.bbs_search{background:#fff;padding:15px 10px 10px 10px;}
.bbs-topic{margin:0;}
.bbs-topic-item{padding:15px 0 0 0;border-bottom:1px solid #f3f3f3;margin-bottom:10px;background:#fff;}
.bbs-topic-item h1{border-bottom:1px solid #f3f3f3;font-size:18px;padding:0 10px 10px 10px;margin-bottom:15px;font-weight:500;}
.bbs-topic-item-head{display:flex;justify-content:space-between;}
.bbs-topic-item-head .face{width:40px;height:40px;margin-left:10px;}
.bbs-topic-item-head .face img{width:100%;height:100%;border-radius:100%;}
.bbs-topic-item-head .info{flex:1;overflow:hidden;padding:0 15px;}
.bbs-topic-item-head .info .name{}
.bbs-topic-item-head .info .time{color:#999;}
.bbs-topic-item-head .action{padding-right:10px;}
.bbs-topic-item-head .action i{color:#ccc;margin-right:5px;}
.bbs-topic-item-head .action em{display:inline-block;background:#1890FF;color:#fff;padding:6px 8px;border-radius:4px;font-size:12px;margin-left:5px;}
.bbs-topic-item-body{padding:10px 10px 15px 10px;}
.bbs-topic-item-body a{color:#03C;}
.bbs-topic-item-body a:hover{color:#f30;}
.bbs-topic-item-body p{margin-bottom:20px;line-height:24px;}
.bbs-topic-item-body p img{max-width:100%;}
.bbs-topic-item-body .title a{color:#333;display:block;}
.bbs-topic-item-body .title a:hover{color:#333;}
.bbs-topic-item-body .title .desc{color:#a3afb7;}
.bbs-topic-item-foot{border-top:1px solid #f3f3f3;align-items:center;line-height:40px;text-align:center;}
.bbs-topic-item-foot .col-6{border-right:1px solid #f3f3f3;color:#666;}
.bbs-topic-item-foot .col-6:last-child{border-right:0;}
.bbs-topic-item-foot .col-6 i{color:#ccc;margin-right:5px;}
.bbs-post{margin-top:30px;}
.bbs-post .col-2{text-align:right;color:#999;}
.bbs-show{margin-top:0px;}
.bbs-show .tip{font-size:13px;color:#76838f;background:#ecf4ff;padding:10px;border-left:3px solid #3e8ef7;border-radius:2px;}
.bbs-show .tip a{color:#06f;margin:0 5px;}
.bbs-show .tip a:hover{color:#f30;}

/*会员部分*/
.api_user{padding-top:10px;font-size:15px;text-align:center;}
.api_user span{color:#1890ff;}
.api_user a{color:#f30;}
.quick-login{text-align:center;padding:20px 0;}
.quick-login a{display:inline-block;text-align:center;margin:0 15px;color:#999;transition:all .3s ease 0s;}
.quick-login a:hover{transform:translate3d(0,-5px,0);}
.quick-login a span{display:block;width:50px;line-height:50px;border-radius:50%;text-align:center;background:#f3f3f3;margin-bottom:10px;font-size:30px;}
.quick-login a span.blue{background:#E7F7FE;color:#1890FF;}
.quick-login a span.red{background:#F8E6EC;color:#ED4014;}
.quick-login a span.green{background:#E6F8E6;color:#19BE6B;}
.list .list-right a{color:#fff;}
.list .list-right a:hover{color:#fff;}

.pay{margin:0;padding:0;list-style:none;overflow:hidden;}
.pay li{float:left;width:50%;margin:0 0 0 0;cursor:pointer;}
.pay li div{border:1px solid #efefef;text-align:center;position:relative;}
.pay li div img{max-width:100%;}
.pay li:first-child div{margin-right:8px;}
.pay li:last-child div{margin-left:8px;}
.pay li div i{position:absolute;right:2px;bottom:2px;font-size:12px;color:#fff;z-index:10;display:none;}
.pay .active div:before{position:absolute;content:"";right:0;bottom:0;color:#1890FF;width:0;height:0;border-bottom:30px solid #1890FF;border-left:30px solid transparent;z-index:10;}
.pay .active div{border-color:#90BAFF;}
.pay .active div i{display:block;}

.order-base{margin-bottom:0;padding:0 20px 20px;}
.order-base h1{font-size:20px;font-weight:400;color:#666;}
.order-base h1 i{font-size:30px;color:#1890FF;margin-right:10px;}
.order-base p{padding-left:46px;color:#f30;margin:0;line-height:30px;}
.order-base p span{color:#999;}
.order-base em{color:#f30;}
.order-goods{border:1px solid #f3f3f3;border-radius:4px;}
.order-goods .collapse-menu-title a{font-size:16px;}
.order-goods .collapse-menu-title a:hover{padding-left:0;}
.order-goods .collapse-menu-title.active{background:#fafafa;}
.order-goods .collapse-menu-title.active a{color:#1890FF;}
.order-goods .collapse-menu-title a span{color:#1890FF;font-size:16px;margin-right:15px;}
.order-goods .collapse-menu-body li span{color:#999;}
.order-goods .collapse-menu-body li:last-child{border-bottom:0;}
.order-pay{margin:10px 0;}


/*cms_index__head*/
.wp{padding: 0 10px;}
.cp_goodfilter{width:85%;overflow:hidden;}
.cp_goodfilter .cp_offside-warp{overflow:inherit;}
.cp_goodfilter .button{width:100%;height:40px;position:absolute;bottom:0;right:0;left:0;display:flex;}
.cp_goodfilter .button button{background:#ED4014;display:block;width:100%;height:40px;flex:1;border:0;color:#fff;}
.cp_goodfilter .button button:first-child{background:#f90;}
@media(min-width:576px)
{
	.cp_goodfilter{width:30%;}
}
.cp_offside-filter{}
.cp_offside-filter .col-4{padding:2px;margin-top:10px;}
.cp_offside-filter .col-4 a{display:block;width:100%;text-align:center;line-height:30px;background:#fafafa;font-size:12px;}
.cp_offside-filter .col-4 a.active{background:#1890FF;color:#fff;}

/* cms_index_sort */
.cp_cms_sort{background: #fff;width: 100%;box-shadow: 0 0.03rem 0.13rem rgba(7,8,36,.05);overflow-y: hidden;position: relative;font-size: .8rem;}
.cp_cms_sort ul{list-style: none;white-space: nowrap;overflow-x: auto;padding-bottom: .4rem;position: relative;margin:0 .5rem;}
.cp_cms_sort ul li{margin-right: .42rem;text-align: center;display: inline-block;position: relative;}
.cp_cms_sort ul li a{}
.cp_cms_sort ul li.active a{color: #ED4014;}
.cp_cms_sort ul li.active:after{content: ''; display: block; width:50%; height: .1rem; border-radius: .02rem; background-color: #ED4014; position: absolute; left: 50%;transform: translate(-50%,0);bottom: -.3rem;}
.cp_cms_box h2{font-weight: 400;}
.cp_more_nav{background:#fff;z-index: 100; position: absolute; right:0; top: 0;padding: 0 .4rem 0 .3rem;display: none;}
.cp_more_nav:before{content: ''; display: block; width: 1rem; height: 1.5rem; position: absolute; left: -1rem; top: 0;z-index: 1;
 background: -webkit-linear-gradient(left, rgba(255,255,255,0) , rgba(255,255,255,1)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, rgba(255,255,255,0) , rgba(255,255,255,1)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right,rgba(255,255,255,0) , rgba(255,255,255,1)); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,1)); /* 标准的语法 */}
.cp_more_nav i{font-size: 1rem;}
.cp_nav_box .mt-9{margin-top: .4rem;}

/* cms_index_banner */

/*cms_index__search_box*/
.cp_search_box{ background: #fff;position: relative; z-index: 1;margin-top: -1.5rem;border-radius: .25rem;font-size: .7rem;}
form.cp_search{padding:.3rem .3rem;border-radius: .25rem; box-shadow: 0 .07rem .37rem rgba(8,12,33,.09); }
form.cp_search input{border: none; width: 100%; }
form.cp_search .input_box{margin-right: 3rem;padding: .28rem 0;  padding-left:.4rem; }
form.cp_search .btn_right{float: right; width: 3rem;}
form.cp_search .btn_right button{display: inline-block; width:1.1rem; border: none;background: #fff;vertical-align: middle;padding-left: 1rem;font-size: 1rem;}
form.cp_search .btn_right:before{content: '';border-right:.07rem solid #d7d8de; display: inline-block; width: .02rem; height:.8rem; vertical-align: middle; }
input::-webkit-input-placeholder { color:#bebfc4;}

/*cms_index__cmslist*/
.cp_cms_list{background-color: #fff; }
.cp_cms_box{border-bottom: solid .01rem #e8e8e8;position: relative;width: 100%;}
.cp_cms_box a{display: block;padding: .6rem 0;}
.cp_cms_box h2{font-size: .8rem; line-height: .9rem;   display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.cp_piclist{width: 100%;}
.cp_pics_box{overflow: hidden;margin-top: .4rem;}
.piclist{margin: 0;}
.piclist-item,.piclist-image,.cp_right img{border-radius: .25rem;border:0;}
.cp_cms_list .cp_info{font-size:.6rem;color: #9c9c9c;margin-top: .6rem;}
.cp_cms_list .cp_info i{font-size: .6rem;color: #9c9c9c;margin-left: .25rem;}
.cp_single_img{position: relative;}
.cp_single_img .cp_left{position: relative;height: 1.5rem;}
.cp_single_img .cp_right{float: right;margin-bottom: .6rem;}
.cp_single_img .cp_right img{width: 100%;}
.cp_single_img .cp-picpb{position: relative;overflow: hidden;padding-bottom:23.8%;border-radius: .25rem;}
.cp_single_img .cp-picpb img{position: absolute;min-height: 100%; z-index: 1;}
.cp_nav_box{width: 100%;position: relative; box-shadow: 0 .03rem .13rem rgba(7,8,36,.05); overflow-y: hidden;z-index: 99;}
.cp_topfixed.cp_nav_box{position: fixed; top: 0; left: 0; right: 0;}
.line span{color: #9c9c9c;}
.cp_cms_list .cp_audio{padding-bottom:0!important;}
.cp_cms_list .cp_audio audio{width:100%;height:2rem;}
.cp_pics_box span{position: absolute;font-size:.6rem;z-index: 1;padding:.3rem .6rem;background: rgba(0,0,0,0.6);border-radius:1rem;color: #FFF;bottom: .25rem;right:.25rem;}
.piclist-100 .piclist-image video{min-height: 100%;}
.piclist-image video{width: 100%;position: absolute;z-index: 1;}

/*cms_show__head*/
.cp_show_share1{position: fixed;bottom:0;width: 100%;margin:0 auto;text-align: center;z-index: 100001;}
.cp_show_share1 .cp_show_share2{position: relative;height: 50%;background:#F6F7FB;padding: 2rem 1rem 4rem 1rem;border-radius:1rem 1rem 0 0;}
.cp_show_share1 .closeBox{line-height: 2.5rem; background: #fff;box-shadow:0 .04rem .5rem rgba(0,0,0,0.13); text-align: center; position: absolute; bottom: 0; left: 0; right: 0; font-size: .8rem; color: #333;}
.cp_topquick{display: flex;flex-wrap: wrap;position: relative;}
.cp_topquick a{display:block;width:25%;flex:0 0 25%;max-width:25%;height:100%;text-align:center;padding:10px 0;font-size:12px;color:#777;}
.cp_topquick a i{display:table;width:45px;height:45px;padding: 2px 8px;border-radius:5px;margin:0 auto 5px auto;color:#fff;font-size:24px;background:#f6f7fb;box-shadow: 1px 1px 10px rgba(0,0,0,.1);}
.cp_topquick button{display:block;width:25%;flex:0 0 25%;max-width:25%;height:100%;text-align:center;padding:10px 0;font-size:12px;color:#777;}
.cp_topquick button i{display:table;width:45px;height:45px;padding: 2px 8px;border-radius:5px;margin:0 auto 5px auto;color:#fff;font-size:24px;background:#f6f7fb;box-shadow: 1px 1px 10px rgba(0,0,0,.1);}
.cp_topquick a:last-child{border:0;}
.cp_topquick a .bg-01{color:#FAA239;}
.cp_topquick a .bg-02{color:#7FA7DA;}
.cp_topquick a .bg-03{color:#F26D64;}
.cp_topquick a .bg-04{color:#2E81F9;}
.cp_topquick a .bg-05{color:#1BBBB4;}
.cp_topquick a .bg-06{color:#E03997;}
.cp_topquick a .bg-07{color:#6639B6;}
.cp_topquick a .bg-08{color:#39B54A;}

/*cms_show微信分享指引*/
#cp_share_Layer {display: none;background-color:rgba(0,0,0,0.7);position: absolute;height:500%;top: 0;right: 0;bottom: 0;left: 0;z-index: 300;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);/* 只支持IE6、7、8、9 */}
#cp_share_Box {display: none;z-index: 11;width:100%;position:fixed;right:0;left:0;top:0;margin:auto;z-index: 301;}
.wx_share img{width:100%;padding:0 .5rem;}

/*cms_show二维码分享指引*/
#cp_code_Layer {display: none;background-color:rgba(0,0,0,0.5);position: absolute;height:500%;top: 0;right: 0;bottom: 0;left: 0;z-index: 299;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);/* 只支持IE6、7、8、9 */}
#cp_code_Box {display: none;background-color: #F6F6F6;z-index: 11;width:100%;position:fixed;right:0;left:0;bottom:0;margin:auto;z-index: 300;}
.cp_code_share1{position: fixed;bottom:0;width: 100%;margin:0 auto;text-align: center;z-index: 100001;}
.cp_code_share1 .cp_code_share2{position: relative;height: 50%;background:#F6F7FB;padding:2rem 1rem 4.5rem 1rem;}
.cp_code_share1 .closecode{line-height: 2.5rem; background: #fff;box-shadow:0 .04rem .5rem rgba(0,0,0,0.13); text-align: center; position: absolute; bottom: 0; left: 0; right: 0; font-size: .8rem; color: #333;}
.cp_code_share2 .code_img img{width: 130px;height:130px;}

/*cms_show__content内容部分*/
.artshow h1{font-size:18px;font-weight:bold;margin:0;}
.artshow .info{border-bottom:1px solid #f3f3f3;margin: 20px 0;color:#666;}
.artshow .info .userimgbox{float: left;width:45px;height:45px;overflow: hidden;border-radius: 50%;margin-right: .05rem; border: solid .05rem #ededed;}
.artshow .info .userimgbox img{width: 100%;height: 100%;display: block; object-fit: cover;}
.artshow .info  h2{font-size: .7rem;color:#2b2b2b; float: left;margin-bottom: 1rem; }
.artshow .info .time_info{font-size: .6rem; color: #9c9c9c; font-weight: normal; line-height: 1.2em; margin-top: .2rem; }
.artshow .info span{color:#999;}
.artshow .info i{color:#ccc;margin-right:2.5px;font-size: .7rem;}
.artshow .info .btn_care{padding:10px 10px;color:#fff}
.artshow .info .btn_care i{color:#fff;margin-right:0;}
.artshow .info .btn_care .btn{border-radius: 1rem;padding: .1rem .35rem;}
.artshow .other{margin:15px 0;padding:0px;font-size:14px;}
.artshow .other ul{overflow:hidden;list-style:none;display:flex;flex-wrap:wrap;}
.artshow .other ul li{width:50%;line-height:30px;}
.artshow .other ul li span{color:#999;}
.artshow .content{padding:0 10px;}
.artshow .content a{color:#03C;}
.artshow .content a:hover{color:#f30;}
.artshow .content p{margin-bottom:20px;line-height:24px;}
.artshow .content *{max-width:100%;}
.artshow .action{display:flex;justify-content:center;margin:30px 0 10px 0;}
.artshow .action a{display:block;cursor:pointer;margin:0 15px;width:70px;height:70px;margin-bottom:10px;line-height:60px;text-align:center;border-radius:50%;box-shadow:0px 0px 30px rgba(0,0,0,0.1);position:relative;}
.artshow .action a i{font-size:30px;color:#999;}
.artshow .action a em{display:block;font-size:12px;font-family:verdana;color:#999;position:absolute;bottom:-15px;left:0;right:0;}
.artshow .action a:hover{box-shadow:0px 0px 30px rgba(0,132,255,0.3)}
.artshow .action a:hover i{color:#1890FF;}
.artshow .tags{color:#999;margin:20px 0;font-size:13px;}
.artshow .tags a{margin:5px 5px 5px 0;}

/*cms_show__content3内容部分*/
.cp-player{background-color: #000;width: 100%;z-index: 1;overflow: hidden;}
.cp_videofixed,.cp_voicefixed{position: fixed;top: 0;left: 0;right: 0;}

/*cms_show__content2内容部分*/
.swiper-slide span{position: absolute;font-size:.6rem;z-index: 1;padding:.25rem .6rem;background: rgba(0,0,0,0.6);border-radius:1rem;color: #FFF;bottom: .25rem;right:.25rem;left:.25rem;}
.swiper-slide em{position: absolute;font-size:.6rem;z-index: 1;padding:.3rem .6rem;color: #FFF;bottom:0rem;left:0rem;}

/*cms_show内容部分，解决样式错位*/
.artshow .content *, .artshow .content::after, .artshow .content::before {
    box-sizing: unset;
}