/* CSS Document */

body{ font-size:3.5vw;}

select{ -webkit-appearance: auto;}

.a-div{ padding:2vw;}
.a-section{}
.a-t{ background:#2385ce; color:#fff; text-align:center; font-size:1em; line-height:3em;}
.a-tc{text-align:center; font-size:1em; line-height:1.5em; background: #e1e1e1; padding: 1vw 0;}
.a-tc span{ padding-left: 5px; font-size: 0.9em; line-height:1.2em;}
.a-c{ border-bottom:0.6vw solid rgba(35,133,196,0.3); padding-bottom:2vw; display: flex; flex-wrap: wrap;}
.a-c:last-child{ border:none; padding:0;}
.a-option{ float:left; position:relative; margin:3vw 0 0 0; line-height:3em; min-height:3em; display:flex; width: 100%;}
.a-option>p{ padding:0.5em 0 0.5em 0.5em; line-height:2em; align-items: normal; flex: 1 1 0%;}
.a-option span:nth-child(1){ display:inline-block; min-width:6em; padding:0 0.2em; line-height:3em; height:100%; background:#f3f3f3; text-align:center;}
.a-option input,.a-option select,.a-option textarea{ font-size:1em; display:block; height:3em; border:0.2vw solid #f3f3f3; line-height:2em; padding:0.5em 1vw; flex:1 1 0%; min-width:0;}
.a-textarea{ width: 100%;}
.a-textarea p{ padding: 2vw 0;}
.a-right{ padding-right:3em;}
.a-right font{ display:inline-block; line-height:3em; line-height:calc( 3em - 0.4vw ); width:3em; text-align:center; color:#666; position:absolute; top:0; right:0; border:0.2vw solid #f3f3f3; box-sizing:content-box; border-left:0;}
.a-right input,.a-right select,.a-option textarea{ border-right:0;}
.a-option textarea{ min-height:6em; border-right:0.2vw solid #f3f3f3;}
.r2{ /*margin-right:2%;*/}
.a-textarea textarea{ font-size:1em; display:block; height:10em; border:0.2vw solid #f3f3f3; line-height:1.5em; padding:0.5em 1vw; flex:1 1 0%; min-width:100%; max-width: 100%;}

.a-new{/* padding-right:6.8em;*/}
.a-nr{ width:6.8em; margin-left:1vw; display: none; height: 3em; overflow: hidden;}
.a-add{ width:3em; height:3em; border:0.4vw solid #2385ce; border-radius:50%; display:inline-block; position:relative; margin-right:0.2em; overflow:hidden; cursor: pointer;}
.a-add:after,.a-add:before{ display:block; content:""; height:0.1em; position:absolute; top:50%; margin-left:-0.5em; width:1em; left:50%; background:#2385ce;}
.a-add:after{ transform:rotate3d(0,0,1,90deg);}
.a-add:before{}
.a-del{ width:3em; height:3em; border:0.4vw solid #2385ce; border-radius:50%; display:inline-block; position:relative; overflow:hidden;}
.a-del:after{ display:block; content:""; height:0.1em; position:absolute; top:50%; margin-left:-0.5em; width:1em; left:50%; background:#2385ce; cursor: pointer;}

.a-show .a-newp{ padding-right:6.8em;}
.a-show .a-nr{ display:block;}
.a-nrshow{ display: block !important;}

.a-table{ padding: 2vw; text-align: center;}
.a-table table{ border-left: 1px solid #ccc; border-top: 1px solid #ccc; width: 100%; line-height: 1.3em;}
.a-table table td{ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.a-table table td span{ display: inline-block; padding: 0.3em 0;}

.a-new a{ color:#2385ce;}
.a-option-file{ overflow:hidden; width:6.8em;}
.a-option-file input{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:1; cursor:pointer;}
.a-option-file p{ text-align:center; padding-left:0; cursor:pointer; background:#2385ce; color: #fff;}
.qx{ background:#999;}

.a-right{justify-content: flex-end; padding-right: 0;}

.a-search-div{}
.a-div-border{ padding:2vw 0; box-shadow:0 0 0 1vw #2385ce;}
.a-search{ float:left;}
.a-search:nth-child(3n+1){ margin-left:0;}
.a-search-t{ line-height:2em; text-align:center; position:relative;}
.reset{ display:flex;}
.a-search-t:before{ display:block; content:""; height:50%; width:0.2vw; background:#cccccc; position:absolute; top:25%; right:0; display:none;}
.a-search:nth-child(3n) .a-search-t:before,.a-search:last-child .a-search-t:before{ display:none;}
.a-search-t input{ font-size:1em; width:100%; line-height:3em;}
.reset input{ width:4em; line-height:2em; margin-right:1em; border:0.2vw solid #cccccc; border-radius:1vw;}
.reset div{ flex:1 1 0%;}
.a-search-t span{ font-size:1em; display:inline-block; vertical-align:middle; margin-right:1vw; width:1em; height:1em; background:url(../image/search.png) center no-repeat; background-size:cover;}
.a-search-t font{ font-size:1em; display:inline-block; vertical-align:middle;}
.a-search-c{ margin:0 3vw; min-height:2em; line-height:2em; border:0.2vw solid #f3f3f3; text-align:center; color:#888888;}
.a-search-c input,.a-search-c select{ display:inline-block; width:100%; height:2.4em; line-height:2.4em; color:#888888; text-align:center; font-size:1em;}
.a-search-c label{ display:inline-block; width:50%; line-height:2em;}
.a-search-c label input{ width:auto; height:auto;}
.a-search-c label span{ display:inline-block; width:2em;}
.a-date{}
.a-date .a-search-c{}
.a-date input{ width:48%;}
.a-date .a-search-c span{ width:4%; display:inline-block;}
.a-search-p{ line-height:3em; text-align:center; color:#888888; border-bottom:1vw solid #2385ce; position:relative; z-index:1; background:#fff;}
.a-search-h{ float:none; width:auto; margin:2vw 3vw; line-height:2em; margin-bottom:0;}
.a-search-h .a-search-t div{ border:0.2vw solid #ccc; line-height:2.4em; border-radius:1vw;}
.a-search-h .a-search-t font{ line-height:2em;}

.a-hospital{ padding:2vw 0 4vw 0; border-bottom:0.2vw solid #f3f3f3; margin-bottom:2vw;}
.a-hospital-t{ position:relative; padding-right:5em;}
.a-hospital-t p{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:1.1em; line-height:2em; color:#2385ce;}
.a-hospital-t span{ display:inline-block; position:absolute; top:0; right:0; min-width:5em; text-align:right; color:#666666; line-height:7.2vw; text-align:center;}
.a-hospital-c{ color:#666666; display:flex; justify-content:space-between; align-items:center;}
.a-hospital-c span{ display:inline-block; min-width:5em; text-align:center;}

.a-opinion{ margin-bottom:2vw;}
.a-opinion-op{ margin-bottom:2vw;}
.a-person{ background:#f2f2f2; line-height:3em; padding:0 2vw;}
.a-person span{ color:#2385ce; min-width:5em; display:inline-block;}
.a-person font{ display:inline-block; margin-left:4vw;}
.a-person-r{ float:right;}
.a-opinion-txt{ line-height:2em; padding:1vw 2vw;}
.a-div .handleP{ padding-left:2vw; padding-right:2vw;}
.a-opinion-but{ padding:0 2vw; text-align:right;}
.a-opinion-but input{ display:inline-block;}
.a-but{ font-size:1em; min-height:2.4em; min-width:6em; border-radius:1vw; margin-left:2em;}
.a-but:hover{ opacity:0.8;}
.tg{ background:#2385ce; color:#ffffff; border:0.2vw solid #2385ce;}
.ht{ background:#ffffff; color:#000000; border:0.2vw solid #000000;}

.a-funnel-t{ width:100%; margin-bottom:2vw;}
.a-funnel-t select{ width:100%; height:2.4em; display:inline-block; border:0.2vw solid #f3f3f3; font-size:1em;}
.a-funnel{width:100%; height:100vw;}


.a-list-padding{ padding:0;}
.a-list-div{ margin:2vw; border-bottom:0.2vw solid #ccc; padding:2vw 0 4vw 0;}
.a-list{ float:left;}
.a-list div{ margin:1vw 2vw; border-bottom:0.2vw solid #eee; line-height:2em; min-height:2em; display:flex;}
.a-list span{ display:block; background:#fff; position:relative; color: #666;}
.a-list span:after{ content:""; width:100%; height:0.2vw; background:#ffffff; clear:both; display:block; position:absolute; bottom:-0.2vw; left:0;}
.a-list p{ display:block; text-align:center; color:#333; flex:1 1 0%;}
.a-list .a-list-t{ border:none; border-left:0.8vw solid #2385ce; padding-left:0.8em; line-height:1.5em; min-height:1.5em; margin:2vw;}
.a-list input,.a-list select{ display:inline-block; width:100%; height:2em; line-height:2em; color:#888888; text-align:center;}

.a-tit{ margin: 3vw 2vw 0 2vw; padding-left: 1vw; font-size: 1.2em; border-left: 1vw solid #2385ce;}
.a-dq{ margin: 2vw 2vw 3vw 2vw; border-bottom: 1px solid #ccc; text-align: center; line-height: 3em; color: #666;}
.a-dq span{ display: inline-block; min-width: 6em; text-align: center; padding: 0 1em;}

.a-long{ border-bottom:1vw solid rgba(35,133,206,0.5);}
.a-long:last-child{ border-bottom: none;}
.list-long{ border-left:1vw solid #2385ce; float:left; width:100%; padding-left:1vw; margin:2vw 0; font-weight:bold;}
.a-long div{ float:left;}
.a-long .line{ margin-top:1vw;}
.list-big{ padding-right:0.3em;}
.list-big p{ text-align:center; line-height: 3em;}
.list-big p input,.list-big p select{ display: block; height: 3em; width: 100%; font-size: 1em; text-align: center; border: 1px solid #f3f3f3;}
.list-big .big-p{ border: none; padding:0; background:#f3f3f3; min-height:3em; display:flex; justify-content:center; align-items:center;}
.big-p span{ line-height:1.2em;}

.fileDiv{ display: flex; width: 100%; justify-content: space-between;}
.fileText{ line-height: 3em; overflow: hidden; height: 3em;}
.fileDiv{}


/*漏斗*/
.funnel-width{ margin:0 auto; max-width:90%;}
.funnel{ width:100%; color:#000;}
.funnel-op{ margin:0 auto; position:relative;}
.funnel-div{ width:100%; height:2em; line-height:2em; margin:0 auto; margin-bottom:0.7em;}
.funnel-1{ background:#295192;}
.funnel-2{ background:#3363b0;}
.funnel-3{ background:#5185be;}
.funnel-4{ background:#739fcc;}
.funnel-5{ background:#87aad0;}
.funnel-6{ background:#aecbe2;}
.funnel-7{ background:#e0e0e0;}
.funnel-8{ background:#b8b8b8;}
.funnel-9{ background:#a9a9a9;}
.funnel-10{ background:#9a9a9a;}
.funnel-11{ background:#777777;}
.funnel-div span{ display:block; font-size:1em; height:100%; width:100%; white-space:nowrap; text-align:center; z-index:2; color:rgba(0,0,0,0.7); padding-left:2vw; font-weight:bold; position:absolute; top:0; left:0;}
.funnel-div font{ padding-left:1vw;}
.a-funnel-txt{ text-align:center; font-size:1.2em; padding:2vw; color:#000;}
.funnel-ratio{ text-align:center; line-height:6vw; display:none;}


.select2-container,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection__rendered,.select2-container--default .select2-search--dropdown .select2-search__field{ height:2.4em !important; line-height:2.4em !important; vertical-align:top !important; width:100% !important; font-size:1em;}

.a-option select.select2-container{ display:none !important;}
.a-option .select2-container span{ padding:0; width:100%; height:3em !important; line-height:3em !important; min-width:0; border:none; background:#fff; text-align:left !important;}
.a-option .select2-container span.select2-selection__rendered{ border:0.2vw solid #f3f3f3; border-left:auto;}
.a-option .select2-container--default .select2-selection--single .select2-selection__arrow{ height:calc(3em - 0.2vw) !important;}

.dealer-style{ padding-top: 2vw; width: 100%;}
.dealer-style label{ line-height: 6vw; display:inline-block; padding-left:4vw; position: relative; cursor: pointer; display: block;}
.dealer-style input{ display: none;}
.dealer-style span{ position:absolute; top:50%; left: 0; margin-top: -0.5em; width: 1em; height: 1em; border-radius: 50%; border:1px solid #676a6c;}
.dealer-style input:checked ~ span{ background: #18a689; border-color: #18a689;}
.dealer-style label:hover{ color: #18a689;}
.dealer-style label:hover span{ border-color: #18a689;}

.dealer-gm{width: 100%;}
.dealer-gm div{ display:flex; line-height: 2.4em; margin-top: 2vw;}
.dealer-gm input{ border: none; display: block; border-bottom:1px solid #d8e3ef; text-align: center; flex: 1 1 0%;}


.list-content{}
.list-item{ border-bottom: 1px solid #ccc; padding:2vw 0 2vw 0; line-height: 2em;}
.list-item div{ padding-bottom: 0.5em;}
.list-flex{ display: flex; justify-content: space-between; align-items: center;}
.blue{ color: #2385ce;}
.booler{ display:block; box-shadow: 0 2px 1px 0 #ccc; text-align: center; border-radius: 0.3em; padding: 0.15em;}
.booler font{ display:block; border-radius: 0.3em; color: #fff; font-size: 0.8em; line-height: 1.6em; width: 1.6em; height: 1.6em; }
.booler-true font{ background: #2385ce;}
.booler-false font{ background: #ccc;}
.list-leiji{ flex: 1 1 0%; padding-right: 1em; text-align: center; color: #999;}

.b-jxs{ padding:3vw 0; border-bottom:0.6vw solid rgba(35,133,196,0.3);}
.b-jxs:last-child{ border:none; padding:3vw 0 0 0;}
.b-jxs>div{ border-left: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3;}
.b-option{ position:relative; line-height:2em; float: left; border-right: 1px solid #f3f3f3;  border-bottom: 1px solid #f3f3f3;}
.b-option>p{ text-align: center; line-height:3em;}
.b-option span{ display:block; line-height:3em; width: 100%; background:#f3f3f3; text-align:center; text-align: center;}
.b-option input,.b-option select,.b-option textarea{ font-size:1em; display:block; width: 100%; height:3em; line-height:2em; text-align: center; min-width:0;}
.b-jxs .a-option{ border: none;}
.marginbottom{ margin-bottom: 3vw;}


.fixed-checkbox{ position:fixed; z-index:88; top:0; left:0; display:none; width:100vw; height:100vh; justify-content:center; align-items:center;}
.fixed--checkbox-div{ max-height:90vh; min-height:30vh; width:80vw; background:#fff; display:flex; flex-direction: column; border-radius:0.5em; overflow:hidden; box-shadow:0 0 0.4em  #666;}
.fixed-checkbox-t{ height:3em; border-bottom:1px solid #ccc; padding-right:3em; line-height:3em; position:relative;}
.fixed-checkbox-t p{ overflow:hidden; padding-left:1em;}
.fixed-checkbox-t span{ position:absolute; top:0; right:0; width:1.5em; text-align:center; font-size:2em; cursor:pointer;}
.fixed-checkbox-c{ flex:1 1 0%; display:none; padding:1em 0; line-height:2em; overflow-y:auto;}
.fixed-checkbox-c .label-checkbox{ padding:0 1em 0 3em; display:block; line-height:3em;}
.fixed-checkbox-c .label-checkbox font{ left: 1em;}
.label-checkbox input:checked ~ div{ width:100%; height:100%; background:rgba(35,133,206,0.3); position:absolute; top:0; left:0; z-index:0;}
.fixed-checkbox-c .label-checkbox span{ z-index:9; position:relative;}
.fixed-checkbox-b{ height:3em; border-top:1px solid #ccc;}
.fixed-checkbox-b .but{ height:3em; line-height:3em; text-align:center;}
.fixed-checkbox-bg{ display:none; opacity:0; position:fixed; z-index:55;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.1;}
.a-check select{ display:none;}

.fixed-checkbox-bgshow{ display:block;opacity:0.1; animation:fixedcheckboxbgshow 0.27s ease-out;}
@keyframes fixedcheckboxbgshow{
0%{ display:none; opacity:0;}
1%{ display:block; opacity:0;}
100%{ display:block; opacity:0.1;}
}

.fixed-checkbox-show{ display:flex; opacity:1; animation:fixedcheckboxshow 0.27s ease-out;}
@keyframes fixedcheckboxshow{
0%{ display:none; opacity:0; transform:scale(0.7);}
1%{ display:flex; opacity:0; transform:scale(0.7);}
100%{ display:flex; opacity:1; transform:scale(1);}
}



.label-checkbox{ display:inline-block; padding-left:1.5em; position: relative; cursor: pointer;}
.label-checkbox input{ display: none; width:0; height:0; margin:0; padding:0; border:none; position:fixed; left:0; top:0;}
.label-checkbox font{ position:absolute; display:block; top:50%; left: 0; margin-top: -0.6em; width: 1em; height: 1em; border-radius: 0.2em; border:1px solid #676a6c;}
.label-checkbox input:checked ~ font{ background: #2385ce; border-color: #2385ce;}
.label-checkbox label:hover{ color: #2385ce;}
.label-checkbox label:hover div{ border-color: #2385ce;}
.label-checkbox span{ font-weight:normal; line-height:2em;}

.label-radio{ display:inline-block; padding-left:1.5em; position: relative; cursor: pointer; margin-right: 20px; min-width: 3em;}
.label-radio input{ display:none; width:0; height:0; margin:0; padding:0; border:none; position:fixed; left:0; top:0;}
.label-radio font{ position:absolute; display:block; top:50%; left: 0; margin-top: -0.6em; width: 1em; height: 1em; border-radius: 50%; border:1px solid #676a6c;}
.label-radio input:checked ~ font{ background: #2385ce; border-color: #2385ce;}
.label-radio label:hover{ color: #2385ce;}
.label-radio label:hover div{ border-color: #2385ce;}
.label-radio span{ font-weight:normal; line-height:2em;}
.label-radio p{ min-width: 4em;}

.label-radio-div{ display: inline-block; margin-left: 20px;}
.label-radio-div div{ display: inline-block;}

.w16{ width:16.6666666%;}
.w20{ width:20%;}
.w25{ width:25%;}
.w33{ width:33.33%;}
.w50{ width:50%;}
.w66{ width:66.66%;}
.w75{ width:75%;}
.w100{ width:100%;}

.line{ width:100%; height:1px; background:#f3f3f3;}



.scrollTop{ position: fixed; bottom: 4vw; left: 3vw; width: 10vw; height: 10vw; border-radius: 50%; overflow: hidden; background: #666; z-index: 99; opacity: 0.7; display: none;}
.scrollTopB{ bottom: 15vw;}
.scrollTopShow{ display: block;}
.topIcon{ width: 4vw; height: 4vw; border: 1vw solid #000; border-bottom: transparent; border-right: transparent; transform: rotate3d(0,0,1,45deg); position: absolute; top: 50%; left: 50%; margin-left: -2vw; margin-top: -1vw;}

.searchDiv{}
.searchFixed{ background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; padding: 2vw 0; box-shadow: 0 0 2vw 0 #000; display: none;}
.search:after{ content:""; width:100%; height:0; overflow:hidden; clear:both; display:block;}
.searchNone{ display: none;}
.searchBg{ position: fixed; top: 0; left: 0; background: #000; opacity: 0.3; z-index: 9998; width: 100%; height: 100%; display: none;}
.searchzk{ position: fixed; top: 0; left: 0; width: 100%; height: 2.4em; box-shadow: 0 0 1vw #999; z-index: 98; background: #fff; display: none;}
.searchzk .topIcon{ transform: rotate3d(0,0,1,225deg); margin-top: -3vw; opacity: 0.5;}
.searchBgShow{ display: block;}