body,html{
    padding: 0; margin: 0; color: #333; position: relative;height: 100%;
}
body{background: #fff; font-size: 15px;}
*{font-family: "Microsoft YaHei","Arial", -apple-system-font;
    outline:none; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; -webkit-tap-highlight-color:transparent; }
input[type=input]:focus,input[type=submit]:focus{outline: none;-webkit-appearance: none;-webkit-tap-highlight-color:rgba(255,255,255,0);
    box-shadow:none;
}

::-webkit-scrollbar{display:none;}

a{ color: #666; text-decoration: none;}
a:active,a:link,a:focus{ color: #666;text-decoration: none;}
.tx_yi_body{  margin: 0 auto;max-width: 800px; position: relative; padding-bottom: 50px;}
.tx_common_bg{background: #fff; margin: 5px;border-radius: 5px;box-shadow: 1px 1px 4px #ddd;}
.header{}
.not_content{
    box-shadow: none !important;
    text-align: center;
    color: #666;
}

.tx_yi_main{ margin: 5px;position: relative; height: 100%;  }
.mgt05{ margin-top:5px;}
.mgt10{ margin-top:10px;}
.mgt15{ margin-top:15px;}
.mgt20{ margin-top:20px;}
.mgt25{ margin-top:25px;}


.mgb05{ margin-bottom:5px;}
.mgb10{ margin-bottom:10px;}
.mgb15{ margin-bottom:15px;}
.mgb20{ margin-bottom:20px;}
.mgb25{ margin-bottom:25px;}

.mgl05{ margin-left:5px;}
.mgl10{ margin-left:10px;}
.mgl15{ margin-left:15px;}
.mgl20{ margin-left:20px;}
.mgl25{ margin-left:25px;}


.mgr05{ margin-right:5px;}
.mgr10{ margin-right:10px;}
.mgr15{ margin-right:15px;}
.mgr20{ margin-right:20px;}
.mgr25{ margin-right:25px;}


.pdt05{ padding-top:5px;}
.pdt10{ padding-top:10px;}
.pdt15{ padding-top:15px;}
.pdt20{ padding-top:20px;}
.pdt25{ padding-top:25px;}



.f666{ color: #666;}
.f333{ color: #333;}
.f000{ color: #000;}
.f0c85df{ color: #0c85df;}
.ff00{ color: #ac2925;}

.fs30{ font-size: 30px;}
.fs28{ font-size: 28px;}
.fs20{ font-size: 20px;}
.fs18{ font-size: 18px;}
.fs16{ font-size: 16px;}
.fs14{ font-size: 14px;}
.fs12{ font-size: 12px;}


.input{ border: 1px #ccc solid; border-radius: 3px; height: 22px; width: 190px; text-indent: 0.5rem}
.input::placeholder{ text-indent: 0.5rem; color: #aaa;}



.banner{ border-radius: 5px;overflow: hidden;}
.banner img,.banner video{ border: none; width: 100%; display:block;margin: 0;}

.search{height: 36px;line-height: 36px; position: relative}
.search input{height: 34px;line-height: 34px; padding-right: 1rem; text-align: center; width: 90%; display:block;border: none; background: none; text-indent: 0.5rem;}
.search input::placeholder{ text-align: center;}
.search .fa-search{ position: absolute;top:9px; right: 10px; font-size: 18px; color: #999;}


.app_list{}
.app_list .app_title{ font-weight: bold; font-size: 14px; padding: 10px 0px 0 10px; line-height: 24px; height: 24px; }
.app_list ul{display: flex; margin: 0; padding: 0; }
.app_list ul li{ list-style: none; padding: 15px 0; margin: 0; flex: 1; }
.app_list ul li a{ display: block; padding: 10px 0;}
.app_list ul li a span{ display: block;text-align: center; font-size: 16px; padding-top: 10px;}
.app_list ul li a i{ display: block; text-align: center; font-size: 32px;color:#0c85df;height:32px;}
.user_app_list{}
.user_app_list ul{ zoom: 0.9;}
.user_app_list ul li a i{ color:#666;}



.exh_list {position: relative;  overflow: hidden;}
.exh_list_swiper{ height:300px; margin:0 auto;position: relative;overflow: hidden; padding-bottom: 10px;}
.exh_list_swiper .swiper-slide {text-align: center;height: calc((100% - 30px) / 2);display: -webkit-box;display: -ms-flexbox;
display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.exh_list_swiper{border-bottom: 1px solid #eee;border-top: 1px solid #eee;border-right: 1px solid #eee;}
.exh_list_swiper{padding-right: 4px;}
.exh_list_swiper .swiper-slide{border-bottom: 1px solid #eee;border-left: 1px solid #eee; display: block;}

.exh_list_swiper .swiper-slide{text-align: center; margin: 0 auto; width: 100%;}
.exh_list_swiper .swiper-slide .img{ margin: 0 auto; width: 90%; height: 105px;  margin: 0 auto;display:flex;vertical-align:middle; justify-content: center;  align-items: center;}
.exh_list_swiper .swiper-slide .img img{ width: 100%;}
.exh_list_swiper .swiper-slide span{ display: block;text-align: center;overflow: hidden;height: 20px;}

.exh_list_swiper .swiper-pagination{ bottom: 0;top:auto;}


h2.title{margin: 0; font-size: 18px; padding:15px 0 15px 15px;}

.news_list{padding: 0;}
.tab_title{ font-size: 18px; padding:15px 0 15px 15px;}
.tab_title span{ color: #666; font-weight: bold; padding-right:20px;}
.tab_title span.hover{ color: #0c85df;}


.news_ul{ padding: 0; margin: 0; min-height: 300px;}
.news_ul li{padding: 10px 10px 10px 10px; margin: 0; list-style: none; clear: both;}
.news_ul a{cursor: pointer; line-height: 24px;}
.news_ul a .img{width: 120px;height: 80px; flex: 1; margin-right: 20px;display:flex;vertical-align:middle; justify-content: center;  align-items: center; float: left;}

.news_ul li span{min-height: 70px;display:flex;vertical-align:middle; justify-content: left;  align-items: center; float: none;}
.news_ul li::after{ display: block; content: ' ';height: 10px; clear: both;}

.news_ul3{ padding: 0; margin: 0;}
.news_ul3 li{padding: 10px 10px 15px 10px; margin: 0; list-style: none; clear: both; position: relative;border-bottom: 1px solid #eee;}
.news_ul3 a:first-child{}
.news_ul3 a:first-child .title{ line-height: 30px;height: 30px; display: block; color: #000; padding: 10px 0;}
.news_ul3 a.btn_focus{ position: absolute;bottom:8px; right:10px; font-size: 12px;padding: 5px 20px; line-height: 18px;height: 18px;}
.news_ul3 a:first-child .title{ height: auto; line-height: 20px; padding: 10px 0 10px 0;}
.news_ul3 .time{ display: block; line-height: 24px;padding: 10px 0 0 0;}


.news_ul4{ padding: 0; margin: 0;}
.news_ul4 li{padding: 0px 0px 5px 0px; margin: 0;margin-bottom: 20px; list-style: none; clear: both; position: relative;border-bottom: 1px solid #eee;box-shadow: 1px 4px 4px #00000033; border-radius: 5px;overflow: hidden;;
}
.news_ul4 a .title{ font-size: 14px; line-height: 30px;height: 30px; display: block; color: #666; padding: 2px 0 0 10px;}
.news_ul4 .time{ display: block; line-height: 24px;padding: 0px 0 0 10px;}
.news_ul4 .collect{position: absolute;bottom:8px; right:8px; font-size: 12px;}

.news_ul a .img,.news_ul2 a .img,.news_ul3 a .img,.news_ul4 a .img{ background: #60606014;border-radius: 5px;}
.news_ul a .img img,.news_ul2 a .img img,.news_ul3 a .img img,.news_ul4 a .img img{width: 100%;}

.news_ul5{ margin:0; padding: 30px 0 0 0;}
.news_ul5 li{ display: block; background: #fff; box-shadow: 1px 1px 4px #ddd; margin:0 0 20px 0; padding: 0; list-style: none;}
.news_ul5 a{ display: block; padding: 10px 20px; }
.news_ul5 .title{ font-size: 16px; line-height: 30px;height: 30px; display: block; color: #666; padding: 2px 0 0 0px; font-weight: bold;}
.news_ul5 span{ display: block;line-height: 30px;}
.news_ul5 .time{  }
.news_ul5 .map{ border-bottom: 1px solid #eee;}
.news_ul5 .more{  text-align: center; color: #333; padding-top: 5px; font-size: 16px;}














/*
.icon{ height: 25px;float: left;}

.tx_yi_box{}
.tx_yi_box .title{ line-height: 30px; height: 30px;}

.tx_yi_box .title{ line-height: 30px; height: 42px;}

.tx_yi_box .search{ border: 1px solid #0c85df; margin: 0px 0 0 2%;width: 94%; height: 26px;line-height: 26px; border-radius: 15px; overflow: hidden;
    background:linear-gradient(to top,#0c85df,#0b03b3);
}
.tx_yi_box .search input{ display: inline-block; width: 82%;  border: none; background: #fff; text-indent: 10px; height: 24px; float: left;}
.tx_yi_box .search b{ display: inline-block; width: 16%; border: none; text-align: center; color: #fff; cursor: pointer;}
.tx_yi_box .text{  text-align: center; padding:12px 0 30px 0;}


.header{text-align: center; line-height: 42px;height: 42px;font-size: 16px; position: relative; z-index: 3;}
.header span{background:linear-gradient(to left,#0c85df,#0b03b3); color: #fff; font-weight: bold; position: absolute; width: 100%;left:0;top:0;}

.tx_yi_list{ position: relative; padding: 20px 0 20px 20px;}
.btn{ position: absolute; top:45px; right:25px; background:linear-gradient(to top,#0c85df,#0b03b3); color: #fff; padding: 5px 10px; border-radius: 3px; }
 .list_text{ line-height: 26px;}
 .list_text span{}

.tx_yi_detail_bg{margin:0px; padding: 10px 0 0 0; background:linear-gradient(to top,#0c85df,#0b03b3);border-radius1: 0px 0px 150px 150px; }

.tx_yi_detail_bg2{ background: url("./04-wode_01.png") left top no-repeat;    background-size: cover;
    background-repeat: round; }


.pay_list{ position:relative;bottom:0; left:0; background: #fff; border-top: 0px solid #ddd; width: 100%; padding: 0px 0 15px 0; box-shadow: 1px 1px 4px #ddd;}

.pay_name{ height: 40px;display: flex; border-bottom: 1px solid #0c85df;}
.pay_name span{ display: block;overflow: hidden;flex: 1; text-align: center; line-height: 40px; text-align: center; border-right: 1px solid #bbb; background:linear-gradient(to bottom,#fff,#f3f3f3);}
.pay_name span.hover{ background:#0c85df; color: #fff;}

.pay_info {  padding: 10px 0 0px 0px; display: none;}
.pay_info .list_text{ line-height: 26px; margin-left: 10px;}
.show{display:block;}
.hide{display:none;}





*/
.pay_btn_blue{ display: block; height: 36px; line-height: 36px; background:#00a4ff; color: #fff; text-align: center;margin: 10px 5px 5px 5px; border-radius: 20px;}
.pay_btn_red{ display: block; height: 30px; line-height: 30px; background:#ac2925; color: #fff; text-align: center;margin: 10px 5px 5px 5px; border-radius: 15px;}
.pay_btn_blue:active,.pay_btn_blue:link,.pay_btn_blue:focus,.pay_btn_red:active,.pay_btn_red:link,.pay_btn_red:focus { color: #fff}

.footer{ position: inherit;z-index: 99; background: #fff; padding-bottom: 5px;}
.footer{position:  fixed ;width: 100%; bottom: 0; left:0;border-top: 1px #ddd solid; display: flex;}
.footer a{  flex: 1; text-align: center; font-size: 14px; }
.footer a{  padding: 8px 0 5px 0; display: block; width: 80px; margin: 0 auto;}
.footer a i.fa{ display: block;font-size:24px; margin-bottom: 3px; margin-top: 2px; color: #333;}
.footer a.hover,.footer a.hover i.fa{ color: #0c85df;}
.exh_footer{}
.exh_footer a{font-size: 12px; }
.exh_footer a i.fa{font-size: 20px;}

.win_fixed{ position: fixed;right:15px;z-index: 2; bottom:140px; background: #0c85df; border-radius: 30px; height: 45px; width: 45px; overflow: hidden; color: #fff;box-shadow: 0px 0px 5px #00000033;}
.win_fixed i{ display: block; text-align: center; font-size:14px;position: relative;top: 10px; margin-left: 2px;color: #fff;}
.win_fixed span{font-size:12px; zoom: 0.7; position: relative;left:8px; top:6px; color: #fff;}
.win_apply{ bottom:80px; background: #fff;}
.win_apply i{ color: #0c85df;}
.win_apply span{ color: #0c85df;}


.user_login{ line-height: 40px;}
.user_login input{border: 1px #ddd solid; height: 22px;border-radius: 3px;}



.tx-open-pay{ padding: 20px;}
.tx-open-pay img{ border: 1px #ccc solid;padding: 20px;}








.top_search{position: fixed;top:10px; width: 95%;}
.tx_content_100{ position: relative;}
/** 展商列表 START **/
.app_left_class{background: #f1f1f14a; width: 25%; padding-bottom:0px; overflow: hidden; overflow-y: scroll; position: absolute;left:0px; top:0px; height: 100%;}
.app_left_class span{ line-height: 22px; padding:10px 5px 10px 10px; display: block;}
.app_left_class span.hover{background: #0c85df; color:  #fff;}


.app_right_exh { width: 70%; overflow: hidden; overflow-y: scroll; position: absolute;right:10px; top:10px; height: 100%;}
.app_right_exh a{ display: block; clear: both; padding: 10px 0 0 10px; border-bottom: 1px solid #eee;}
.app_right_exh a span{ display: block; line-height: 20px;padding-bottom: 8px; }
.app_right_exh a span.title{ color: #000; font-weight: bold; }
.app_right_exh a span.subtitle{ font-size: 14px;}
.app_right_exh a span.info{ font-size: 14px;}
.app_right_exh a .img{float: right; margin-left: 10px; height: 80px; width: 80px; overflow: hidden;display:flex;vertical-align:middle; justify-content: center;  align-items: center;margin-right: 5px;}
.app_right_exh a .img img{ width: 100%;}

.app_right_exh a::after{ display: block; content: ' ';height: 10px; clear: both;}
.app_search_exh{height: 800px; overflow: hidden; overflow-y: scroll; width: 100%; position: absolute; top:60px;}
.app_search_exh a{ border: none; margin: 10px 5px 20px 25px; background: #fff; border-radius: 5px;box-shadow: 1px 1px 4px #ddd;}
.app_search_exh a .img{ margin-right: 10px;}




.exh_content{ border-radius: 10px; margin-top: -10px; background: #fff; position: relative;z-index: 3;}
.exh_content .exh_title{ height: 60px; padding-top: 5px; display: block;}
.exh_content .exh_title .logo{ float: left; border-radius: 5px; overflow: hidden; height: 70px;width: 70px; background: #fff; margin-left: 50px; position: relative;top: -15px;}
.exh_content .exh_title .logo img{ width: 100%;}
.exh_content .exh_title span,.exh_content .exh_title b{ float: left; width: 200px; margin: 5px 0 0 10px;}

.exh_info{}
.exh_info .exh_title:after{ display: block; content: ' ';clear: both;}
.exh_info .exh_title{ padding-bottom: 15px;height: auto;}
.exh_info .exh_title .logo{top:0; margin: 5px 0 0 20px;}
.exh_info .exh_title b{ margin-top: 20px;}
.exh_info .exh_title i.fa{ font-size: 30px; position: absolute;right: 20px;top:30px;}


.exh_info2 b{ width: 90%;}
.exh_info2 span{ width: 90%;}
.exh_info2 span i{ font-size: 16px;position: relative;top: 1px;}
.exh_info2 .exh_title  .clear i{ position: inherit; font-size: 16px;}

.tag_content{ clear: both;}
.tag_title{ line-height: 30px; text-align: center; display: flex; border-bottom: 1px solid #eee; height: 40px;}
.tag_title span{ flex: 1; border-right: 1px solid #ccc; height: 14px; margin-top: 15px;}
.tag_title span a{ display: inline-block; position: relative; line-height: 14px; padding: 10px; top:-9px;}
.tag_title span.hover a{ border-bottom: 2px solid #0c85df; color: #0c85df; }
.tag_info{ padding: 10px;}
.tag_title span:last-child{border: none;}


.pro_list::after{ display: block; content: ' ';height: 10px; clear: both;}
.pro_list{ padding: 10px 0 0 0; margin: 0;}
.pro_list li{padding: 0 0 10px 0; margin: 0; list-style: none; width: 45%; float: left; position: relative; margin-left: 3%;}
.pro_list li a{ font-size: 14px; color: #666;}
.pro_list li a .img { width: 100%; height:100px; overflow:hidden;border-radius: 5px; margin-bottom: 5px;display:flex;vertical-align:middle; justify-content: center;  align-items: center;}
.pro_list li a .img img { width: 100%;}
.pro_list li a i{ position: absolute;bottom:10px; right: 3px; font-size: 12px;background: #fff; padding: 10px 0 0 10px}

/** 展商列表 END **/


.user_top{ background:#5180dc; height: 155px;}
.user_top .img{ width: 60px; height:60px; position: relative;top:30px;left:30px;
    border: 3px solid #fff;box-shadow: 2px 4px 4px #00000066;
    overflow:hidden;border-radius: 45px; display:flex;vertical-align:middle; justify-content: center;  align-items: center;}
.user_top .user_name{ color: #fff; position: absolute;top:50px; left:110px; font-weight: bold;}

.bottom_btn_next{ position: fixed; left: 0;bottom:0; width: 100%; padding: 0px ; z-index: 10;
    background: #fff;box-shadow: 0px 0px 5px #00000033;}
.bottom_btn_next p{padding-left: 10px;margin: 0;}
.bottom_btn_next input{margin-right: 10px;}
.bottom_btn_next .info{ padding: 10px;}

.message_from{ padding-top: 30px; position: relative;z-index: 2;}
.message_from_bg{background:#5180dc; height: 155px; position: absolute; width: 100%; top:0;}
.message_from ul{margin: 0px 20px; padding: 20px 20px 10px 20px;}
.message_from ul li{margin: 0; padding: 0; list-style: none; line-height: 24px; font-size: 14px; display: block; border-bottom: 1px solid #eee;}
.message_from ul li label{ text-align: left; display:block; line-height: 30px; margin-bottom: 0px;}
.message_from ul li label i{ color: #f00; margin-left: 5px;}
.message_from ul li input[type=text],.message_from ul li select{text-indent:5px;display: block;width: 100%; border: none;background: none; height: 24px; line-height: 24px;}
.message_from ul li span{ display: block; line-height: 22px; padding: 5px 0 5px 0;}
.message_from .none_border{ border: none; padding-bottom: 0px; padding-top: 20px;}