/* 1绿蓝 2黑绿 3深蓝 4清新绿白 */
:root {
    --width: 378px;
    --padding: 20px 25px;
    --distance: 11px;
    --bottomDistance: 11px;

    /* // index.scss使用 */

    --ssBg1: rgba(250, 250, 250, 0.1);
    --ssBg2: rgba(250, 250, 250, 0.2);
    --ssdaodi: #8089a3;
    --sslBack: rgba(0, 0, 0, 1);
    --sstLine: rgba(1, 180, 255, 0.15);
    --ssrtCiecle: rgba(1, 180, 255, 0.5);
    --ssleftBack1: rgba(12, 25, 39, 1);
    --ssleftBack2: rgba(69, 122, 255, 0);
    --ssoneCountBox1: rgba(40, 40, 40, 0.5);
    --ssoneCountBox2: rgba(40, 40, 40, 0);
    --ssnumber: rgba(0, 213, 255, 1);
    --ssname: rgba(161, 194, 187, 1);
    --sspercent: rgba(33, 190, 255, 1);
    --progressBack: rgba(86, 119, 130, 0.5);
    --ssprogress1: rgba(1, 180, 255, 0);
    --ssprogress2: rgba(33, 190, 255, 1);
    --ssareaName: #00C5FF;
    --sspeoplename: #E9FBFE;
    --ssaddress: #567782;
    --ssintr: #819ca6;
    --ssnum2: #99FF89;
    --ssnum2-hover: rgba(134, 255, 219, 1);
    --sssname: rgba(210, 255, 253, 1);
    --ssallInfo: rgba(218, 255, 255, 1);
    --ssbtn: rgba(203, 237, 233, 1);
    --ssbtnBack: rgba(0, 197, 255, 0.4);
    --ssbtn2Back: rgba(89, 255, 162, 0.5);
    --ssbtn3: rgba(33, 57, 255, 0.5);
    --ssbtn4: rgba(51, 138, 255, 0.7);
    --ssbtn5: rgba(255, 69, 55, 0.5);
    --ssbtn6: rgba(255, 230, 21, 1);
    --ssbtn7: rgba(255, 69, 55, 1);
    --ssbtn8: rgba(255, 69, 55, .75);
    --ssparty_btn: rgba(227, 41, 0, 0.5);
    --ssparty_btn1: #FFE615;
    --specialBtn: rgba(255, 49, 73, 0.5);
    --specialBtn1: rgba(255, 190, 190, 1);
    --areaBtn: rgba(241, 63, 59, 1);
    --areaBtn1: rgba(255, 255, 255, 1);
    --oldManBtn: rgba(22, 196, 84, 1);
    --oldManBtn1: rgba(255, 220, 220, 1);
    --oldManBtn2: rgba(255, 98, 12, 0.5);
    --oldManBtn3: #FFE0BE;
    --epidemicBtn: rgba(255, 89, 88, 0.5);
    --epidemicBtn3: rgba(40, 200, 255, 0.5);
    --epidemicBtn4: rgba(22, 196, 84, 0.5);
    --epidemicBtn6: rgba(255, 203, 80, 0.5);
    --epidemicBtn8: rgba(67, 208, 153, 0.5);
    --epidemicBtn0: rgba(153, 255, 239, 1);
    --preventBtn: rgba(0, 187, 150, 0.5);
    --preventBtn1: rgba(116, 226, 209, 1);
    --openBtn: rgba(124, 189, 255, 1);
    --zhongdianBtn: rgba(124, 189, 255, 1);
    --countyTitle: #45CDF5;
    --desc_name: #809AA3;
    --warnText: #FEAE31;
    --specialBack: rgba(0, 0, 0, 0.2);
    --numAndUnit: rgba(254, 174, 49, 0.2);
    --numAndUnit1: rgba(0, 0, 0, 0);
    --peopleUnit: #809aa3;
    --descNum: rgba(254, 174, 49, 0.3);
    --adriatic_content: rgba(0, 17, 35, 0.9);
    --shanbo: #FFB940;
    --date-picker: rgba(52, 81, 91, 0.5);
    --date-picker1: rgba(86, 119, 130, 0.75);
    --date-picker-label: rgba(125, 148, 174, 1);
    --date-picker-label1: rgba(129, 156, 166, 1);
    --aquaculture-number-info-label: rgba(128, 154, 163, 1);
    --aquaculture-number-info-value: rgba(233, 251, 254, 1);
    --aquaculture-number1: rgba(19, 201, 130, 1);
    --aquaculture-number2: rgba(254, 174, 49, 1);
    --aquaculture-number3: rgba(255, 49, 73, 1);
    --breed-number-info-value: #b8d5d9;
    --breed-number-info-label: rgba(69, 205, 245, 1);
    --breed-number-info-label1: rgba(220, 103, 206, 1);
    --breed-number-info-label2: rgba(128, 103, 220, 1);
    --breed-number-info-label3: rgba(0, 126, 255, 1);
    --breed-number-info-label4: #ff3149;
    --breed-number-info-label5: #ff7521;
    --breed-number-info-label6: #0c7d9d;
    --farmers-number-all-label: #45cdf5;
    --farmers-number-type-label: rgba(24, 176, 239, 1);
    --farmers-number-type-label1: #000000;
    --farmers-number-type-value: rgba(140, 169, 179, 1);

    /* // map.scss使用 */
    --valligeCountPin: rgba(32, 40, 53, 0.9);
    --valligeCountPintextRow: #819CA6;
    --valligeCountPinbigText: #A1C2BB;
    --valligeName: rgba(40, 40, 44, 1);
    --topLine: rgba(1, 180, 255, 0);
    --topLine1: rgba(0, 231, 161, 0.5);
    --servicesPin: rgba(40, 49, 66, 0.9);
    --servicesPin1: rgba(129, 156, 166, 1);
    --servicesPin2: rgba(89, 255, 162, 0.1);
    --servicesPin3: rgba(0, 213, 255, 1);
    --LeftLine: rgba(1, 180, 255, 0.5);
    --LeftLine1: rgba(85, 158, 255, 1);
    --servicesPin-title: rgba(134, 255, 254, 1);
    --servicesPin-title-hover: rgba(23, 232, 242, 1);
    --servicesPin-typeBtn: rgba(33, 190, 255, 1);
    --servicesPin-typeBtn1: #FFFFFF;
    --servicesPin-button: rgba(97, 220, 255, 1);
    --servicesPin-button1: rgba(251, 197, 70, 0);
    --servicesPin-button2: rgba(76, 216, 192, 0.3);
    --servicesPin-button3: rgba(61, 206, 216, 0.5);
    --servicesPinTypeclass: rgba(69, 205, 245, 0.08);
    --servicesPinTypeclass1: rgba(69, 205, 245, 0.4);
    --servicesPinTypeclass2: #befff6;
    --servicesPinDatas: rgba(203, 237, 233, 1);
    --numBox: rgba(1, 180, 255, 0.2);
    --LeftLine2: rgba(1, 180, 255, 1);
    --housePin_data_floors: rgba(52, 81, 91, 1);
    --housePin_data_floors1: #d9fcff;
    --allFloors: rgba(52, 81, 91, 0.3);
    --allFloors1: #8093a3;
    --allFloors2: rgba(255, 255, 255, 0.2);
    --allFloors3: rgba(255, 255, 255, 0.8);
    --allFloors4: rgba(238, 238, 238, 0.05);
    --detailBox: #01b4ff;
    --detailBox1: #202835;
    --pinName: #457AFF;
    --pinName1: #1069FF;
    --pinName2: rgba(243, 188, 55, 1);
    --pinName3: #F3BC37;
    --farPeoplePin: #FF5958;
    --farPeoplePin1: #FEFEFE;
    --farPeoplePin2: rgb(255, 89, 88);
    --nameAndInfo: rgba(28, 32, 37, 0.9);
    --nameAndInfo1: #CBEDE9;
    --nameAndInfo2: rgba(28, 32, 37, 1);
    --smallBox: rgba(255, 89, 88, 0.75);
    --smallBox1: rgba(0, 175, 252, 0.75);
    --smallBox2: rgba(1, 180, 255, 0.75);
    --smallBox3: rgba(255, 230, 21, .75);
    --farPeoplePin一剂: #00AFFC;
    --farPeoplePin加强剂: rgba(22, 196, 84, 1);
    --farPeoplePinsmallBox: rgba(22, 196, 84, 0.75);
    --farPeoplePin平安综治: rgba(255, 203, 80, 1);
    --farPeoplePinsmallBox11: rgba(255, 203, 80, 0.75);
    --farPeoplePinsmallBox111: rgba(0, 213, 204, .75);
    --farPeoplePinsmallBoxbefore: rgba(1, 180, 255, 0.5);
    --farPeoplePin老龄老人: rgba(255, 230, 21, 1);
    --party_pin_box: rgba(40, 49, 66, 0.5);


    --TopLine1: rgba(255, 230, 21, 0.5);
    --linkLine: rgba(255, 230, 21, 0);
    --contentBox: rgba(227, 41, 0, 0.8);
    --contentBox1: rgb(255, 230, 21);
    --contentBox2: rgba(40, 49, 66, 0.8);
    --partPinlinkLine: rgba(254, 143, 17, 1);
    --bigTitle: #FE8F11;
    --nameBox: rgba(51, 138, 255, 0.8);
    --nameBox1: rgba(250, 250, 250, 1);
    --marsBlackPanel: #14171c;
    --marsBlackPanel1: rgba(33, 34, 39, 0.55);
    --marsBlackPanel2: #1e202a;
    --marsBlackPanel3: #0d1013;
    --marsBlackPanelbefore: rgb(254, 143, 17);


    /* // element-ui 使用 */

    --el-tabs__item: #00B98D;
    --el-input__inner: rgba(250, 250, 250, 0.5);
    --el-input__inner1: rgba(225, 230, 229, 1);
    --elplaceholder: #a1c2bb;
    --infolist: rgba(19, 173, 246, 0.3);
    --infolist1: rgba(1, 180, 255, 1);
    --infolist2: rgba(1, 180, 255, 0.4);
    --leadershipCare: rgba(33, 190, 255, 1);
    --leadershipCare1: rgba(255, 69, 55, 0.3);
    --leadershipCare2: white;
    --leadershipCare3: red;
    --leadershipCare4: rgba(255, 69, 55, 0.2);
    --leadershipCare5: rgba(33, 190, 255, 0.2);
    --el-range-editor: rgba(128, 137, 163, 1);
    --camera-info: #45CDF5;
    --videoList: rgba(33, 190, 255, 0.3);
    --videoList1: rgba(13, 241, 233, 0.4);
    --rightContent: rgba(40, 40, 40, 0.25);
    --rightContent1: #CBEDE9;
    --rightContent2: rgba(40, 40, 40, 0.5);
    --rightContentBorder: #282828;
    --vvv: rgba(89, 255, 162, 0.5);
    --oneItem: rgba(0, 213, 255, 1);
    --oneItem1: #C9C9C9;
    --oneItem2: rgba(134, 255, 254, 1);
    --oneItem3: rgba(145, 149, 152, 0.5);
    --houseInfoColor: rgb(255, 230, 21);
    --houseInfoColor1: rgb(227, 41, 0);
    --peopleCounty: rgba(86, 119, 130, 1);
    --photoAndInfohouseInfo: rgba(233, 251, 254, 1);
    --bring: #7cffc3;
    --wisdomType: rgba(0, 217, 153, 0.48);
    --wisdomType1: #94ffdf;
    --checkBtn: rgba(254, 174, 49, 0.48);
    --checkBtn1: #ffdca5;
    --checkBtn2: rgba(0, 126, 255, 0.48);
    --checkBtn3: rgba(184, 219, 255, 1);
    --luckWhellSector: #facd89;
    --luckWhellSector1: #fff3d8;
    --prize-item: rgba(1, 180, 255, 0.2);
    --smallNum: #53EA96;
    --activeBtn: rgba(255, 255, 255, 1);
    --disBtn: rgba(51, 138, 255, 0.2);
    --disItem: rgba(19, 52, 73, 0.75);
    --disItem1: #133449;
    --disItemSpan: #00cabc;
    --disItemSpan1: #00d5cc;

    --areaTimes: #f13f3b;
    --activeButton: rgba(16, 105, 255, 1);
    --activeButton1: rgba(0, 216, 255, 0.26);
    --titleBox: rgba(69, 122, 255, 0.1);


    --DialogBox: #283142;
    --DialogBox1: #1b313a;
    --DialogBox2: rgba(28, 32, 37, 0.75);

    --zhezhao: rgba(0, 0, 0, 0.3);
    --allContent: #ffe9d2;
    --borderLine: rgba(255, 203, 80, 0.3);
    --contentTitle: #4d4e51;
    --box_op_content_data: #775b4d;
    --specialInfo: rgba(107, 139, 188, 0.2);
    --levelNames: rgba(0, 176, 116, 0);
    --levelNames1: rgba(0, 176, 116, 0.87);
    --levelNames2: rgba(183, 235, 191, 0.75);
    --levelNames3: rgba(33, 190, 255, 0.2);
    --backShadowparty: rgba(255, 89, 88, 0);
    --backShadowparty1: rgba(255, 89, 88, 0.2);
    --backShadowparty2: rgba(255, 89, 88, 1);


    --navigation: rgba(1, 180, 255, 0.2);
    --navigation1: rgba(1, 180, 255, 0.3);
    --navigation2: rgba(0, 231, 161, 0.075);
    --searchBox: rgba(0, 85, 173, 0.5);
    --backDiv: rgba(242, 159, 100, 0.2);
    --backDiv1: rgba(242, 159, 100, 0.3);
    --border2: #ffcb50;
    --oneTitle: #fbc545;

    --searchInput: rgba(52, 81, 91, 0.4);
    --searchInput1: #6b7f7f;
    --searchInputBefore: rgba(128, 137, 163, 0);
    --searchInputBefore1: rgba(128, 137, 163, 0.35);

    --progressEpidemic: rgba(246, 70, 57, 1);
    --progressImportantMan: rgba(248, 89, 88, 1);
    --progressImportantPart: rgba(255, 166, 64, 1);

    --types: rgba(1, 180, 255, 0.8);
    --buttonhover: rgba(1, 180, 255, 0.8);
    --typepbutton: rgba(255, 230, 21, 0.4);
    --typepbutton1: rgba(227, 41, 0, 0.12);
    --typepbutton2: rgba(255, 49, 73, 0.2);
    --buttonhover1: rgba(227, 41, 0, 0.2);
    --buttonhover2: rgba(255, 49, 73, 0.4);
    --buttontrue: rgba(255, 230, 21, 0.7);
    --buttontrue1: rgba(255, 49, 73, 0.6);

    --titleName: #232316;

    --typesBackground: rgba(28, 32, 37, 0.5);
    --typesBackgroundbutton: rgba(0, 231, 161, 0.75);
    --typesBackgroundbutton1: rgba(0, 255, 234, 0.12);
    --typesBackgroundbutton2: rgba(0, 255, 234, 0.22);
    --typesBackgroundbuttonhover: rgba(190, 255, 246, 0.4);
    --typesBackgroundbuttonhover1: rgba(0, 255, 204, 0.4);

    --newTypeClassbutton: rgba(0, 255, 204, 0.36);
    --newTypeClassbutton1: rgba(0, 255, 204, 0);
    --newTypeClassbutton2: rgba(0, 255, 204, 0.5);
    --newTypeClassbutton3: #01c899;


    --bottomNav: rgba(28, 32, 37, 0);
    --disActive: rgba(16, 105, 255, 0.3);
    --disActive1: rgba(255, 255, 255, 0.5);
    --oneItemBtn: rgba(16, 105, 255, 0.4);


    --groupbutton-button: rgba(32, 40, 53, 0.5);
    --groupbutton-button-hover: rgba(32, 40, 53, 0.2);


    --topNameShadow: rgba(16, 105, 255, 0.1);
    --topNameShadow1: rgba(255, 255, 255, 0.9);
    --topNameShadow2: rgba(16, 105, 255, 0.2);
    --topNameShadow3: #C7EEFF;
    --topNameShadow4: rgba(16, 105, 255, 0.4);


    --secDisItem: #00CABC;
    --secDisItem1: rgba(134, 255, 254, 1);

    --allBtnBgLine: rgba(153, 255, 137, 0);

    --theme: rgba(0, 0, 0, 0.9);
    --theme1: rgba(0, 0, 0, 0.5);

    --borderShip: rgba(153, 255, 137, 1);
    --btnGroups: rgba(242, 159, 100, 0);
    --bottomLine: rgba(0, 202, 188, 0.5);
    --ssbtnShip: rgba(227, 41, 0, 0.9);
    --ssbtnShip1: rgba(255, 69, 55, 0.8);
    --ssleadershipCare_top: rgba(32, 181, 243, 1);
    --ssleadershipCare_top3: rgba(33, 190, 255, 0.3);
    --ssleadershipCare_buttons: rgba(190, 255, 246, 0.2);
    --houseDetailEbtityBack: rgba(52, 81, 91, 1);
    --houseDetailEbtityBorder: rgba(1, 180, 255, 1);
    --disBtn1: rgba(1, 180, 255, 0.24);

    /* 新增 */

    --linearGradient: linear-gradient(to right, rgba(134, 255, 219, 1) 50%, rgba(16, 248, 240, 1) 100%);
    --linearGradientHover: linear-gradient(to right, rgba(134, 255, 219, 1) 50%, rgba(16, 248, 240, 1) 100%);
    --linearGradient1: linear-gradient(to right, rgba(47, 101, 255, 1) 0%, rgba(65, 217, 255, 1) 100%);
    --linearGradient2: linear-gradient(to right, rgba(134, 255, 181, 0) 0%, rgba(51, 138, 255, 0.3) 50%, rgba(134, 255, 181, 0) 100%);
    --linearGradient3: linear-gradient(to right, rgba(245, 241, 135, 0) 0%, rgba(51, 138, 255, 0.5) 50%, rgba(245, 241, 135, 0) 100%);
    --linearGradient4: linear-gradient(to right, rgba(134, 255, 254, 1) 0%, rgba(108, 250, 255, 1) 50%, rgba(33, 190, 255, 1) 100%);
    --linearGradient5: linear-gradient(to right, rgba(79, 219, 235, 1) 0%, rgba(97, 220, 255, 1) 50%, rgba(0, 54, 255, 1) 100%);
    --linearGradient6: linear-gradient(90deg, rgba(51, 189, 128, 0.2) 0%, rgba(51, 189, 128, 0) 100%);
    --linearGradient7: linear-gradient(to right, rgba(134, 255, 254, 1) 0%, rgba(97, 220, 255, 1) 50%, rgba(33, 164, 255, 1) 100%);
    --linearGradient8: linear-gradient(to right, var(--levelNames3) 0%, var(--levelNames) 100%);

    --linearGradient9: linear-gradient(to right, rgba(134, 255, 254, 1) 0%, rgba(108, 250, 255, 1) 50%, rgba(33, 190, 255, 1) 100%);


    --linearGradient10: linear-gradient(0deg, var(--disItemSpan) 0%, var(--disItemSpan1) 100%);
    --linearGradient11: linear-gradient(0deg, var(--ssnum2) 0%, var(--servicesPin-title) 100%);
    --linearGradient12: linear-gradient(90deg, var(--titleBox) 0%, var(--ssleftBack2) 100%);
    --linearGradient13: linear-gradient(to right, rgba(79, 219, 235, 1) 0%, rgba(97, 220, 255, 1) 50%, rgba(0, 54, 255, 1) 100%);
    /* --linearGradient13: linear-gradient(0deg, var(--servicesPin-typeBtn) 0%, var(--oneItem) 100%); */
    --linearGradient14: llinear-gradient(90deg, var(--numBox) 0%, var(--ssprogress1) 100%);
    --linearGradient15: linear-gradient(90deg, var(--levelNames) 0%, var(--levelNames1) 25%, var(--levelNames1) 75%, var(--levelNames) 100%);
    --linearGradient16: linear-gradient(90deg, var(--ssprogress1) 0%, var(--numBox) 10%, var(--numBox) 40%, var(--ssprogress1) 70%);
    --linearGradient17: linear-gradient(90deg, var(--backShadowparty) 0%, var(--backShadowparty1) 10%, var(--backShadowparty1) 40%, var(--backShadowparty) 70%);
    --linearGradient18: linear-gradient(to right, var(--farPeoplePin平安综治) 0%, var(--backShadowparty2) 100%);
    --linearGradient19: linear-gradient(90deg, var(--topLine1) 0%, var(--LeftLine) 100%);
    --linearGradient20: linear-gradient(90deg, var(--epidemicBtn) 0%, var(--LeftLine) 100%);
    --linearGradient21: linear-gradient(to right, rgba(242, 159, 100, 0) 0%, rgba(242, 159, 100, 0.2) 50%, rgba(242, 159, 100, 0) 100%);
    --linearGradient22: linear-gradient(to right, rgba(242, 159, 100, 0) 0%, rgba(242, 159, 100, 0.4) 50%, rgba(242, 159, 100, 0) 100%);
    --linearGradient23: linear-gradient(to right, rgba(0, 213, 255, 0) 0%, rgba(0, 213, 255, 0.5) 50%, rgba(0, 213, 255, 0) 100%);
    --linearGradient24: linear-gradient(to bottom, var(--topLine) 0%, var(--topLine1) 50%, var(--topLine) 100%);
}