/*
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;
}