ul{list-style: none;}
.container{width: 90% !important;}
.topnav{height: 100px; line-height: 100px; list-style: none; display: flex; align-content: center; justify-content: space-between;}
.topnav .sitelogo img{overflow: hidden; max-height: 110px; object-fit: cover;}
.topnav .sitelogo{margin-right: 32px;}
.bigevycat{background-color:#82171a; display: block; margin-top: 56px;}
.category{height: 48px; line-height: 48px; vertical-align: middle; list-style: none; display: flex; justify-content: flex-start;}
.category a{color: #FFFFFF; text-transform:uppercase; font-size: 16px;}
.category li{margin-right: 32px;}
#pagecategory{height: 48px; line-height: 48px; vertical-align: middle; list-style: none; display: flex; justify-content: flex-start; margin-left: -32px;}
#pagecategory a{color: #FFFFFF; text-transform:uppercase; font-size: 16px;}
#pagecategory li{margin-right: 32px;}
.grandcategory a{color: #0c0c0c!important;}
#footerwarp{background-color: #003953; color: white; padding: 32px; width: 100%!important; margin-top: 42px;}
.sico{border-radius: 0!important; margin-left: -8px;}
#sbox{height: 100px; line-height: 100px; vertical-align: middle;}
.pright{float: right;}
.fullflex{display: flex; align-content: flex-start;}.category a
.fullflex input[name='q']{flex: 1;}
#indexfocus{width: 100%; overflow: hidden;}
#indexfocus .item img{width: 100%; background-color: #eeeeee; text-transform: uppercase; font-size: 32px;}
.betitle{height: 100px; color: #1f1f1f; line-height: 100px; vertical-align: middle; padding: 42px; font-size: 22px; display: block;}
.becontains{display: block; padding: 42px;}
#melodyCategory{display: flex; align-content: stretch; flex-wrap: nowrap; justify-content: space-between; list-style: none;}
#melodyCategory .thcell{border: 1px solid white; padding: 14px;}
#melodyCategory .thcell:hover{border-color: #333333;}
#melodyCategory .thcell img{width: 100%; overflow: hidden;}
#befootpages{list-style: none; color: white; font-weight: bold; font-size: 16px; line-height: 28px; display: flex; justify-content: flex-start; align-content: stretch;}
#befootpages a{color: white; font-size: 14px; font-weight: lighter!important;}
#befootpages ol{list-style: none; padding-left: 0!important;}
#befootpages ol li{padding-left: 0!important;}
.alist{list-style: none; display: flex; flex-wrap: nowrap; justify-content: flex-start; margin-top: 60px;}
.alist li{margin-right: 32px;}
.alist li a{color: white;}
.subicon{background-color: black!important; border-radius: 0; margin-left: -8px;}
.subscript ol{list-style: none; padding-left: 0!important;}
.subscript ol li{padding-left: 0!important;}
#mininav{height: 100px; line-height: 100px; vertical-align: middle; background-color: white!important;}
#mininav .breadcrumb{background-color: white!important;}
#detailcontent{border: 1px solid #f2f2f2; border-radius: 3px; padding: 0;}
#p_cover{display: block;}
.p_title a{color: #c2c2c2!important; font-size: 16px!important;}
#buycart{border: 1px solid #f2f2f2; border-radius: 3px; padding: 0;}
.p_b_n{display: block; height: 100px; line-height: 100px; vertical-align: middle; font-weight: lighter; font-size: 32px!important; text-align: center;}
.var_attri{background-color: #f5f5f5;; height: auto; padding: 12px;}
#p_price{display:block; color: #00bfa5; font-size: 32px; font-weight: bold;}
.covercontent{padding: 32px;}
#covershow{overflow: hidden; padding: 32px; text-align: center;}
#covershow img{width: 100%; }
.pthumbnail{overflow:hidden;}
.pthumbnail img{width: 100%;}
#p_thum{list-style: none; padding: 12px; display: flex; justify-content: flex-start;}
#p_thum li{margin-right: 12px;}
#p_thum .active{border: 1px solid #e2e2e2;}
.var_attri button{border-radius: 3px; width: 100%;}
.shipnotify{margin-bottom: 12px;}
.pcontent{display: block;}
.pcontent .pstopics{height: 42px; line-height: 42px; font-weight:lighter; background-color: #f5f5f5; margin-bottom: 42px; margin-top: 32px;}
.pbox{display: block;}
.pattribute{display: block;}
.attributelist{list-style: none; padding: 0;}
.attributelist li b{margin-right: 12px;}
.pattribute{padding: 0;}
.currcover .modal-body img{height: 80%;  overflow: hidden;}
.currph{border-bottom: 0!important;}
.alsolike{padding: 22px;}
.alsolike ul{list-style: none; text-align: center;}
.alsolike ul li img{width: 70%; overflow: hidden;}
.alsolike ul li .m_price{color: red;}
.p_related ul{list-style: none; display: flex; align-content: stretch; justify-content: space-between;}
.p_related ul li img{width: 70%; overflow: hidden;}
.p_related ul li .m_price{color: red;}
.similarbox ul{list-style: none; display: flex; align-content: stretch; justify-content: space-between;}
.similarbox ul li img{width: 70%; overflow: hidden;}
.similarbox ul li .m_price{color: red;}
#newarrival{list-style: none; display: flex; align-content: stretch; justify-content: space-between; flex-wrap: wrap;}
#newarrival li{margin-top: 22px;}
#newarrival li img{width: 70%; overflow: hidden;}
#newarrival .b_name,#newarrival .n_title{color: black!important;}
.bdcober{height: 160px; display: flex; justify-content: center; align-items: center; background-color: #f5f5f5; padding: 12px; font-size: larger; color: #333333; font-weight: lighter; margin-bottom: 22px;}
#hotbrand{list-style: none;}
#hotbrand a{text-decoration: none;}
#hotbrand li{text-align: center; padding: 12px; border: 1px solid transparent;}
#hotbrand li:hover{border-color: #2c5987;}
.smviewed ul{list-style: none; text-align: center; display: flex; flex-wrap: wrap; align-items: stretch;}
.smviewed ul li img{width: 70%; overflow: hidden;}
.smviewed ul li .m_price{color: red;}
.dpmnav{width: 600px!important; margin-top: 0!important; max-height: 460px; overflow-y: auto!important;}
.category .childcategory{padding: 0!important;}
.pagecategory .childcategory{padding: 0!important;}
.dpmnav{padding: 0;}
.category .childcategory li{padding: 0!important;}
.category .childcategory h2{font-weight: bold; font-size: 16px!important;}
.category .grands{list-style: none;}
.pagecategory .childcategory li{padding: 0!important;}
.pagecategory .childcategory h2{font-weight: bold; font-size: 16px!important;}
.pagecategory .grands{list-style: none;}
.currcover img{max-width: 100%; overflow: hidden;}
.topictitle h2{font-size: 16px; margin-bottom: 42px; color: #2c5987;}
.articleviewed{margin-top: 32px;}
.articleviewed ul{list-style: none; text-align: center; display: flex; flex-wrap: wrap; align-items: stretch;}
.articleviewed ul li img{width: 70%; overflow: hidden;}
.articleviewed ul li .m_price{color: red;}
.articleviewed h2{font-weight: lighter; color: #333333; font-size: 32px; height: 100px; line-height: 100px; vertical-align: middle;}
#catleft{border-right: 1px solid #f5f5f5;}
#catleft ul{list-style: none; padding: 0!important;}
#catleft li{padding: 0!important;}
#catpanel{padding: 12px;}
.lefttitle{font-weight: 400; color: #767676; font-size: 22px;}
#catleft .childlevel{padding-left: 12px!important;}
#catleft .childlevel a{color: #111!important; font-size: 12px;}
.catcell .toplevel h3{font-size: 16px; color: black;}
.listcatlist .catcell{display: block!important;}
.righttitle{font-size:28px;font-weight:lighter;color:#848484;text-transform:uppercase;font-family: Helvetica, arial, sans-serif;}
.rightnav{color: black!important; font-size: 18px; font-weight: bold; text-transform:capitalize;font-family: Helvetica, arial, sans-serif; margin-top: 32px; padding-bottom: 32px;}
#indexadscell{display: flex; justify-content: space-between;}
.minicontains{width: 60%!important; margin: 32px auto;}
.buycover img{width: 210px!important; overflow: hidden;}
#buycarttable{width: 100%!important;}
#buycarttable .itemtitle {line-height: 32px; vertical-align: middle; font-size: 18px;}
.isvisibility{display:flex;}
.novisibility{display: none;}
.sr_list_grid{display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; margin-top: 22px;}
.sr_list_grid .sr_cell{padding: 12px; position: relative;}
.sr_list_grid .sr_cell a{text-decoration: none;}
.sr_list_grid .sr_cell:hover{color: white;}
.sr_list_grid .sr_cell:hover a{color: white;}
.sr_list_grid .sr_cell:hover{background-color: #666769; color: white;}
.sr_list_grid .sr_cover {margin-bottom: 22px;}
.sr_list_grid .sr_cover img{max-width: 100%; overflow: hidden; object-fit: cover;}
.sr_list_grid .sr_cover img::before{content: ''; padding-top: 100%; display: block}
.sr_list_grid .sr_cell .sr_price{font-size: 26px; font-weight: lighter; color: #666769;}
.sr_list_grid .sr_cell .sr_price del{font-size: 14px; color: black; margin-left: 22px; bottom: 12px;}
.sr_list_grid .sr_cell:hover .sr_price{font-size: 26px; font-weight: lighter; color:white;}
.sr_list_grid .sr_cell:hover .sr_price del{color: white;}
.sr_list_grid .thumbnail{border: 0!important;}
#cat_list_grid .cover img{width: 95%; overflow: hidden;}
#cat_list_grid{display: flex; align-content: stretch; justify-content: flex-start; flex-wrap: wrap;}
#cat_list_grid  ul li a{color: #666769; line-height: 32px;}
#cat_list_grid .clname{color: #0c0c0c; font-size: 26px; font-weight: lighter;}
#catleft{padding: 32px!important;}
#catleft ul{padding-left: 22px!important;}
#catleft a{color: #666769;}
.topcontract{height: 42px; line-height: 42px; vertical-align: middle;}
.topcontract i{margin-right: 12px; font-size: 22px;}
#indexfocus{position: relative;}
#indexfocus img{min-width: 100%; object-fit: fill;}
#indexfocus .item{padding: 0!important;}
#focustable{position: absolute; background-color: black; background-color:rgba(0,0,0,0.4); color: white!important; right: 68px; top: 22px; padding: 22px;}
#focustable ul{opacity: 0.9!important;}
#focustable ul li{margin-bottom: 14px;}
#focustable li a{color: white!important; font-size: 18px!important;}
#focustable .curr_list_cell{color: white!important; font-size: 18px!important;}
#indexmaterial{display: flex; flex-wrap: wrap; justify-content: flex-start;}
#indexmaterial li{margin-top: 42px;}
#indexmaterial .cover{text-align: center;}
#indexmaterial .cover img {width: 60%; border-radius: 12px;}
#indexmaterial{color: indianred;}
.currtitle{color: indianred; margin-top: 18px; text-transform: uppercase; font-weight: bold;}
.indexsubjest{padding: 36px;}
#indexcategory{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items:stretch;}
.indexcategorycurrlistcell{height: 350px; margin-top: 32px;}
.indexcategorycurrlistcell .indexcategorycurrtitle{position: absolute; top: 50%; left: 50%; margin: 0 auto; transform:translate(-50%,-50%); padding: 22px; padding-top: 12px; padding-bottom: 12px; border: 1px solid white; font-weight: bold; color: white; font-size: 18px; background-color: black; background-color: rgba(0,0,0,0.3);}
.indexcategorycurrlistcell .cover{text-align: center; vertical-align: center; position: absolute;}
.indexcategorycurrlistcell .cover img {height:350px; width: 99%; overflow: hidden;}
#catintro{height: 442px; background: url("./img/catbk.jpg") no-repeat;}
#catinfo{height: 442px;  background-color:rgba(0,0,0,0.4);; padding: 22px; color: white;}
#catinfo small{line-height: 16px; font-size: 14px; font-weight: bold; margin-top: -60px;}
#endcatnav{height: 56px; display: flex; align-items: center;}
#endcatnav ul{display: flex; justify-content: center;}
#endcatnav ul li .currsep{margin-left: 12px; margin-right: 12px;}
#endcatnav a{color: #0c0c0c;}
#inforight{padding: 42px; color: black; font-weight: bold; line-height: 42px; vertical-align: middle; font-size: 16px;}