*,*:before,*:after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
html,body{overflow: auto;height:100%;-webkit-overflow-scrolling: touch;}
body,button, input, select, textarea{font:14px/1.5 "Microsoft YaHei",Arial,Verdana,"sans-serif"!important;
color: #4A4A4A; background-color: #FFFFFF;word-break:break-all;word-wrap:break-word;text-align:justify;text-justify:inter-ideograph;}
img{vertical-align: middle;color:#c6c6c6;text-align:center;}
p,body{margin: 0;padding: 0;font-size: 14px;}
ul,li {list-style:none;padding: 0;margin: 0;}
.clearfix:after{display: block;visibility: hidden;font-size: 0;content:" ";clear: both;height: 0;}
.clearfix{zoom:1;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.pr{position: relative;}
.pa{position: absolute;}
.vm{vertical-align: middle;}
.tc{text-align: center;}
.display_n{display: none;}
.display_b{display:block;}
a {
    color: #337ab7;
    text-decoration: none;
}
a {
    background-color: transparent;
}

a, a:focus, a:active {
    outline: none!important;
}
a,a:hover{text-decoration: none;}
html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
*,*:before,*:after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
/*去掉iOS阴影*/
input,textarea{
　　border: none;
    outline: none;
    -webkit-appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mt5{margin-top: 5px;}
/* 新建反馈 */
.nav_fk{background: #FFFFFF;position: fixed;top: 0;left: 0;width: 100%;z-index: 10;}
.nav_fk li{width: 50%;float: left;text-align: center;position: relative;cursor: pointer;padding: 14px 0;font-size: 18px;}
.nav_fk li::after{content: '';position: absolute;background: transparent;width: 100px;height: 2px;left: calc(50% - 50px);bottom: 0;}
.nav_fk li.onactive::after{background: #BF7961;}
.item {display:none;}
.display_n{display:none;}
.onitem {display:block !important;}
#conBox{margin-top: 53px;padding: 15px;}
.title_fk{font-size: 16px;font-weight: 600;}
.title_fk span{font-size: 13px;color: #9b9b9b;font-weight: 400;}
.text_fk{border: 1px solid #F0F0F0;border-radius: 4px;margin-top: 5px;resize: vertical;display: block;padding: 8px 10px;width: 100%;min-height: 180px;font-size: 15px!important;}
.num_shuru{bottom: 7px;right: 10px;color: #9b9b9b;font-size: 13px;}
.upload_fk{width: 60px;height: 60px;float: left;background: url(https://www.jiankangle.com/csm/image/addImg1.png) no-repeat;background-size: 100% 100%;}
.delete_fk{background: url(https://www.jiankangle.com/csm/images/home/red_close.png) no-repeat;background-size: 15px 15px;width: 15px;height: 15px;position: absolute;top: -4px;right: -5px;}
.upimg_fk img{width: 60px;height: 60px;}
.upimg_fk{margin-right: 10px;position: relative;}
.tel_num{border: 1px solid #F0F0F0;border-radius: 4px;padding:10px;font-size: 15px!important;width: 100%;margin-top: 5px;}
.sumbit_fk{background: #BF7961;color: #FFFFFF;font-size: 16px!important;width: 280px;line-height: 40px;height: 40px;text-align: center;border: none;border-radius: 20px;margin:40px 0;}
/* 历史反馈 */
.list_fk{border-top: 1px solid #F0F0F0;border-bottom: 1px solid #F0F0F0;padding: 15px 0;font-size: 15px;margin-bottom: -1px;}
.list_fk a{background: #CA3A32;color: #FFFFFF;padding: 3px 9px;font-size: 14px;float: right;border-radius: 14px;text-decoration: none;margin-top: -2px;}
/* 反馈详情 */
.info_fk{padding: 10px 0;}
.info_fk div{font-size: 16px;font-weight: 600;}
.info_fk p{font-size: 15px;margin: 10px 0;}
.info_fk div span{font-weight: 400;}
.btn_fk{position: fixed;z-index: 1;bottom: 60px;left: 35px;width:calc(100% - 70px);}
.btn_fk a{background: #65A4DE;color: #FFFFFF;font-size: 16px!important;width:40%;line-height: 40px;height: 40px;text-align: center;border: none;border-radius: 20px;}
#msg{
    width: auto;
    padding: 5px 15px;
    border-radius:4px;
    text-align: center;
    position: fixed;
    top: 70px;
    color: #fff;
    background-color: #000;
    z-index: 9999999;
    display:none;
}
.font_orange{color: #fe952c!important;}
.loading_mobile{background: #000000;opacity: 0.5;position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 100;}
.loading_mobile span{position: fixed;top:50%;left: 50%;margin-top:-30px; margin-left:-30px; background: url(../image/loading.gif) no-repeat;background-size: 60px 60px;height: 60px;width: 60px;}
input[readonly],textarea[readonly] {
    background: gainsboro;
}
.inputborder{border:none!important;border-bottom:1px solid #e8e8e8!important;width:120px!important;}
.cp{cursor: pointer;}

.select_style {
    width: 100%;
    border: 1px solid #F0F0F0;
    height:44px;
    margin-top:5px;
    outline: none;
    border-left: 5px solid #4FA0DE;
    background-color:#fff;
}

.select_style select {
    -webkit-appearance:none !important;
    border-radius:0;
    background-color:#FAFAFA;
    background-position:100% center;
    background-repeat:no-repeat;
    border-style:solid;
    border-width:1px;
    border-color:#cccccc;
    padding:0.5rem;
    font-size:0.875rem;
    font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    color:rgba(0,0,0,0.75);
    line-height:normal;
    border-radius:0;
    height:2.3125rem;
}
.select_style select::-ms-expand {
    display:none;
}
.select_style select:hover {
    background-color:#f3f3f3;
    border: 1px solid #F0F0F0!important;
    border-left: 5px solid #4FA0DE!important;
}
.select_style select:disabled {
    background-color:#DDDDDD;
    cursor:default;
}

.select_style select:focus-visible {
    background-color:#f3f3f3;
    border: 1px solid #F0F0F0!important;
    border-left: 5px solid #4FA0DE!important;
}

input[type="checkbox"], input[type="radio"] {
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: relative;
    overflow: visible;
    border: 0;
    background: 0 0;
    -webkit-appearance: none;
    outline: 0;
    margin: 0!important;
    vertical-align: middle;
}

input[type="checkbox"]:before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/unchecked.png) no-repeat;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
}



input[type="checkbox"]:checked:before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/checked.png) no-repeat;
    width: 18;
    height: 18px;
    background-size: 100% 100%;
    margin: 0;
}

.answer_tk{color: #8e8e8e;}


.bgwhite{background: #fff;border: 1px solid #e1e1e1;border-radius: 2px;}
.p-menzhen{background: #EBF5E5;border-radius: 5px;border: 1px solid #9DD281;color: #5DB42F;padding: 0 10px;line-height: 22px;height: 22px;}
.p-zhuyuan,.p-yiwancheng{background: #E8EFFD;border-radius: 5px;border: 1px solid #90B3F7;color: #4781F3;padding: 0 10px;line-height: 22px;height: 22px;}
.three-one{width: 33.3%;border-right: 1px dashed #e1e1e1;}
.three-one:last-child{border-right: none;}
.four-one{width: 25%;border-right: 1px dashed #e1e1e1;}
.four-one:last-child{border-right: none;}
.p-chulizhong{height: 22px;padding: 0 10px;line-height: 22px;color: #12aa40;display: inline-block;border-radius: 5px; background: #e0f9e7;border: 1px solid #a3e3a3;}
.title-time{position: relative;padding-left: 10px;}
.title-time:before{content: '';width: 4px;height: 20px;position: absolute;left: 0;top: 0;background: linear-gradient(180deg,rgba(51,158,255,0.00) 0%, #339eff);}
.stepbar{font-size: 16px;color: #000000;position: relative;margin-left: 60px;}
.stepbar::after{content: '';width: 56px;height: 1px;border: 1px dashed #000000;position: absolute;top: 11px;left: -60px;}
.stepbar:first-child{margin-left: 0;}
.stepbar:first-child::after{width: 0;}
.stepbar span{width: 20px;height: 20px;border: 1px solid #000000;border-radius: 50%;display: inline-block;text-align: center;line-height: 20px;font-size: 14px;}
.stepbar.active{color: #339EFF;font-weight: bold;}
.stepbar.active span{background: #339EFF;border-color: #339EFF;color: #fff;font-weight: normal;}
.stepbar.active::after{border: 1px dashed #339EFF;}
.display_i{display: inline-block;}