.fl{
    float: left;
}
.fr{
    float: right;
}
.fix::after{
    content: "";
    display:table;
    clear: both;
}
body{
    background-color: #F9FAFE;
}
.container{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.bgcon{
    width: 100%;
}
.tb {
    position: relative;
}
.tb .logo{
    position: absolute;
    width: 40%;
    left: 29%;
    top: 15px;
}
.tb img{
    width: 100%;
}
.con{
    width:100%;
    position: absolute;
    top: -70px;
}
div.containter{
    margin:0 auto;
}
.sec1{
    width: 100%;
    padding:30px 10px;
    background: #fff;
}
.bsfw p{
    width: 95%;
    margin: 0 auto;
    background: url(../images/po.png) no-repeat left center;
    padding-left:30px;
    height:60px;
    font-size:24px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(0,0,0,1);
    line-height:60px;
    border-bottom: 1px solid #E1E1E1;
}
.bsfw span{
    color:#328BF6;
    font-style: italic;
    padding: 0px 10px;
}

/**
 * 满意度共用部分
 */
 .myd{
    width:90%;
    margin:0 auto;
}
h3{
    width:15%;
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(102,102,102,1);
    float: left;
 }
.myd-tab-title{
    width:85%;
    float: left;
}
.myd-tab{
    height:120px;
    line-height:120px;
}
.myd-tab-title>li{
    width:33%;
font-size:20px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(0,0,0,1);
padding-left:75px;
float: left;
}
.xxqk-con{
    width:100%;
    border:1px solid #ddd;
    border-radius:6px;
    height: auto;
}
  .myd-tab-title li.tab-current {
    background: url(../images/bg.png) no-repeat left center;;
    background-size:60%;
  }

.myd-tab-title2{
    width:85%;
    float: left;
}
.myd-tab{
    height:120px;
    line-height:120px;
}
.myd-tab-title2>li{
    width:33%;
font-size:20px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(0,0,0,1);
padding-left:75px;
float: left;
}
.xxqk-con{
    width:100%;
    border:1px solid #ddd;
    border-radius:6px;
    height: auto;
}
  .myd-tab-title2 li.tab-current {
    background: url(../images/bg.png) no-repeat left center;;
    background-size:60%;
  }  
  
.gr-qb span{
    appearance:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    outline: none;
    width: 15%;
    height:45px;
    line-height:45px;
    padding: 0px 0px 0px 30px;
    background:#fff;
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(0,0,0,1);
    border-radius:6px;
}

.gr-qb dl{
	color: red;
	font-size: 14px;
	line-height: 50px;
}

.gr-qb select option { 
    padding: 0px 30px;
    white-space:wrap;
 }
 .gr-qb img{
    position: absolute;
    left:120px;
    top:20px;
 }
  .gr-qb{
    width:100%;
    height:50px;
    position: relative;
    border-bottom: 1px solid #ddd;
} 
.myd-tab-content{
	display: none;
    height:180px;
    overflow-y: scroll;
}
.xxqk{
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(102,102,102,1);
    padding:20px;
}
.myd-tab-content > .xxqk {
    display: none;
}
.sec2{
    width: 100%;
    margin-top:40px;
    padding:30px 10px;
    background: #fff;
}
.choose-con{
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(102,102,102,1);
    padding:20px;
}
.myd-tab-content>.choose-con{
    display: none;
}
.myd-tab-content div.tab-show {
    display: block !important;
}
/* 以下服务 */
.qtfw{
    width:91%;
    margin:0 auto;
    padding-top:30px;
}
.qtfw li{
    position: relative;
    float: left;
    width:23%;
    height:165px;
    margin:10px;
    color:rgba(51,51,51,1);
    background-color: #F6F5FA;
}
.qtfw i{
    position:absolute;
    top:28%;
    left:40%;
    font-size: 50px;
    color: #3372DC;
}
.qtfw span{
    position:absolute;
    bottom:22%;
    left:34%;
    width:75px;
    height:19px;
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    line-height:36px;
    text-align: center;
}
.qtfw .on{
	color: #000;
	border:1px solid #3372dc;
}
.qtfw li {
	text-align: center;
	padding-top: 40px;
}
.qtfw li img{
	width: 80px;
	height: 60px;
	text-align: center;
}

/*.qtfw li:hover{
    color: #000;
	border:2px solid #3372dc;
}*/
.qtfw li:hover i,.qtfw li:hover i{
    color: #fff;
    background-color:#3372DC;
}
.sec3{
    width: 100%;
    margin: 0 auto;
    margin-top:40px;
    padding:30px 10px;
    background-color: #fff;
}
/* 提交评价 */
.sec3 .btn{
    margin: 20px auto;
    width:48%;
}
.btn .qx,.btn .sub{
    float: left;
    margin:12px;
    width: 250px;
    height:60px;
    line-height:60px;
    font-size:24px;
    color:#949494;
    text-align: center;
    background-color: #ddd;
	cursor:pointer;
}

.btn .btnsub{
    color:#fff;
    background-color:#3372DC;
}

.btn .qx:hover,.btn .sub:hover{
    color:#fff;
    background-color:#3372DC;
}
.sec3 p{
    color:red;
    text-align: center;
}


.textarea{
	border:1px solid #DDDDDD;
	border-radius: 0 0 6px 6px;
	width:100%;/*自动适应父布局宽度*/
   overflow:auto;
   word-break:break-all;
   font-size: 14px;
}
.textarea::-webkit-input-placeholder {
        color: #ccc;
}
.textarea::-moz-input-placeholder {
color: #ccc;
}
.textarea::-ms-input-placeholder {
color: #ccc;
}



/* 响应式设计 */

@media screen and (min-width: 767px) and (max-width: 1199px) {
    .container{
        width: 100%;
    }
    .bgcon .tb{

    }
    .con{
        top: 0;
    }
    .sec1,.sec2,.sec3{
        width:100%;
    }
    .sec1 {

    }
    .qtfw li {
        width: 22%;
    }
    .sec3 .btn {
        width: 56%;
    }
	.textarea{
		width: 100%;
		border:1px solid #DDDDDD;
		border-radius: 0 0 6px 6px;
	}
	
}
@media screen and (max-width: 767px) {
    .container{
        width: 100%;
    }
    .con{
        top: 0;
    }
    .sec1,.sec2,.sec3{
        padding: 10px;
    }
    .sec2,.sec3{
        margin-top: 20px;
    }
    .bsfw p{
        width: 100%;
        font-size: 16px;
    }
    .myd{
        width: 100%;
    }
     h3{
        width: 100%;
        font-size: 16px;
    }
    .myd-tab-title {
        width:100%;
    }
    .myd-tab {
        height:100px;
        line-height:50px;
    }
    .myd-tab-title li.tab-current {
        background-size: 100%;
    }
     .myd-tab-title>li {
        padding-left: 36px;
        font-size: 15px;
    }
	
	.myd-tab-title2 {
	    width:100%;
	}
	.myd-tab {
	    height:100px;
	    line-height:50px;
	}
	.myd-tab-title2 li.tab-current {
	    background-size: 100%;
	}
	 .myd-tab-title2>li {
	    padding-left: 36px;
	    font-size: 15px;
	}
	
    .gr-qb select {
        width: 40%;
        font-size: 16px;
    }
    .qtfw {
        width: 100%;
        padding-top: 10px;
    }
    .sec3 .btn {
        width: 100%;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .qtfw li{
        width: 49%;
        height: 120px;
        margin: 0 2% 10px 0;
        padding-top: 15px;
    }
    .qtfw i{
        height: 53px;
        font-size: 38px;
        text-align: center;
        display: block;
        position: inherit;
        top: 0;
        left: 0;
    }
    .qtfw span{
        position: inherit;
        bottom:0;
        left:0;
        display: block;
        width: 100%;
        height: auto;
    }
    .qtfw li:nth-child(even){
        margin-right: 0;
    }
    .btn .qx, .btn .sub{
        float: none;
        width: 100%;
        height: 50px;
        line-height: 50px;
        margin: 0 0 10px 0;
        font-size: 18px;
    }
	.textarea{
		width: 100%;
		border:1px solid #DDDDDD;
		border-radius: 0 0 6px 6px;
	}
	.gr-qb span{
		width: 100%;
	}
	.gr-qb dl{
		color: red;
		font-size: 14px;
		line-height: 20px;
		width: 65%;
		float: right;
		margin-top: -40px;
	}
	.gr-qb span{
		padding-left: 20px;
	}
	.gr-qb img{
		left:100px;
	}
}
@media screen and (min-width: 375px) and (max-width: 420px) {
    .myd-tab-title>li {
        padding-left: 50px;
    }
	.myd-tab-title2>li {
	    padding-left: 50px;
	}
}
@media screen and (max-width: 320px) {
	.gr-qb dl{
		color: red;
		font-size: 13px;
		line-height: 20px;
		width: 68%;
		float: right;
		margin-top: -40px;
	}
	.gr-qb span{
		padding-left: 5px;
	}
	.gr-qb img{
		left:80px;
	}
    .myd-tab-title>li {
        padding-left: 36px;
    }
	.myd-tab-title2>li {
	    padding-left: 36px;
	}
}