body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;box-sizing:border-box;font-family: "Microsoft YaHei", "tahoma", "arial", "Hiragino Sans GB", "宋体", sans-serif;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
q:before,q:after {content:''}
abbr,acronym { border:0}
a{text-decoration: none; color: #444;;}
.bordernone{ border:0px;}
.clear::after {
	clear: both;
	content: "";
	display: table;
}
.wap_body{overflow-x: hidden}

.home_img{width:100%; display: block; margin-bottom: 10px;}

.top-bar{height:44px;background-color: #fff;position: fixed;width: 100%;border-bottom:1px #d8d8d8 solid; left: 0;top: 0;z-index: 101;}
.top-bar .go-back {width: 46px;height: 44px;float: left;position: relative;z-index: 10; text-align:center;}
.top-bar .go-back .fa {line-height: 44px; font-size:2em; color:#666;}
.top-bar h1{line-height: 44px;font-size: 16px;color: #333;text-align: center;width: 100%;position: absolute;}
.tb-right{position:absolute; right:0; top:0;width: 46px;height: 44px; text-align:center;}
.tb-right .fa{line-height: 44px;font-size:1.5em;color: #666;}
.tb-right .l_st{font-size:12px; color:#a6a6a6; border: 1px #a6a6a6 solid; display: inline-block; padding: 0 2px; border-radius: 2px; margin-top: 12px;}
.tb-right .l_st.h{color:#275be8; border-color: #275be8;}

.com_info{display: flex;padding:10px;}
.com_info .img{min-width: 54px; max-width: 54px; height: 54px; border: 1px #e8e8e8 solid; border-radius: 5px; overflow: hidden;}
.com_info .img img{width: 100%; height: 100%;}
.com_info .info{padding-left:10px; width: 100%;}
.com_info .info .n{font-size: 15px; color: #343434; font-weight: normal; height: 30px; line-height: 15px; margin-top: 2px; word-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.com_info .info .m{font-size: 12px; color: #c5c5c5;}
.com_info .r_btn{ margin-top: 15px; font-size: 12px; background: #498afe; color:#fff; display: inline-block; height:22px; min-width: 80px; text-align: center; border-radius: 10px; line-height: 22px;}
.com_info .info .s span{font-size: 11px; color: #0063C8; border:1px #0063C8 solid; border-radius: 2px; padding: 0 5px; display: inline-block; line-height: 16px;}
.com_info .info .view{float: right; }
.com_info .info .view .a_btn{ font-size: 12px; background: #498afe; color:#fff; display: inline-block; height:20px; min-width: 65px; text-align: center; border-radius: 10px; line-height: 20px;}
.com_info .info .view .a_btn.hover{background: #aaa;}
.com_info .info .view .num{font-size: 12px; color:#999; margin-top: 15px; text-align: center;}
.com_info .info .view .fa{color:#E0162A; margin-right: 3px;}

.com_show{border-top:9px #f6f6f6 solid;}
.com_show .tabs{border-bottom: 1px #e8e8e8 solid;display: flex;justify-content: center; padding-top: 5px;}
.com_show .tabs .item{line-height: 35px; height:35px; text-align: center; font-size: 14px; margin: 0 6px; padding: 0 5px;}
.com_show .tabs .item.hover{color:#498afe; border-bottom: 2px #498afe solid;}

.com_show .sub_tit{padding: 10px;}
.com_show .sub_tit .name{color:#333; font-size: 15px; border-left: 3px #3c6fe7 solid; padding-left: 10px; height:16px; line-height: 16px; display: inline-block;}

.com_show .show_video{margin: 10px; background: #eee; min-height: 200px;}
.com_show .show_text{padding: 10px; line-height: 22px; font-size: 14px; color:#666;}
.com_show .m1_right .msg_box .send_msg{height: 350px; overflow: hidden;}
.msg_box .item{padding: 10px; overflow: hidden;}
.msg_box .item .fr{ display: inline-block; float: right; }
.msg_box .msg{background-color:#749DFB; color:#fff; font-size: 12px; line-height: 18px; padding: 10px; border-radius: 10px 0 10px 10px;}
.msg_box .info{padding: 10px 0; font-size: 12px; display: flex; justify-content: space-between;}
.msg_box .info .time{color:#888; margin-right: 5px;}
.msg_box .info .name{color:#666;}

.online_list{padding: 0 10px;}
.online_list .item{border: 1px #bdbdbd solid; border-radius: 3px; padding: 10px; display: flex; margin-bottom: 10px;}
.online_list .info{width:100%}
.online_list .info .n{font-size: 15px; color: #343434; font-weight: normal; display: block;}
.online_list .info .m{font-size: 12px; color: #c5c5c5;}
.online_list .r_btn{ margin-top: 10px; font-size: 12px; background: #498afe; color:#fff; display: inline-block; height:22px; min-width: 80px; text-align: center; border-radius: 10px; line-height: 22px;}

.pro_list{padding: 0 10px;}
.pro_list .item{float: left; width: 50%; margin-bottom: 10px; }
.pro_list .item .pd{padding: 0 5px;}
.pro_list .item .info{position: relative; background: #e7e7e7; border-radius: 4px; height: 125px;}
.pro_list .item .name{font-size: 14px; line-height: 25px; margin-top: 5px;}

.activity_list{padding: 0 10px;}
.activity_list .item{padding: 10px 0; border-bottom: 1px #ddd solid; display: flex; justify-content: space-between;}
.activity_list .item .name{font-size: 14px; line-height: 22px; color:#333;}
.activity_list .item .time{font-size: 12px; line-height: 22px; color:#666; margin-top: 5px;}
.activity_list .item .fa{color:#999; font-size: 1.5em; line-height: 1.5em;}

.live_list{padding: 0 10px;}
.live_list .item{float: left; width: 50%; margin-bottom: 10px; overflow: hidden}
.live_list .item .pd{padding: 0 5px;}
.live_list .item .info{position: relative; background: #e7e7e7; border-radius: 4px; height: 125px;}
.live_list .item .info .sta{position: absolute; min-width: 36px; text-align: center; border-radius: 2px; right: 5px; top:5px; font-size: 12px; color: #fff; line-height: 20px; display: inline-block; padding: 0 5px;}
.live_list .item .info .sta.c1{background-color: #498AFE;}
.live_list .item .info .sta.c2{background-color: #FF961A;}
.live_list .item .info .sta.c3{background-color: #A4A4A4;}
.live_list .item .name{font-size: 14px; line-height: 25px; margin-top: 5px;}
.live_list .item .time{font-size: 12px; line-height: 20px; color:#999}

.show_txt{font-size: 14px; color:#666; line-height: 22px; padding:0 15px;}

.fy-form {margin:15px 10px}
.fy-form .form-con{margin-bottom: 15px; position: relative;}
.fy-form .form-con .input{ padding: 0 15px; line-height: 35px; background: none; border: 1px #c9c9c9 solid; outline: none; width:100%; border-radius: 5px;font-size:14px;}
.fy-form .form-con .select{ background: none; border: 1px #c9c9c9 solid; width: 100%; font-size: 14px; padding: 0 10px; border-radius: 5px; line-height: 35px; height: 35px;}
.fy-form .form-con .code-btn{line-height: 32px; display: inline-block; color: #33abff; border-radius: 2px; padding: 0 10px; font-size: 12px; position: absolute; top:2px; right:2px}
.fy-form .form-con .code-btn.disabled{color: #AAAAAA;}
.fy-form .form-con .text{text-align: left;background: none; border: 1px #c9c9c9 solid; outline: none; font-size: 14px; color: #888; line-height: 16px; padding: 10px 15px; width: 100%; border-radius: 5px; height:100px;}

.result{text-align: center; margin: 50px auto;}
.result p{font-size: 15px; line-height: 24px; margin-top: 25px;}

.mid_btns{height: 80px; padding:20px 0 30px; text-align: center; overflow: hidden;}
.mid_btns .fixed{position: fixed; bottom: 0; left: 0; right: 0; padding: 20px 0; background: #fff; z-index:1000;}
.mid_btns .btn{display:inline-block; width: 75%; height: 38px; border-radius: 2px; line-height: 38px; text-align: center; right:0; background: #2c81e7; font-size: 15px; color: #fff;}
.mid_btns .btn.b2{width:45%;}
.mid_btns .input_msg{border: 1px #ddd solid;width: 70%;height: 30px;line-height: 30px;padding: 0 10px;}
.mid_btns .btn_msg{background: #498afe;color: #fff;font-size: 14px;display: inline-block;line-height: 30px;width: 20%;border-radius: 3px;}

.home_7{height:350px; background: url("../jibo/images/home_7.jpg?v=2") top center no-repeat; background-size: cover;}
.home_7 .logos{padding: 80px 40px;}
.home_7 .logos .item{height: 42px; width: 30%; margin:0 1.5% 10px; float: left;
	overflow: hidden; text-align: center; background: #fff;}
.home_7 .logos .item img{max-height: 100%; max-width: 100%;}
.home_7 .logos .item .name{font-size: 12px;}

.black_bg{position: fixed; top:0; left:0; right:0; bottom: 0; background-color: #000; opacity: 0.3; z-index: 1001;}
.contact_modal{position: fixed; z-index: 1002; border-radius: 5px; top:30%; left: 10%; right: 10%; background-color: #fff;}
.contact_modal .title{overflow: hidden; padding:15px 10px 5px;}
.contact_modal .title .name{font-size: 16px; color: #666; float: left;}
.contact_modal .title .fa-close{float: right; color: #888;}
.contact_modal .con{padding: 10px;}
.contact_modal .con .contacts .item{box-shadow: 1px 1px 3px 2px #eee; padding: 10px; overflow: hidden; margin-bottom: 10px;}
.contact_modal .con .contacts .item .name{float: left; font-size: 16px; color: #333;}
.contact_modal .con .contacts .item .links{float: right;}
.contact_modal .con .contacts .item .links .link{color:#fff; font-size: 12px; border-radius: 2px; display: inline-block; padding: 2px 5px;}
.contact_modal .con .contacts .item .links .link.c1{background-color: #ff8974;}
.contact_modal .con .contacts .item .links .link.c2{background-color: #6fd97a;}
.contact_modal .con .contacts .item .links .link.c3{background-color: #93a3ff;}

.guest_info{display: flex;padding:20px; background-color: #F8F8F8;}
.guest_info .img{width: 75px; min-width: 75px; height: 75px; border-radius: 50%; overflow: hidden;}
.guest_info .img img{width: 100%; height: 100%;}
.guest_info .info{padding-left:20px; width: 100%;}
.guest_info .info .name{font-size: 16px; color: #343434; line-height: 16px; padding: 0 5px; border-left: 3px #3c6fe7 solid ; font-weight: normal; display: block; margin-top:8px;}
.guest_info .info .memo{font-size: 12px; color: #999; margin-top: 10px;}
.guest_con .sub_tit{padding:15px 10px 10px;}
.guest_con .sub_tit .name{color:#333; font-size: 15px; border-left: 3px #3c6fe7 solid; padding-left: 10px; height:16px; line-height: 16px; display: inline-block;}
.guest_con .sub_con{padding:0 20px; font-size: 14px; color:#797979; line-height: 20px;}
.guest_con .sub_con .a_link{background: #f7f8fc; color:#7d84a2; display: inline-block; padding: 2px 10px; line-height: 20px; border-radius: 12px;}

.forum_info{display: flex;padding:10px; justify-content: space-between;}
.forum_info .info .n{font-size: 14px; color: #343434; font-weight: normal; display: block;}
.forum_info .info .sub{font-size: 12px; color:#666;}
.forum_info .s{margin-top: 5px;}
.forum_info .s span{font-size: 11px; color: #0063C8; border:1px #0063C8 solid; border-radius: 2px; padding: 0 5px; display: inline-block; line-height: 16px;}
.forum_info .r_btn{ margin-top: 10px; font-size: 12px; background: #498afe; color:#fff; display: inline-block; height:22px; min-width: 80px; text-align: center; border-radius: 10px; line-height: 22px;}
.forum_con{border-top: 9px #f6f6f6 solid;}
.forum_con .sub_tit{padding:15px 10px 10px;}
.forum_con .sub_tit .name{color:#333; font-size: 15px; border-left: 3px #3c6fe7 solid; padding-left: 10px; height:16px; line-height: 16px; display: inline-block;}
.forum_con .sub_con{padding:0 20px; font-size: 14px; color:#797979; line-height: 20px;}
.forum_con .list .item{float: left; width: 33.3%; margin-bottom: 40px}
.forum_con .list .item .info{border: 1px #f2f2f0 solid; border-radius: 4px; margin: auto; width: 96%; text-align: center; padding: 10px 0 40px; position: relative;}
.forum_con .list .item .info .img{width: 45px; height: 45px; border-radius: 50%; margin: auto; overflow: hidden;}
.forum_con .list .item .info .img img{width: 100%; height: 100%;}
.forum_con .list .item .info .name{font-size: 13px; line-height: 20px;}
.forum_con .list .item .info .memo{font-size: 12px; height: 60px; text-align: left; padding:5px 10px; color: #1b7cff; background-color: #c4e9ff; border-radius: 5px; position: absolute; left: 5px; right: 5px; bottom: -30px; line-height:18px;overflow:hidden;word-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }

.forum_search{padding: 10px; border-bottom: 1px #e8e8e8 solid;}
.forum_list{overflow: hidden; padding: 10px 0;}
.forum_list .item{position: relative; border: 1px #ddd solid; float: left; border-radius: 3px; overflow:hidden; width: 48%; margin:0 1% 10px;}
.forum_list .item .table-img{height:100%;background: #eee;}
.forum_list .item .img{width:100%; display:block;height:94px;}
.forum_list .item .sta{position: absolute; width: 34px; right:5px; top:5px; height: 14px; line-height: 14px; display:inline-block; text-align: center; font-size: 10px; color:#fff; border-radius: 2px; background: #ff6a07;}
.forum_list .item .sta.c2{ background: #0392fe;}
.forum_list .item .sta.c3{ background: #a4a4a4;}
.forum_list .item .info{ padding: 5px 5px 10px;}
.forum_list .item .info .time{font-size: 12px; color:#6b798e; line-height: 10px; }
.forum_list .item .info .name{font-size: 12px; color:#3a4145; font-weight: bold; line-height:16px; height:32px; margin-top: 5px; overflow: hidden;word-wrap: break-word; text-overflow: ellipsis;  display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.forum_list .item .info .com{font-size: 10px; color:#6b798e; line-height: 10px;  margin-top: 10px;}

.xs_tab_type{border-bottom: 1px #f6f6f6 solid; margin:5px 0; padding:0 20px; overflow: hidden;}
.xs_tab_type li {float:left; width: 50%; text-align: center;}
.xs_tab_type li span{display: inline-block; line-height: 35px; color:#343434; padding:0 10px;}
.xs_tab_type li.hover span{border-bottom: 2px #048cff solid; color: #048cff;}

/*P2*/
.wap_banner{max-height: 160px; overflow: hidden;}
.wap_banner .ban_img{width: 100%;}
.p2_fast{overflow: hidden;}
.p2_fast .item{float:left; width: 25%; padding: 10px 0; text-align: center;}
.p2_fast .item.nr{border-right:0;}
.p2_fast .item .icon{width: 30px; height: 30px; display: inline-block; margin: auto;}
.p2_fast .item p{font-size:14px; color: #343434;}
.p2_tit{margin: 20px auto 10px; padding: 0 10px; overflow: hidden;}
.p2_tit .name{font-size: 16px; color: #333; float: left;}
.p2_tit .more{font-size: 13px; color: #808080; float: right; line-height: 20px;}
.p2_tit .more .fa{font-size: 1.25em;}
.p2_list{padding:0 10px;}
.p2_list .item{background-color: #f7f8fc; border-radius: 5px; display: flex; justify-content: space-between; padding:10px 15px; margin-bottom: 10px;}
.p2_list .item .fa{color: #cfcfcf; font-size: 2em;}
.p2_list .item .info .icon{float: left; max-width: 34px; width: 34px;}
.p2_list .item .info .icon img{max-width: 100%;}
.p2_list .item .info .name{padding-left: 10px; font-size: 16px; color: #383838; line-height: 32px; overflow: hidden;word-wrap: break-word; text-overflow: ellipsis;  display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.com_logs{padding:0 10px; overflow: hidden; max-height: 412px;}
.com_logs .item{height: 42px; width: 30%; margin:0 1.5% 10px; float: left;
	overflow: hidden; text-align: center; background: #fff; border:1px #dedede solid; padding: 0 2px;}
.com_logs .item img{max-height: 42px; max-width: 100%;}
.com_logs .item .table{display: table;height:100%;width:100%;}
.com_logs .item .cell{display: table-cell; vertical-align: middle}

.footer_btn{height:56px;}
.footer_btn .btns{position:fixed; z-index:1000; bottom:0; width: 100%; height:56px; padding: 0 10%; border-top:1px #e8e8e8 solid; background: #fff;display:flex;}
.footer_btn .btns a{color: initial;}
.footer_btn .btns .btn{width:50%; text-align: center; position: relative;}
.footer_btn .btns .btn .red_dot{background:red; width:10px; height:10px; position: absolute; border-radius: 50%; top:5px; margin-left:15px;}
.footer_btn .btns .btn .fa{display: block; margin-top:5px; color:#999; font-size: 1.75em;}
.footer_btn .btns .btn .name{font-size:14px; color:#999;}
.footer_btn .btns .btn.hover .fa{color:#469cff;}
.footer_btn .btns .btn.hover .name{color:#469cff;}

.p2_tit2{margin: 10px auto; padding: 0 10px; overflow: hidden;}
.p2_tit2 .name{font-size: 16px; color: #333; border-left: 3px #498afe solid; line-height: 18px; padding: 0 10px; height: 18px; display: inline-block;}
.p2_sub_tit{border-top: 1px #e1e1e1 solid; border-bottom: 1px #e1e1e1 solid; text-align: center; font-size: 12px; padding: 10px 0; margin: 0 10px 10px;}

.p2_list2{overflow: hidden;}
.p2_list2 .item{position: relative; border: 1px #ddd solid; float: left; border-radius: 3px; overflow:hidden; width: 48%; margin:0 1% 10px;}
.p2_list2 .item .table-img{height:100%;background: #eee;}
.p2_list2 .item .img{width:100%; display:block;height:94px;}
.p2_list2 .item .sta{position: absolute; width: 34px; right:5px; top:5px; height: 14px; line-height: 14px; display:inline-block; text-align: center; font-size: 10px; color:#fff; border-radius: 2px; background: #ff6a07;}
.p2_list2 .item .sta.c2{ background: #0392fe;}
.p2_list2 .item .sta.c3{ background: #a4a4a4;}
.p2_list2 .item .info{ padding: 5px 5px 10px;}
.p2_list2 .item .info .time{font-size: 10px; color:#6b798e; line-height: 10px;  margin-top: 5px;}
.p2_list2 .item .info .name{font-size: 12px; color:#3a4145; font-weight: bold; line-height: 16px; height:32px; overflow: hidden;word-wrap: break-word; text-overflow: ellipsis;  display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.p2_list2 .item .info .com{font-size: 10px; color:#6b798e; line-height: 15px; height:15px; margin-top: 12px; overflow: hidden;word-wrap: break-word; text-overflow: ellipsis;  display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.sh_time_pr{position: relative;}
.sh_time{color: #fff; position: absolute; left: 0; right: 0; top: 0; text-align: center; padding: 10px; font-size: 14px; letter-spacing:2px}
.sh_time_bg{background: #2028a8;  opacity: 0.8; position: absolute; left: 0; right: 0; bottom: 0; height:40px;}
.sh_time span{background:#271F22; display: inline-block; padding: 2px; border-radius: 2px; margin-right: 2px}
.sh_sign {position: absolute; top: 40px; right: 0; left: 0; padding: 10px 0; text-align: center;}
.sh_sign .link {color: #fff;background: rgb(255,190,36);border-radius: 5px;padding: 5px 10px;margin: 0 10px;font-size: 14px;}

/*mine*/
.user_info{display: flex; padding:10px; position:relative;}
.user_info .img{min-width: 54px; max-width: 54px; height: 54px; border: 1px #e8e8e8 solid; border-radius: 50%; overflow: hidden;}
.user_info .img img{width: 100%; height: 100%;}
.user_info .info{padding:0 50px 0 10px; height:54px; display: table;}
.user_info .info .cell{display:table-cell; vertical-align: middle;}
.user_info .info .n{font-size: 15px; color: #343434; font-weight: bold; display: block;}
.user_info .info .m{font-size: 12px; color: #808080;}
.user_info .fa{ position:absolute; font-size: 1.5em; right:10px; line-height: 52px; color: #7f7f7f;}
.user_list{border-top:9px #f6f6f6 solid; padding: 0 10px;}
.user_list .item{border-bottom: 1px #e8e8e8 solid; padding: 6px 0; display:flex; position:relative;}
.user_list .item .icon{width:24px; height: 24px; margin-top:1.5px; float: left;}
.user_list .item .n{font-size: 14px; color: #343434; padding:0 40px 0 10px; line-height: 27px;}
.user_list .item .t{font-size: 14px; color: #343434; padding:0; line-height: 27px;}
.user_list .item .num{float: right; font-size: 14px; color: #7f7f7f;line-height: 27px;}
.user_list .item .fa{ position:absolute; right:0; line-height: 27px; color: #7f7f7f; font-size: 1.5em;}
.user_list .item .red_dot{background:red;right:25px; top:15px; width:12px; height:12px; border-radius: 50%; position: absolute;}
.mine_info .edit_form{overflow:hidden;}
.mine_info .edit_form .list{padding:0 10px;}
.mine_info .edit_form .list .item{border-bottom: 1px #e8e8e8 solid; padding: 8px 0; line-height: 24px; overflow: hidden;}
.mine_info .edit_form .list .item.nb{border-bottom: 0;}
.mine_info .edit_form .list .item .label{width: 90px; float: left;}
.mine_info .edit_form .list .item .label .n{font-size: 14px; color: #343434;}
.mine_info .edit_form .list .item .con{padding-left: 90px; line-height: 24px; font-size:14px; text-align:right; color:#666;}
.mine_info .edit_form .list .item .fa{line-height: 24px; color: #7f7f7f; font-size: 1.25em;}
.mui-input-group .mui-input-row{position: relative; border-bottom: 1px #ddd solid;overflow: hidden; padding:0 15px;}
.mui-input-group .mui-input-row label{width: 30%; float: left; line-height: 1.1;  padding: 15px 0;}
.mui-input-group .mui-input-row label .m-req{color:red;}
.mui-input-group .mui-input-row .mui-input{float: right; width:70%; height: 45px; line-height: 45px;font-size: 16px; outline: none; border: 0;}
.m-btn-box{margin: 15px; min-height: 50px;}
.m-btn-box .fixed{position: fixed; bottom: 0; left: 0; right: 0; padding:15px 15px 5px;z-index:1000;background:#fff;}
.m-btn-box .w8{float: left; width: 80%; padding: 0 5%;}
.m-btn-box .w5{float: left; width: 50%; padding:0 5%}
.m-btn-box .w4{float: left; width: 40%; padding:0 2%}
.m-btn-box .w3{float: left; width: 26%; padding:0 2%}
.m-btn-box .w2{float: left; width: 20%; padding:0 2%}
.m-btn-box .mui-btn-block{width: 80%;margin: 50px auto;}
.mui-btn{background-color: #007aff;color:#fff; padding: 10px 0; font-size: 18px; width: 100%; display: block; margin-bottom: 10px; text-align: center; border-radius: 3px; line-height: 24px; border: 0; outline: none;}
.mui-input-row .m-span{float: right; width: 70%; padding:10px 0; line-height: 30px; display: inline-block;}
.mui-input-row .m-btn{position:absolute; right:10px; top:10px; border-radius: 2px; font-size:14px; color: #fff;padding: 5px 10px;background: #33abff;}
.mui-input-row .m-btn.disabled{background:#ccc;}

/*ticket*/
.ticket_bg{background-color: #cd2131;}
.ticket .part_1{position: relative;}
.ticket .part_1 .bg{width: 100%; display: block;}
.ticket .part_1 .t_logo{position: absolute; top: 40px; right: 30px; width: 100px;}
.ticket .part_1 .t_logo img{width: 100%;}
.ticket .part_1 .t_txt{position: absolute; top:80px; left:50px; z-index: 100;}
.ticket .part_1 .t_txt p{font-size: 18px; color:#777;}
.ticket .part_1 .t_txt .info{ padding: 30px 0 20px;}
.ticket .part_1 .t_txt .info p{color:#000; line-height: 30px;}
.ticket .part_1 .t_img{position: absolute; bottom: 10px; left: 0; right: 0; text-align: center;}
.ticket .part_1 .t_img img{width: 80%;}
.ticket .part_2{margin: -1px auto;}
.ticket .part_2 img{width: 100%; display: block;}
.ticket .part_3{position: relative;}
.ticket .part_3 .bg{width: 100%; display: block;}
.ticket .part_3 .t_txt{position: absolute; top: 0; left: 30px; right: 30px; display: flex; justify-content: space-between;}
.ticket .part_3 .t_txt .code{width:64px; height: 64px; min-width: 64px; max-width: 64px; background-color: #bbb;}
.ticket .part_3 .t_txt .info{text-align: right; padding:0 0 0 5px;}
.ticket .part_3 .t_txt .info p{font-size: 14px; color:#000; line-height: 21px;}
.ticket .part_3 .t_txt .info p.c2{color:#1045c1;}

@media screen and (device-aspect-ratio: 2/3) {
	.ticket .part_3 .t_txt{left:20px;right:20px;}
	.ticket .part_3 .t_txt .info p{font-size: 12px; color:#000; line-height: 20px;}
}
@media screen and (device-aspect-ratio: 40/71) {
	.ticket .part_3 .t_txt{left:20px;right:20px;}
	.ticket .part_3 .t_txt .info p{font-size: 12px; color:#000; line-height: 20px;}
}

.sign_bg{background: #080846;}
.sign .part_1 .bg{width: 100%; display: block;}
.sign .part_2{position: relative;}
.sign .part_2 .bg{width: 100%; display: block;}
.sign .part_2 .t_form{position: absolute; top:0; left:0; right:0; padding: 0 20px;}
.sign .part_2 .t_form .group{overflow: hidden; text-align: center; margin-bottom: 40px;}
.sign .part_2 .t_form .group .input{height: 40px; line-height: 40px; border: 0; background-color: #fff; border-radius: 5px; width: 100%; padding: 0 10px; outline: none; font-size: 16px;}
.sign .part_2 .t_form .group .btn{background-color: #ffbf24; height: 38px; line-height: 38px; display: inline-block; text-align: center; font-size: 19px; font-weight: bold; color: #fff; border-radius: 16px; width: 100%;}

/**/
.top_search{height: 35px; background-color: #f4f4f4; position: relative;}
.top_search .fa{position: absolute; color:#666; line-height: 35px; left: 20px;}
.top_search .input{width: 100%; height: 100%; line-height: 35px; border: 0; background: none; text-align: center; font-size: 14px; outline: none;}
.com_info .info .s span i{background: #0063c8; display: inline-block; color:#fff; font-style: normal; margin-left: -5px; margin-right: 5px; font-size: 10px; padding-right: 2px; position: relative; top: 0; bottom: 0;}
.show_com_list .item{border-bottom: 1px #e8e8e8 solid;}
.show_com_list .item .goods{margin: 0 10px 10px; overflow: hidden;}
.show_com_list .item .goods .g_item{float: left; width: 31%; margin-right: 3%; height: 60px; background-color: #ddd;}
.show_com_list .item .goods .g_item:last-child{margin-right: 0;}

.news_list{padding:5px 10px; overflow: hidden;}
.news_list .item{border:1px #bdbdbd solid; border-radius: 3px; padding: 10px 0; display: flex; margin-top: 12px;}
.news_list .item .date{padding: 0 10px; border-right:1px #bdbdbd solid;}
.news_list .item .date .day{font-size: 12px; color: #196cff; text-align: center;}
.news_list .item .date .year{font-size: 15px; color: #999; text-align: center;}
.news_list .item .txt{padding: 0 10px; font-size: 13px; color:#343434; line-height: 1.4;}
.table{display: table; width: 100%; height:100%;}
.cell{display: table-cell; vertical-align: middle;}

/*about*/
.about_top{position: relative; overflow: hidden; background: url(../images/about_bg.png) top center no-repeat; background-size: cover;}
.about_top .info{float: left; padding: 25px 0 0 10px;}
.about_top .info .tit{font-size: 12px; color: #fff;}
.about_top .info .list{margin: 15px 10px; border-left: 1px #fff solid; padding-left: 10px; min-height: 60px;}
.about_top .info .list .item{position: relative; font-size: 12px; color: #fff; margin-bottom: 12px;}
.about_top .info .list .item span{display: inline-block; top: -1px; position: relative;}
.about_top .info .list .item::after{content: ""; position: absolute; left: -17px; top:0; z-index: 100; width: 8px; height: 8px; border-radius: 50%; border:2px #fff solid; background-color: #1d1f36;}
.about_top .info .list .item:last-child{ margin-bottom: 0;}
.about_top .form{clear:both; padding:15px;}
.about_top .form .group{margin-bottom: 10px;}
.about_top .form .input{height: 25px; width: 220px; float: left;margin-right: 5px; border-radius: 0; padding: 0 5px; outline: none; font-size: 12px;}
.about_top .form .btn{width: 60px; height:25px; font-size: 12px; color:#fff; background-color: #ffab18; border: 0; cursor: pointer;}
.about_top .form .btn:hover{background-color: #fba104;}

.show_news{overflow: hidden;}
.show_news .fc_list{padding: 0 10px;}
.show_news .fc_list .item{border-bottom: 1px #ebebeb solid; padding: 10px;}
.show_news .fc_list .item .flex{display: flex;}
.show_news .fc_list .item .point{width: 6px; min-width: 6px; height: 6px; margin-top: 5px; border-radius: 50%; display: inline-block; background: #f9a25b;}
.show_news .fc_list .item .txt{font-size: 12px; color:#797979; padding-left:10px; overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
