/****************4710255450135 #9f0071***************/
/**********fish oil*************/
.hightlightTop h2{font-weight:300;font-size: 1em;line-height: 1.2em}
.goodsItemTitle h2{font-weight:300;font-size: 1em;line-height: 1.2em}
.btn h3{font-weight:300;font-size: 1.3em;line-height: 1.3em;padding-top: 10px;}

.recommendBox { border: 1px solid #9f0071; font-size: 15px; margin-bottom: 40px}
.recommendBoxLeft { background: #9f0071; align-items: center; justify-content: center; display: flex; color: #ffffff;}
.recommendBoxRight { padding: 20px; color: #5c5c5c;} 
.recommendBoxRight .item { padding-top: 5px; padding-bottom: 5px;}
.recommendBoxRight .item i { color: #9f0071; margin-right: 5px; }

.uc2 .goodsItemInfo li span.item { padding: 5px 16px; color: #ffffff; border-radius: 8px; display: inline-block; font-size: 18px; background: #9f0071;}
.uc2 .focusLine { border-color: 1px solid #9f0071;}
.uc2 .color { color: #9f0071;}

.uc2Title { padding: 20px; border-top: dashed 1px #9f0071; border-bottom: dashed 1px #9f0071; text-align: center; color: #9f0071; margin-bottom: 20px; }
.uc2Title .title_s { font-size: 16px;}
.uc2Title .title_l { font-size: 20px; letter-spacing: 1px;}

.b-graphic { text-align: center;}
.b-graphic img { max-width: 100%;}

.hightlightBox { background: #9f0071; color: #ffffff;}
.hightlightTop img { max-width: 100%; width: 100%;}
.hightlightBig { font-size: 20px; color: #ffffff; font-weight: 300; padding: 20px; text-align: center;}

.uc2 .goodsItemTitle { margin-bottom: 40px;}

.elementBox { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-weight: 300;}
.elementBox .elements { min-width: 150px; width: 50%; height: 175px; background-position:center; background-repeat: no-repeat; background-size: contain; display: flex; flex-flow: column; justify-content: center; align-items: center; color: #ffffff;flex-shrink: 0;flex-wrap: wrap;}
.elements .e_p1 { font-size: 30px; line-height: 1.3em;}
.elements .e_p2 { font-size: 18px; line-height: 1.3em;}

.uc2benefitTitle { font-size: 20px; border-bottom: #9f0071 solid 5px; padding: 10px 0; margin-bottom: 20px; margin-top: 40px; }
.uc2benefitBox  { margin-bottom: 60px; line-height: 1.8em; vertical-align: middle; font-size: 20px;}
.uc2benefitBox ul li{ list-style-image: url(https://imgc.daikenshop.com/images/goods/uc2/li.webp); list-style-type: square; line-height: 1.8em; vertical-align: middle; font-size: 20px;}
.uc2benefitText { margin-bottom: 60px;}
.uc2benefitPic{ display: block; justify-content: center; text-align: center;}
.uc2benefitPic img { width: 100%; max-width: 100%;} 

.uc2Te .table thead th { border: none;}
.uc2Te .table th, .uc2Te .table td { font-size: 15px; text-align: center; border: none;}
.uc2Te th.hightlight, .uc2Te td.hightlight { font-size: 22px; background: #933e6f; color: #ffffff; font-weight: 400; }
.table-striped tbody tr:nth-of-type(odd) .hightlight { background-color: #80355d;}

.uc2Te th.hightlight2, .uc2Te td.hightlight2 { font-size: 22px; background: #c88549; color: #ffffff; font-weight: 400; }
.table-striped tbody tr:nth-of-type(odd) .hightlight2 { background-color: #ea9950;}

.goodsItemInfoBox .card-header { background: #9f0071; }
 
 
.paperBox { display: flex; justify-content: center; align-items: flex-start; flex-flow: wrap;}
.paperItem { width: 100%; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 30px; padding: 0px;}
.paperItem .paper { text-align: center; margin-bottom: 20px;}
.paperItem .paper img { width: auto; max-width: 100%;border: 1px solid #f1f1f1;}
.paperItem .paperName { font-size: 14px;}

.paperLogo { width: 50%; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 60px; padding: 20px;}
.paperLogo .paper { text-align: center; margin-bottom: 20px;}
.paperLogo .paper img { width: auto; max-width: 100%;border: 1px solid #f1f1f1;}

.tick{color:#ffffff; text-decoration: none; background-color: #41ad49; text-align: center; border-radius:100px 100px 100px 100px;font-size: 16px;font-weight: bold; padding: 1px 3px}
.tickcolor{color:#41ad49}

.elementItem { width: 100%; padding: 0px; margin-top: 10px}
.elementItem .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 10px; color: #ffffff; max-width:240px; height: 200px; border: #901f6e 1px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}
.e1 { background-image: url(https://imgc.daikenshop.com/images/goods/uc2/e1.webp) }
.e2 { background-image: url(https://imgc.daikenshop.com/images/goods/uc2/e2.webp) }
.e3 { background-image: url(https://imgc.daikenshop.com/images/goods/uc2/e3.webp) }
.e4 { background-image: url(https://imgc.daikenshop.com/images/goods/uc2/e4.webp) }
.elementItem .picBox .pb1 { font-size: 20px; font-weight: bold; text-align: center;}
.elementItem .textBox { font-size: 20px; text-align: center; line-height: 1.6em;color: #901f6e; vertical-align: top; height: 80px}

.elementBox2 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.elementItem2 { width: 100%; padding: 0px; margin-top: 10px}
.elementItem2 .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 10px; color: #ffffff; max-width:240px; height: 200px; border: #901f6e 1px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}
.e5 { background-image: url(https://imgc.daikenshop.com/images/goods/uc2/e5.webp) }
.e6 { background-image: url(https://imgc.daikenshop.com/images/goods/uc2/e6.webp) }
.e7 { background-image: url(https://imgc.daikenshop.com/images/goods/uc2/e7.webp) }
.e8 { background-image: url(https://imgc.daikenshop.com/images/goods/uc2/e8.webp) }
.elementItem2 .picBox .pb1 { font-size: 20px; font-weight: bold; text-align: center;}
.elementItem2 .textBox { font-size: 20px; text-align: center; line-height: 1.6em;color: #901f6e; vertical-align:top; height: 80px}

.elementBox3 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.elementItem3 { width: 100%; padding: 0px; margin-top: 20px}
.elementItem3 .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 10px; color: #ffffff; max-width:300px; height: 300px;  background-position: center; background-repeat: no-repeat;}
.e9 { background-image: url(https://imgc.daikenshop.com/images/goods/uc2/e9.webp) }
.e10 { background-image: url(https://imgc.daikenshop.com/images/goods/uc2/e10.webp) }
.e11 { background-image: url(https://imgc.daikenshop.com/images/goods/uc2/e11.webp) }
.elementItem3 .picBox .pb1 { font-size: 20px; font-weight: bold; text-align: center;}
.elementItem3 .textBox { color: #8f1f6d;font-size: 24px;font-weight: 400; text-align: center;vertical-align:top; height: 80px}

.elementBox4 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.elementItem4 { width: 100%; padding: 0px; margin-top: 10px}
.elementItem4 .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 10px; color: #ffffff; max-width:300px; height: 300px; border: #9f0071 1px solid; border-radius: 0px; background-position: center; background-repeat: no-repeat;}
.e12 { background-image: url(https://imgc.daikenshop.com/images/goods/uc2/e12.webp) }
.e13 { background-image: url(https://imgc.daikenshop.com/images/goods/uc2/e13.webp) }
.e14 { background-image: url(https://imgc.daikenshop.com/images/goods/uc2/e14.webp) }
.e15 { background-image: url(https://imgc.daikenshop.com/images/goods/uc2/e15.webp) }
.elementItem4 .picBox .pb1 { font-size: 20px; font-weight: bold; text-align: center;}
.elementItem4 .textBox { font-size: 24px; text-align: center; line-height: 1.6em;color: #9f0071}


.mosaic{color: transparent;text-shadow: 0 0 8px rgba(0,0,0,0.5);}

.luteinbenefitTitle { font-size: 20px; border-bottom: #c028b9 solid 5px; padding: 10px 0; margin-bottom: 20px; margin-top: 0px; }
.luteinbenefitBox  { margin-bottom: 10px; line-height: 1.9em; vertical-align: middle; font-size: 15px;}
.luteinbenefitBox ul li{
	margin: -20px 0px 0px -35px;
	padding: 10px 0 7px 24px;
	list-style: none;
	background-image: url("https://imgc.daikenshop.com/images/goods/uc2/li.webp");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;}
.luteinbenefitText { margin-bottom: 60px;}
.luteinbenefitPic{ display: block; justify-content: center; text-align: center;}
.luteinbenefitPic img { width: 100%; max-width:100%;} 

.box1_m{display:block}
.box1{display:none}

.poiu{margin-top: 50px}
.sales{margin-bottom: -20px}
/*******************sm*******************/
@media (min-width: 576px) {
    .recommendBox { font-size: 19px; margin-bottom: 80px}
    .elementBox .elements { min-width: 150px; width: 25%; height: 200px;} 
	.uc2benefitPic{ display: block; justify-content: center; text-align: center;}
    .uc2benefitPic dl { display: inline-flex;justify-content: center;padding-top:50px;}
}

/*******************md*******************/
@media (min-width: 768px) { 
    .hightlightTop { font-size: 30px;}
    .hightlightBig { font-size: 30px; color: #ffffff; font-weight: 300;}
    .elementBox .elements { min-width: 150px; width: 25%; height: 250px;} 
    
    .materialTitle { font-size: 30px; margin-bottom: 10px;}
    .materialText { font-size: 16px}
    
    .fishoilpic { width: 270px; height: 270px;}
    
    .fishoilpill { width: 270px; height: 270px;}
    .fishoilpillBox .goodsItemInfo { font-size: 20px; line-height: 2em;}
    
    .box3-1:before {
            bottom: 15vh;
            border-radius: 45%;
            animation-duration: 10s;
        }

    .box3-1:after {
            bottom: 12vh;
            opacity: .5;
            border-radius: 47%;
            animation-duration: 10s;
        }
    .box3-2:before {
            bottom: 18vh;
            border-radius: 39%;
            animation-duration: 8s;
        }

    .box3-2:after {
            bottom: 15vh;
            opacity: .5;
            border-radius: 42%;
            animation-duration: 8s;
        }
    .box3-3:before {
            bottom: 15vh;
            border-radius: 44%;
            animation-duration: 9s;
        }

    .box3-3:after {
            bottom: 12vh;
            opacity: .5;
            border-radius: 47%;
            animation-duration: 9s;
        }
    .fishoilkdbenefitBox .kdbenefit { margin-bottom: 0px;}
    .kdbenefit .benefitNum { display: block;}
    
    .fishoilTe .table th, .fishoilTe .table td { font-size: 16px;}
    .fishoilTe th.hightlight, .fishoilTe td.hightlight { font-size: 20px; }
    
	.elementBox { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .elementItem { width: 25%; padding: 10px; margin-bottom: 30px}
    .elementItem .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 20px; color: #ffffff; max-width: 300px; height: 150px; border: #ffffff 1px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}
	.elementItem .textBox { font-size: 19px; text-align: center; line-height: 1.6em;color: #901f6e; vertical-align:top; height: 80px; font-weight: 400}
	
	.elementBox2 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .elementItem2 { width: 25%; padding: 10px; margin-bottom: 30px}
    .elementItem2 .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 20px; color: #ffffff; max-width: 300px; height: 150px; border: #ffffff 1px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}
	.elementItem2 .textBox { font-size: 18px; text-align: center; line-height: 1.6em;color: #901f6e; vertical-align:top; height: 80px}
	
	.elementBox3 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .elementItem3 { width: 33%; padding: 10px; margin-top: 0px}
    .elementItem3 .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 20px; color: #ffffff; max-width: 300px; height: 300px;  background-position: center; background-repeat: no-repeat;}
	.elementItem3 .textBox { color: #8f1f6d;font-size: 24px;font-weight: 400; vertical-align:top; height: 80px}

	.elementBox4 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .elementItem4 { width: 25%; padding: 10px; margin-top: 0px}
    .elementItem4 .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 10px; color: #ffffff; max-width: 300px; height: 300px; border: #9f0071 1px solid; border-radius: 0px; background-position: center; background-repeat: no-repeat;}
	.elementItem4 .textBox { color: #9f0071	;font-size: 24px;}
	
	.luteinbenefitBox  { margin-bottom: 10px; line-height: 1.9em; vertical-align: middle; font-size: 20px;}
	.luteinbenefitBox ul li{
	margin: -20px 0px 0px -35px;
	padding: 10px 0 8px 32px;
	list-style: none;
	background-image: url("https://imgc.daikenshop.com/images/goods/uc2/li.webp");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px;}
	
	.box1_m{display:none}
    .box1{display:block}
	
	.poiu{margin-top: 50px}
	
.paperItem {
    width: 50%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 50px;
    padding: 20px;
}
}