html,body{ background:#fff; width:100%; height:100%;}
.mui-content{background: none !important;}
.title_txt{ color: #444; font-weight: normal;}
.empty{ margin: 0 !important; padding: 0.2rem !important;}
.txt01{ display: table; width: 100%; margin: 0 auto; text-align: center; font-size: 0.8rem;}
.pic01 img{ width: 20%; height: auto; margin:2rem auto; display: table;}
.pic02 img{ width: 30%; height: auto; margin:3rem auto  2rem auto; display: table;}
.pic03 img{ width: 70%; height: auto; margin:1rem auto; display: table;}
.pic04 img{ width: 40%; height: auto; margin:0 auto; display: table;}
.pic05 img{ width: 100%; height: auto; margin:0 auto; display: table; padding: 0;}
.gray{ color: #555;}
.gray01{ color: #aaa;}
.red{ color: #fe8e7f;}
.white{ color: #fff; }
.blue{ color: #0792fd;}
.green{ color: #34bfb0;}
.yellow{ color: #f8af01;}
.blue_bg{ background: #3e65ca !important; color: #fff !important; border: 0.01rem solid #3e65ca !important; }
.white_bg{ background: #fff !important; color: #3e65ca !important; border: 0.01rem solid #3e65ca !important; }
i{ font-style: normal;}
li{ list-style: none;}
.f_left{ float:left;}
.f_right{ float: right;}
.blank{ width: 100%; height:3rem;}
.blank01{ width: 100%; height:1rem;}
.noborder{ border: none !important;}
.all_btn{ margin: 0.5rem auto; width: 100%; padding:0.8rem;}
.all_btn span{ font-size: 1.3rem !important;}
.all_btn01{ margin:0.5rem; width: 40%; padding:0.8rem;}
.all_btn02{ margin:0 0.5rem 0.5rem 0.5rem; width: 30%; padding:0.5rem 0.3rem; }
.all_btn03{ margin:0 0.2rem 0.5rem 0.2rem; width:28%; padding:0.5rem 0.3rem; }
.all_btn04{ margin: 0.5rem auto; width: 90%; padding:0.8rem;}
.all_btn04 span{ font-size: 1.3rem !important;}
.line01{ width: 85%; height: 1px; border-bottom: 1px dashed #ddd; margin:-0.5rem auto  0.5rem auto;}
.line02{ width: 100%; height: 1px; border-bottom: 1px dashed #ddd; margin:0.5rem auto;}

/*header{ background: #3e65ca !important; color: #fff !important; box-shadow:none !important;}*/
header p{ color: #fff !important; }
header a{ color: #fff !important; padding:10px 0; margin: 0 0 0 10px;}
header h1{ color: #fff !important; font-weight: normal !important; width: 50% !important; margin: 0 auto !important;}

.foot{background:#3e65ca !important; color: #fff !important; line-height:36px; height:36px; text-align:center; font-size:0.7rem; box-shadow:none !important;}

.tea_bg{ background: url(../img/topbg.html) no-repeat left top #3e65ca; background-size:100% 100%;  padding:0.8rem;}
.tea_bg p{margin: 0 auto; text-align: center;}
.tea_bg .tea_pic{ width:70px; height:70px; border-radius: 80px; margin: 0 auto; overflow: hidden; background: #fff; padding: 0;}
.tea_bg .tea_pic img{ width:100%; height:auto; }
.tea_bg .tea_name { margin: 0.3rem auto;}
.tea_bg .tea_name b{ font-weight: normal; font-size:0.8rem; display:block; line-height:20px; padding:0 !important; }
.tea_bg .tea_name i{  display:block; font-style:normal; color:#a0b9f9; font-size:0.7rem; line-height:14px; padding:4px 12px !important;margin:5px auto 0 auto; }
.tea_bg .tea_name a{  display:table; margin:5px auto 0 auto; font-style:normal; color:#03edfc !important; border:1px solid #03edfc; border-radius:80px; font-size:0.7rem; line-height:14px; padding:3px 12px !important; text-align:center;}

.nine{ margin-bottom: 4rem !important; background: #fff !important;}
.nine .mui-media-body{ font-size: 0.8rem !important; color: #666 !important;}
.nine .mui-badge{ position: absolute; top: 0.8rem; right: 1.2rem; z-index: 99; display: block;}
.nine span{ font-size: 1.5rem;}

.item{ margin-top: 1rem; padding:0.5rem 1rem; min-height:100px; width:100%; overflow: hidden; background: #fff;}
.title{ border-bottom: 1px solid #e8e8e8; width: 100%; padding:0.5rem 0.1rem; line-height: 1.6rem; overflow: hidden; color: #666; }
.title i{ vertical-align: middle; margin:-0.1rem 0.2rem 0 0; }
.tea_xinxi { padding: 0 0 0 1rem;}
.tea_xinxi li{ margin-bottom: 0.8rem;}
.tea_xinxi i{ font-style: normal; display: inline-block; color: #999; font-size: 0.9rem; width:25%; vertical-align: top;}
.tea_xinxi span{ font-style: normal; display: inline-block; color: #555; font-size: 0.9rem; width:75%;vertical-align: top;}
.tea_xinxi input{ width: 70%; vertical-align: middle; display: inline-block; margin-top:-0.7rem; border: 1px solid #e6e6e6;font-size: 0.8rem;color:#777 !important;padding:0.5rem;border-radius: 4px; }
.tea_xinxi a{ width: 70%; vertical-align: middle; display: inline-block; margin-top:-0.7rem; border: 1px solid #e6e6e6; color:#777; padding:0.5rem; font-size:0.8rem; border-radius: 4px;}
.tea_xinxi select{ width: 70%; vertical-align: middle; display: inline-block; margin-top:-0.7rem; border: 1px solid #e6e6e6 !important; color:#777; padding:0.5rem; font-size:0.8rem; border-radius: 4px;}
.tea_xinxi textarea{ width: 70%; vertical-align: middle; display: inline-block; margin-top:-0.7rem; border: 1px solid #e6e6e6 !important; color:#777; padding:0.5rem; font-size:0.8rem; border-radius: 4px;}
.tea_tab { width: 100%;}
.tea_tab input[type="checkbox"]{ border: 1px solid #ddd;}
.tea_tab tr th{ background: #eaf8f7; line-height: 2.5rem; text-align: center; color: #34bfb0; font-size: 0.9rem; font-weight: normal;}
.tea_tab tr td{ background: #fff; border-bottom: 1px solid #eee; line-height: 2.5rem; text-align: center;font-size: 0.9rem; font-weight: normal; color: #666;}
.tea_tab tr td i{ width: 1.2rem; height: 1.2rem; border-radius: 60px; background: #34bfb0; text-align: center; color: #fff; line-height: 1.2rem; font-size: 1.3rem; font-weight: bold;}
.tea_jl{ padding: 0.5rem; line-height: 1.6rem;}

.my_list{ padding: 0 !important; margin:0;}
.my_list:before {background: none; }
.my_list li{  border: none; padding: 0.8rem 1rem; margin: 0; position: relative;}
.my_list li a{ font-size: 0.9rem; color: #555; }
.my_list:after{ background: none; }
.my_list li:after{ background: #d5d5d5; left: 0;}
.my_list li a span{ margin:0.4rem 0.4rem 0 0; font-size: 1.6rem; float: left; }
.my_list li i{font-size: 0.7rem; color: #aaa; display: block; padding: 0; line-height: 1rem;}
.my_list li b{font-size: 0.95rem; color: #555; font-weight: normal;}

.login{padding:0; width:70%; margin:0 auto; position:absolute; top:28%; bottom:0; left:0; right:0;}
.login select{box-shadow: none; border-radius: 0; padding: 0.2rem 0.7rem 0.2rem 0.1rem; font-size: 0.8rem; color:#4d6dc2 !important; background:none; margin: 0 !important; width: 80%;}
.login input{ box-shadow: none; border-radius: 0; border: none;  padding: 1.3rem 0.7rem 1.3rem 0.1rem; font-size: 0.8rem; color:#8da6e9 !important; background: none;margin: 0 !important;width:70%;}
.login_btn{ margin:1rem auto !important; width:98% !important; padding:0.7rem 0 !important; background: #fff; border:1px solid #fff; font-size:0.75rem; color: #3d65ca; float: none !important;}
.login span{ font-size:1.3rem;color:#92adf3 !important; display: inline-block; float:right; margin:0.7rem 0.2rem 0 0 !important; padding:0 !important;}
.login .yzm{ font-size:0.6rem;color:#c0d2ff !important; display: inline-block; float:right; margin:0 !important; text-align:center; padding:0.1rem 0.7rem !important; background:none; border:1px solid #8eaaf1; border-radius:80px; margin:5px 0 0 0 !important;}
.login .login_item{border-bottom:1px solid #92adf3; padding: 0 !important;margin: 1rem auto;}
.login input::-webkit-input-placeholder { font-size:0.8rem; color:#92adf3;}

.address{padding:0; width:80%; margin:0 auto;}
.address input{ box-shadow: none; border-radius: 0; border: none;  padding: 1.3rem 0.7rem 1.3rem 0.1rem; font-size: 0.8rem; color:#777 !important; background: none;margin: 0 !important;width:100%;}
.address_btn{ margin:0 auto 1rem auto !important; width:98% !important; padding:0.9rem 0 !important; background: #f37442; border:1px solid #fff; font-size:0.75rem; color: #fff; float: none !important;}
.address .address_item{border:1px solid #eee; background:#f9f9f9; padding:0 0.5rem !important;margin: 1rem auto; border-radius:3px;}
.address input::-webkit-input-placeholder { font-size:0.8rem; color:#999;}

.sy_tabsbg{ width: 100%; padding: 0;  background: #fff; margin-bottom: 1rem; text-align: center; border-bottom:1px solid #eee; height:44px; z-index:999;}
.sy_tabs{ width:100%;}
.sy_tabs select{display: inline-block; width: auto; vertical-align: top; margin: 0; padding: 0; font-size: 0.9rem !important;}
.sy_tabs i{ font-size: 0.8rem;  display: inline-block; vertical-align: middle;}
.sy_tabs a{ text-align: center; padding: 0.7rem 0; color: #555; font-size: 0.8rem;}
.sy_tabs .active{ border-bottom:2px solid #5582f5 ;}

.home_list{ background: none; padding:0 0.5rem;}
.home_list:before,.home_list:after{ background: none; }
.home_list li{ margin:0.7rem 0 0 0; background: #fff; border-bottom: 1px dashed #ddd;}
.home_list li:after{ background: none !important; }
.home_list a{ padding:0 0 0.8rem 0 !important; white-space:normal !important;}
.home_list a img{ width:30% !important; height: 100px; margin-right: 0.6rem;}
.home_list b{ padding-bottom: 0.2rem; font-weight: normal;vertical-align: middle; font-size: 0.9rem; color:#555 !important;display:block; }
.home_list a span{ padding-bottom: 0.2rem;  font-size: 0.75rem; line-height:1.2rem; display:block; color:#888; width:100%; }
.home_list a i{ font-size: 0.75rem; line-height: 1rem; display:block; color:#ccc;}

.select01{ text-align: center; width:100%; margin:0 auto; padding:0; border-radius: 5px; height:44px; border-radius:0;}
.select01 select{ width:90%;background:#fff;margin:0 auto 1rem auto !important; padding: 10px 0 10px 1rem; display: table; vertical-align: middle; color: #666 !important;}
.select01 cite{ float: right; margin:-2.8rem 1.8rem 0 0 !important; display: block;vertical-align: middle;  font-size: 1rem !important; padding:0 !important; }

.right_list{ padding: 0 !important; margin:0 !important;}
.right_list:before {background: none; }
.right_list li{  border: none; padding: 0.8rem; margin: 0;}
.right_list li a{ font-size: 0.9rem; color: #666 !important; }
.right_list:after{ background: none; }
.right_list li:after{ background: #d5d5d5; left: 0;}
.right_list li a span{ margin-right: 0.3rem; vertical-align: middle; }

.user{ margin:0 !important; padding:0 0 1rem 0 !important; border: none; border-bottom: 1px solid #eee !important;}
.user:before{ background: none !important;}
.user:after{ background: none !important;}
.user .mui-media-body{ font-size: 0.95rem !important; color: #555 !important;}
.user p{ font-size: 0.75rem !important; color: #aaa !important;}
.off_close{margin: 0.5rem auto; padding:0.8rem;  color:#999; text-align: center; font-size:2rem !important; display: table;}

.table01{ width: 100%; border: none !important;}
.table01 thead tr th{ background: #f1f1f1; text-align: center; color: #555; font-size: 0.8rem; padding: 0.6rem 0; font-weight: normal;border: 1px solid #e3e3e3; }
.table01 tbody tr td{ text-align: center; color: #777; font-size: 0.8rem; padding: 0.6rem 0; font-weight: normal; border: 1px solid #eee; }
.table01 .mui-switch{ margin: 0 auto;}

.bottom_btn{ width: 100%; text-align: center; padding: 1rem 0;}
.bottom_btn a{ margin: 0 0.3rem; padding: 0.5rem 1.8rem;}

.banquan{ font-size: 0.75rem; display: block; color:#7896e1;  width: 100%; margin: 0 auto; text-align: center; padding:1rem 0 0.5rem 0; z-index: 999; }