
.specs{ width:1160px; float:left}
.specs .imgBox{ width:100%; float:left; padding:120px 0 88px}
.specs .imgBox .tit{ width:20%; line-height:24px; float:left; color:#323232; font-size:20px}
.specs .imgBox .img{ width:80%; float:left; text-align:center}
.specs .imgBox .img img{ max-width:100%}
.specs .imgBox .wp_100{ width: 100%}

.specs .conBox{ width:100%; float:left; border-top:1px solid #D9D9D9; padding:80px 0 77px}
.specs .conBox .tit{ width:20%; line-height:24px; float:left; color:#323232; font-size:20px}
.specs .conBox .subTit{ width:80%; line-height:28px; float:left; color:#323232; font-size:14px}
.specs .conBox .subTit a{ color:#1352e2}
.specs .conBox .subTitUl{ width:80%; float:left}
.specs .conBox .subTitUl li{ width:50%; float:left; color:#323232; line-height:24px; padding-bottom:80px}
.specs .conBox .subTitUl .t_1{ width:100%; float:left; font-size:18px; padding-bottom:10px}
.specs .conBox .subTitUl .t_2{ width:100%; float:left; font-size:14px}

.specs .intList{ width:80%; float:left}
.specs .intList li{ width:100%; float:left; padding-bottom:40px}
.specs .intList li .box_l{ width:calc(50% - 30px); float:left}
.specs .intList li .box_r{ width:calc(50% - 30px); float:right}
.specs .intList li .t_1{ font-size:18px; color:#323232; line-height:20px; padding-bottom:19px}
.specs .intList li .t_2{ font-size:14px; color:#323232; line-height:18px; padding-bottom:10px}
.specs .intList li .t_3{ color:#888; line-height:20px}

.specs .colorBox{ width:47px; float:left; padding-right:54px}
.specs .colorBlock{ width:45px; height:45px; float:left; border:1px solid #d5d5d5; border-radius:50%; background-color:#FBFBFB; margin-bottom:12px}
.specs .colorBox .t_1{ width:47px; line-height:18px; text-align:center; color:#888; font-size:14px; float:left}
.specs .colorBox .t_2{ width:34px; line-height:18px; text-align:right; color:#888; font-size:14px; float:left}
.specs .colorBox .t_3{ font-size:8px; float:left; line-height:10px}
.specs .colorBox_2{ width:120px; float:left; padding-right:100px}
.specs .colorBox_2 .colorBlock{ width:100%; height:53px; float:left; text-align: center; border: none; background-color: inherit; margin-bottom:12px}
.specs .colorBox_2 .t_1{ width:100%}
.specs .w_block{ border-color:#888; background-color:#fff}
.specs .b_block{ border-color:#181818; background-color:#181818}
.specs .ye_block{ border-color:#F7E764; background-color:#F7E764}
.specs .red_block{ border-color:#ff8c88; background-color:#ff8c88}
.specs .bl_block{ background-color:#60c7f5; border:1px solid #60c7f5}
.specs .ge_block{ border-color:#a6ec6f; background-color:#a6ec6f}
.specs .go_block{ border-color:#EDD0B6; background-color:#EDD0B6}
.specs .pink_block{ border-color:#fcb9cd; background-color:#fcb9cd}
.specs .blue_block{ border-color:#89d1fa; background-color:#89d1fa}
.specs .green_block{ border-color:#a7ebd7; background-color:#a7ebd7}
.specs .blgr_block, .specs .repi_block{ width:46px; height:46px; border:none; background-color:none; background-position:-410px -1400px}
.specs .repi_block{ background-position:-410px -1500px}
.specs .taoHong_block{ border-color:#F771A1; background-color:#F771A1; box-shadow:1px 1px 0px #D84064 inset; transform:rotate(40deg); -webkit-transform:rotate(40deg)}
.specs .fenZhi_block{ border-color:#D7B6F2; background-color:#D7B6F2; box-shadow:1px 1px 0px #C493ED inset; transform:rotate(40deg); -webkit-transform:rotate(40deg)}
.specs .qianLan_block{ border-color:#6CC3F2; background-color:#6CC3F2; box-shadow:1px 1px 0px #55AAED inset; transform:rotate(40deg); -webkit-transform:rotate(40deg)}
.specs .shenLan_block{ border-color:#3AA7EB; background-color:#3AA7EB; box-shadow:1px 1px 0px #377FE2 inset; transform:rotate(40deg); -webkit-transform:rotate(40deg)}
.specs .huLu_block{ border-color:#83F0F4; background-color:#83F0F4; box-shadow:1px 1px 0px #85EDF2 inset; transform:rotate(40deg); -webkit-transform:rotate(40deg)}
.specs .light_xky{ background-color:#C3C3C3; border:1px solid #C3C3C3}
.specs .light_xbj{ background-color:#FAE7D5; border:1px solid #FAE7D5}
.specs .light_mgj{ background-color:#F6D1CD; border:1px solid #F6D1CD}
.specs .light_skl{ background-color:#7A8BBD; border:1px solid #7A8BBD}
.specs .light_mhh{ background-color:#383838; border:1px solid #383838}
.specs .yogaball_b{ background-color:#404040; border:1px solid #404040}
.specs .light_mimi2_w{ background-color:#FAFAFA; border:1px solid #D5D5D5}
.specs .light_mimi2_b{ background-color:#434343; border:1px solid #434343}
.specs .light_pro_1{ border-color:#D8D8D8; background-color:#fff}
.specs .light_pro_2{ border-color:#2D2D2D; background-color:#2D2D2D}
.specs .sports_blue{ background-color:#4865C1; border:1px solid #4865C1}
.specs .sports_red{ background-color:#EA6393; border:1px solid #EA6393}
.specs .wrist_black{ background-color:#434343; border:1px solid #434343}
.specs .eb_o{ background-color:#FC5B26; border:1px solid #FC5B26}
.specs .eb_gr{ background-color:#4DDFE5; border:1px solid #4DDFE5}
.specs .eb_b{ background-color:#55ADFF; border:1px solid #55ADFF}
.specs .fp_r{ background-color:#F36E5D; border:1px solid #F36E5D}
.specs .fp_b{ background-color:#99ACF8; border:1px solid #99ACF8}
.specs .fp_y{ background-color:#FBE550; border:1px solid #FBE550}
.specs .yb_gr{ background-color:#469BA6; border:1px solid #469BA6}
.specs .yb_b{ background-color:#5776AA; border:1px solid #5776AA}
.specs .yb_h{ background-color:#999593; border:1px solid #999593}
.specs .light_color2_1{ background-color:#FFD2D2; border:1px solid #FFD2D2}
.specs .light_color2_2{ background-color:#74C8EF; border:1px solid #74C8EF}
.specs .light_color2_3{ background-color:#9EE4E2; border:1px solid #9EE4E2}
.specs .light_color2_4{ background-color:#FBFBFB; border:1px solid #D8D8D8}
.specs .goggles_1{ background-color:#A7A7A7; border:1px solid #A7A7A7}
.specs .goggles_2{ background-color:#FFF996; border:1px solid #FFF996}
.specs .tightTrousers_1{ background-color:#1A1919; border:1px solid #1A1919}
.specs .tightTrousers_2{ background-color:#A7A7A7; border:1px solid #A7A7A7}
.specs .sportsJacket_1{ background-color:#1A1919; border:1px solid #1A1919}
.specs .sportsJacket_2{ background-color:#CDEEFF; border:1px solid #CDEEFF}
.specs .vibrationMassageDevice_1{ background-color:#A7A7A7; border:1px solid #A7A7A7}
.specs .massageShaft_1{ background-color:#9397A2; border:1px solid #9397A2}
.specs .massageShaft_2{ background-color:#FFC0B7; border:1px solid #FFC0B7}
.specs .yogasocks_1{ background-color:#FFC8C8; border:1px solid #FFC8C8}
.specs .yogasocks_2{ background-color:#D2D2D2; border:1px solid #D2D2D2}
.specs .rope_1{ background-color:#434343; border:1px solid #434343}
.specs .jianliRing_1{ background-color:#181818; border:1px solid #181818}
.specs .pushUpStand_1{ background-color:#434343; border:1px solid #434343}
.specs .nienie_1{ background-color:#7BE8EA; border:1px solid #7BE8EA}
.specs .nienie_2{ background-color:#99B9D1; border:1px solid #99B9D1}
.specs .nienie_3{ background-color:#FCD6CE; border:1px solid #FCD6CE}
.specs .watch_1{ background-color:#6C6C6C; border:1px solid #6C6C6C}
.specs .watch_2{ background-color:#F9B8B7; border:1px solid #F9B8B7}
.specs .ygc_1{ width:49px; height:49px; background:url(../images/accessories/yogamat-cork/specs_co_1.png) no-repeat; border:none}
.specs .rope2_1{ background-color:#434343; border:1px solid #434343}
.specs .rope2_2{ background-color:#36486F; border:1px solid #36486F}
.specs .vibrationMassageDeviceCC_1{ background-color:#434343; border:1px solid #434343}
.specs .vibrationMassageDeviceCC_2{ background-color:#F2B9A5; border:1px solid #F2B9A5}
.specs .vibrationMassageDeviceCC_3{ background-color:#338575; border:1px solid #338575}
.specs .vibrationMassageDeviceCC_4{ background-color:#BE373C; border:1px solid #BE373C}
.specs .vibrationMassageDeviceCC_5{ background-color:#9CB8DA; border:1px solid #9CB8DA}
.specs .vibrationMassageDevicePB2_1{ background-color:#f6f6f5; border:1px solid #f6f6f5}
.specs .vibrationMassageDevicePB2_2{ background-color:#7d7d7f; border:1px solid #7d7d7f}

.specs .screenHqBox{ width:243px; float:left}
.specs .screenHqBox .subTit{ width:243px; line-height:24px; float:left; color:#323232; font-size:14px; float:left; text-align:center; padding-bottom:20px}
.specs .screenHqBox .scrImgBox{ width:243px; height:245px; float:left; position:relative}
.specs .screenHqBox .img_1, .specs .screenHqBox .img_2{ width:243px; height:246px; float:left; position:absolute; margin:0; z-index:10; background:url(../images/specs_bg.jpg) no-repeat}
.specs .screenHqBox .img_2{ background-position:0 -260px; z-index:20; animation:screenHq 2s linear infinite; -webkit-animation:screenHq 2s linear infinite}

@keyframes screenHq{ 0%{ opacity:1} 3%{ opacity:1} 4%{ opacity:0} 16%{ opacity:0} 17%{ opacity:1} 23%{ opacity:1} 24%{ opacity:0} 36%{ opacity:0} 37%{ opacity:1} 43%{ opacity:1} 44%{ opacity:0} 56%{ opacity:0} 57%{ opacity:1} 100%{ opacity:1}}
@-webkit-keyframes screenHq{ 0%{ opacity:1} 3%{ opacity:1} 4%{ opacity:0} 16%{ opacity:0} 17%{ opacity:1} 23%{ opacity:1} 24%{ opacity:0} 36%{ opacity:0} 37%{ opacity:1} 43%{ opacity:1} 44%{ opacity:0} 56%{ opacity:0} 57%{ opacity:1} 100%{ opacity:1}}

.specs .screenHqColorBox{ width:354px; float:left}
.specs .screenHqColorBox .subTit{ width:354px; line-height:24px; float:left; color:#323232; font-size:14px; float:left; padding-bottom:20px}
.specs .screenHqColorBox .scrImgBox{ width:354px; height:236px; float:left; position:relative}
.specs .screenHqColorBox .img_1, .specs .screenHqColorBox .img_2{ width:354px; height:236px; float:left; position:absolute; margin:0; z-index:10; background:url(../images/specs_bg.jpg) no-repeat 0 -530px}
.specs .screenHqColorBox .img_2{ background-position:0 -790px; z-index:20; animation:screenHq 2s linear infinite; -webkit-animation:screenHq 2s linear infinite}

.main_min .specs{ width:930px}