﻿
/*消除默认样式*/
body, ul, li, p, form, table, td, img, div, input{
	margin: 0;
	padding: 0;
}
body{
	font-size:14px;
	font-family: '微软雅黑';
	/*padding-top: 45px;*/
    margin-bottom: 85px;
}
img{
	border:none;
}
li{
	list-style:none;
}
input, select, textarea {
    font-size: 14px;
    outline: none;
    border: none;
    width: 65%;
}
/*文本框边框样式*/
input {
            background: none;
            outline: none;
            border: 0px;
        }
 /*商务政策搜索栏、筛选栏*/
.title_box {
            width: 100%;
            height: 45px;
            /*border-bottom: 1px solid #e5e5e5;*/
            background-color: #FFFFFF;
            color: #333;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: fixed;
            top: 0;
            z-index: 999999999999;
        }
.background_top {
           width: 100%;
            height: 45px;
            background-color: #FFFFFF;
            position: fixed;
            top: 0;
            z-index: 999999999999;
}
.title_box_one {
    width: 68%;
    height: 30px;
    border-radius: 7px;
    border: 1px solid #e5e5e5;
    background-color: #FFFFFF;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 14px;
    left: 14px;
    z-index: 999999999999;
        }
.title_box_search{
            width: 100%;
            height: 45px;
            border-bottom: 1px solid #e5e5e5;
            background-color: #FFFFFF;
            color: #333;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: fixed;
            top: 5px;
            z-index: 999999999999;
        }    
.input_text{
              width: 68%;
              height: 28px;
              padding-left: 6px;
   }
.input_text_search{
            width: 80%;
            border-radius: 5px;
    border: 1px solid #e5e5e5;
            padding-left: 10px;
   }
       /*input::-webkit-input-placeholder {
              color: black;
          }*/
.search_img {
            float: right;
            margin-right: 5px;
            width: 25px;
        }
#selected {
            width: 95%;
            height: 35px;
            background-color: #ffffff;
            color: black;
            /* 去掉三角 */
            appearance: none;
            -moz-appearance: none; /* Firefox */
            -webkit-appearance: none; /* Safari 和 Chrome */
            /* 去掉边框 */
            border: 0;
            display: block;
            font-size: inherit;
            position: relative;
            margin-left: 5px;
            padding: 0px 0px 14px 0px;
        }
.tittle_big {
    width: 100%;
    height: 21px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #FFFFFF;
}
/*底部分享返回导航栏背景*/
#bot {
    width: 100%;
    height: 45px;
    background-color: #ffffff;
    /*box-shadow: 0 -1px 0 #f2f2f3;*/
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999999;
}
#catalogue_bot{
    width: 84%;
    height: 38px;
    background-color: #ffffff;
    /*box-shadow: 0 -1px 0 #f2f2f3;*/
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 6;
}
/*图片自适应手机端*/
 .img_top{
            display: block;/*(可不加 banner可以用)*/
             height: auto;
            max-width: 100%;
            /*（或者width：100 %）;*/
        }
 .message_img {
     width: 15px;
     height: 15px;
     margin-top: 5px;
 }
 .top_image {
     width: 150px;
     height: 150px;
 }
 .bot_width {
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    padding: 0px 0 0px 0;
    box-shadow: 0 0 1px 1px #e5e5e5;
}
.bot_back {
    position: fixed;
    bottom: 0px;
    left: 37%
}
/*详情页底部分享*/
.footer {
    width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #fff;
	display: flex;
	justify-content: space-around;
	padding:6px 0 4px 0px;
	box-shadow: 0 0 1px 1px #ccc;
}
#catalogue_bot {
            width: 84%;
            height: 38px;
            background-color: #ffffff;
            /*box-shadow: 0 -1px 0 #f2f2f3;*/
            position: fixed;
            left: 0;
            bottom: 0;
            z-index: 6;
        }
/*详情页底部分享end*/

.middle_content {
    width: 100%;
    line-height: 2.611765;
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    border-bottom: 1px solid rgb(240,240,240);
}
.midle_content {
    width: 100%;
    line-height: 2.611765;
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}



/*底部菜单*/

 .footer_box {
            width: 100%;
            position: fixed;
            bottom: 0;
            background-color: #fff;
            display: flex;
            justify-content: space-evenly;
            flex-direction: row;
            padding: 6px 0 4px 0;
            box-shadow: 0 0 1px 1px #ccc;
        }

        .footer_icon {
            width: 25%;
            text-align: center;
        }

            .footer_icon img {
                width: 24%;
            }

        .footer_p {
            font-size: 14px;
        }

/*左右布局中文字以冒号对齐：*/
        label {
            float: left;
            text-align: right;
            width: 111px;
           color: rgb(165, 165, 165);
        }

        font {
            color: red;
        }

 .mesage {
            width: 100%;
            height: 35px;
            background-color: #efeff1;
        }
 /*文件上传样式修改*/
 /*文件上传样式*/
.mystyle {
width: 140px;
height: 35px;
position: relative;
cursor: pointer;
outline: medium none;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;

}
/*测试*/
.wrap{
                position:relative;
                overflow:hidden;
                margin-right:4px;
                display:inline-block;
                padding:4px 10px;
                line-height:18px;
                width: 220px;
                height: 33px;
                margin-left: 64px;
                margin-top: 20px;
                text-align:center;
                vertical-align:middle;
                cursor:pointer;
                background:rgb(244,142,141);
                border:1px solid #e5e5e5;
                /*border-radius:4px;*/
                /*-webkit-border-radius:4px;
                -moz-border-radius:4px;*/
            }
            .wrap span{             
                color:black;
                position: relative;
                top: 8px
            } 
            .wrap .file{
                position:absolute;
                top:0;
                right:0;
                margin:0;
                border:solid transparent;
                opacity:0;
                filter:alpha(opacity=0);
                cursor: pointer;
            } 