@charset "UTF-8";



/*------------------------产品评分------------------------*/
.product_xc_pingfen{background: url(../images/pingfen_bg.png) no-repeat center top;padding:3.38% 0;background-size: cover;}
.product_xc_pingfen .mr{text-align: center;font-weight: 600;color: #FFFFFF;line-height: 1.5em;font-size: 0;}
.product_xc_pingfen .mr>div{display: inline-block;text-align: center;    vertical-align: middle;}
.product_xc_pingfen .mr .product_pingfen_zan {width: 100px;height: 40px;border-radius: 5px;border: 1px solid #FFFFFF;position: relative;margin-left:5.34% ;cursor: pointer;}
.product_xc_pingfen .mr .product_pingfen_cai {width: 100px;height: 40px;border-radius: 5px;border: 1px solid #FFFFFF;position: relative;margin-left:1.3% ;cursor: pointer;}
.product_xc_pingfen .mr .product_pingfen_zan img{width: 24px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.product_xc_pingfen .mr .product_pingfen_cai img{width: 24px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.product_xc_pingfen .dianzan{color: #fff;text-align: center;display: none;}
.product_xc_pingfen .dianzan .title{font-weight: 600;color: #FFFFFF;line-height: 1.5em;margin-bottom: 15px;}

.product_xc_pingfen .diancai{display: none;}
.product_xc_pingfen .diancai .title{font-weight: 600;color: #FFFFFF;line-height: 1.5em;margin-bottom: 15px;text-align: center;}
.product_xc_pingfen .diancai .sub_title{margin-bottom: 23px;}
.product_xc_pingfen .diancai .diancai_choose{width: 450px;margin: 0 auto;color: #fff;}
.product_xc_pingfen .diancai .diancai_choose .checkbox_item{position: relative;margin-bottom: 17px;}
.product_xc_pingfen .diancai .diancai_choose label{padding-left: 18px;}
.product_xc_pingfen .diancai .diancai_choose label:before{content: "";display: block;width: 18px;height: 18px;border: 2px solid #FFFFFF;display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.product_xc_pingfen .diancai .diancai_choose input[type=checkbox]{opacity: 0;}
.product_xc_pingfen .diancai .diancai_choose input[type=checkbox]:checked + label:before {background: url(../images/duihao.png) no-repeat center;background-size:100%;}
.product_xc_pingfen .diancai .input_qt{display: none;margin-bottom: 29px;}
.product_xc_pingfen .diancai .input_qt span{display: block;color: #f00;}
.product_xc_pingfen .diancai .input_qt input{width: 365px;height: 40px;border: 1px solid #FFFFFF;background: transparent;padding: 0 10px;line-height: 40px;color: #fff;}
.product_xc_pingfen .diancai .input_qt input::-webkit-input-placeholder  {
color: #fff; 
}
.product_xc_pingfen .diancai .input_qt input:-moz-placeholder {
color: #fff; 
}
.product_xc_pingfen .diancai .input_qt input::-moz-placeholder {
color: #fff; 
}
.product_xc_pingfen .diancai .input_qt input:-ms-input-placeholder {
color: #fff; 
}
.product_xc_pingfen .diancai  button{width: 120px;height: 40px;font-size: 14px;background: #FFFFFF;border-radius: 5px;border: none;color: #0086FE;}
.product_xc_pingfen .diancai  button:after{    transform: translateY(-1px);transition: 0.5s; font-family: "iconfont";content: "\e683";  transition: 0.5s; margin-left: 4px;}

.product_xc_pingfen .after_diancai{color: #fff;text-align: center;display: none;}
.product_xc_pingfen .after_diancai .title{font-weight: 600;color: #FFFFFF;line-height: 1.5em;margin-bottom: 15px;}
.product_xc_pingfen .tixing{display: block;color: #f00;margin-bottom: 20px;}


/*font-size*/
.fnt_12 { font-size:12px;}
.fnt_14 { font-size:14px;}
.fnt_16 { font-size:16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size:20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_26 { font-size:26px;}
.fnt_28 { font-size:28px;}
.fnt_30 { font-size:30px;}
.fnt_32 { font-size:32px;}
.fnt_34 { font-size:34px;}
.fnt_36 { font-size:36px;}
.fnt_38 { font-size:38px;}
.fnt_40 { font-size:40px;}

.fnt_42 { font-size:42px;}
.fnt_44 { font-size:44px;}
.fnt_46 { font-size:46px;}
.fnt_48 { font-size:48px;}
.fnt_50 { font-size:50px;}
.fnt_52 { font-size:52px;}
.fnt_54 { font-size:54px;}
.fnt_56 { font-size:56px;}
.fnt_58 { font-size:58px;}
.fnt_60 { font-size:60px;}

@media only screen and (max-width: 1440px) {
  .fnt_20 { font-size:18px;}
  .fnt_22 { font-size:18px;}
  .fnt_24 { font-size:20px;}
  .fnt_26 { font-size:24px;}
  .fnt_28 { font-size:24px;}
  .fnt_30 { font-size:30px;}
  .fnt_32 { font-size:30px;}
  .fnt_34 { font-size:30px;}
  .fnt_36 { font-size:32px;}
  .fnt_38 { font-size:32px;}
  .fnt_40 { font-size:34px;}

  .fnt_42 { font-size:34px;}
  .fnt_44 { font-size:34px;}
  .fnt_46 { font-size:36px;}
  .fnt_48 { font-size:36px;}
  .fnt_50 { font-size:38px;}
  .fnt_52 { font-size:38px;}
  .fnt_54 { font-size:38px;}
  .fnt_56 { font-size:40px;}
  .fnt_58 { font-size:40px;}
  .fnt_60 { font-size:42px;}
}
@media only screen and (max-width: 1366px) {
  .fnt_16 { font-size:14px;}
}
@media only screen and (max-width: 1200px) {
  .fnt_24 { font-size:18px;}
  .fnt_20 { font-size:16px;}
}

@media only screen and (max-width: 1024px) {
  .fnt_18 { font-size:16px;}
  .fnt_20 { font-size:16px;}
  .fnt_24 { font-size:18px;}
  .fnt_26 { font-size:20px;}
  .fnt_28 { font-size:20px;}
  .fnt_30 { font-size:24px;}
  .fnt_32 { font-size:24px;}
  .fnt_34 { font-size:24px;}
  .fnt_36 { font-size:26px;}
  .fnt_38 { font-size:26px;}
  .fnt_40 { font-size:30px;}

  .fnt_42 { font-size:30px;}
  .fnt_44 { font-size:30px;}
  .fnt_46 { font-size:32px;}
  .fnt_48 { font-size:32px;}
  .fnt_50 { font-size:34px;}
  .fnt_52 { font-size:34px;}
  .fnt_54 { font-size:34px;}
  .fnt_56 { font-size:36px;}
  .fnt_58 { font-size:36px;}
  .fnt_60 { font-size:38px;}
}

@media only screen and (max-width: 767px) {
  .fnt_14 { font-size:12px;}
  .fnt_16 { font-size:14px;}
  .fnt_22 { font-size:16px;}
  .fnt_24 { font-size:16px;}
  .fnt_26 { font-size:18px;}
  .fnt_28 { font-size:18px;}
  .fnt_30 { font-size:18px;}
  .fnt_32 { font-size:22px;}
  .fnt_34 { font-size:22px;}
  .fnt_36 { font-size:24px;}
  .fnt_38 { font-size:24px;}
  .fnt_40 { font-size:24px;}

  .fnt_42 { font-size:24px;}
  .fnt_44 { font-size:24px;}
  .fnt_46 { font-size:24px;}
  .fnt_48 { font-size:26px;}
  .fnt_50 { font-size:26px;}
  .fnt_52 { font-size:26px;}
  .fnt_54 { font-size:28px;}
  .fnt_56 { font-size:28px;}
  .fnt_58 { font-size:28px;}
  .fnt_60 { font-size:30px;}
}