@charset "utf-8";
body{background:#F7F8FA; color: #181818; font-size: 12px;}
ul,li{ list-style: none;}
.wt-top{ background: #FFF; padding: 20px 0; overflow: hidden; text-align: center; border-bottom: 1px solid #F7F8FA;}
.wt-top a{}
.wt-top a img{ max-width: 100px;}

.banner .ui-carousel-page{bottom:15px;}
.banner .ui-carousel-page li{height:12px;width:12px;border-radius:100%;}


/*首页广告*/
.mx-homead{ margin-top: 10px;}
.mx-homead ul{ padding: 0 5px;}
.mx-homead ul li{ padding: 0 5px;}
.mx-homead ul li img{ display: block; border-radius: 10px;}

/*首页列表*/
.mx-listpic{ margin:0 auto;}
.mx-listpic ul{ padding: 0 10px;}
.mx-listpic ul li{ margin:10px auto 0;border-radius: 10px; background: #fff; position: relative; overflow: hidden;}
.mx-listpic ul li a.mx-liasnn{ display: block; padding: 20px 0 20px 140px; min-height: 130px;}
.mx-listpic ul li p{ display: block; padding: 5px 0 10px; color: #aeaeae;}
.mx-listpic ul li img{ display: block; position: absolute; left: 10px; top: 10px; max-width: 108px;}
.mx-listpic ul li strong{ display: block; color: #181818; font-size: 14px;}

.mx-listpic ul li b{ position: absolute; right: -30px; top: 10px; width: 120px; line-height: 30px; text-align: center; color: white; transform: rotate(45deg) translate(0%, -0%); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); box-shadow: 0 2px 5px rgba(0,0,0,0.2); font-weight: normal;}
.mx-listpic ul li b.mx-st{background: #07c364;}
.mx-listpic ul li b.mx-rx{ background: #f68329;}
.mx-listpic ul li b.mx-bx{ background: #ff4757;}

.mx-listpic ul li .mx-tags{ position: absolute; left: 140px; bottom: 20px; }
.mx-listpic ul li .mx-tags a{ padding: 0 5px; height: 25px; line-height: 25px;}


/*底部菜单*/
.ui-footnav a,.ui-footbar a{ color: #999;}
.ui-footnav i{ padding: 0 0 5px; color: #383838;}
.ui-footnav i{ font-size:20px; }
.ui-footbar-right a{ color: #FFF;}
.ui-footnav .action{position:relative;padding-top:25px;}
.ui-footnav .action:after{position:absolute;content:"";display:block;width:56px;height:56px; top:-28px;left:36px;border-radius:50%;z-index:1;box-shadow:1px -2px 10px 0px rgba(0,0,0,0.08);}
.ui-footnav .action i{position:absolute;width:44px;line-height:44px;font-size:20px;top:-22px;left:42px;background:#f23a2e;border-radius:50%;z-index:2;color:#fff;}
.ui-footnav .action.active i{color:#fff;background:#f23a2e;}

.ui-footbar{ padding:0 20px; height: auto; background: #FFF;}



.home-title{display:flex;justify-content:space-between;align-items:center;} 
.home-title .home-title-name{font-size:16px;color:#181818;font-weight:bold;padding-bottom:10px;}
.home-title .home-title-name:after{display:block;content:"";border-bottom:2px solid #f23a2e;width:60px;padding-top:15px;}
.home-title .home-title-name span{font-size:13px;color:#9e9e9e;margin-left:10px;}
.home-title .home-title-more{}
.home-title .home-title-more a{display:inline-block;border:1px solid #eee;padding:8px 15px;line-height:1;border-radius:20px;}
.home-title .home-title-more a:hover,.home-title .home-title-more a.active{background:#f23a2e;border-color:#f23a2e;color:#fff;}



.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:#aeaeae;}
.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;}


/*底部*/
.mx-foot{ padding: 20px 0; margin: 10px auto 0; text-align: center;  color:#eaeaea;}
.mx-foot a{display:inline-block; color:#aeaeae; padding:0 10px;}
.mx-foot P{ display: block; padding:5px 0; color:#aeaeae;}
/*列表*/
.mx-container{}
.mx-container .mx-catenav{ text-align: center; background: #fff;}
.mx-container .mx-catenav li{ float: left; padding: 0 12px;}
.mx-container .mx-catenav li a{ display: block; padding: 10px 0; border-bottom: 2px solid transparent; color: #666;}
.mx-container .mx-catenav li.active a{ font-weight: bold; border-color: #f23a2e; color: #f23a2e; color: #181818;}

.mx-container .mx-bar{ padding: 10px; }

.mx-page{ margin: 10px auto;}





@media (max-width:576px)
{
	.ui-footnav .action:after{left:12px;width:50px;height:50px;top:-24px;}
	.ui-footnav .action i{left:18px;width:38px;line-height:38px;top:-18px;}
	.partners li img{height:70px;}
}

/*标签列表*/
.mx-taglisttop{ padding: 20px 0 0; text-align: center; width: 100%; font-size: 14px;}
.mx-taglisttop strong{ color: #f23a2e;}

/* public begin */
.ui-box{/*box-shadow:0px 0px 30px rgba(0,0,0,0.1);*/border:1px solid #f3f3f3;background:#fff;}
#ui-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:#f23a2e;border-color:#f23a2e;}

.artshow{ padding: 20px;}
.artshow h1{font-size:24px;font-weight:bold;margin:0 0 10px;}
.artshow .intro{color:#aeaeae; margin-bottom: 20px;}
.artshow .info{ border-bottom:1px solid #f3f3f3; margin-bottom:20px; }
.attribute li{ padding: 5px 0;}
.artshow .other{margin:15px 0;padding:0px;}
.artshow .other ul{overflow:hidden;list-style:none;display:flex;flex-wrap:wrap;}
.artshow .other ul li{}
.artshow .other ul li span{color:#aeaeae;}
.artshow .content a{color:#f23a2e;}
.artshow .content a:hover{color:#000;}
.artshow .content p{margin-bottom:20px;line-height:30px;}
.artshow .content img{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:#aeaeae;}
.artshow .action a em{display:block;font-family:verdana;color:#aeaeae;position:absolute;bottom:-15px;left:0;right:0;}
.artshow .action a:hover{box-shadow:0px 0px 30px rgba(242,58,46,0.3)}
.artshow .action a:hover i{color:#f23a2e;}
.artshow .tags{color:#aeaeae; margin:0; padding: 10px 0;}
.artshow .tags a{height: 25px; line-height: 25px; font-size: 12px;}


.mx-xqysm{ border: 1px solid #f23a2e; padding: 20PX; margin: 20px auto;}

.page_content{margin-top:10px;padding:0 10px;}
.page_content a{color:#f23a2e;}
.page_content a:hover{color:#f30;}
.page_content p{margin-bottom:20px;line-height:28px;}
.page_content p img{max-width:100%;}

.proshow_content{padding:20px 0;}
.proshow_content a{color:#f23a2e;}
.proshow_content a:hover{color:#f30;}
.proshow_content p{margin-bottom:20px;line-height:28px;}
.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:#aeaeae;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;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:#f23a2e;}
.topquick a.active i{background:#f23a2e;}
.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:#aeaeae;}
.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:#f23a2e;color:#fff;padding:6px 10px;border-radius:4px;font-size:14px;margin-left:5px;}
.bbs-topic-item-body{padding:10px 10px 15px 10px;}
.bbs-topic-item-body a{color:#f23a2e;}
.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:#181818;display:block;}
.bbs-topic-item-body .title a:hover{color:#181818;}
.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 .ui-col-6{border-right:1px solid #f3f3f3;color:#666;}
.bbs-topic-item-foot .ui-col-6:last-child{border-right:0;}
.bbs-topic-item-foot .ui-col-6 i{color:#ccc;margin-right:5px;}
.bbs-post{margin-top:30px;}
.bbs-post .ui-col-2{text-align:right;color:#aeaeae;}
.bbs-show{margin-top:0px;}
.bbs-show .tip{color:#76838f;background:#ecf4ff;padding:10px;border-left:3px solid #f23a2e;border-radius:2px;}
.bbs-show .tip a{color:#f23a2e;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:#f23a2e;}
.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:#aeaeae;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:#f23a2e;}
.quick-login a span.red{background:#F8E6EC;color:#ED4014;}
.quick-login a span.green{background:#E6F8E6;color:#f23a2e;}
.list .list-right a{color:#fff;}
.list .list-right a:hover{color:#fff;}

.pay{margin:0 0 -15px 0;padding:0;list-style:none;overflow:hidden;}
.pay li{float:left;width:47%;margin:0 15px 15px 0;cursor:pointer;}
.pay li:nth-child(2n){margin-right:0;}
.pay li div{border:1px solid #efefef;text-align:center;position:relative;}
.pay li div img{max-width:100%;height:60px;}
.pay li div i{position:absolute;right:2px;bottom:0px;font-size:12px;color:#fff;z-index:10;display:none;}
.pay .active div:before{position:absolute;content:"";right:0;bottom:0;color:#f23a2e;width:0;height:0;border-bottom:30px solid #f23a2e;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:#f23a2e;margin-right:10px;}
.order-base p{padding-left:46px;color:#f30;margin:0;line-height:30px;}
.order-base p span{color:#aeaeae;}
.order-base em{color:#f30;}
.order-goods{border:1px solid #f3f3f3;border-radius:4px;}
.order-goods .ui-collapse-menu-title a{font-size:16px;}
.order-goods .ui-collapse-menu-title a:hover{padding-left:0;}
.order-goods .ui-collapse-menu-title.active{background:#fafafa;}
.order-goods .ui-collapse-menu-title.active a{color:#f23a2e;}
.order-goods .ui-collapse-menu-title a span{color:#f23a2e;font-size:16px;margin-right:15px;}
.order-goods .ui-collapse-ui-menu-body li span{color:#aeaeae;}
.order-goods .ui-collapse-ui-menu-body li:last-child{border-bottom:0;}
.order-pay{margin:10px 0;}

.ui-list a.ui-btn{color:#fff !important;}

table{border-collapse:collapse;border-spacing:0;width:100%;}
td,th{border:1px solid #eaeaea;padding:10px;}
.ui-card-book{border:1px solid #DFEDFF;border-radius:0 20px 0 0;}
.ui-card-book .ui-card-header{padding:10px 25px;line-height:30px;background:#F8FBFF;border-bottom:1px solid #DFEDFF;border-radius:0 20px 0 0;}
.ui-card-book .ui-card-header .ui-card-header-title{border:0;padding:0;}
.ui-card-book .ui-card-body{padding:20px 25px 15px 25px;word-break:break-all;}
.ui-card-book .ui-card-footer{border-top:0;padding:0 25px 20px 25px;}