*{margin:0;padding:0;}
body{color:#000;font-size: 16px;}
a img{border: 0;}
a{text-decoration: none;}
img{max-width: 100%;height:auto;display: block;}
.main{max-width: 750px;width: 100%;margin: 0 auto;}
.menu{overflow: hidden;display: flex;}
.menu a{width: 25%;height: 38px;line-height: 38px; text-align: center;color: #fff;background: #008cd4;display: inline-block;margin: 0 1px;}
.img{overflow: hidden;}
.main_in{padding: 15px;background: #2a7fcf;overflow: hidden;}
.card{padding: 15px;background: #fff;overflow: hidden;margin-bottom: 15px;border-radius: 10px;}
.title{text-align: center;line-height: 1.5;overflow: hidden;display: flex;align-items: center;justify-content: center;font-size: 15px;margin-bottom:15px;color: #008cd4;font-weight: bold;}
.title span{position: relative;}
.title img{height:15px;}
.item_box{padding: 10px 0;overflow: hidden;}
.item{width: calc( 25% - 14px );border-radius:5px;height: 28px;line-height: 28px; text-align: center;font-size:14px;color: #fff;background: #008cd4;display: inline-block;margin: 0 5px 10px 5px;}
.item1_box{padding: 10px 0;overflow: hidden;}
.item1{width: calc( 33.33% - 14px );border-radius:5px;height: 28px;line-height: 28px; text-align: center;font-size:14px;color: #fff;background: #008cd4;display: inline-flex;margin: 0 5px 10px 5px;align-items: center;justify-content: center;}
.item1 img{ width: 15px;margin-right: 3px;}
.item2_box{padding: 10px 0;overflow: hidden;}
.item2{width: 100%;display: flex;align-items: center;margin-bottom: 15px;color: #000;font-size:14px;line-height: 1.4;overflow: hidden;}
.item2 span{height: 32px;margin-right: 10px;border-radius: 15px;color: #fff;background: #008cd4;font-size: 14px;white-space: nowrap;width: 100px;display: inline-flex;align-items: center;padding: 0 5px;}
.item2 span img{ width: 15px;margin-right: 3px;}
.item3_box{background: #eaf4ff;border-radius: 5px;padding: 10px;overflow: hidden;margin-bottom: 15px;position: relative;}
.tag{width: 50px;height: 50px;background: url(../images/line3.png) no-repeat top left;background-size: contain; font-size: 14px;color: #fff;position: absolute;left: 0;top:0;}
.tag span{transform: rotate(-53deg);display: block;position: absolute;bottom: 24px;left: -5px;}
.item3{padding: 10px;overflow: hidden;border: 1px solid #c7d6e8;border-radius: 5px;}
.item3_a{width: 27%;float: left;overflow: hidden;color: #000;font-size: 18px;line-height: 1.5;text-align: center;font-weight: bold;}
.item3_b{width: 42%;float: left;overflow: hidden;color: #000;font-size: 12px;line-height: 1.4;}
.item3_c{width: 25%;padding:15px 1% 15px 1%;float: right;overflow: hidden;border-left:1px dashed #c7d6e8;}
.item3_c p{font-size: 30px;color:#f00;font-weight: bold;position: relative;text-align: center;}
.item3_c p .small{border-radius: 50%;width: 18px;height: 18px;line-height: 18px;background: #f00;text-align: center;font-size: 12px;color: #fff;position: absolute;right: -3px;bottom: -3px;border: 2px solid #efefef;}
.item3_c .del{font-size: 12px;color:#000;text-decoration: line-through;}
.desc{padding: 5px;border-radius: 3px;background: #efefef;text-align: center;font-size: 15px;color: #717171;font-weight: bold;margin-bottom: 15px;}
.chat{overflow: hidden;}
.chat_item{margin-bottom: 15px;overflow: hidden;}
.chat_item img{width:50px;height: auto;float: left;margin-right: 10px;}
.chat_item p{float: left;width: 60%;background: #2a7fcf;color:#fff;font-size: 14px;line-height: 1.4;padding: 5px;border-radius: 5px;}
.banquan{background: #fff;font-size: 12px;color: #1d1d1d; text-align: center;padding: 10px 0;}
.space50{height: 100px;overflow: hidden;}
.biaodan{    width: 100%;
    left: 0;position: fixed;bottom: 0;padding: 10px;background: #f1ede2;z-index: 10;display: flex;align-items: center;}
.biaodan input{width: 40%;height: 32px;line-height: 32px;border: 1px solid #dedede;color: #333;font-size: 16px;background: none;}
.biaodan_btn1{padding: 3px 10px;border-radius: 5px;background: #1c80db;color:#fff;font-size: 16px;margin: 0 3px;height: 28px;line-height: 28px;}
.biaodan_btn2{padding: 3px 3px;border-radius: 5px;background: #e76d00;color:#fff;font-size: 16px;margin: 0 3px;height: 28px;line-height: 28px;}
.float_a{position: fixed;top:25%;right: 0;z-index: 10;}
.float_a a{display: block;}
.float_a img{ width: 120px;height: auto;}
.float_b{position: fixed;bottom:15%;right: 0;z-index: 10;}
.float_b a{display: block;margin-bottom: 10px;}
.float_b img{ width: 60px;height: auto;}