www.gusucode.com > Ectouch手机端网购商城系统PHP版源码程序 > ectouch/themes/default/css/ectouch_orange.css
/* Template Name: ECTouch Default Template URI: http://www.ectouch.cn/ Description: 默认橙色版. Version: 1.0 Author: ECTouch Team Author URI: http://www.ectouch.cn/ Logo filename: logo.gif Template Type: typeorange_0 */ html{fomt-famiily:'宋体';} body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd { margin: 0; padding: 0; border: 0; } body{background:#f7f7f7; color:#555; font-size:18px; margin:0 auto; max-width:640px;} a,a:link,a:active,a:hover,a:visited{color:#555; text-decoration:none;} a[type=button]{color:#fff !important;} input[type=text],textarea{border-radius:5px; border:1px solid #e3e3e3; background:#fff;-webkit-appearance:none;} @media only screen and (max-width:310px) and (min-width:300px){body{font-size:10px}} @media only screen and (max-width:320px) and (min-width:310px){body{font-size:10px}} @media only screen and (max-width:360px) and (min-width:320px){body{font-size:12px}} @media only screen and (max-width:360px) and (min-width:350px){body{font-size:12px}} @media only screen and (max-width:480px) and (min-width:360px){body{font-size:14px}} @media only screen and (max-width:480px) and (min-width:470px){body{font-size:14px}} @media only screen and (max-width:560px) and (min-width:480px){body{font-size:16px}} @media only screen and (max-width:570px) and (min-width:560px){body{font-size:16px}} @media only screen and (max-width:640px) and (min-width:570px){body{font-size:18px}} @media only screen and (max-width:640px) and (min-width:630px){body{font-size:18px}} ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, form, img, div { margin: 0; padding: 0; list-style: none; border: 0 none; } .con{background:#f7f7f7;overflow:hidden;} del{color:#bbb;} .h4-list{font-size:1.4em; padding:0.6em;} .star{width:7em; height:auto;} /*颜色版本*/ .ect-bg{background:#e87e04 !important; color:#fff !important; height:auto; overflow:hidden;} .ect-color{color:#e87e04 !important;}/*橙色*/ .ect-colory{color:#e87e04 !important;}/*蓝色*/ .ect-bg-colory{background:#e87e04 !important} .ect-colorf{color:#fff !important;}/*白色*/ .ect-bg-colorf{background:#fff;}/*背景白色*/ .ect-color999{color:#777 !important;}/*灰色*/ .ect-border-top{border-top:2px solid #e87e04} /*过度效果*/ .ect-transition05{-webkit-transition: 0.5s ease;-moz-transition: 0.5s ease;-o-transition: 0.5s ease;transition: 0.5s ease} /* 全局公共样式的设定 */ li { list-style-type: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal;} .ect-text-left{text-align:left;} .ect-border-none{border:none;} .ect-margin-lr{margin-left:0.6em; margin-right:0.6em;} .ect-margin-tb{margin-top:0.6em; margin-bottom:0.6em;} .ect-padding-lr{padding-left:0.6em; padding-right:0.6em;} .ect-padding-tb{padding-top:0.6em; padding-bottom:0.6em;} .ect-border-radius100{ border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%;} .ect-border-radius0{ border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0;} .ect-icon-color{color:silver;} .ect-diaplay-box{display: -webkit-box;display: -moz-box;display: -ms-box;display: box;} .ect-box-flex{-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1; display:block; width:100%;} .ect-margin-bottom0{margin-bottom:0 !important;} .ect-clear-over{clear:both; overflow:hidden; height:auto;} /*按钮颜色*/ .ect-btn-info{width:100%;} /*顶部高度*/ .ect-header{height:2.5em; position:relative;} .ect-header span{font-size:1.4em; position:absolute; left:2.4em; right:3em; top:0.24em} .ect-header a{width:2.5em; height:2.5em;} /*icon灰色*/ .ect-icon{background-repeat:no-repeat; background-position:center center; background:url(../images/iconall.png) no-repeat; background-size:15em;} .ect-icon1{background-size:18em;} .ect-icon-cate3{background-position:-0.1em 0em; } .ect-icon-home{background-position:-6.45em -0.2em;} .ect-icon-search{background-position:-10.8em -0.2em;} .ect-icon-search1{background-position:-12.85em 0em;} .ect-icon-cate{background-position:-0.1em 0em; background-size:13em;} .ect-icon-flow{background-position:-2.7em -0.15em;} .ect-icon-user{background-position:-12.98em -0.15em;} .ect-icon-history{background-position:-5.4em -0.1em;} /*ico白色*/ .icon-write .ect-icon-home{background-position:-6.45em -2.3em;} .icon-write .ect-icon-search{background-position:-10.8em -2.3em;} .icon-write .ect-icon-cate{background-position:-0.1em -1.95em; background-size:13em;} .icon-write .ect-icon-flow{background-position:-2.65em -2.3em;} .icon-write .ect-icon-user{background-position:-12.95em -2.3em;} .icon-write .ect-icon-history{background-position:-5.4em -2.7em;} .icon-write .ect-icon-search1{background-position:-12.85em -2.6em;} .icon-write .ect-icon-mune{background-position:-10.36em -2.6em;} /*icon-close*/ i.icon-close{width:3em; height:3em; position:relative;} i.icon-close:after, i.icon-close:before{content:"\020"; display:block; position:absolute; top:0px; left:0px; color:#FFF; width:2em; height:2px; background:#FFF; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); margin-top:1.2em; margin-left:0.8em;} i.icon-close:after{-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);} /*商品对应促销图标*/ i.mz{background:#f1bd08;} i.tuan{background:#C60} i.mj{background:#e87e04;} i.zk{background:#e87e04;} i.tbqb{background:#f59c00;} i.pm{background: #e87e04;} .ect-pro-price{color:#fff;} .ect-pro-price i{font-style:normal; padding:0 0.4em; font-weight:normal; font-size:0.9em; margin-right:0.3em; } .ect-pro-price i:last-child{margin-right:0} /*边框属性*/ .ect-border-bottom0{border-bottom:none !important;} /*商品列表*/ h4.title{font-size:1.2em; line-height:1.3em; display:block; height:2.4em; overflow:hidden;} .ect-pro-list{background:#fff; border-top:1px #e3e3e3 solid; border-bottom:1px #e3e3e3 solid;} .ect-pro-list:last-child{border-bottom:0;} .ect-pro-list ul li{clear:both; width:100%; height:auto; overflow:hidden; padding:0.6em; border-bottom:1px #e3e3e3 dotted;} .ect-pro-list ul li:last-child{border-bottom:none;} .ect-pro-list ul li a{display:inline-block; float:left;} .ect-pro-list ul li img{width:7em; height:7em;} .ect-pro-list ul li dl{margin-left:7.4em;} .ect-pro-list ul li dl dd{margin-top:0.4em; font-size:0.9em; overflow:hidden;} .ect-pro-list ul li dl dd.dd-price small{font-size:0.9em;} .ect-pro-list ul li dl dd.dd-num span{margin-right:0.3em; color:#888;} /*导航*/ nav.ect-nav{color:#999; background:#fcfcfc; height:4.2em; width:100%; max-width:640px; border-top:1px solid #e3e3e3;} footer nav.ect-nav{position:fixed; bottom:0;} nav.ect-nav a{color:#999;} nav.ect-nav ul li{padding:0.3em 0; width:20%; } nav.ect-nav ul li i{display:block; width:1.9em; height:1.9em; margin:0.1em auto;} header nav.ect-nav{top:0; border-top:none; z-index:100; position:fixed;} header nav.ect-nav a{color:#fff;} /*内页导航*/ nav.ect-nav-list{border-top:none; border-bottom:1px solid #e3e3e3; position:inherit;} /*底部*/ footer.logo{text-align:center; border-top:1px solid #e3e3e3;} footer.logo img{width:8em; height:auto; display:block; margin:0.8em auto;} /*tab*/ .user-tab{background:#FFF; border-bottom:1px solid #e3e3e3;} .user-tab-fixed .nav-tabs{position: fixed; top: 0px; z-index:10;} .user-tab .nav{background:#fff; width:100%; max-width:640px; border-top:1px solid #e3e3e3; height:3.15em;} .user-tab ul li{border-right:1px solid #e3e3e3; padding:0;} .user-tab ul li:last-child{border-right:none;} .user-tab ul li>a:link,.user-tab li>a:hover{border:none; background:none; padding:0.8em 0;} .user-tab ul li.active a,.user-tab li.active a:hover{border:none; border-radius:0; background:none;} .user-tab ul li.active a:hover{color:#666} .user-tab ul li.active a,.user-tab ul li.active a:link{color:#e87e04;} .user-tab .tab-content .ect-pro-list{border:none;} .user-tab .tab-content .tab-pane{padding:0.6em;} .user-tab .tab-content .ect-pro-list ul li{padding:0.6em 0;} .user-tab .tab-content .ect-pro-list a{padding:0;} .user-tab .tab-content .ect-pro-list img{width:6em; height:6em;} .user-tab .tab-content .ect-pro-list dl{margin-left:6.4em;} .user-tab .tab-content .ect-pro-list i{color:#999; vertical-align:-0.1em;} .user-tab .tab-content ul li{border-right:none;} .user-tab .tab-content .pinglun-list dl{margin-left:inherit; padding:0 0.4em;} .user-tab .tab-content .pinglun-list dl dd{margin-top:0.2em; font-size:1em;} .user-tab .tab-content .pinglun-list dl dd.date{color:#999 !important;} /*单选按钮样式,复选按钮样式*/ .ect-radio input[type=radio],.ect-checkbox input[type=checkbox]{display:none} .ect-radio label,.ect-checkbox label{margin-bottom:0;} .ect-radio label i,.ect-checkbox label i{width:1.2em; height:1.2em; margin-right:0.3em; display:block; float:left; margin-top:0.1em; border-radius:100%; background:rgba(255,255,255,0); border:2px solid #bbb;} .ect-checkbox label i{ border-radius:4px !important;} .ect-radio input:checked+label i,.ect-checkbox input:checked+label i{color:#F00; background:url(../images/radio.png) center center #e87e04 no-repeat; background-size:80%; border:none;} .ect-radio input:disabled+label i,.ect-checkbox input:disabled+label i{background:#fff; border:2px solid #e8e8e8;} .ect-radio input.disabled:disabled+label i,.ect-checkbox input.disabled:disabled+label i{background:url(../images/radio.png) center center #e8e8e8 no-repeat; border:none; background-size:80%;} /*下拉框样式*/ .form-select{position:relative; overflow:hidden; height:auto; text-align:center; margin-top:0.1em; height:2.5em;} .form-select i.fa{display:block; display:inline-block; position:absolute; top:50%; margin-top:-0.65em; right:0.6em; z-index:1; color:#aaa;} select{-webkit-appearance:none; border:0; color:#555; padding-left:0; border:1px solid #e3e3e3; border-radius:5px; padding:0.2em 0.4em; padding-right:1.2em; font-size:1.1em;} /*按钮*/ .btn-info{border:none; background:#aaa; padding:0.5em 0; font-size:1.3em;} .btn-info:hover{background:#aaa;} .two-btn{display: -webkit-box;display: -moz-box;display: -ms-box;display: box; } .two-btn .btn{-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1; display:block; width:100%;} .two-btn .btn:nth-child(2){margin-left:0.6em;} /*输入框样式*/ .input-text{position:relative; font-size:1.1em;} .input-text b{display:block; float:left; width:6m;} .input-text span{ position: absolute; left: 6.2em; right: 0em; } .input-text input[type=text],.input-text textarea,.input-text input[type=password]{border:none; width:100%; padding:0;} .input-text textarea{width:100%; margin-top:0.6em; height:6em;} /*带验证码*/ .input-text.code span{right:6em;} .input-text.code a,button{ text-align:center; font-size:0.8em; padding:0.2em 0.4em; border-radius:5px; display:block;} .input-text img{width:3em; height:auto;} /*================ 首页 ======================*/ /*首页搜索关键词*/ .ect-header-div{margin-left:3em;} .ect-btn-search,.ect-btn-search:active,.ect-btn-search:focus,.ect-btn-search:hover{color:silver; border:none; background:#fff; width:100%; height:2.5em; line-height:2.5em; display:block; padding:0 0.6em; font-size:1em;} /*banner效果*/ .focus { width: 100%; height: auto; position: relative; overflow: hidden;} .focus .hd { width: 100%; height: 0.8em; position: absolute; z-index: 1; text-align: center; bottom:0.5em;} .focus .hd ul { display: inline-block; height: 0.8em;} .focus .hd ul li { display: inline-block; width: 0.6em; height: 0.6em; text-indent:-999em; background: rgba(255, 255, 255, 0.8); margin: 0 0.3em; vertical-align: top; overflow: hidden; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; } .focus .hd ul .on { background: #e87e04; } .focus .bd { position: relative; z-index: 0;} .focus .bd li { height: auto; overflow: hidden; } .focus .bd li a img { width: 100%; height: auto; display: block; margin: 0; padding: 0; } .focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);/* 取消链接高亮 */ } /*快速导航*/ .ect-row-nav{border-bottom:1px #e3e3e3 solid; background:#FFF; margin-top:0;} .ect-row-nav li{border:1px #e3e3e3 solid; padding:0.8em 0; border-left:none; border-bottom:none;} .ect-row-nav a:nth-child(4n) li{border-right:none;} .ect-row-nav li i{height:3em; width:100%; overflow:hidden; display:block;} .ect-row-nav li p{margin-top:0.8em;} .ect-row-nav li img{width:3em; display:block; margin:0 auto;} /*================== 全部商品分类页 ==============*/ /*下拉样式*/ .ect-category-all{border-left:none; border-right:none; border-bottom:none; -webkit-box-shadow:none; box-shadow:none; margin-bottom:0;} .ect-category-all img{width:3.8em; height:3.8em} .ect-category-all .media .pull-left{margin-right:0.6em} .ect-category-all .ect-category-right{ margin-top:0.6em;} .ect-category-all .ect-category-right h3{font-size:1.4em;} .ect-category-all .ect-category-right h5{margin-top:0.2em; font-size:1em; color:#888} .ect-category-all ul li{border-bottom:1px solid #e3e3e3;} .ect-category-all ul li .panel-body{padding:0.8em;} .ect-category-all ul li .media{position:relative;} .ect-category-all ul li .media i{position:absolute; right:0.5em; font-size:2em; top:50%; margin-top:-0.48em; color:#aaa;} .ect-category-all ul li .ect-category-child{background:#f5f5f5; padding:0 0.8em; display:none;} .ect-category-all ul li .ect-category-child a{display:block; padding:1em 0; border-bottom:1px solid #d6d6d6;} .ect-category-all ul li .ect-category-child a:last-child{border-bottom:none;} /*点击下拉后样式*/ .ect-category-all ul li.category-select .ect-category-child{display:block;} .ect-category-all ul li.category-select .panel-body i.fa-angle-down{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} /*================== 商品分类筛选 ==============*/ .touchweb_mod_Filter.show {transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;} .touchweb_mod_Filter, .touchweb_mod_Category, .touchweb_mod_Brand {background-color: #f5f5f5;box-sizing: border-box;display: flex;flex-direction: column;height: 100%;position: fixed;right: 0;top: 0;transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0);transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;width: 100%;z-index: 999;} .touchweb-com_headerFilter {background-color: #fff;border-bottom: 1px solid #e5e5e5;display: flex;height: 49px;left: 0;line-height: 2.8rem;padding: 10px 0.6rem;;position:relative;top: 0;width: 100%;} .touchweb-com_headerFilter .left {color: #999;display: block;font-size: 14px;padding: 0 10px;} .touchweb-com_headerFilter .title {color: #000;font-size: 17px;text-align: center;font-weight: bolder; line-height: 2.8rem; position: absolute; left:3em; right: 3em; } .touchweb-com_headerFilter .title span{width:100; display: block;} .touchweb-com_headerFilter .right {color: #e87e04;display: block;font-size: 14px;padding: 0 10px; position: absolute; right: 0rem;} .touchweb_mod_Filter .scrollContent {height: 100%;overflow: auto;padding-bottom: 20px;width: 100%;} .touchweb-com_listType {background-color: #fff;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;margin-top: 20px;} .touchweb-com_listType a.title {left: 0;position: relative;top: 0;z-index: 2;} .touchweb-com_listType a {border-bottom: 1px solid #e5e5e5;color: #333;display: block;font-size: 14px;height: 43px;line-height: 43px;} .touchweb-com_listType a .range.visited {color: #e87e04;} .touchweb-com_listType a .range {color: #666;font-size: 12px;height: 100%;position: absolute;right: 30px;top: 0;z-index: 3;} .touchweb-com_listType a .icon-right_arrow {color: #a7a7a7;font-size: 24px;position: absolute;right: 0;top: 10px;z-index: 3; width: 2.5rem; height:2.5rem;display: inline-block; background-image:url(../images/ico_11.png); background-repeat: no-repeat; background-size:1.5rem;background-position: 0rem 0.5rem;} .touchweb-com_listType a .icon-right_arrow.down{ background:url(../images/ico_12.png) no-repeat 0rem 0.5rem ; background-size: 1.5rem; } .touchweb_mod_Filter .btn1 {display: flex;height: 35px;margin-top: 20px;padding: 0 20px 50px;} .touchweb_mod_Filter .btn1 .clear {background-color: #dedede;border: 1px solid #bababa;border-radius: 5px;box-sizing: border-box;color: #333;cursor: pointer;display: block;font-size: 14px;height: 35px;line-height: 3rem;text-align: center;width: 100%; float:left;} .touchweb_mod_Filter .btn1 .sure {background-color: #e87e04;border: 1px solid #e87e04;border-radius: 5px;box-sizing: border-box;color: #fff;cursor: pointer;display: block;font-size: 14px;height: 35px;line-height: 3rem;text-align: center;width: 100%;} .touchweb_mod_PriceFilter {background-color: #f5f5f5;box-sizing: border-box;display: flex;flex-direction: column;height: 100%;padding-top: 50px;position: fixed;right: 0;top: 0;transform: translate3d(100%, 0px, 0px);transition: all 0.5s ease 0s;width: 100%;z-index: 999;} .touchweb-com_listType ul {background-color: #f5f5f5;border-bottom: medium none;overflow: hidden;padding-left: 20px;transition: all 0.5s ease 0s; height: 0px;} .touchweb-com_listType ul li {border-bottom: 1px solid #e5e5e5;} .touchweb-com_listType ul .childTitle {color: #666;font-size: 14px;padding-left: 0;} .touchweb-com_listType a:last-child {border-bottom: medium none;} .touchweb-com_listType a {border-bottom: 1px solid #e5e5e5;color: #333;display: block;font-size: 14px;height: 43px;line-height: 43px;padding-left: 10px;} .touchweb-com_listType ul.show {border-bottom: 1px solid #e5e5e5; height: auto;} /*================== 商品页 ==============*/ /*min导航*/ .ect-icon2{background-size:12em;} .ect-wrapper{z-index:2; position:fixed; top:4.2em; background:#fff; width:100%; max-width:640px; } .ect-wrapper div{display:table; border-bottom:1px solid #e3e3e3; width:100%; } .ect-wrapper div a{display:table-cell; height:3em; line-height:3em; border-right:1px #e3e3e3 solid;} .ect-wrapper div a:last-child{border-right:none;} .ect-wrapper div a.category-list{width:5em;} .ect-wrapper div a.select i.glyphicon-arrow-up{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg); transform: rotate(45deg);} .ect-wrapper div a i.ect-icon-cate3,.ect-wrapper a i.ect-icon-min{display:inline-block; vertical-align:-0.5em; margin-right:0.3em; width:1.7em; height:1.7em; background-position:-0.16em -0.1em;} .ect-wrapper div a i.ect-icon-min{ background:url(../images/yspic.png) no-repeat; background-size:200%; vertical-align:middle; margin:0 auto; } .ect-wrapper div i{font-size:0.8em;} .ect-wrapper .category-list-show{display:none;} /*点击下拉*/ .ect-wrapper.select div{border-bottom:none;} .ect-wrapper.select .category-list{border-left:1px solid #bbb; position:relative; color:#111;} .ect-wrapper.select .category-list:after{content:"\020"; display:block; width:100%; z-index:1; position:absolute;border-bottom:1px solid #e3e3e3;} .ect-wrapper.select .category-list-show{border-top:1px solid #bbb; display:block; position:relative;} .ect-wrapper.select .category-list-show:after{content:"\020"; display:block; width:100%; z-index:2; position:absolute; border-bottom:1px solid #bbb; bottom:0;} .ect-wrapper.select .category-list-show a{border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;} .ect-wrapper.select .category-list-show a span{overflow:hidden; width:100%; height:100%; display:block;} .ect-wrapper.select .category-list-show a:nth-child(4n){border-right:none;} .ect-wrapper.select .category-list-show a:last-child{background:#f8f8f8} /*====================== 购物车页面 ==================*/ .flow-price{background:#f7f7f7;} .wrap.input-group{border:1px solid #e3e3e3; width:10em;} .wrap .input-group-addon{width:2.3em; font-size:1em; line-height:2.3em; padding:0; border-radius:0; border:none;} .wrap .form-contro{height:2.3em; text-align:center; padding:0 0.4em; width:100%; background:none; border:none; border-radius:0; box-shadow:inset 0 0 0;} .wrap p.bg-warning a{display:block; width:100%; padding:0.8em 0;} .flow-num-del{clear:both; margin-top:0.6em; overflow:hidden; height:auto;} .flow-del{float:left; border:1px #e3e3e3 solid;} .flow-del a{padding:0 0.6em; height:2.3em; line-height:2.3em; background:#eee;} /*结算按钮*/ .flow-jiesuan {background:#eee; padding:0.8em;} /*相关产品*/ .flow-rel-pro h4{font-size:1.2em;} /*购物车为空显示*/ .flow-no-pro img{width:12em; display:block; height:auto; margin:0 auto; margin-top:5em; margin-bottom:2em;} .flow-no-pro p{font-size:1.3em} .flow-no-pro a{padding:0.5em 0; width:15em; display:block; margin:1em auto; font-size:1.2em} /*======================== 商品详情页面 =============*/ .goods-info{background:#fff; border-top:1px #e3e3e3 solid; width:100%; padding-bottom:0; border-bottom:0;} .goods-info p{overflow:hidden;} .goods-info section{position:relative; overflow:hidden;} .goods-info section.goods-title h4{position:absolute; right:3em; left:0em;} .goods-info section.goods-title span{font-size:1em; border-left:1px solid #e3e3e3;} .goods-info section.goods-title span i.fa{font-size:1.5em;} /*促销活动*/ .goods-info section.goods-promotion {border-top:1px #e3e3e3 solid;} .goods-info section.goods-promotion h5{font-size:1.1em; margin:0.3em 0;} .goods-info section.goods-promotion p.ect-margin-tb{margin:0.8em 0; margin-bottom:0;} .goods-info section.goods-promotion p{background:#f4f4f4;} .goods-info section.goods-promotion p a{display:block; padding:0.8em 0.5em; border-bottom:1px #e3e3e3 solid; position:relative;} .goods-info section.goods-promotion p i{font-style:normal; font-weight:normal; font-size:0.8em; vertical-align:0.2em;} .goods-info section.goods-promotion p i.fa-angle-right{font-size:1.2em; color:#aaa; position:absolute; top:50%; right:0.4em; margin-top:-0.4em;} .goods-info section.goods-num span{ margin-top:0.6em} /*选项*/ .goods-option{border-top:1px solid #e3e3e3;} .goods-optionc{clear:both; overflow:hidden;} .goods-option-con{clear:both; overflow:hidden; margin:0.2em 0; margin-bottom:1em;} .goods-option-con span{display: block;float: left; font-size:1.1em; padding:0.4em 0; margin-top:0.2em;} .goods-option-conr input[type=radio],.goods-option-conr input[type=checkbox]{display:none;} .goods-option-conr input:checked+label{border: 1px solid #e87e04;position: relative;color: #666;} .goods-option-con label{display: block;float: left;padding: 0.4em 0.8em;border: 1px solid #eee;margin:0 0.4em;color: #666; font-weight:normal; margin-top:0.5em;} .goods-option-con input:checked+label:after, .gw-con .gwc-fl .gwc-fl-con input:checked+label:before { content: "\0020"; background: #e87e04; position: absolute; height: 0.7em; width: 0.7em; right: 0px; bottom: 0px; z-index: 0; } .goods-option-con input:checked+label:before {content:"\0020"; width: 0.5em; height: 0.3em; box-sizing: border-box; z-index: 10; bottom: 0.3em; position:absolute; right: 0.04em; border-bottom: 1px #fff solid; border-left: 1px #fff solid; /*旋转45度*/ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); z-index:1;} .goods-num{overflow:hidden;} .bnt_sub {background: none repeat scroll 0 0 #e87e04;border: medium none;padding: 0.5em 0; color: #fff; margin-left: 1em; width:5.5em; border: 1px solid transparent;border-radius: 4px;cursor: pointer;display: inline-block;font-size: 14px;font-weight: 400;line-height: 1.42857;} /*商品详情*/ .goods-info .tab-info *{width:100%;height:auto} /*评论*/ .goods-info .tab-msg ul.msg li{border-bottom:1px dotted #e3e3e3; padding:0.4em 0;} .goods-info .tab-msg ul.msg li:last-child{border-bottom:1px solid #e3e3e3;} .goods-info ul.comment-radio li{border-bottom:none !important; margin-right:0.4em;} .goods-info .tab-msg h4.title{margin-bottom:0.1em; height:auto;} .goods-info .tab-msg p{color:#666; padding:0.2em 0;} .goods-info .tab-msg p span{color:#888;} .goods-info .tab-msg ul.pager{margin:1em 0; margin-bottom:0.4em} .goods-info .tab-msg ul.pager li{ padding:0.2em 0.6em; border-radius:4px;} .goods-info .tab-msg ul.pager li a{padding:0;} .goods-info .tab-msg ul.pager li select{padding:0 3em;} /*提交按钮*/ .goods-submit{background:#f3f3f3; height:4.3em; border-top:1px solid #e3e3e3;} .goods-submit div{ left:0.8em; right:4.2em; max-width:640px} .goods-submit div a{width:100%;} .goods-submit i{font-size:3em; color:#888;} .goods-submit.goods-submit-fixed{width:100%; max-width:640px; position:fixed; bottom:0px; z-index:1} /*提交评论FROM表单*/ .submit-comments{background:#FFF; overflow:hidden;} .submit-comments h4{font-size:1.2em; margin-top:0.8em;} .submit-comments ul li{float:left; margin-right:0.3em;} .submit-comments input[type=text]{height:2.8em;} .submit-comments input[type=text],.submit-comments p textarea{width:100%; padding:0.5em;} .submit-comments textarea{height:8em;} .submit-comments p.code{position:relative; height:3.6em;} .submit-comments p.code span{position:absolute; left:0em; right:8em;} .submit-comments p.code span input[type=text]{width:100%} .submit-comments p.code img{width:6.5em; height:2.8em;} .commentsBody{background:#fff; padding-bottom:3em;} .comment-radio{overflow:hidden; font-size:1.1em;} /*更多*/ .goods-more-a{margin:0.6em 0; margin-bottom:0;} .goods-more-a a{display:block; border-top:1px solid #e3e3e3;} .goods-more-a a i{color:#bbb;} /*相关商品*/ .goods-related { border-top: 1px solid #e3e3e3; background: #fff; } .picScroll { margin: 10px auto; text-align: center; } .picScroll .bd ul { width: 100%; float: left;} .picScroll .bd li { width: 33%; float: left; font-size: 14px; text-align: center; padding:10px;} .picScroll .bd li p{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:1em;} .picScroll .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */ } .picScroll .bd li img { max-width: 100%;height: auto; background: url(images/loading.gif) #fff center center no-repeat; } .picScroll .hd { display: none; } /*======================= 订单确认页面 =================*/ .flow-checkout section{border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background:#fff} .flow-checkout section i,.checkout-add i{font-style:normal; color:#bbb;} .flow-checkout .ect-radio i{margin-top:0.7em;} .checkout-add{position:relative; padding:0.8em 0.6em} .checkout-add p.title{font-size:1.3em} .checkout-add i{position:absolute; font-size:2em; right:0.2em; top:50%; margin-top:-0.5em;} .checkout-select>a{width:100%; height:3.5em; line-height:3.5em; display:block; border-top:1px #e3e3e3 solid;} .checkout-select>a:first-child{border-top:none;} .checkout-select>a p b{font-size:1.2em} .checkout-select>a span{margin-left:0.6em; vertical-align:0.2em; padding:0.3em 0.4em;} .checkout-select>a{position:relative;} .checkout-select>a i.fa-angle-down{font-size:1.6em; position:absolute; right:0; top:50%; margin-top:-0.5em;-webkit-transition: 0.5s ease;-moz-transition: 0.5s ease;-o-transition: 0.5s ease;transition: 0.5s ease;-webkit-transform: rotat} .checkout-select>a.select i.fa-angle-down{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} .checkout-select ul li label{height:2.5em; width:100%; font-size:1.1em; line-height:2.5em; padding:0 0.2em; font-weight:normal;} .checkout-select ul.comment-radio i{margin-top:0.8em; margin-right:0.4em;} .checkout-select .panel-collapse:last-child ul{border-bottom:none;} .checkout-select input[type=text]{width:100%; margin-bottom:0.7em; border:none; border-bottom:1px solid #ddd; padding:0 0.2em; height:2em; font-size:1.2em; color:#999;} .flow-checkout .select-span{height:2.5em; line-height:2.5em; margin-right:0.5em; margin-bottom:0.5em;} .flow-checkout .modRadio {margin:0.5em 0; background-color: #B3B3B3; font-size:0.9em; border-radius: 2px;color: #FFFFFF;display: inline-block;height: 1.6em; line-height:1.6em;overflow: hidden; text-align: center;width: 3.2em;} .flow-checkout .modRadio i {background: none repeat scroll 0 0 #FFFFFF; margin:0.1em; border-radius: 2px;display: inline-block;height: 1.4em;width: 1.4em;-webkit-transform: none;-moz-transform: none;-o-transform: none;} .modRadio .fl {float: left;} .modRadio .fr {float: right;} /*商品列表*/ .checkout-pro-list{overflow:hidden; padding-bottom:0em;} .checkout-pro-list>p{height:2.7em; line-height:2.7em; font-size:1.3em; border-bottom:1px solid #e3e3e3;} .checkout-pro-list>p>span{float:right; margin-top:1.5em; font-size:0.63em; padding:0.3em;} .checkout-pro-list ul{border-bottom:1px solid #e3e3e3} .checkout-pro-list ul li:first-child{padding-top:0.8em;} .checkout-pro-list ul li {padding-bottom:0.8em; overflow:hidden; clear:both;} .checkout-pro-list ul li dt{width:14em; font-weight:normal;} .checkout-pro-list ul li dt a{color:#4094d3;} .checkout-pro-list ul li dd.list-num{width:4em; text-align:center;} /*================== 收货人信息页面 ===============*/ .flow-consignee-list ul li{border-bottom:1px solid #e3e3e3;} .flow-consignee{border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-top:0.6em;} .flow-consignee ul li{padding:1em 0.6em; overflow:hidden; height:auto; clear:both; border-bottom:1px solid #e3e3e3; } .flow-consignee ul li:last-child{border-bottom:none;} .flow-consignee ul li .form-select{margin-right:0.6em; float:left;} /*================== 订单提交 ============*/ .flow-done{position:relative; border-bottom:1px solid #e3e3e3; padding-top:10em;} .flow-done .alert{margin-top:0.8em; margin-bottom:0;} .flow-done i.glyphicon{margin:2em auto; position:absolute; left:50%; margin-left:-3em;} .flow-done i.glyphicon:before{font-size:6em; color:#999;} /*================== 搜索 =============*/ .input-search{position:relative; margin-top:0.8em; height:auto; height:3em; overflow:hidden;} .input-search span{position:absolute; left:0em; right:2.9em;} .input-search span input{width:100%; height:2.49em; font-size:1.2em; padding:0 0.6em; box-sizing:border-box; border-radius:0; border:none; border-radius:0.4em 0 0 0.4em;} .input-search button{width:3.6em; height:3.7em; background:#e6e6e6; display:block; position:absolute; right:0em; border-radius: 0 0.4em 0.4em 0; border:none;} .input-search button i{color:#999; font-size:1.8em;} .hot-search{margin-top:0.4em; display:table; width:100%;} .hot-search p{margin-top:0.5em;} .hot-search h4{height:1.6em;} .hot-search a{display:table-cell; float:left; padding:0.8em; background:#fff; margin-right:0.6em; margin-bottom:0.6em; border-radius:0.4em;} /*======================== 优惠活动页 =================*/ .flow-favourable{border-bottom:1px solid #e3e3e3} .flow-favourable p{padding:0.8em 0; color:#777; border-bottom:1px solid #e3e3e3} .flow-favourable p.title{border-bottom:0;} .flow-favourable b{display:block; font-size:1.2em; color:#666;} .flow-favourable label{margin-right:0.3em} .flow-favourable .ect-checkbox i{margin-top:0.2em !important;} /*======================= 团购详情页 ===============*/ .good-info-table{border:1px solid #ddd; margin-top:0.6em;} .good-info-table ul li h4{font-size:1.2em;} .good-info-table ul li h4,.good-info-table ul li span{border-right:1px solid #ddd; padding:0.5em; box-sizing:border-box;} .good-info-table ul li h4:last-child,.good-info-table ul li span:last-child{border-right:none;} .good-info-table ul li:first-child{background:#f1f1f1; text-align:center; border-top:none;} /*======================= 促销页面 ===============*/ .bran_list{padding:0 0.6em;} .bran_list ul li{ margin:0.8em 0;} .bran_list ul li p{ position:relative;} .bran_list ul li img{width:100%; height:auto;} .bran_list ul li span{position:absolute; color:#fff; bottom:0; font-size:1.1em; z-index:10; width:100%; left:0; text-align:right; padding:0.6em; background:rgba(0,0,0,0.4)} .bran_list ul li .a-name{background:#FFF; padding:0.6em; font-size:1.2em;} /*======================== 文章分类 ================*/ .article-list .nav { margin-top: 10px; border-top: 1px solid #ccc; } .article-list .nav:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .article-list .nav li { list-style: none; float: left; width: 50%; box-sizing: border-box; border-bottom: 1px solid #ccc; } .article-list .nav li:nth-of-type(2n+1) { border-right: 1px solid #ccc; } .article-list .nav li a { display: block; padding: 10px; text-decoration: none; } .article-list .nav li a:after { float: right; content: ">"; color: #666; } /*======================== 文章列表 ================*/ .article a.ect-icon{background-size:16em;} .article a.ect-icon.ect-icon-home{background-position:-6.8em -2.3em;} .article a.ect-icon.ect-icon-cate{background-position:0.2em -1.95em; background-size:15em;} .article-list{margin:0 0.6em;} .article-list-ol{margin-top:1em; margin-bottom:0.6em;} .article-list-ol li{padding:0.5em 0; display:block; font-size:1.2em;} /*========================== 文章详情 ==================*/ .article-info{margin:0 0.6em; margin-bottom:0.6em;} .article-info h3{margin:0.6em 0; font-weight:bold;} .article-info .article-info-con{font-size:1.2em;} .article-info .article-info-con *{width:100%;} /*批发*/ .ect-wholesale{} .ect-wholesale section{ border-bottom:1px dashed #e3e3e3;} .ect-wholesale section:first-child{border-top:1px solid #e3e3e3;} .ect-wholesale section:last-child{border-bottom:1px solid #e3e3e3 !important;} .ect-wholesale-list:first-child{margin-top:15px;} .ect-wholesale-list{clear:both; margin:6px 0; overflow:hidden;}