/* CSS Document */

/*面包屑*/
.breand{width:100%;height: auto;height:30px;line-height: 30px;padding: 20px 0;font-size: 12px; }
.breand .fs_12{font-size:14px;color: #999999}
.breand .fs_12 a:hover{color:#000000}
.col1 .con{width:100%;min-height: 810px;border-radius: 4px;background: #FFFFFF;}
.col1 .left{width:650px;}

.banner{width: 100%;height: auto;box-sizing: border-box;padding: 20px;}

/*大图*/
.gallery-top{width:650px;height: 650px;background: #ffffff;border-radius: 4px 4px 0 0;position: relative}
.gallery-top .arrow-left{  background: url('../../common/images/arrows_left.png') no-repeat left top;
  position: absolute;  left: 10px;  top: 50%;  margin-top: -15px;  width: 35px;  height: 35px;z-index: 10}
.gallery-top .arrow-right{  background: url('../../common/images/arrows_right.png') no-repeat left top;
  position: absolute;  right: 10px;  top: 50%;  margin-top: -15px;  width: 35px;  height: 35px;z-index: 10}
.gallery-top .swiper-container{width:650px;height: 650px;}
.gallery-top .pimg{width:100%;height: 100%;position: relative;display: flex;align-items: center;justify-content: center;}
.gallery-top .pimg .img{width:auto;height: auto;float: left;max-width: 100%;max-height: 100%}

/*小图*/
.gallery-thumbs{width: 650px;height: 120px;background: #ffffff;box-sizing: border-box;padding: 20px 0;}
.gallery-thumbs .swiper-slide{width:110px;height: 100px;background-color: #ffffff;}
.gallery-thumbs .spimg{width:100px;height: 100px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;cursor: pointer;border-radius: 4px;overflow: hidden;}
.gallery-thumbs .spimg .img{width:auto;height: auto;max-width: 100%;max-height: 100%}
.gallery-thumbs .spimg::before{content:'';display: block;width: 100%;height: 100%;background: rgba(255,255,255,0.2);position: absolute;top: 0;left: 0;z-index: 2;}
.gallery-thumbs .active-nav .spimg::before{background-color: transparent}
.gallery-thumbs .active-nav .spimg{background-color: transparent;border: 2px solid #1f2a66;box-sizing: border-box;}
.gallery-thumbs .video::after{content:'';width:100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-image: url("../../common/images/icn_play.png");background-size: 40px 40px;background-position: center;background-repeat: no-repeat;}

.col1 .right{width:500px;height: auto;}
.col1 .right .rg_col{width:100%;height: auto;box-sizing: border-box;padding: 0 30px;padding-bottom: 25px;}
.col1 .right .rg_col1{padding-top: 30px;min-height: 594px;}
.col1 .right .rg_col1 .h1{width:100%;height:auto;line-height: 32px;color: #333333;font-size: 28px;font-weight:lighter;margin-bottom: 6px;}
.col1 .right .rg_col1 .fs{width:100%;height: auto;line-height: 32px;font-size: 14px;margin-bottom: 20px;}
.col1 .right .rg_col1 .fs14{font-size:14px;color: #999999;line-height: 20px;}
/*
.col1 .right .rg_col1 .lab_like{font-size:14px;cursor: pointer}
.col1 .right .rg_col1 .lab_like::before{content:'';width: 15px;height: 32px;background-image: url("../../common/images/lab_like.png");background-position: top 7px center;background-repeat: no-repeat;background-size: 15px auto;float: left;margin-right: 4px;}
*/

/*
.col1 .right .rg_col1 .onlike{color: #FF6600;}
.col1 .right .rg_col1 .onlike::before{content:'';width: 15px;height: 32px;background-image: url("../../common/images/lab_like_on.png");background-position: top 7px center;background-repeat: no-repeat;background-size: 15px auto;float: left;margin-right: 4px;}
*/

.col1 .right .hr1{width:100%;height: 1px;background: #ebebeb;}

.rg_col1 .price_con{width:100%;margin-top: 20px;margin-bottom: 20px;}
.rg_col1 .price_con .price_left{flex:1;}
.rg_col1 .price_left .fs1{width:100%;height: auto;font-size: 16px;color: #000000;line-height: 28px;position: relative;top: 6px;}
.rg_col1 .price_left .fs2{width:100%;height: auto;font-size: 16px;color: #cf0000;line-height: 32px;font-weight: bold;position: relative;top: 6px;}
.rg_col1 .price_left .fs2 .fs30{font-size:30px;}
.rg_col1 .price_right{position: relative}
.rg_col1 .price_right .btn{width:100px;height: 36px;box-sizing: border-box;text-align: center;line-height: 36px;font-size: 14px;border-radius: 4px;margin-left:10px; }
.rg_col1 .price_right .btnaddcart{background-color:#00b0ec;color: #FFFFFF;font-weight: bold;}
.rg_col1 .price_right .btntopost{border:1px solid #00b0ec;line-height: 34px;color: #00b0ec;}
.rg_col1 .price_right .btnaddcart:hover{background-color: #1f2a66}
.rg_col1 .price_right .btntopost:hover{background-color: #1f2a66;color: #FFFFFF;font-weight: bold;border: 1px solid #1f2a66;}

.rg_col1 .proinfo{width:100%;margin-top: 20px;margin-bottom: 20px;font-size: 14px;color: #333333;line-height: 22px}

.rg_col1 .cominfo{width:100%;height: auto;flex-wrap: wrap;margin-top: 25px;}
.rg_col1 .cominfo .clogo{width:100px;height: 100px;box-sizing: border-box;border-radius: 4px;border: 1px solid #ebeced;}
.rg_col1 .cominfo .com_right{margin-left: 15px;flex: 1;}
.rg_col1 .cominfo .com_right .fs16{font-size:16px;line-height: 24px;color: #000000;width:100%;position: relative;top: -4px;}
.rg_col1 .cominfo .com_right .fs14{font-size:14px;line-height: 17px;color: #999999;width:100%;margin-bottom: 4px;}
.rg_col1 .cominfo .com_right .fs14 .icn{color:#333333;margin-right: 4px;}
.rg_col1 .cominfo .com_right .fs14 .icn.icn_cn::before{content: url("../images/flag_china.png");position: relative;top: 3px;margin-right:4px;}
.lf_con1 .datecon{width：100%;height: auto;margin-top: 20px;position: relative;margin-bottom: 25px;}
.rg_col1 .cominfo .com_right .fs12{font-size:12px;width: 100%;color: #999999;line-height: 40px;margin-bottom: 20px;}
.rg_col1 .cominfo .com_right .fs12 .fs18{color:#000000;font-size: 18px;margin-left: 5px;}
.btns{width: 100%;}
.btns .btnli{width:110px;height: 36px;border-radius: 36px;box-sizing: border-box;font-size: 14px;margin: 0 5px;}
.btns .btnli.btnhome{color:#FFFFFF;line-height: 36px;background-color: #00b0ec;text-align: center;}
.btns .btnli.btnguanzhu ,.btns .btnli.btncard{border:1px solid #00b0ec;line-height: 34px;text-align: center;color: #00b0ec;position: relative;}
.btns .btnli.btnguanzhu .add{content:'';width: 12px;height: 2px;background-color: #00b0ec;display: inline-block; position: relative;top: -4px;margin-right: 4px;}
.btns .btnli.btnguanzhu .add::after{content:'';width: 2px;height: 12px;background-color: #00b0ec;display: inline-block; position: absolute;left: 5px;top: -5px;}

.btns .btnli.btnhome:hover{background-color: #1f2a66}
.btns .btnli.btnguanzhu:hover,.btns .btnli.btncard:hover{background-color: #1f2a66;border: 1px solid #1f2a66;color: #FFFFFF;}
.btns .btnli.btnguanzhu:hover .add,.btns .btnli.btnguanzhu:hover .add::after{background-color:#FFFFFF }
/*相似推荐*/
.col2{margin-top: 0;}
.col2 .con{width: 100%;box-sizing: border-box;}
.col2 .tit{width:100%;margin-top: 10px;line-height: 70px;font-size: 20px;color: #000000;font-weight: bold;}