﻿@charset "utf-8";
/* CSS Document text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/
/*global */
/*屏幕变换字体大小不跟这变*/
html {width: 100%;height: 100%;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
body {width: 100%;height: 100%;margin: 0;padding: 0; font-size:0.9em;  
line-height: 1.5;background:#f6f6f6;    font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei;}
dl,dd,dt,ul,li{ list-style:none;margin:0; padding:0}
h1,h2,h3{ margin:0; padding:0;}
textarea,input{font-family: Helvetica,sans-self;}
em,i{font-style:normal}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}

input:-internal-autofill-selected {
    background-color: rgb(232, 240, 254) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
box-shadow: inset 0 0 0 1000px #ffffff!important;
}

input {background-color:white;}

/*定义任何元素*/
*, *:after, *:before {-webkit-box-sizing: before-box;-moz-box-sizing: before-box;-ms-box-sizing: before-box;-o-box-sizing: before-box;}
*:after {clear: both}
.clearfix {zoom: 1;}
.clear{clear: both}

.password_succ{font-size:20px;text-align: center;
    width: 100%;display: inline-block;}
.password_cgd{text-align: center;
    width: 100%;display: inline-block;margin-top:10px;}
.password_icon{background:url(../bximages/gouhao.png) no-repeat center;width:95%;height:50px;display:inline-block;margin:0 auto;}
a{ text-decoration:none;color:#333;}
#bg{ position:fixed; left:0px;top:0px;right:0px;bottom:0px; background:#000; opacity:0.5; z-index:-1}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}


.bx-main{ width: 94% ; margin: 50px auto 0 auto; padding: 15px 0 10px 0}
.bx-tit{ width: 94% ; padding: 3% ; background-color: #fff ; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; }
.bx-tit h3{font-size: 14px; color: #999; line-height: 22px;}
.bx-tit h3 span{color: #eb6820}

.bx-box{ width: 94% ; padding: 3% ; background-color: #fff ; border-radius:3px ; margin: 12px 0 0 0 ; overflow: hidden;}
.bx-tit2{ width: 100%; margin-bottom: 6px;}
.bx-tit2 h3{display: inline-block ;border-bottom: 2px solid #c1c1c1 ; font-size: 16px; color: #3b7cfe; padding: 0 15px 3px 3px}

.bx-left{ width: calc(50% - 5px);float: left;}
.bx-right{ width: calc(50% - 5px);float: right;}
.bx-ipt{ width: calc(100% - 2px) ; height: 38px; line-height: 38px; font-size: 14px; color: #a7a7a7 ; border: solid 1px #c1c1c1 ; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; text-indent: 10px ; margin-bottom: 10px; }

.bx-ku{ width: calc(100% - 2px) ; height: 38px; line-height: 38px; font-size: 14px; color: #a7a7a7 ; border: solid 1px #c1c1c1 ; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;  margin-bottom: 10px; }

.bx-ku .ipt{ width: 100% ; height: 100%;text-indent: 10px ; background: url(../bximages/bx-sj.png) no-repeat 96% center; background-size: 8px auto ; border: none ;font-size: 14px; color: #a7a7a7 ;}
.dwbw.dwb-s{background-color: #3b7cfe !important; }
.dwbw.dwb-c{  background-color: #616161 !important; }
.dwbw.dwb-c .dwb{ color: #fff !important}
/* .dwbc{padding: 5px 0 0 0} */
.mbsc-android-holo-light .dw-sel .dw-i{color: #3b7cfe !important}
.bx-ku .themap{display: none}


.bx-ipt::-webkit-input-placeholder{ color:#a7a7a7; }
.bx-ipt::-moz-placeholder{color:#a7a7;}
.bx-ipt:-moz-placeholder{ color:#a7a7;}
.bx-ipt:-ms-input-placeholder{color:#a7a7;}
.bx-ku .ipt::-webkit-input-placeholder{ color:#a7a7a7; }


.bx-byz{width: 100%}
.bx-za1{ width: calc(100% - 2px) ; height: 24.4vw; line-height:24.4vw;max-height: 220px;  font-size: 14px; color: #a7a7a7 ; border: solid 1px #c1c1c1 ; border-radius: 4px;text-align: center; }
.bx-za1 h3{font-weight: normal}
.bx-file{opacity: 0;  position: absolute; left: 0; top: 0; width: 100%; height: 100%;cursor: pointer;}
.bx-file-box{ width: 100%; height: 40px; line-height: 40px; text-align: center; background-color: #74a2ff; font-size: 14px; color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; position: relative; margin-top: 10px}



.bx-byz2{width: 100% ;margin-bottom: 10px ;overflow: hidden;}
.bx-za2{ width:calc(100% - 48px) ; height: 35vw; line-height:35vw; font-size: 14px; color: #a7a7a7 ; border: solid 1px #c1c1c1 ; border-radius: 4px;text-align: center;float: left; max-height: 220px }
.bx-file2{opacity: 0;  position: absolute; left: 0; top: 0; width: 100%; height: 100%;cursor: pointer;}
.bx-file-box2{ width: 43px;height: 35vw;max-height: 220px;  text-align: center; background-color: #74a2ff; font-size: 14px; color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; position: relative; float: right; }
.bx-file-box2 span{ width: 14px ; display: inline-block; height: 35vw; line-height: 18px;display: flex; align-items: center; justify-content: center; margin-left: 14px }
.bx-za2 h3{font-weight: normal}

.bx-sub{ width: 100%;  height: 40px; line-height: 40px; text-align: center; background-color: #3b7cfe; font-size: 14px; color: #fff; border-radius: 4px; border: none; margin: 15px 0 10px 0; display:inline-block;}
.bx-ppt{width: calc(100% - 2px) ; height: 38px; line-height: 38px; font-size: 14px; color: #a7a7a7 ; border: solid 1px #c1c1c1 ; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; text-align: center; background: none; margin-bottom: 10px;}


.bx-tit2{ width: 94% ; padding: 3% ; background-color: #fff ; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; }
.bx-tit2 h4{ width: 100% ; font-size: 18px; line-height: 24px; color: #5e5c5a ; margin: 0; padding: 0 ;font-weight: normal ; margin: 8px 0}
.bx-tit2 h5{ width: 100% ; font-size: 12px; line-height: 16px; background: url(../bximages/bx-ico.png) no-repeat left center; background-size: 13px auto; color: #666666 ; margin: 0; padding: 0;font-weight: normal ; padding-left: 16px; margin-bottom: 8px;}


.bx-xqy{ width: 94% ; padding: 3% ; background-color: #fff ; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; font-size: 14px; color: #474747; line-height: 22px; text-align: justify ; margin: 10px 0 0 0}
.bx-bt{ width: 100% ; padding: 7px 0}
.bx-bt h3{ font-size: 18px; line-height: 22px; color: #5e5c5a ; font-weight: bold; border-left: 3px solid #3b7cfe; padding-left: 10px;}


.bx-list{ width: 100%}
.bx-list ul{ width: 100%}
.bx-list ul li{ width: 94% ;padding:6% 3% ; background-color: #fff ; border-radius:3px ; margin: 0 0 12px 0; overflow: hidden; }
.bx-list ul li .bx-img{ width: 110px; height: 64.7px;float: left;}
.bx-list ul li .bx-r{ width: calc(100% - 120px) ;float: right}
.bx-list ul li .bx-r h3{width: 100% ; font-size: 12px; line-height: 16px; background: url(../bximages/bx-ico.png) no-repeat left center; background-size: 13px auto; color: #666666 ; margin: 0; padding: 0;font-weight: normal ; padding-left: 16px; margin-bottom: 8px;}
.bx-list ul li .bx-r p{ width: 100% ; height: 40px;  line-height: 20px; font-size: 16px; color: #292929; font-weight: bold; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin: 0; padding: 0; overflow: hidden;}




@media screen and (min-width: 320px) {
    .bx-ipt{ height: 28px; line-height: 28px;  }
    .bx-ku{ height: 28px; line-height: 28px;  }
	
}
@media screen and (min-width: 360px) {
    .bx-ipt{ height: 33px; line-height: 33px;  }
    .bx-ku{ height: 33px; line-height: 33px;  }
	
}

@media screen and (min-width: 375px) {
    .bx-ipt{ height: 34px; line-height: 34px;  }
    .bx-ku{ height: 34px; line-height: 34px;  }
	
}
@media screen and (min-width: 411px) {
    .bx-ipt{ height: 39px; line-height: 39px;  }
    .bx-ku{ height: 39px; line-height: 39px;  }
    
}

@media screen and (min-width: 414px) {
    .bx-ipt{ height: 39px; line-height: 39px;  }
    .bx-ku{ height: 39px; line-height: 39px;  }
    
}




.bx-headbj{ width: 100% ; height: 52px; background-color: #3b7cfe ; position: fixed; left: 0; top: 0; z-index: 9;}
.bxc{ width: 94%; margin: 0 auto ;position: relative;}
.bxc .bxfan{width: 16px ; position: absolute; left: 0; top: 13px}
.bxc h3{ line-height: 52px ; font-size: 16px; color: #fff ; padding-left: 26px}


.bx-tj{ width: 100%; text-align: center ; margin-bottom: 20px}
.bx-tj .bxsubmit{ width: 60%; height: 46px; line-height: 46px ; text-align: center ; background-color: #3b7cfe ; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; display: inline-block ;border: none ;font-size: 16px; color: #fff}
.bx-fh{ width: 100%; text-align: center;margin-bottom: 20px}
.bx-fh a{ width: 60%; height: 46px; line-height: 46px ; text-align: center ; background-color: #3b7cfe ; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; display: inline-block ;border: none ;font-size: 16px; color: #fff}
.bx-fh{ width: 100%; t}

/* 2021.5.18新加样式 */

select{
    -webkit-appearance: none;
    -webkit-tap-highlight-color: #fff;
    outline: 0;
  }
  


.bx-down ul li h4,.bx-down ul li h3{font-weight: normal}

.bx-main2{ width: 94%; padding: 0 3% ; margin: 69px 0 0 0}

.bx-headbj{ width: 100% ; height: 52px; background-color: #3b7cfe ; position: fixed; left: 0; top: 0; z-index: 9;}
.bxc{ width: 94%; margin: 0 auto ;position: relative;}
.bxc .bxfan{width: 16px ; position: absolute; left: 0; top: 13px}
.bxc h3{ line-height: 52px ; font-size: 16px; color: #fff ; padding-left: 26px}


.bx-tjbox{ width: 94%;margin: 0 auto; text-align: center ; margin-bottom: 20px}
.bx-tjbox .bx-ipt{ width: calc(50% - 20px); height: 46px; line-height: 46px ; text-align: center ; background-color: #e5e5e5 ; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; display: inline-block ;border: none ;font-size: 16px; color: #39312c ; margin: 0 10px}
.bx-tjbox .bx-ipt:hover{background-color: #3b7cfe ;color: #fff ;border: none}

.bx-zhu{ width: 94%;margin: 0 auto; text-align: justify ;font-size: 14px; color: #999 ;line-height: 20px ; padding: 10px 0 18px 0}
.bx-zhu span{color: #eb6820}

.bx-tst{ width: 94%; padding: 3%; background-color: #fff ; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; ; text-align: justify ;font-size: 14px; color: #999 ;line-height: 20px ; margin: 0 0 10px 0 }
.bx-tst span{color: #eb6820}

.bx-down{ width: 100%;}
.bx-down ul{ width: 100%;}
.bx-down ul li{ width: 100%;  background-color: #fff ; border-radius: 4px; margin-bottom: 12px; overflow: hidden;}
.bx-down ul li .bx-tou{ width: 100%; height: 46px ;  background-color: #fff ; border-radius: 4px; position: relative;  overflow: hidden;}
.bx-down ul li .bx-tou h3{ width: 60%; height: 46px ;line-height: 46px ;font-size: 16px; color: #484848;text-indent: 10px;}
.bx-down ul li .bx-tou h3 span{color: #fe3b3b}
.bx-down ul li .bx-tou h4{height: 46px ;line-height: 46px ;font-size: 14px; color: #666666; position: absolute; right: 10px; top: 0 ; padding: 0; margin: 0 ; background: url(../bximages/bx-dow.png) no-repeat right center; background-size: 14px auto ; padding-right: 19px}

.bx-sdow{ width: 94%;margin: 0 auto; overflow: hidden; display: none}
.bx-zp{ width: 100%; margin: 12px 0 20px 0; overflow: hidden;}
.bx-zp .tx{ width: 60px; height: 60px; float: left; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.bx-zp .bx-sc{ width: 100px; height: 40px; line-height: 40px;font-size: 14px; color: #666;text-indent: 10px; border-radius:4px; background-color: #dcdcdc; float: right; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; margin: 10px 0 0 0; overflow: hidden;  background-image: url(../bximages/bx-d4.png); background-position: 92% center; background-repeat: no-repeat; background-size: 8px auto;position: relative; }
.bx-zp .bx-sc .bx-file{ width: 100%; height: 100% ;opacity: 0; position: absolute; left: 0; top: 0}

.bx-bd{ width: calc(100% - 2px); height: 46px; border: solid 1px #dcdcdc; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; margin-bottom: 8px; background-image: url(../bximages/bx-dw2.png); background-position: 98% center; background-repeat: no-repeat; background-size: 9px auto ;position: relative;}
.bx-bd h3{ width: 64px; padding-left: 10px; height: 46px; line-height: 46px; font-size: 14px; color: #a7a7a7 ;float: left;}
.bx-bd .bx-select{ width: calc(100% - 90px) ; height: 46px;line-height: 46px; font-size: 14px; color: #666 ;border: none; background: none ;appearance:none; text-align: right;direction: rtl; padding-right: 15px ;white-space: nowrap;text-overflow: ellipsis;position: absolute; right: 12px;top: 0; overflow: hidden; }
.bx-bd .bx-select option{text-align: right}


.bx-bd2{ background: none}
.bx-bd2 .bxsr{ width: calc(100% - 105px) ; height: 46px;line-height: 46px; font-size: 14px; color: #666 ;float: left;border: none; background: none ;appearance:none; text-align: right;padding-right: 15px}
.bx-bd3{ background: none}
.bx-bd3 h3{ width: 162px}
.bx-bd3 .bxsr{ width: calc(100% - 190px) ; height: 46px;line-height: 46px; font-size: 14px; color: #666 ;float: left;border: none; background: none ;appearance:none; text-align: right;padding-right: 15px}

.bx-bd4 h3{ width: 128px}
.bx-bd4 .bx-select{width: calc(100% - 140px) ; }

.bx-bd5 h3{ width: 143px}
.bx-bd5 .bx-select{width: calc(100% - 150px) ; }

.bx-byz{ height: 46px; width: 100%}


.bx-byz .bx-bd{ width: calc(100% - 92px); height: 46px; border: solid 1px #dcdcdc; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; margin-bottom: 8px; background: none; position: relative;float: left;}
.bx-byz .bx-bd h3{ width: 64px; padding-left: 10px; height: 46px; line-height: 46px; font-size: 14px; color: #a7a7a7 ;float: left;}
.bx-byz .bx-bd .bxsr{ width: calc(100% - 93px) ; height: 46px;line-height: 46px; font-size: 14px; color: #666 ;float: left;border: none; background: none ;appearance:none; text-align: right;padding-right: 15px}
.bx-byz .bx-sc2{ width: 80px; height: 46px; line-height: 46px; font-size: 14px; color: #666; position: relative; float: right; background-color: #dcdcdc; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; text-align: center; }
.bx-byz .bx-file{ width: 80px;height: 46px;position: absolute; left: 0; top: 0 ;opacity: 0;}


.bx-down ul li .bx-tou .sty{background: url(../bximages/bx-d3.png) no-repeat right center;
    background-size: 14px auto;}



.bx-tst2{width: 100% ;font-size: 14px; color: #3b7cfe ;font-weight: bold ;padding-bottom: 14px}
.bx-byz .bx-bd5 h3{ width: 80px}
.bx-byz .bx-bd5 .bxsr{width: calc(100% - 113px);float: right; padding-right: 10px}

.bx-bd8 .bxsr{ width: calc(50% - 74px); height: 46px;line-height: 46px; font-size: 14px; color: #666 ;float: left;border: none; background: none ;text-align: center}
.bx-bd8 h4{ width: 30px; font-size: 12px; color: #333 ;height: 46px;line-height: 46px;float: left;margin: 0; padding: 0}
