@import url('https://cdn.vbegin.com.cn/vui/0.0.1/css/vui.min.css');
@import url('http://cloud.cmecexpo.vbegin.com.cn/style/cms/2021/cms.css');
@import url('http://cloud.cmecexpo.vbegin.com.cn/style/cms/2021/my-page.css');

body{ font-size: 14px; background-color: #ddd; }
a:hover{ color: #0767c8;}
.ui-list.date ul li a.date:hover{ color: #0767c8;}
.m-wrapper{ width: 100%; max-width: 1210px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; position: relative;}
.ui-cms-player-tools a.btn{ background: #0767c8;}
.my-page{font-size:14px;overflow:hidden;margin:0 auto;text-align:center;color:#333; padding:15px 0}
.my-page .page_common_btn_active{ background-color: #0767c8;}

/* head */
.m-head{ width: 100%; margin-bottom: -110px; }
.m-head .header{ height:110px; padding: 0; position: relative; }
.m-head .header .user a[target=_top] { height: 22px; line-height: 20px; font-size: 12px; padding: 1px 10px; background: #0767c8; border-color: #0767c8; display: inline-block; box-sizing: border-box; color: #fff; border-radius: 2px; cursor: pointer; vertical-align: middle; }

.nav-bar { width: 100%; position: absolute; height: 64px; top: 64px; background-color: #fff; z-index: 3; opacity: .3; }
.ui-nav{ position: absolute; height: 64px; top: 64px; display: inline-block; width: auto; font-size: 20px; letter-spacing: 2px; z-index: 3;}
.ui-nav-li { padding-right: 15px; font-weight: bold; }
.ui-nav-a { padding: 0px 15px; height: 64px; line-height: 64px; color:#fff; }
.ui-nav-li:hover .ui-nav-a{color: #0b3c9b;}
.ui-nav-li.active .ui-nav-a{ background: #0b3c9b; color:#fff; }

.ui-cms-bar .search{border-color:#0767c8;}
.ui-cms-bar .search .ui-btn{background: #0767c8;}
.ui-cms-bar .cms-login span,.ui-cms-bar .cms-login i.line { color: #fff; }
.ui-cms-bar .msg a span .fa { color:#fff; font-size: 16px; margin: auto 5px; }
.ui-inline { color:#fff; }
.ui-inline a { color: #fff; }
.ui-cms-bar .ui-inline li a { color: #333; }
.ui-cms-bar a.usercenter { color: #fff; }
.ui-cms-bar .lang{color: #fff;border-color:#fff;}
.ui-cms-bar .lang a.active{ color: #fff;}
.ui-cms-bar .lang ul li:hover{ background: #0767c8;}

.minbanner { width: 100%; max-width: 1920px; margin: auto; background: url(minbanner.jpg) no-repeat left center; background-size: cover; color: #333; border-bottom: 1px solid #e5e5e5;}
.minbanner .bg{ width: 100%; padding: 50px 0;}
.minbanner .text{ width: 980px; max-width: 100%; text-align: center; background: rgba(80,102,209,.8); margin: 120px auto 0; padding: 20px; color: #fff; box-sizing: border-box;}
.minbanner .text h1{ font-size: 34px; font-weight: normal;}
.minbanner .text p{ font-size: 18px;}
.minbanner .btn{ padding: 15px 0 5px 0;}
.minbanner .btn a{ display: inline-block; color: #fff; background: #2c3ea2; font-size: 16px; border: 1px solid rgba(255, 255, 255, .5); height: 34px; line-height: 34px; padding: 0 25px; margin: 0 15px;}
.minbanner .btn a:hover{ background: #0767c8;}

.minbanner-zhejiang { background-image: url(minbanner_zhejiang.jpg); }
.minbanner-zhejiang .text { background: rgba(3,93,214,.8); }
.minbanner-zhejiang .text h1 { font-size: 36px; }
.minbanner-zhejiang .text h1 span { display: block; font-size: 24px; }

/* main */
.m-main{ background: #f2f2f2; padding: 15px 0 20px 0; max-width: 1920px; margin: auto; }
.m-main-left{ padding-right: 285px; box-sizing: border-box;}
.m-main-right { width: 270px; float: right;}
.m-main-right-btn { width: 270px; float: right;}
.m-main-right-btn a { display: inline-block; }

/*左侧主框架及标题*/
.m-main-left-box{ padding:5px 15px; }
.m-main-left-box .ui-title{padding:2px 0 4px 7px;}
.m-main-left-box .ui-title .more{top:1px; right:9px; color: #0767c8;}
.m-main-left-box .ui-title .more span{color: #ddd;}
.m-main-left-box .ui-title a.more:hover{ color: #fa0;}
.m-main-left-box .ui-title .more a{ color: #888;}
.m-main-left-box .ui-title .more a.a{ color: #0767c8;}
.m-main-left-box .ui-title .more a:hover{ color: #fa0;}

/* 主内容title */
.m-title.ui-title{ padding: 0 0 2px 0; color: #000; font-size: 16px;}
.m-title.ui-title::before{ content: ""; background: #0767c8; width: 4px; height: 14px; display: inline-block; vertical-align: middle; margin: -3px 8px 0 0;}
.m-title.ui-title .more{ padding-right: 2px;}

/*左侧主内容*/
.m-content-title{ padding: 15px 0; text-align: center;}
.m-content-title h1{ display: inline-block; background: #fff; border: 1px solid #0767c8; color: #0767c8; padding: 3px 15px; border-radius: 3px; font-size: 16px;}
.m-content-title h1::before{ content:"\f006"; font-family: FontAwesome; margin-right: 7px;}
.m-content-div{ padding: 20px 0;}
.m-tags{ display: inline-block;}
.m-tags a{ display: inline-block; background: #aaa; color: #fff; border-radius: 3px; padding: 0 10px; margin-right: 10px; font-size: 14px;}
.m-tags a:hover{ background: #0767c8;}

/*右侧导航*/
.m-menu{ padding-bottom: 5px;}
.m-menu ul{}
.m-menu ul li{ padding: 0 0 8px 0;}
.m-menu ul li.m-menu-catagory { text-align: center; background: rgba(80,102,209,.8); color: #fff; border: solid 1px #d0d0d0; border-radius: 5px; margin-bottom: 10px; padding: 7px; cursor: pointer; }
.m-menu ul li a{ display: block; background: #fff; padding: 7px 15px 7px 23px; border-radius: 5px; position: relative;}
.m-menu ul li a::before{ content: ''; width: 0;height: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid #0767c8; position: absolute; left:10px; top: 50%; margin-top: -4px;}
.m-menu ul li.active{}
.m-menu ul li.active a{ background: #0767c8; color: #fff; font-weight: bold;}
.m-menu ul li.active a::before{border-left: 5px solid #fff;}

/*展商资料*/
#baguetteBox-overlay .full-image img{ background:#fff;}
#baguetteBox-overlay .full-image figcaption{ display: none!important;}
.ui-cms-view-info-right .contact ul li{ cursor: pointer;}
/* .ui-form table td .error-wrapper:nth-of-type(1) + .error-wrapper label.error{ display: none!important;} */
.ui-cms-view-info-right .intro{ min-height: auto;}
.ui-cms-view-info.exhibitor .ui-cms-view-info-right .intro{ padding-right: 0; height: auto;}
.ui-cms-view-info.exhibitor .ui-cms-view-info-right .intro .intro-padding{ padding-right: 260px;}
.ui-cms-view-info.exhibitor .ui-cms-view-info-right .intro{min-height: 360px;}
/* tab */
.ui-cms-view-tab .ui-tab .ui-tab-title li.active{ color: #0767c8; }
.ui-cms-view-tab .ui-tab .ui-tab-title li.active::after{ border-bottom: 2px solid #0767c8;}
.ui-cms-view-tab .ui-tab .ui-tab-title li:hover{ color: #0767c8;}

/*采购商*/
.buyerpanel { background-color: #fff; padding: 20px; margin-top: 15px; }
.buyerpanel .ui-code{ padding-top: 20px; }

/*直播特效*/
#waves {width: 28px;height: 14px;position: absolute;bottom: 6px;right: 2px;}
#waves li{position: relative;float: left;height: 100%;width: 10%;overflow: hidden;margin-right: 1px;}  
#waves li span {position: absolute;bottom: 0;display: block;height: 100%;width: 100px;background: #fff;}
#waves .li1 span {animation: waves 0.6s linear 0s infinite alternate;-webkit-animation: waves 0.6s linear 0s infinite alternate;}
#waves .li2 span {animation: waves 0.9s linear 0s infinite alternate;-webkit-animation: waves 0.9s linear 0s infinite alternate;}
#waves .li3 span {animation: waves 1s linear 0s infinite alternate;-webkit-animation: waves 1s linear 0s infinite alternate;}
#waves .li4 span {animation: waves 0.8s linear 0s infinite alternate;-webkit-animation: waves 0.8s linear 0s infinite alternate;}
#waves .li5 span {animation: waves 0.7s linear 0s infinite alternate;-webkit-animation: waves 0.7s linear 0s infinite alternate;} 
#waves .li6 span {animation: waves 0.5s linear 0s infinite alternate;-webkit-animation: waves 0.5s linear 0s infinite alternate;}
@-webkit-keyframes waves {
10% {height: 20%;}
20% {height: 60%;}
40% {height: 40%;}
50% {height: 100%;}
100% {height: 50%;}
}
@keyframes waves {
10% {height: 20%;}
20% {height: 60%;}
40% {height: 40%;}
50% {height: 100%;}
100% {height: 50%;}
}

/*活动列表*/
.m-list-activity{ padding: 15px 0;}
.m-list-activity ul{}
.m-list-activity ul li{ padding: 15px; margin-bottom: 15px; background: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05), 0px 2px 4px 0px rgba(0,0,0,0.08);border: 1px solid rgba(165,170,184,0.10); border-radius: 3px;}
.m-list-activity ul li .box{}

.m-list-activity ul li .img{ float: left;}
.m-list-activity ul li .img img{ width: 270px;}
.m-list-activity ul li .text{ padding-left: 290px; min-height: 180px;}
.m-list-activity ul li .time{ font-size: 18px; color: #0767c8; line-height: 20px; padding:10px 0 6px 0; font-weight: bold;}
.m-list-activity ul li .title{ font-size: 24px; font-weight: bold; padding-top: 5px; line-height: 28px; }
.m-list-activity ul li .intro{ line-height: 22px; height: 66px; overflow: hidden;}
.m-list-activity ul li .status{ padding: 10px 0 0 0; }
.m-list-activity ul li .status a{ border: 1px solid #0767c8; height: 28px; line-height: 28px; display: inline-block; padding: 0 10px; border-radius: 5px; color: #0767c8; }
.m-list-activity ul li .status a.b01{ border-color: #0767c8; color: #0767c8;}
.m-list-activity ul li .status a.b02{ border-color: #ddd; color: #aaa;}
.m-list-activity ul li .status a.b03{ border-color: #ddd; color: #aaa;}

/*咨询弹窗*/
.ui-alert{}
.ui-alert.reserve{ z-index: 999; position: relative;}
.weui-yuyue{ z-index: 1000;}
.ui-mask{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .85); z-index: 9998; }
.ui-dialog{ position: relative; width: 414px; max-width: 90%; min-height: 220px; max-height: 600px; background: #fff; position: fixed; left: 50%; margin-left: -207px; top: 50%;transform: translateY(-50%); z-index: 9999; overflow: auto;-webkit-overflow-scrolling: touch; }
.ui-close{ height: 34px; background: #f5f5f5; width: 100%; border-bottom:1px solid #eee; z-index: 9;}
.ui-close h1{ float: left; line-height: 34px; padding-left: 15px;}
.ui-close p{ position: absolute;left: 0;top: 0;width: 100%;height: 34px;line-height: 34px; text-align: center; z-index: 1;}
.ui-close a{ width: 34px; height: 34px; text-align: center; float: right; position: relative; z-index: 2;}
.ui-close a:hover{ background: #f00; color: #fff; }
.ui-close a .fa{ font-size: 16px; height: 34px; line-height: 34px;}

.ui-dialog .message{ padding: 0 15px 15px 15px; height: 424px; max-height: 100%; box-sizing: border-box; overflow: auto;}
.ui-dialog .text{ max-height: 100%; box-sizing: border-box;}

.ui-alert.m-alert-login .ui-dialog{ height: auto; width: 340px; margin-left: -170px; transform:none; margin-top: -186px;}
.ui-alert.m-alert-login .m-login{ box-sizing: border-box; width: 100%; border: 0;}
.ui-alert.m-alert-login.m-alert-sign .ui-dialog{ height: auto; width: 400px; margin-left: -200px; transform:none; margin-top: -295px;}

/*注册步骤*/
.stepbox{ text-align: center; padding: 50px 0 30px 0;}
.stepbox ul li{float: left;font-size: 16px;color: #999;width: 33%; position: relative; overflow: hidden;}
.stepbox ul li p{ line-height: 22px;}
.stepbox ul li .circle-o{width: 38px; height: 38px; background-color: #d7d7d7; border-radius: 50%;line-height: 38px; margin: 10px auto; display:flex; display: -webkit-flex;  align-items:center;}
.stepbox ul li .circle-o.active{ background-color:#fff; }
.stepbox ul li .circle-o .circle{width: 26px; height: 26px;line-height: 26px; margin: 14px auto; border-radius: 50%; background-color: #999;color: #fff;}
.stepbox ul li .circle-o.active .circle{background-color: #0767c8; color: #fff;}
.stepbox ul li .circle-o:before{content:"";position:absolute; height: 1px; width: 100%;background-color: #d7d7d7;top: 50px;right: 60%;z-index: 2;}
.stepbox ul li .circle-o:after{content:"";position:absolute; height: 1px; width: 100%;background-color: #d7d7d7;top: 50px;left: 60%;z-index: 2;}
.stepbox ul li .circle-o.active:after, .stepbox ul li .circle-o.active:before{background-color: #0767c8;}
.stepbox ul li:first-child .circle-o:before, .stepbox ul li:nth-child(3) .circle-o:after{ display: none;}

.m-step-box{ padding: 10px 0 50px 0;}
.m-step-box .ui-btn{ margin: 30px 0 0 0; min-width: 200px; background: #0767c8; border-color: #0767c8;}
.m-booking-s01.ui-text{ max-width: 780px; margin: 0 auto; padding: 30px 30px; font-size: 15px; text-align: justify;}
.m-booking-s02{ max-width: 780px; margin: 0 auto; padding: 0px 30px;}

/*新闻列表*/
.m-news-list.ui-list-img ul li{ padding-left: 203px;}
.m-news-list.ui-list-img ul li .img{ width: 186px; }

/*搜索切换*/
.m-search-tab{ border-bottom: 1px solid #ddd; padding-top: 15px; margin-bottom: 15px; position: relative;}
.m-search-tab ul{ display: inline-block;}
.m-search-tab ul li{ display: inline-block; background: #888;; color: #fff; font-size: 18px; padding: 7px 30px; margin: 0 10px 0 0; border-radius: 5px 5px 0 0; cursor: pointer;}
.m-search-tab ul li.active{ background: #0767c8;}
.m-search-tab .text{ position: absolute; right: 0; top: 15px; height: 42px; line-height: 42px; font-size: 16px;}

/*供需信息*/
.m-expo-gongxu{ padding: 15px 0;}
.m-expo-gongxu .ui-box .ui-box-cell:first-child{ padding-right: 10px;}
.m-expo-gongxu .ui-box .ui-box-cell:last-child{ padding-left: 10px;}
.m-expo-gongxu .ui-box .ui-box-cell .ui-table.ui-table-white table tr:nth-of-type(even) td{ background: #f9fcff;}
.m-expo-gongxu .ui-box .ui-box-cell .ui-table.ui-table-white table tr td{ border-color: #eee; padding: 20px 20px;}
.m-expo-gongxu .ui-box .ui-box-cell .ui-table.ui-table-white table thead td{ background: #0767c8; color: #fff; border-color: #0767c8; padding: 10px;}
.m-expo-gongxu .ui-btn.red{ border-color:#0767c8; color: #fff; background: #0767c8;}
.m-expo-gongxu .ui-btn.red:hover{ background: #0767c8; color: #fff; opacity: .7;}



/*底部*/
.foot { width: 100%; max-width: 1920px; margin: auto; height: 300px; background: center bottom no-repeat url(footbg.jpg); background-size: cover; color: #fff; overflow: hidden; }
.foot .m-wrapper div.footlogo { float: left; width: 59px; margin-top: 120px; }
.foot .m-wrapper div.footlogo img { width: 100%; }
.foot .m-wrapper div.footinfo { float: left; font-size: 16px; margin-top: 60px; margin-left: 80px; line-height: 32px; }
.foot .m-wrapper div.footinfo h2 { font-size: 22px; line-height: 48px; }
.foot .m-wrapper div.footwx { float: right; width: 113px; text-align: center; margin-top: 80px; line-height: 32px; }

@media (max-width: 1000px) {
    .m-head { margin-bottom: -180px; }
    .m-head .m-wrapper { padding: 0 10px;}
    .m-head .search{ display: none; }
    .ui-cms-bar{ right:4px; padding: 0; height: 20px; line-height: 20px; }
    .ui-cms-bar .lang{ height: 18px; line-height: 18px; margin-left: 5px; vertical-align: middle; margin-top: -2px;}
    .nav-bar { display: none; }
    .ui-nav{ width: 94%; z-index: 9; position: fixed; top: 0; height: 50px; box-sizing: border-box;}
    .ui-nav-min{ display: block; position: absolute; left: -5px; top: 0; cursor: pointer; }
    .ui-nav-min::after{ line-height: 46px; color:#fff;}
    .ui-nav-ul{ display: none; position: absolute; left: 0; top: 100%; width: 100%; max-height: 600px; overflow: auto; background: #fff; border-top: 5px solid #eee; -webkit-overflow-scrolling: touch; font-size: 14px; letter-spacing: 0;}
    .ui-nav-li { padding-right: 0; font-weight: bold; }
    .ui-nav-a { padding: 0px 15px; height: 32px; line-height: 32px; color:#000; }
    .ui-nav-li:hover .ui-nav-a { color: #0767c8; }
    .ui-nav-li.active .ui-nav-a { background: #0767c8; color:#fff; }
    .ui-nav-li{ width: 100%; border-bottom: 1px solid #eee; box-sizing: border-box;}
    .ui-nav-a { padding: 0 25px; }
    .ui-nav-li.active .ui-nav-a { border-radius: 0; }
    .minbanner{ padding-top: 0px;}
    .minbanner-zhejiang .text h1 { font-size: 20px; }
    .minbanner-zhejiang .text h1 span { font-size: 16px; }
    
    .m-main-right-btn{ width: 100%; float: none; text-align: center;}
    .m-main-right-btn a{ width: 48%;}
    .m-main-right-btn a.first{ margin-right: 5px;}
    .m-main-right-btn a img{ width: 100%; height: auto;}
    
    .m-menu-info ul{ font-size: 0;}
    .m-menu-info ul li{ display: inline-block; padding: 5px; width: 50%; box-sizing: border-box; font-size: 14px;}
    .m-menu-catagory ul { margin:auto 10px; }

    .m-main{ padding-top: 10px;}
    .m-main .m-wrapper{ padding: 0;}

    .m-btn-pre{ display: none;}
    .m-btn-next{ display: none;}

    .m-foot{ padding: 20px 0 0 0; text-align: left;}
    .m-foot .f-box{ padding: 0 0 25px 0;}
    .m-foot .f-box ul li{ display: inline-block; padding: 0 20px 0 0;}
    .m-foot .f-box.f-about{ width: 100%;}
    .m-foot .f-box .f-form button{ width: 100%;}
    .m-footer{ padding: 25px 15px; font-size: 12px; color: #fff;}
    .alert{ width: 320px; margin-left: -160px;}

    .ui-dialog{ width: 320px; max-width: 100%; margin-left: -160px; height: auto; z-index: 9999;}
    .ui-dialog .m-sign{ width: 100%; box-sizing: border-box;}

    .m-main-left{ width: 100%; float: none; padding: 0;}
    .m-main-right{ float: none; width: 100%; margin: 0;}

    .ui-content img{ margin-left: 0!important; float: none!important; width: 100%; height: auto!important;}

    .m-list-activity ul li{ position: relative;}
    .m-list-activity ul li .img{ position: absolute; left: 15px; top: 50%; margin-top: -44px;}
    .m-list-activity ul li .img img{ width: 130px;}
    .m-list-activity ul li .text{ padding-left: 140px; min-height: auto;}
    .m-list-activity ul li .title{ padding: 0; font-size: 14px; line-height: 20px;}
    .m-list-activity ul li .time{ padding: 3px 0; font-size: 14px;}
    .m-list-activity ul li .intro{ height: auto; max-height: 36px; line-height: 18px;}
    .m-list-activity ul li .status{ padding-top: 5px;}
    .m-list-activity ul li .status a.b01{ height: 24px; line-height: 24px; font-size: 12px;}

    .ui-cms-view-info.exhibitor .ui-cms-view-info-right .intro .intro-padding{ padding-right: 0;}

    .foot .m-wrapper div.footlogo { margin-top: 70px; }
    .foot .m-wrapper div.footwx { float: none; position: absolute; top: 50px; left: 60px; }
}
@media (max-width: 820px) {
    .foot { height: 200px; }
    .foot .m-wrapper div.footlogo { margin-top: 35px; }
    .foot .m-wrapper div.footwx { top: 10px; }
    .foot .m-wrapper div.footinfo { font-size: 12px; margin-top: 30px; margin-left: 40px; line-height: 24px; }
    .foot .m-wrapper div.footinfo h2 { font-size: 14px; line-height: 28px; }
    .foot .m-wrapper div.footwx { font-size: 12px; }
    .foot .m-wrapper div.footwx img { width: 50px; }
}
@media (max-width: 750px){
    .ui-table table { min-width: auto; }
}
@media (max-width: 640px) {
    .ui-cms-bar span.name{ display: none;}

    .m-news-list.ui-list-img ul li{ padding-left:140px;}
    .m-news-list.ui-list-img ul li .img{ width: 128px;}

    .m-booking-s02{ padding: 0;}
    .ui-form table td.th { width: 76px; }

    .foot { height: 300px; }
    .foot .m-wrapper div.footlogo { width: 50%; }
    .foot .m-wrapper div.footwx { margin-top: 10px; left: auto; right: 10px; }
    .foot .m-wrapper div.footinfo { clear: left; margin-left: 45px; }
}
@media (max-width: 450px) {
    .foot .m-wrapper div.footinfo { margin-left: 25px; }
}