.ui-sortable .cms_draggable_href_component { background: rgba(173, 170, 170, .9); border: 2px white dashed; } .cms_draggable_href_component_Body { width: 1px; position: relative; margin: auto; height: 100%; } .cms_draggable_href_component { position: absolute; height: 100px; width: 200px; overflow: hidden; } .cms_draggable_href_component>a { display: block; width: 100%; height: 100%; position: relative; } .cms_draggable_href_component>a>span { font-size: 20px; display: none; text-align: right; padding-right: 10px; color: #000; } .cms_draggable_href_component>a>div { font-size: 20px; display: none; text-align: right; padding-right: 10px; color: #000; } .ui-sortable .cms_draggable_href_component>a>span { display: block; background: white; height: 25px; width: 25px; line-height: 26px; text-align: right; font-size: 14px; position: absolute; right: 0px; top:0px; } .ui-sortable .cms_draggable_href_component>a>div { display: block; position: absolute; top:26px; }
.tabswitch-customer { margin: 0 auto 57px; height: 1285px; } .tabswitch-customer .tabswitch-title{ position: relative; height:104px; line-height: 104px; font-size: 0; } .tabswitch-customer .tabswitch-title .longline{ display: inline-block; width: 100%; vertical-align: middle; height:1px; background-color:#ccc; } .tabswitch-customer .tabswitch-title .tabswitch-title-info{ position: absolute; left: 0; top: 0; width:100%; font-size:32px;letter-spacing:0;text-align:center;line-height: 104px; color:#616161; } .tabswitch-customer .tabswitch-title .tabswitch-title-info p { margin: 0 auto; width: 442px; height: 104px; background: #fff; } .tabswitch-customer .tabswitch-list { width: 100%; position:relative; font-size: 0; } .tabswitch-customer .tabswitch-list li.tl-li { display: inline-block; width: 14.28%; height:123px; text-align: center; } .ie7 .tabswitch-customer .tabswitch-list li.tl-li { float: left; margin-right: 60px; } .ie8 .tabswitch-customer .tabswitch-list { display: table; } .ie8 .tabswitch-customer .tabswitch-list li.tl-li { display: table-cell; } .ie9 .tabswitch-customer .tabswitch-list { display: table; } .ie9 .tabswitch-customer .tabswitch-list li.tl-li { display: table-cell; } .tabswitch-customer .tabswitch-list li.tl-li p.tl-li-p { height: 89px; line-height: 89px; text-align: center; } .tabswitch-customer .tabswitch-list li.tl-li p img { width: 39px; height: 40px; vertical-align: bottom; line-height: 1; } .tabswitch-customer .tabswitch-list span.tl-li-span { margin-top: 14px;display:block;text-align:center;font-size:14px;color:#616161; line-height: 20px; } .mini .tabswitch-customer { height: 1096px; margin-bottom: 48px; } .mini .tabswitch-customer .tabswitch-list li.tl-li p.tl-li-p { height: 74px; line-height: 74px; } .mini .tabswitch-customer .tl-content { top: 183px; } .tabswitch-customer .tl-content { margin: 0 auto; position: absolute; top: 203px; left: 0; display: none; } .tabswitch-customer .single-four-items { } .tabswitch-customer .single-four-items .li-item { float: left; position: relative; margin-right: 16px; width: 348px; height: 460px; overflow:hidden; -ms-transition: all .2s; -moz-transition: all .2s; -webkit-transtion: all .2s; transition: all .2s; background: #eee; } .tabswitch-customer .single-four-items .li-item.last { margin: 0 !important; } .tabswitch-customer .single-four-items .li-item .type { position: absolute; top: 0; left: 50%; width: 34%; margin-left: -17%; color: #fff; height: 32px; line-height: 32px; font-size: 18px; text-align: center; z-index: 1; } .tabswitch-customer .single-four-items .li-item .type.new { background: #82c44f; } .tabswitch-customer .single-four-items .li-item .type.hot { background: #d7410b; } .tabswitch-customer .single-four-items .li-item .img-wrap { position: relative; padding-top: 100%; background: #eee; width: auto; height: auto } .tabswitch-customer .single-four-items .li-item .img-wrap img { position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; } .tabswitch-customer .single-four-items .li-item .scale-wrap { height: 100%; -ms-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; } .tabswitch-customer .single-four-items .li-item:hover .scale-wrap { -ms-transform: scale(1.03); -moz-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); } .tabswitch-customer .single-four-items .info { padding: 0 5%; width: 90%; height: 113px; text-align: center; position: absolute; bottom: 0; left: 0; box-sizing: content-box; } .tabswitch-customer .single-four-items .info .title { margin-bottom: 6px; font-size: 22px; line-height: 28px; } .tabswitch-customer .single-four-items .info .subtitle { margin-bottom: 10px; font-size: 18px; line-height: 22px; } .tabswitch-customer .single-four-items .info .price { font-size: 22px; line-height: 30px; } .tabswitch-customer .single-four-items .info p { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 0; } .tabswitch-customer .single-four-items .li-item:hover { -moz-box-shadow: 0 5px 10px silver; -webkit-box-shadow: 0 5px 10px silver; box-shadow: 0 5px 10px silver; filter: progid: DXImageTransform.Microsoft.Shadow(color='#c0c0c0', Direction=125, Strength=9); } .mini .tabswitch-customer .single-four-items { width: 1200px; } .mini .tabswitch-customer .single-four-items .li-item { width: 291px; height: 381px; margin-right: 12px; } .mini .tabswitch-customer .single-four-items .type { font-size: 15px; height: 26px; line-height: 26px; } .mini .tabswitch-customer .single-four-items .info { height: 93px; } .mini .tabswitch-customer .single-four-items .info .title { margin-bottom: 4px; font-size: 20px; line-height: 25px; } .mini .tabswitch-customer .single-four-items .info .subtitle { margin-bottom: 7px; font-size: 16px; line-height: 16px; } .mini .tabswitch-customer .single-four-items .info .price { font-size: 20px; line-height: 28px; } .tabswitch-customer .single-two-items { margin: 56px auto 0; height: 460px; } .tabswitch-customer .single-two-items .left { float: left; width:348px; height: 460px; overflow:hidden; -ms-transition: all .2s; -moz-transition: all .2s; -webkit-transtion: all .2s; transition: all .2s; } .tabswitch-customer .single-two-items .left .scale-div { height: 100%; -ms-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; } .tabswitch-customer .single-two-items .left:hover .scale-div { -ms-transform: scale(1.03); -moz-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); } .tabswitch-customer .single-two-items .left:hover { -moz-box-shadow: 0 5px 10px silver; -webkit-box-shadow: 0 5px 10px silver; box-shadow: 0 5px 10px silver; filter: progid: DXImageTransform.Microsoft.Shadow(color='#c0c0c0', Direction=125, Strength=9); } .tabswitch-customer .single-two-items .left img { width: 100%; height: 100%; } .tabswitch-customer .single-two-items .right { float: right; width: 1076px; height: 460px; overflow:hidden; background: #eee; -ms-transition: all .2s; -moz-transition: all .2s; -webkit-transtion: all .2s; transition: all .2s; } .tabswitch-customer .single-two-items .right .scale-div { height: 100%; -ms-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; } .tabswitch-customer .single-two-items .right:hover .scale-div { -ms-transform: scale(1.03); -moz-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); } .tabswitch-customer .single-two-items .right:hover { -moz-box-shadow: 0 5px 10px silver; -webkit-box-shadow: 0 5px 10px silver; box-shadow: 0 5px 10px silver; filter: progid: DXImageTransform.Microsoft.Shadow(color='#c0c0c0', Direction=125, Strength=9); } .tabswitch-customer .single-two-items .right img { width: 100%; height: 100%; } .mini .tabswitch-customer .single-two-items { height: 382px; margin-top: 46px; } .mini .tabswitch-customer .single-two-items .left { width: 291px; height: 382px; } .mini .tabswitch-customer .single-two-items .right { width: 897px; height: 382px; } .tl-li a{ display: inline-block; width: 100%; height: 100%; }
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }