/* Template Name: DFRobot ShopCN V3 Template URI: http://www.dfrobot.com.cn/ Description: 中文商城模板 V3 Version: 3.0 Author: Fish/Luke Author URI: http://www.dfrobot.com.cn/ Logo filename: logo.gif Template Type: type_0 */ body{background:#fff; font-size:12px; font-family:"Microsoft YaHei",Verdana, Arial; line-height:150%; margin:0; padding:0; color:#424242;background: #eeeeee;} h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;} a{text-decoration: none;color: #e16811;} input{border: 0;margin: 0;padding: 0;border-radius: 0;} input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;} input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} textarea { -webkit-appearance: none;} .button{ border-radius: 0; } /*英文强制换行*/ .word{word-break:break-all;} #wrapper{width:100%;margin:0 auto;padding:0;height: auto;} #container{width: 1200px;margin: 0 auto;} .lf{float: left;} .rf{float: right;} .xiaoFont{color: #313131;} .clear{clear: both;} .crumbs{font-size: 14px;height: 42px;line-height: 42px;overflow: hidden;width: 100%;} .crumbs a{color: #313131;} .crumbs .rf .num{color: #e16811;} #tipsFrame{position: fixed;z-index: 999;top: 55%;left: 50%;width: auto;height: 30px;line-height:30px;background: #FFFFFF;border-radius: 5px;box-shadow: 0px 0px 3px #00193A;padding: 0 10px;} #tipsFrame .icon{padding-right: 2px;} #tipsFrame span{display: block;float: left;} #dialogFrame{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999999;display: flex;justify-content: center;} #dialogFrame .box{position: absolute;min-width: 260px;min-height: 180px;background: #FFFFFF;z-index: 1;border-radius: 10px;max-width: 500px;overflow: hidden;} #dialogFrame .box .close{position: absolute;width: 30px;height: 30px;background: #FFFFFF;border-radius: 30px;margin: -15px 0 0 280px;line-height: 28px;text-align: center;border: 1px solid #DBDBDB;display: none;} #dialogFrame .box .close i{font-size: 14px;color: #A0A0A0;} #dialogFrame .box .text{border-bottom: 1px solid #dbdbdb;font-size: 16px;line-height: 30px;padding: 20px;text-align: center;min-height: 96px;} #dialogFrame .box .text > b{display: block;} #dialogFrame .box .text h1{text-align: center;padding: 20px 10px;font-size: 18px;} #dialogFrame .box .text h2{text-align: center;font-size: 12px;padding: 5px;} #dialogFrame .box .text h3{text-align: center;} #dialogFrame .box .text h3 input{width: 90%;} #dialogFrame .box .btn{} #dialogFrame .box .btn a{display: block;width: 50%;height: 44px;text-align: center;line-height: 44px;font-size: 16px;} #dialogFrame .box .btn .yes{float: left;background: #E16811;color: #ffffff;} #dialogFrame .box .btn .no{float: right;} #dialogFrame .dialogBtn{width: 260px;height: 49px;border-top: 1px solid #e6e6e6;} #dialogFrame .dialogBtn a{display: block;height: 49px;width: 129px;float: left;text-align: center;line-height: 49px;position: relative;font-size: 14px;} #dialogFrame .dialogBtn a span{position: absolute;width: 129px;height: 49px;left: 0;} #dialogFrame .dialogBtn .yes{border-right: 1px solid #e6e6e6;} #dialogFrame .dialogBtn .no{border-left: 1px solid #dbdbdb;} .maskBG{background: #000000;opacity: 0.5;width: 100%;height: 300px;position: absolute;} .numberSelect{position: relative;width: 90px;height: 30px;float: left;} .numberSelect .sub,.numberSelect .add{width: 19px;height: 28px;border: 1px solid #bfbfbf;display: block;float: left;text-align: center;font-size: 14px;color: #bfbfbf;font-weight: bold;color: #313131;line-height: 28px;} .numberSelect .sub:hover,.numberSelect .add:hover{background: #EEEEEE;} .numberSelect .inum{float: left;width: 40px;text-align: center;height: 28px;display: block;padding: 0;margin: 0;border: 1px solid #bfbfbf;border-right: none;border-left: none;} .simpleProductList{width: 100%;height: 390px;} .simpleProductList .title{height: 70px;line-height: 70px;} .simpleProductList .title .lf{font-size: 22px;} .simpleProductList .title .lf span{font-weight: normal;font-family: arial;padding-left: 10px;font-size: 18px;} .simpleProductList .title .rf{font-size: 18px;} .simpleProductList .title .rf b{font-weight: normal;} .simpleProductList .list{width: 100%;height: 320px;position: relative;overflow: hidden;} .simpleProductList .list ul{position: absolute;} .simpleProductList .list ul li{width: 228px;height: 318px;float: left;border: 1px solid #EEEEEE;margin-right: 12px;background: #FFFFFF;} .simpleProductList .list ul li .thumb{width: 228px;height: 228px;border-bottom: 1px solid #EEEEEE;} .simpleProductList .list ul li .thumb img{width: 228px;height: 228px;} .simpleProductList .list ul li .name{padding: 0 12px;height: 36px;font-size: 16px;margin: 12px 0;overflow: hidden;} .simpleProductList .list ul li .name a{color: #313131;} .simpleProductList .list ul li .price{height: 32px;padding: 0 12px;position: relative;} .simpleProductList .list ul li .price a{display: block;position: absolute;background: #fd9326;width: 204px;height: 25px;border-radius: 5px;color: #FFFFFF;text-align: center;font-size: 16px;line-height: 25px;display: none;} .simpleProductList .list ul li .price a i{font-size: 19px;} .simpleProductList .list ul li .price b{font-size: 16px;display: block;position: absolute;color: #e16811;} .simpleProductList .list ul li:hover{border: 1px solid #fe9833;} .simpleProductList .list ul li:hover .price a{display: block;} .simpleProductList .list ul li:hover .price b{display: none;} .messageFrame{padding: 80px 0;background: #FFFFFF;text-align: center;} .messageFrame h2{padding: 20px 0;font-size: 18px;} .messageFrame ul{} .messageFrame li{font-size: 16px;padding: 3px 0;} #numKeyBoardFrame{position: absolute;width: 90px;height: 120px;background: #000000;z-index: 1;top: -45px;right: -80px;} #numKeyBoardFrame span{display: block;position: absolute;} #numKeyBoardFrame span i{font-size: 18px;} #numKeyBoardFrame button{display: block;width: 30px;height: 30px;float: left;cursor: pointer;} #numKeyBoardFrame .close{font-size: 10px;} #numKeyBoardFrame .sure i{font-size: 16px;} #numKeyBoardFrame .allbtn{width: 90px;} .selectBox{background: #FFFFFF;border: 1px solid #d3d3d3;border-bottom: none;} .selectBox span{display: block;height: 40px;line-height: 40px;padding: 0 10px;border-bottom: 1px solid #D3D3D3;} .selectBox span:hover{background: #f2f2f2;} #container .sider .box {background: #ffffff;} #container .sider .box .box_1 .boxMain {margin-top: 19px;} #container .sider .box .box_1 h3 {font-size: 16px;font-weight: bolder;padding: 10px 0 0 10px;display: inline-block;color: #000000;} #container .sider .box .box_1 .boxMain .img {width: 175px;height: 177px;display: block;} #container .sider .box .box_1 .boxMain .img img {width: 100%;height: 100%;} #container .sider .box .box_1 .boxMain .goodsItem {color: #e16811;font-size: 16px;height: 257px;margin-bottom: 15px;border-bottom: solid 1px #dfdfdf;margin-left: 13px;width: 174px;} #container .sider .box .box_1 .boxMain .goodsItem:hover .addCart {display: block;} #container .sider .box .box_1 .boxMain .goodsItem:last-child {color: #e16811;border-bottom: none;} #container .sider .box .box_1 .boxMain .goodsItem a {font-size: 14px} #container .sider .box .box_1 .boxMain .goodsItem .name {padding: 10px 0 10px 0;} #container .sider .box .box_1 .boxMain .goodsItem .name a {color: #000000;} #container .sider .box .box_1 .boxMain .goodsItem .price {font-weight: bold;} #container .sider .box .box_1 .boxMain .goodsItem .addCart {display: block;position: relative;top: -25px;background: #e16811;border-radius: 3px;color: #ffffff;text-align: center;height: 24px;line-height: 25px;display: none;} #container .sider {width: 201px;} #container .sider .content {background: #ffffff;margin-top: 10px;} #container .sider .topTitle {font-size: 16px;font-weight: bolder;padding: 10px 0 0 10px;display: inline-block;color: #000000;height: 30px;} #container .sider ul {height: auto;position: relative;} #container .sider ul li {color: #e16811;font-size: 16px;height: 257px;margin-bottom: 15px;border-bottom: solid 1px #dfdfdf;margin-left: 13px;width: 174px;position: relative;} #container .sider ul li:last-child {border-bottom: none;} #container .sider ul li .title {padding: 10px 0 10px 0;} #container .sider ul li .price {font-size: 14px;font-weight: bold;position: absolute;top: 230px;} #container .sider ul li a {color: #313131;font-size: 14px;line-height: 16px;} #container .sider ul li a img {width: 175px;height: 177px;} #container .sider ul #clear_history {text-align: right;height: 30px;cursor: pointer;} #container .sider ul li .addCart{z-index: 1000; position: absolute;background: #e16811;height: 25px;font-size: 17px;color: #ffffff;width: 100%;border-radius: 3px;text-align: center;line-height: 24px;bottom: 5px;display: none;} #container .sider ul li:hover .addCart{display: block;} #container .sider ul .noHistory{height: 30px;color: #313131;font-size: 12px;} #container .sider .title {display: block;padding: 9px 0 0 11px;font-size: 16px;color: #313131;} #container .sider .shopList {position: relative;} #container .sider .shopList:hover {border: solid 1px #e16811;} #container .sider .shopList img {width: 100%;height: 69%;} #container .sider .shopList a {text-decoration: none;color: #000000;} #container .sider .shopList .name {padding: 8px 0 0 0;line-height: 18px;font-size: 14px;display: block;} #container .sider .shopList p {position: absolute;top: 225px;left: -4px;} #container .sider .shopList .addCart {background: #e16811;height: 25px;display: none;font-size: 14px;color: #ffffff;width: 170px;border-radius: 3px;margin-left: 6px;margin-top: 0px;text-align: center;line-height: 24px;} #container .sider .shopList:hover .addCart {display: block;} #container .sider .shopList:hover .price,#container .sider .shopList:hover del {display: none;} #container .sider .shopList .price {font-size: 14px;color: #e16811;} #container .sider .cp_box .mainzh {padding-bottom: 5px;} #container .sider .cp_box {background: #ffffff;} #container .sider .cp_titg .cp_tit {font-size: 16px;background: #ffffff;font-weight: bold;padding: 10px 0 10px 10px;} #container .sider .cp_box .mainzh .main_pro .first {width: 201px;height: 275px;background: #ffffff;font-size: 15px;padding-top: 20px;} #container .sider .cp_box .mainzh .main_pro .first img {width: 175px;height: 177px;margin-left: 13px;} #container .sider .cp_box .mainzh .main_pro .first p {font-weight: bold;padding: 10px 13px 5px 13px;} #container .sider .cp_box .mainzh .main_pro .first a {font-weight: bold;padding: 0 0 0 10px;} #container .sider .cp_box .mainzh .pro ul li {position: relative;} #container .sider .cp_box .mainzh .pro ul li .img {width: 175px;height: 177px;display: inline-block;} #container .sider .cp_box .mainzh .pro ul li p {font-weight: bold;padding: 10px 13px 5px 13px;overflow: hidden;height: 35px;} #container .sider .cp_box .mainzh .cp_price {padding: 0 13px;font-size: 13px;font-weight: bold;} #container .sider .cp_box .mainzh .cp_price .cp_input {border: none;background: #e16811;color: #ffffff;/* padding: 5px 10px; */width: 170px;height: 35px;font-weight: bold;font-size: 16px;cursor: pointer;margin: 10px auto;display: block;} #container .sider .cp_box .mainzh .cp_price .cp_input:hover {border: solid 1px sandybrown;} #container .sider .cp_box .mainzh .cp_price #totalPrice {font-size: 14px;} #container .sider img {display: inline-block;} #container input{border: 1px solid #a9a9a9;} .productArrow{position: absolute;height: 30px;top: 14px;right: -4px;} .productArrow .arrow{width: 0;height: 0;float: left;} .productArrow .con{height: 30px;float: right;padding: 0 10px;line-height: 30px;font-size: 14px;font-weight: bold;color: #FFFFFF;} .productArrow .sales .arrow{border-top: 30px solid #e60012;border-left: 16px solid transparent;} .productArrow .sales .con{background: #e60012;} .productArrow .best .arrow{border-top: 30px solid #ffab32;border-left: 16px solid transparent;} .productArrow .best .con{background: #ffab32;color: #000000;} .productArrow .hotType .arrow{border-top: 30px solid #e16811;border-left: 16px solid transparent;} .productArrow .hotType .con{background: #e16811;} .productArrow .new .arrow{border-top: 30px solid #24c2cb;border-left: 16px solid transparent;} .productArrow .new .con{background: #24c2cb;} .wlRecommend{position: absolute;height: 50px;top: -4px;right: 22px;} #expressFrame{position: fixed;top: 0;left: 0;width: 100%;z-index: 10;} #expressFrame .con{position: absolute;background: #FFFFFF;z-index: 1;width: 600px;left: 50%;margin-left: -330px;height: 360px;padding: 30px;} #expressFrame .con ul{width: 100%;height: 272px;overflow-x: hidden;overflow-y: scroll;} #expressFrame .con li{line-height: 1;font-size: 14px;float: left;padding: 10px 0;} #expressFrame .con li b{display: block;float: left;text-align: center;width: 80px;font-weight: normal;} #expressFrame .con li i{display: block;float: left;text-align: center;border: 1px solid #313131;border-radius: 100px;font-size: 12px;line-height: 18px;width: 18px;height: 18px;margin: 0 10px;} #expressFrame .con li span{display: block;float: left;text-align: left;width: 460px;line-height: 20px;} #expressFrame .con .title{font-size: 14px;font-weight: bold;} #expressFrame .con .title b{font-weight: bold;} #expressFrame .con .title i{opacity: 0;} #expressFrame .con .closeBtn{position: absolute;top: 14px;left: 620px;cursor: pointer;} #expressFrame .con .closeBtn i{font-size: 30px;} .videoBox{position: absolute;z-index: 1;} .free_shipping{ font-size: 11px; padding: 1px 3px; background: red; color: #fff; position: relative; top: -2px; margin-left: 5px; } .bonus_bg{ background-image: url("images/bonus_bg.png"); width: 52px; height: 23px; float: left; margin-left: 10px; font-size: 12px; color: #E1680D; padding-top: 7px; font-weight: bold; padding-left: 40px; cursor:pointer; } .bonus_lists{ width: 528px; bottom: 75px; position: absolute; left: 20px; background:#E1680D;padding:2px 0px; cursor: default; }