/*----------------------电脑板式样式----------------------*/ /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { } body{ background-position:left top; } #text_style_01_1566025297233{width:22.833333333333332%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:111px;left:9.625%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1566025297233{}} @media screen and (max-width:640px) {#text_style_01_1566025297233{width:96%;font-size:12px;color:#333;line-height:1.6;top:31px;left:2%;}} #text_style_01_1566025297233>.view_contents {font-size:35px;font-weight:bold;color:#ffffff;text-align:center;} @media screen and (max-width:640px) { #text_style_01_1566025297233>.view_contents {font-size:26px;}} #layout_1563442959034{height:341px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1563442959034{height:240px;}} @media screen and (max-width:640px) {#layout_1563442959034{height:102px;}} #layout_1563442959034 > .view_contents{overflow:visible;max-width:1200px;} #layout_1563442959034 {background: url(../img/upimages/banner6.jpg);background-position:0% 50% !important;background-size:auto 100%;background-repeat:no-repeat!important;} #layout_1563443237057{height:28px;display:block;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1563443237057{display:block;}} @media screen and (max-width:640px) {#layout_1563443237057{height:13px;display:block;}} #layout_1563443237057 > .view_contents{overflow:visible;max-width:1200px;} #text_style_01_1598195042044{width:15.083333333333334%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:13px;left:42.45833333333333%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1598195042044{}} @media screen and (max-width:640px) {#text_style_01_1598195042044{width:96%;font-size:12px;color:#333;line-height:1.6;top:10px;left:2%;}} #text_style_01_1598195042044>.view_contents {text-align:center;font-weight:bold;font-size:20px;} @media screen and (max-width:640px) { #text_style_01_1598195042044>.view_contents {font-size:18px;}} #text_style_01_1598193947515{width:48.90438247011952%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;left:3.0406648675171737%;top:24px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1598193947515{width:65.91760299625467%;top:34px;left:3.0372191011235956%;}} @media screen and (max-width:640px) {#text_style_01_1598193947515{width:96%;font-size:12px;color:#333;line-height:1.6;top:0px;left:2%;z-index:2;}} #text_style_01_1598193947515>.view_contents {color:#fc1919;} #customForm_style_input_01_1598193984832{width:33.266932270916335%;position:absolute;left:3.0406648675171737%;top:69px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_input_01_1598193984832{width:200px;top:77px;left:3.0333177278402%;}} @media screen and (max-width:640px) {#customForm_style_input_01_1598193984832{width:96%;top:29px;left:2%;z-index:2;}} #customForm_style_input_01_1598193984832 > .view_contents{overflow:visible;} #customForm_style_input_01_1598193994246{width:30.776892430278885%;position:absolute;left:42.492639842983316%;top:69px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_input_01_1598193994246{width:300px;top:75px;left:43.43593945068664%;}} @media screen and (max-width:640px) {#customForm_style_input_01_1598193994246{width:96%;top:71px;left:2%;z-index:2;}} #customForm_style_input_01_1598193994246 > .view_contents{overflow:visible;} #customForm_style_input_01_1598194003505{width:18.52589641434263%;position:absolute;left:3.0406648675171737%;top:122px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_input_01_1598194003505{width:150px;}} @media screen and (max-width:640px) {#customForm_style_input_01_1598194003505{width:96%;top:113px;left:2%;z-index:2;}} #customForm_style_input_01_1598194003505 > .view_contents{overflow:visible;} #customForm_style_input_01_1598194012968{width:18.52589641434263%;position:absolute;left:29.13242149165849%;top:122px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_input_01_1598194012968{width:150px;top:122px;left:32.11805555555556%;}} @media screen and (max-width:640px) {#customForm_style_input_01_1598194012968{width:96%;top:155px;left:2%;z-index:2;}} #customForm_style_input_01_1598194012968 > .view_contents{overflow:visible;} #customForm_style_input_01_1598194022898{width:18.52589641434263%;position:absolute;left:54.75956820412169%;top:122px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_input_01_1598194022898{width:160px;top:122px;left:60.96480961298377%;}} @media screen and (max-width:640px) {#customForm_style_input_01_1598194022898{width:96%;top:197px;left:2%;z-index:2;}} #customForm_style_input_01_1598194022898 > .view_contents{overflow:visible;} #customForm_style_select_01_1598194038199{width:20.215897939156037%;position:absolute;left:12.463199214916584%;top:178px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_select_01_1598194038199{width:200px;left:14.45848938826467%;top:178px;}} @media screen and (max-width:640px) {#customForm_style_select_01_1598194038199{width:96%;top:267px;left:1.9965277777777777%;z-index:2;}} #customForm_style_select_01_1598194047935{width:20.80471050049068%;position:absolute;left:52.50245338567223%;top:178px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_select_01_1598194047935{width:200px;top:179px;left:55.79549001248439%;}} @media screen and (max-width:640px) {#customForm_style_select_01_1598194047935{width:96%;top:336px;left:1.9965277777777777%;z-index:2;}} #div_blank_new05_1598194092668{width:90.18645731108931%;position:absolute;left:3.042198233562316%;top:226px;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_new05_1598194092668{left:2.2354868913857677%;width:95.63046192259675%;}} @media screen and (max-width:640px) {#div_blank_new05_1598194092668{width:96%;top:374px;left:1.9965277777777777%;z-index:2;}} #div_blank_new05_1598194092668 {box-sizing:border-box;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_new05_1598194092668 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_new05_1598194092668 {box-sizing:border-box;}} #text_style_01_1598194113654{width:70.3631010794897%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;left:3.140333660451423%;top:258px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1598194113654{left:2.992353308364544%;width:69.03870162297129%;top:252px;}} @media screen and (max-width:640px) {#text_style_01_1598194113654{width:96%;font-size:12px;color:#333;line-height:1.6;top:404px;left:1.9965277777777777%;z-index:2;}} #customForm_style_checkbox_01_1598228415695{width:35.91756624141315%;position:absolute;left:3.140333660451423%;top:303px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_checkbox_01_1598228415695{left:3%;width:47.19101123595505%;}} @media screen and (max-width:640px) {#customForm_style_checkbox_01_1598228415695{width:98.11320754716981%;top:445px;left:0.9433962264150944%;z-index:1;}} #customForm_style_checkbox_01_1598228415695 > .view_contents{overflow:visible;} /*----------------------电脑板式样式----------------------*/ #customForm_style_checkbox_01_1598228415695{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #customForm_style_checkbox_01_1598228415695{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #customForm_style_checkbox_01_1598228415695{ } .moreChoice .checkbox{font-size:14px !important;} } #text_style_01_1598228721716{width:7.948969578017665%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;left:3.140333660451423%;top:181px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1598228721716{left:3%;width:89px;}} @media screen and (max-width:640px) {#text_style_01_1598228721716{width:96%;font-size:12px;color:#333;line-height:1.6;top:239px;left:1.9965277777777777%;z-index:2;}} #text_style_01_1598228776284{width:7.948969578017665%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;left:43.08145240431796%;top:180px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1598228776284{width:11.985018726591761%;top:182px;left:44.59854868913858%;}} @media screen and (max-width:640px) {#text_style_01_1598228776284{width:96%;font-size:12px;color:#333;line-height:1.6;top:311px;left:1.9965277777777777%;z-index:2;}} #customForm_style_button_01_1598324941077{width:15%;position:absolute;left:42.492639842983316%;top:2202px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_button_01_1598324941077{left:calc(50% - 100px);width:200px;top:2177px;}} @media screen and (max-width:640px) {#customForm_style_button_01_1598324941077{width:180px;top:2290px;left:25.60646900269542%;}} #customForm_style_button_01_1598324941077 > .view_contents{overflow:visible;} #customForm_form_1598193921468{width:84.91666666666666%;height:4325px;position:absolute;top:59px;left:7.541666666666671%;display:block;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_form_1598193921468{left:7.529162248144221%;top:65px;height:2240px;display:block;}} @media screen and (max-width:640px) {#customForm_form_1598193921468{width:98.93333333333332%;height:4572px;top:47px;left:0.6666666666666667%;display:block;}} #customForm_form_1598193921468 > .view_contents{overflow:visible;} #layout_1598195034579{height:4384px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1598195034579{height:2305px;}} @media screen and (max-width:640px) {#layout_1598195034579{height:4619px;}} #layout_1598195034579 > .view_contents{overflow:visible;max-width:1200px;} #layout_1598195034579 {background:#fffbef;} #text_style_01_1598603894601{width:500px;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:3px;left:calc(50% - 250px);z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1598603894601{top:8px;left:23.488865323435842%;}} @media screen and (max-width:640px) {#text_style_01_1598603894601{width:96%;font-size:12px;color:#333;line-height:1.6;top:10px;left:2%;}} #text_style_01_1598603894601>.view_contents {text-align:left;color:#ed3b5b;border-width:1px;border-style:solid;border-color:#7f7f7f;} #image_style_11_1598757052749{width:300px;position:absolute;left:calc(50% - 150px);top:108px;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_11_1598757052749{left:calc(50% - 150px);width:300px;}} @media screen and (max-width:640px) {#image_style_11_1598757052749{}} #image_style_11_1598757052749 > .view_contents{overflow:visible;} #div_a_includeBlock_1598679027966{width:100%;height:421px;position:absolute;top:12px;left:0%;z-index:1;} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1598679027966{height:429px;top:24px;left:0%;}} @media screen and (max-width:640px) {#div_a_includeBlock_1598679027966{width:100%;height:456px;top:0px;left:0%;}} #layout_1598603762305{height:433px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1598603762305{height:453px;}} @media screen and (max-width:640px) {#layout_1598603762305{height:456px;}} #layout_1598603762305 > .view_contents{overflow:visible;max-width:1200px;} #layout_1598603762305 {background:#fffbef;} #layout_1598194486007{height:30px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1598194486007{height:64px;}} @media screen and (max-width:640px) {#layout_1598194486007{height:17px;z-index:999;}} #layout_1598194486007 > .view_contents{overflow:visible;max-width:1200px;} #layout_1598194486007 {background:#fffbef;} #text_style_01_1563433244409{width:9.916666666666666%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:50px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1563433244409{left:2%;}} @media screen and (max-width:640px) {#text_style_01_1563433244409{width:96%;font-size:12px;color:#333;line-height:1.6;top:0px;left:2%;display:none;}} #text_style_01_1563433244409>.view_contents {color:#ffffff;font-size:14px;} #text_style_01_1563433311181{width:7.333333333333333%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:90px;left:0.125%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1563433311181{left:1.9999337221633087%;top:98px;}} @media screen and (max-width:640px) {#text_style_01_1563433311181{width:96%;font-size:12px;color:#333;line-height:1.6;top:154px;left:2%;display:none;}} #text_style_01_1563433311181>.view_contents {color:#666666;font-size:16px;} #text_style_01_1563433407783{width:7.333333333333333%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:90px;left:10.375%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1563433407783{top:98px;left:12.176895546129373%;}} @media screen and (max-width:640px) {#text_style_01_1563433407783{width:96%;font-size:12px;color:#333;line-height:1.6;top:189px;left:2%;display:none;}} #text_style_01_1563433407783>.view_contents {color:#666666;font-size:16px;} #text_style_01_1563433425901{width:7.333333333333333%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:124px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1563433425901{left:1.9999337221633087%;top:135px;}} @media screen and (max-width:640px) {#text_style_01_1563433425901{width:96%;font-size:12px;color:#333;line-height:1.6;top:224px;left:2%;display:none;}} #text_style_01_1563433425901>.view_contents {color:#666666;font-size:16px;} #text_style_01_1563433448187{width:7.333333333333333%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:124px;left:10.375%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1563433448187{top:135px;left:12.176895546129373%;}} @media screen and (max-width:640px) {#text_style_01_1563433448187{width:96%;font-size:12px;color:#333;line-height:1.6;top:259px;left:2%;display:none;}} #text_style_01_1563433448187>.view_contents {color:#666666;font-size:16px;} #image_style_01_1563433525531{width:114px;height:114px;position:absolute;top:55px;left:90.5%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1563433525531{left:85.68398727465537%;top:50px;}} @media screen and (max-width:640px) {#image_style_01_1563433525531{width:114px;height:112px;top:32px;left:34.8%;display:none;}} #image_style_01_1563433525531 > .view_contents{overflow:visible;} #div_blank_new01_1563433583074{width:2880px;height:40px;position:absolute;top:195px;left:calc(50% - 1440px);} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_new01_1563433583074{}} @media screen and (max-width:640px) {#div_blank_new01_1563433583074{width:100%;height:45px;top:3px;left:0%;}} #div_blank_new01_1563433583074 {box-sizing:border-box;} #div_blank_new01_1563433583074 .modSet {background:#363636;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_new01_1563433583074 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_new01_1563433583074 {box-sizing:border-box;}} #text_style_01_1563433698175{width:21%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:204.5px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1563433698175{left:2%;width:386px;}} @media screen and (max-width:640px) {#text_style_01_1563433698175{width:96%;font-size:12px;color:#333;line-height:1.6;top:14.5px;left:2%;}} #text_style_01_1563433698175>.view_contents {color:#666666;font-size:12px;} @media screen and (max-width:640px) { #text_style_01_1563433698175>.view_contents {text-align:center;}} #text_style_01_1594019034892{width:21%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:204.5px;left:23.75%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1594019034892{width:30%;left:40%;}} @media screen and (max-width:640px) {#text_style_01_1594019034892{width:96%;font-size:12px;color:#333;line-height:1.6;top:60px;left:2%;}} #text_style_01_1594019034892>.view_contents {color:#dddddd;font-size:12px;} @media screen and (max-width:640px) { #text_style_01_1594019034892>.view_contents {text-align:center;}} #comm_layout_footer{height:235px;z-index:99999;} @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_footer{height:244.5px;}} @media screen and (max-width:640px) {#comm_layout_footer{height:79px;}} #comm_layout_footer > .view_contents{max-width:1200px;overflow:visible;} #comm_layout_footer {background:#444444;} body{-ms-text-size-adjust: 100% !important;-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;} /* / 默认无 / */ .inputStyleCont .textInput{ width: 100%; height: 100%; padding: 6px; outline: none; border: 1px #ccc solid; box-sizing: border-box; font-size: 14px; height: 36px; } .inputStyleCont {font-size: 0;} .inputStyleCont .input_view{position: relative;display: inline-block;width: 100%;vertical-align: middle;} .inputStyleCont .red_tip{color: #cc0000;display: none;} .inputStyleCont .title_view{width: 100%;display: none;color: #333;font-size: 14px;vertical-align: middle;} @media screen and (max-width: 767px){ .inputStyleCont .textInput{font-size: 12px;height: 32px;} .inputStyleCont .title_view{font-size: 12px;} } #store-selector .text b{ background: url('http://box6js.nicebox.cn../img/customForm/style_input_02/btn20121210.png') 0 0 no-repeat; } #customForm_style_input_01_1598193984832 .red_tip{display: inline;} #store-selector .text b{ background: url('http://box6js.nicebox.cn../img/customForm/style_input_02/btn20121210.png') 0 0 no-repeat; } #customForm_style_input_01_1598193994246 .red_tip{display: inline;} #store-selector .text b{ background: url('http://box6js.nicebox.cn../img/customForm/style_input_02/btn20121210.png') 0 0 no-repeat; } #customForm_style_input_01_1598194003505 .red_tip{display: inline;} #store-selector .text b{ background: url('http://box6js.nicebox.cn../img/customForm/style_input_02/btn20121210.png') 0 0 no-repeat; } #customForm_style_input_01_1598194012968 .red_tip{display: inline;} #store-selector .text b{ background: url('http://box6js.nicebox.cn../img/customForm/style_input_02/btn20121210.png') 0 0 no-repeat; } #customForm_style_input_01_1598194022898 .red_tip{display: inline;} .selectStyle_3 .select_view{ border:1px solid #ccc; width: 100%; height: 36px; padding: 0px 10px; box-sizing:border-box; font-size: 14px; } .selectStyle_3{font-size: 0;} .selectStyle_3 .input_view{position: relative;display: inline-block;width: 100%;vertical-align: middle;} .selectStyle_3 .red_tip{color: #cc0000;display: none;} .selectStyle_3 .title_view{width: 100%;display: none;color: #333;font-size: 14px;vertical-align: middle;} @media screen and (max-width: 767px){ .selectStyle_3 .select_view{font-size: 12px;height: 32px;} .selectStyle_3 .title_view{font-size: 12px;} } /*#*//* .selectStyle_3 .select_view{background: url(../img/customForm/style_select_01/selectIcon01.png) no-repeat 97% 50%;background-size: 20px;}*/ #customForm_style_select_01_1598194038199 .red_tip{display: inline;} #customForm_style_select_01_1598194038199 .input_view .bbx-new-font{ display: flex; height: 100%; align-items: center; justify-content: right; position: absolute; right: 10px; z-index: 1; pointer-events: none; } /*#*//* .selectStyle_3 .select_view{background: url(../img/customForm/style_select_01/selectIcon01.png) no-repeat 97% 50%;background-size: 20px;}*/ #customForm_style_select_01_1598194047935 .red_tip{display: inline;} #customForm_style_select_01_1598194047935 .input_view .bbx-new-font{ display: flex; height: 100%; align-items: center; justify-content: right; position: absolute; right: 10px; z-index: 1; pointer-events: none; } .blank_new05.blank_area { width:100%; padding-top: 10px;padding-bottom: 10px; } .blank_new05 .roundcs { position: relative; border-bottom: none!important; border-right: none!important; border-left: none!important; border:1px solid #1badf8; } .moreChoice {position: relative;} .moreChoice .checkbox {position: relative;display: block;line-height: 22px; font-weight: 400;color: #333;padding-left: 25px;cursor: pointer;font-size: 14px;float:left;margin: 0 10px 6px 0;} .moreChoice .checkbox input {position: absolute;left: -2.5px;top: 1.5px;z-index: 999999;opacity: 0;cursor: pointer;} .moreChoice .checkbox i {display: block;position: absolute;top: 2px;left: 0;width: 16px;height: 16px; outline: 0;border: 1px solid #666;transition: border-color .3s;-webkit-transition: border-color .3s;cursor: pointer; background: #fff;} .moreChoice .checkbox input + i:after {position: absolute;content: '';top: 4px;left: 4px;width: 8px;height: 8px;border: 4px solid transparent;box-sizing: border-box;} .moreChoice .checkbox input:checked + i {border-color: #2D8CF0;} .moreChoice .checkbox input:checked + i:after {border-color: inherit;} .moreChoice .checkbox .bechoosedcheckbox:after{border-color: inherit!important;} .moreChoice .checkbox.img_checkbox{border: 1px solid #ccc;padding: 5px;box-sizing: border-box;margin-bottom: 10px;width:130px} .moreChoice .checkbox.img_checkbox .checkbox_input{position: relative;padding-left: 25px;} .moreChoice .checkbox input:checked+i:after{ opacity: 1; } .moreChoice .checkbox img{width: 120px;height: 120px;object-fit: contain;background: #f2f2f2;} .checkboxStyle01 .checkbox_img{position: relative;width: 100%;overflow: hidden;margin-bottom: 4px;} .checkboxStyle01 .checkbox_img .img_view{position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;} .checkboxStyle01 .checkbox_img .heightset{margin-top: 100%;} .checkboxStyle01{font-size: 0;} .checkboxStyle01 .input_view{position: relative;display: inline-block;width: 100%; vertical-align: middle;} .checkboxStyle01 .red_tip{color: #cc0000;display: none;} .checkboxStyle01 .title_view{width: 100%;display: none;color: #333;font-size: 14px;vertical-align: top;line-height: 22px;} @media screen and (max-width: 767px){ .moreChoice .checkbox{font-size: 12px;} .checkboxStyle01 .title_view{font-size: 12px;} .moreChoice .checkbox img{width: 100px;height: 100px;} .moreChoice .checkbox.img_checkbox{width:110px} } #customForm_style_checkbox_01_1598228415695 .red_tip{display: inline;} .squareButton { width: 100%; height:36px; background: #fff; color: #333; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; cursor: pointer; transition: all ease-in .1s; -webkit-transition: all ease-in .1s; -moz-transition: all ease-in .1s; -o-transition: all ease-in .1s;box-sizing: border-box;} @media screen and (max-width: 767px){ .squareButton {font-size: 12px;height:32px;} }.imgStyle_11{position:relative; clear: both; width: 100%; height: 100%;} .imgStyle_11 ul{width: 100%; display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap:wrap; justify-content:space-between;} .imgStyle_11 ul li.imgItems{position: relative; overflow: hidden !important; width: 19%; box-sizing:border-box; margin-bottom:10px;background: #f6f6f6;} .imgStyle_11 ul li .ratio{margin-top: 100%;width: 100%;} .imgStyle_11 ul li a{} .imgStyle_11 ul li:hover .noimgLoadLate{z-index: 2; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);} .imgStyle_11 ul li .theimgdiv{position: absolute;height: 100%;width: 100%;top: 0;left: 0;-webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s;background-repeat: no-repeat !important;background-position-x: 50% !important;background-position-y: 50% !important;background-size: auto 100% !important;} .imgStyle_11 ul li:hover .theimgdiv{z-index: 2; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);} .imgStyle_11 ul li a img{position: absolute; width: auto; height: 100%; top: 50%; left: 50%; z-index: 100; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .imgStyle_11 ul li a .bbx-new-font{ display: flex; justify-content: center; align-items: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; } .imgStyle_11 .imgView{width: 100%;} .imgStyle_11 .imgCont{position: absolute;height: 100%;width: 100%;top: 0;left: 0;overflow: hidden;} .imgStyle_11 .theimgtext{height:30px;line-height: 30px;font-size: 14px;color:black;width:100%;text-align: center;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;} @media screen and (max-width: 768px){ .imgStyle_11 ul li{width: 49%;} } /*pc*/ #image_style_11_1598757052749 ul li .ratio{margin-top: 100%; float: left;} #image_style_11_1598757052749 ul li{width: 100%;} #image_style_11_1598757052749 ul li.imgItems{margin-bottom:2%;} .imgShowBox{position: fixed; z-index: 99999; background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%;} .imgShowBox img{ position: absolute; width: auto; max-width: 80%; border: 20px solid #fff;top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); box-shadow: 0 0 10px rgba(0,0,0,.3);} .imgShowBox .bbx-new-font{ position: absolute; width: auto; max-width: 80%; border: 20px solid #fff;top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); box-shadow: 0 0 10px rgba(0,0,0,.3);background: #fff;padding: 0 20px;} .imgShowBox.scroll{overflow-y:scroll;overflow-x:hidden;} .imgShowBox.scroll::-webkit-scrollbar {width: 6px; height: 6px; background: rgba(0,0,0,.05);} .imgShowBox.scroll::-webkit-scrollbar{width: 6px; height: 6px; background: rgba(0,0,0,.02);} .imgShowBox.scroll::-webkit-scrollbar-button{background: #f7f7f7; height: 0;} .imgShowBox.scroll::-webkit-scrollbar-corner{background: rgba(0,0,0,.05);} .imgShowBox.scroll::-webkit-scrollbar-thumb{background: rgba(255,255,255,.7); border-radius: 3px;} .imgShowBox.scroll img{top:5%; margin-bottom: 5%; transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); -moz-transform: translate(-50%,0%); -o-transform: translate(-50%,0%);} .pos_fixed{position: fixed; width: 100%;} .imgButton{position: fixed; width: 70%; max-width: 400px; bottom: 15%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;} .imgButton span{display: inline-block; cursor:pointer; box-shadow: 0 0 6px rgba(0,0,0,.2); -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .imgButton span:hover{opacity: .8;} .imgButton span i{font-size: inherit; line-height: inherit; color:inherit;} .imgButton span.prevImg, .imgButton span.nextImg, .imgButton span.closeShowPic{ font-size: 40px; width: 50px; height:50px; line-height: 50px; border-radius: 100%;font-family: serif; background-color: #fff; text-align: center; box-sizing: border-box;} .imgButton span.prevImg, .imgButton span.nextImg{font-size: 26px; width: 40px; height: 40px; line-height: 40px; text-align: center;} @media screen and (max-width: 1024px){.imgStyle_11 ul li{width: 24%;}} @media screen and (max-width: 1024px){/*ipad*/ #image_style_11_1598757052749 ul li .ratio{margin-top: 100%; float: left;} #image_style_11_1598757052749 ul li{width: 100%;} #image_style_11_1598757052749 ul li.imgItems{margin-bottom:2%;} } @media screen and (max-width: 768px){/*mobi*/ #image_style_11_1598757052749 ul li .ratio{margin-top: 100%; float: left;} #image_style_11_1598757052749 ul li{width: 100%;} #image_style_11_1598757052749 ul li.imgItems{margin-bottom:2%;} .imgShowBox img{border-width: 10px;} .imgShowBox.scroll img{top:5%; margin-bottom: 10vh;} } .imgStyle{font-size:0;} #image_style_01_1563433525531 .CompatibleImg img{width:auto; height:auto}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1563433525531 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1563433525531 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1563433525531 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } .blank_new01{width:100%;height:100%;} .blank_new01 .roundcs{width:100%;height:100%;background:rgba(7,126,244,0.7);box-sizing: border-box;}