﻿@charset "utf-8";
/* CSS Document */
body,html{width: 100%; height: 100%}
*{ margin:0; padding:0;font-family:Microsoft Yahei,Arial;-webkit-tap-highlight-color: rgba(0,0,0,0);outline:none; box-sizing:border-box;}
li{ list-style-type:none;}
.overflow-x{overflow:hidden;}
h1{font-size: 1.3rem}
h2{font-size: 1.2rem}
h3{font-size: 1.1rem}
h4{font-size: 1rem}
a {
	text-decoration:none;
	color:#444;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	/*-webkit-user-select: none;*/
}
i{font-style: normal}
p{background: none}
img {border:0; vertical-align: middle;display: inline-block}
body{
	margin:0 auto;
	font-size:1rem;
	color:#444;
 	-webkit-tap-highlight-color: transparent;
 	-webkit-tap-highlight-color: rgba(0,0,0,0);
 	/*-webkit-touch-callout: none;
 	-webkit-user-select: none;*/
    font-family:Microsoft Yahei;
    word-break: break-all;
}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea,input {  -webkit-appearance: none;}
input{ border:none}
 .fixed{position: fixed;left: 0;top: 0; right: 0;z-index:299}
 .header{ background:#4a4a4a; height:46px; clear:both; position:relative;z-index: 201}
 .var{height:46px;}
 .var a{height:46px;}
.header i{ position: absolute ;width: 46px; text-align: center;font-size:1rem;}
.header i.y_i{ right: 0}
.header i.m_i{ left: 0;margin-top: 4px;}
 .iconcolor{color:#fff;}
 .left {float:left}
 .right {float:right}
 .ft0{font-size:1.6rem !important; margin:0 0.3rem 0 0 }
 .ft1{font-size:2rem !important; }
 .ft2{font-size:2.1rem !important;}
 .ft3{font-size:2.2rem !important;}
 .ft4{font-size:2.3rem !important;}
 .ft5{font-size:2.4rem !important;}
 .ft6{font-size:2.5rem !important;}

 .logo{position: absolute; left: 50%; margin-left: -56px; top: 50%; margin-top: -14px;}
 .logo img { width: 112px;  }
 .m_i{ position:absolute; left:10px;  font-size:1.4rem!important; color:#fff;}
 .y_i{ position:absolute; right:10px;top:0.3rem; font-size:1.2rem!important; color:#FFF}
 .search {width:85%; margin:0 auto; position:relative;clear: both; overflow: hidden}
 .search .styleinput{background:none;height:40px;float: left;width: 70%; text-indent:12px;font-size:.9rem;}
 .pading_1{ padding:1.2rem 0}
 .fdj_icon { position:absolute; right:20px; top:2px; color: #c3c3c3;font-size: 21px!important;}
 .index_menu_two{ padding:15px; color:#fff; text-align:center;font-size: 0.95rem}
 .clear{ clear:both; width:100%}
.iconfont:before{ padding:0;  margin:0;display:block;height:20px;}
.iconfont{padding:0; display: inline-block;}
.icon-xinpin{font-size: 1.8rem!important;  }

.clr{clear:both;}
.index_menu_two ul.ul_1 {clear: both; overflow: hidden}
.index_menu_two ul.ul_1 li {line-height: 350%;}
.index_menu_two ul.ul_1 li.m1 {background: #99cc33;float: left; width: 50%;}
.index_menu_two ul.ul_1 li.m2 {background: #6699cc;float: right;width: 50%; border-left:4px #fff solid}
.index_menu_two ul li a{color: #fff}
.index_menu_two ul.ul_1 li div{width: 100px; margin: 0 auto}
.index_menu_two ul.down_ul_box { clear: both;overflow: hidden;margin: 4px 0 0 0;}
.index_menu_two ul.down_ul_box ul.ul_2 {float: left;width: 40%;background: #ff6699; padding:59px 0 0 0; line-height:200%; height:166px;}
.index_menu_two ul.down_ul_box ul.ul_2 li.m3 {}
.index_menu_two ul.down_ul_box ul.ul_2 i {font-size: 40px!important;clear: both}
.index_menu_two ul.down_ul_box ul.ul_3 {float: right; width: 60%; border-left: 4px #fff solid}
.index_menu_two ul.down_ul_box ul.ul_3 li.m4 {background: #9966cc; line-height: 450%; height: 70px;}
.index_menu_two ul.down_ul_box ul.ul_3 li.m4 div{width: 100px; margin: 0 auto}
.index_menu_two ul.down_ul_box ul.ul_3 li.m5{background: #ffcc66; width: 50%;float: left; padding: 20px 0 20px 0;margin-top: 4px; border-right: 2px #fff solid; height: 92px;}
.index_menu_two ul.down_ul_box ul.ul_3 li.m5 .icon-lianxi{margin: 0 0 0 0; height: 28px;}
.index_menu_two ul.down_ul_box ul.ul_3 li.m6{background: #99cccc; width: 50%; float: right; padding: 20px 0 20px 0;margin-top: 4px; border-left: 2px #fff solid;height: 92px;}
.index_menu_two ul.down_ul_box ul.ul_3 li.m6 .icon-bangzhu{margin: 0 0 0 0; height: 28px;}
.line-10{background: #f0f0f0; height:8px;}
.index_pro{ clear: both; overflow: hidden;padding: 20px 15px 0 15px}
.index_pro li{ float: left; width: 47.5%;position: relative; margin: 0 0 20px 0;}
.index_pro li:nth-child(odd){ float: left}
.index_pro li:nth-child(even){ float: right}
.index_pro li img{width: 100%; vertical-align: middle;display: block}
.index_pro .font{color: #5c5b5b;font-size: 0.8rem; height:35px;overflow: hidden; margin-top:8px; line-height: 145%}
.index_pro .money{color: #e23a9e;font-size:1rem; margin-top:5px;}
.huan{color: #5c5b5b;float: right; font-size:0.8rem}
.huan i {font-size: 1rem;  margin:0px 0 0 5px;}
.pro_page{text-align: center;padding-bottom: 15px;}
.pro_page span{background: #e8e8e8; width: 8px; height: 8px; display: inline-block; border-radius: 50%; margin: 0 5px;}
.pro_page span.style{background: #e23a9e}
.new_input{background:url("../images/icon.png") no-repeat; width:180px; height:58px; display: block;background-size: cover; margin:0 auto}
.new_font{text-align: center; color: #5c5b5b}
.index_new_box {padding: 15px 0 20px 0}
.index_bottom_menu { padding: 30px 0 0 0; clear: both; overflow: hidden}
.index_bottom_menu li{ float: left; margin: 0 0 2rem 0; color: #5c5b5b;text-align: center;font-size: 0.9rem; width: 33%}
.index_bottom_menu li span{ display: block;width:65px; height: 65px; color: #fff;border-radius: 50%;margin:0 auto 8px auto;}
.index_bottom_menu li span i {font-size: 2rem; display: block;line-height: 100px;}
.index_bottom_menu .b1{}
.index_bottom_menu .b1 span{background: #e7bf1f;}
.index_bottom_menu .b2{}
.index_bottom_menu .b2 span{background: #61b7ed}
.index_bottom_menu .b3{}
.index_bottom_menu .b3 span{background: #ffb777}
.index_bottom_menu .b4{}
.index_bottom_menu .b4 span{background: #f7784a}
.index_bottom_menu .b5{}
.index_bottom_menu .b5 span{background: #ff5c5c}
.index_bottom_menu .b6{}
.index_bottom_menu .b6 span{background: #9ecd37}
.fo_contant{background: #f1f0f0; height:56px;}
.fo_contant div:nth-child(even) {color: #3eaaef; width: 50%; text-align: center; display: block;float: left; line-height: 200%; height: 30px;}
.fo_contant div:nth-child(odd) {color: #ff5575; width: 50%; text-align: center;display: block;float: left; border-right: 1px solid #d4d4d4;height: 30px;}
.fo_contant div span i{font-size:1.8rem; margin-right:10px }
.fo_contant div:nth-child(even) a{color: #3eaaef;display: block;}
.fo_contant div:nth-child(odd) a{color: #ff5575;display: block;}
.fo_contant div span {width: 110px; margin: 0 auto; display: block; line-height: 180%}
.fo_contant div {margin-top: 15px}
.fo_comment {background:#4a4a4a;color: #fff;text-align: center; padding:9px 0 16px 0}
.fo_comment i {font-size: 1.5rem; color: #fff}
.footer .copyright{ text-align: center;font-size: 0.8rem;text-align: center; color: #9e9d9d; padding: 15px 0 30px 0;font-family: Arial}
.opacity_bg{background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.6));
    background: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.6));
height:60px;position: absolute; left: 0; right: 0;bottom: 0; z-index: 9}
.main{position: relative;z-index: 299; background:#fff;width: 100%;
    transition-property:all;
    -moz-transition-property:all;
    -webkit-transition-property:all;
    -o-transition-property:all;
    transition-duration:0.3s;
    -moz-transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -o-transition-duration:0.3s;}
.second-level_menu{ position:fixed; left: 0; top: 0; right: 0; bottom: 0; z-index:99999;background: #383838; color: #fff; width:80%;  transition-property:all;
    -moz-transition-property:width;
    -webkit-transition-property:width;
    -o-transition-property:width;
    transition-duration:0.3s;
    -moz-transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    display:none;
}
.current{display:block}
.second-level_menu ul.menu1 {padding: 20px 0 20px 25px}
.second-level_menu ul.menu1 li { clear: both; line-height: 250%;font-size:16px}
.second-level_menu ul.menu1 li a{color: #fff;font-size: 16px; display: block}
.second-level_menu ul.menu1 li i {font-size: 1.5rem; margin: 0px 15px 0 0}
.second-level_menu ul.menu1 li i.home{width: 27px;margin-top: 16px}
.second-level_menu ul.menu1 li i.home img{width: 100%;}
.second-level_menu .menu2{ clear: both;border-top: 1px solid #474646;font-size: 0.8rem; color: #c1c1c1; padding: 0 0px 0 10px;}
.second-level_menu .menu2 span{ border: 1px solid #c1c1c1; display: block; width: 40px; height: 40px; border-radius: 50%;text-align: center; line-height: 44px; margin: 0 auto 8px auto}
.second-level_menu .menu2 span i{font-size:1.1rem!important;}
.second-level_menu .menu2 li {float: left; width:65px;text-align: center;margin: 30px 0px 0 0;font-size: 0.7rem}
.second-level_menu .menu2 li a{color: #c1c1c1}
.second-level_menu .menu2 li:nth-child(5){clear: both}
.second-level_menu .menu2 span i.icon-new1 {}
.second-level_menu .menu2 span i.icon-zhishigongxiang { }
.menu2 .icon{  width:24px;}
.product_box{ clear: both; }
.pro_bg{ background: url("../images/pro_line.jpg") repeat-y -2px top;background-size:100%}
.pro_side_left {width:27.9%; position: fixed;top:140px; bottom: 0; left: 0; z-index:0;overflow: auto;-webkit-overflow-scrolling : touch;}
.pro_side_left ul {}
.pro_side_left ul li {font-size: 0.7rem; font-family: Arial; border-bottom: 1px solid #eaeaea}
.pro_side_left ul li a{ display: block;padding: 15px 0 15px 13px;}
.pro_side_left ul li.style{border-left: #e33a9f solid 5px;background: #fff; color: #000;}
.pro_side_right { float: right; width:66%;margin-top: 15px;min-height:400px;}
.pro_side_right ul {}
.pro_side_right ul li{width:27.5%; float: left;font-size: 0.8rem;margin: 0 2.5% 15px 2.5%; color: #5d5d5d;}
.pro_side_right ul li img{width: 100%; }
.pro_side_right ul li span{height:34px; display: block; overflow: hidden;line-height: 150%;text-align: center}
.pro_side_right2 { float: right; width:70%;margin-top: 15px;min-height:400px;}
.pro_side_right2 ul li{ position:relative; font-size: 0.8rem;margin: 0 2.5% 15px 2.5%; padding-bottom:15px;padding-right: 1em;height: 5em;line-height:5em;box-sizing:content-box; color: #5d5d5d;border-bottom:1px solid #eaeaea;overflow:hidden; }
.pro_side_right2 ul li img{height:5em;}
.pro_side_right2 ul li .iconfont{  font-size:1em;color:#a0a0a0;position:absolute;right:0px;top:15px;}
 .pro_search {width:92%; position: relative;margin: 0 auto; overflow: hidden}
.pro_search .pro_styleinput{background:none;height:40px;float: left;width: 70%; text-indent:12px;font-size:.9rem;}
.search-input-bg{ height:40px; border-radius:20px;background:#f0eeee; width:80%; float: left;position:relative}
.search-input-bg2{ height:40px; border-radius:20px;background:#f0eeee; width:100%; float: left;position:relative}
.all_chanpin {float: right;font-size: 0.8rem; height: 40px; line-height: 40px;}
.all_chanpin a{display: block}
.sousuo_btn {float: right;display:none;font-size: 0.9rem;width: 30%;  height: 40px;text-align:center; background:#e33a9f; color: #fff; border-radius:20px; line-height: 40px;  overflow:hidden; }
    
.pro_fdj_icon { position:absolute; right:20px; top:2px; color: #c3c3c3;font-size: 21px!important;}
.shaixuan{ float: right; font-size: 0.9rem; color: #5b5b5b; height: 40px;line-height: 44px;border-radius:20px;text-align: center; overflow: hidden}
.shaixuan a{display: block}
.pro_fixed{border-bottom: 1px solid #eaeaea;background: #fff;overflow: hidden; z-index: 200;position: relative }
/*.pro_fixed{position: fixed; left:0px; top:60px; right:0px;background: #fff;border-bottom: 1px solid #eaeaea; }*/
.shaixuan_box {background: #fff; position: fixed; left: 0; top: 0;right: 0;bottom: 0; z-index: 100;-webkit-overflow-scrolling : touch; overflow: auto}
.shaixuan_box ul { display: inline-block}
.shaixuan_box ul li {clear: both; border-bottom: 1px solid #e5e4e4; padding:15px}
.shaixuan_box ul li i {float: right; color: #a1a1a1}
.shaixuan_box ul li ul{ clear: both;width: 100%}
.shaixuan_box>ul {margin: 0 0 60px 0; width: 100%}
.shaixuan_box ul li ul li{ border-bottom: none;padding: 15px 5px 0 5px !important;}
.shaixuan_box ul li ul li span{float: left; display: block; height:32px; line-height: 32px; margin: 0 15px 0 0; padding: 0 8px; font-family: Arial;font-size: 0.9rem; color: #787878}
.shaixuan_box ul li ul li span.style{ color: #e33a9f; border: 1px solid #e33a9f; border-radius: 4px}
.bottomlab {position: fixed; bottom: 0; left: 0; right: 0}
.bottomlab .cancel{ background: #eeecec; color: #767676; width: 50%; display: block; float: left; height:50px; line-height: 50px; text-align: center}
.bottomlab .sure{ background: #e33a9f; color: #fff; width: 50%;display: block; float: left; height:50px;line-height: 50px; text-align: center}
.pro_name{font-size:1rem; margin: 20px 15px 10px 15px;border-bottom: 1px solid #eaeaea;padding-bottom: 10px;font-family: Arial}
.pro_name span{font-size:0.8rem;  color: #797979; display: block}
.pro_h2{color: #797979;font-size: 0.8rem;margin: 10px 15px; line-height: 170%}
.pro_momey {color: #e23a9e;margin: 10px 15px;font-family: Arial;border-bottom: 1px solid #eaeaea; padding-bottom: 10px;font-size: 1.1rem}
.pro_momey span{color: #ababab; font-size: 0.8rem; margin-left:10px;text-decoration:line-through;font-style: italic}
.shop_select {margin: 10px 15px 20px 15px}
.shop_select ul{}
.shop_select ul li.select_li { color: #797979; line-height: 40px; margin-bottom:10px;clear: both;overflow: hidden}
.shop_select ul li.select_li span{ float: left; color: #333;}
.shop_select ul li.select_li a{ border-bottom: 1px solid #eaeaea; display:inline-block; margin: 0 0px 0 0; font-size: 0.9rem; color: #797979}
.shop_select ul li.select_li a.style{ color: #e23a9e;border-bottom: 1px solid #e23a9e;background: url("../images/gouxuan.png") no-repeat right; background-size:20px; text-align: left;text-indent: 0px;padding: 0 26px 0 8px;}
.right_bar{float: left; width: 83%;font-size: 0.9rem}
.right_bar select,.ui-color-select{border-radius: 0;background: url("../images/jiantou.png") no-repeat right;background-size:20px; line-height: 36px; height:36px;text-align: center;color: #797979!important;font-size:0.9rem;margin: 0 10px 0 0; float: left;border: none;font-family: Arial;border-bottom: 1px solid #eaeaea;}
.ui-color-select{padding:0 20px 0 10px;text-align: center;overflow:hidden}
.select_style{ width: 50px;}
.select_style2{ width: 120px;}
.right_bar span.style_color{color: #e23a9e!important;border: 1px solid #e23a9e; border-radius: 4px; padding: 0 20px; float: left; height: 34px;line-height: 34px;font-size: 0.8rem}
.color_box { margin: 10px 0 0 0}
.color_box li {float: left; width: 50%;font-family: Arial; font-size: 0.8rem; line-height: 35px;}
.color_box li span{width: 13px; height: 13px; background: cadetblue;display: inline-block; margin: 11px 3px 0 0}
.color_box li i {font-size: 1.3rem!important; margin: 0 0 0 5px}
.shop_select ul li.select_li .number_box{ margin: 5px 0 0 0}
.shop_select ul li.select_li .number_box span{ width: 30px; height: 30px; border: 1px solid #d8d8d8;border-radius: 50%; text-align: center; line-height: 30px; float: left; color: #a9a9a9;font-weight: bold}
.shop_select ul li.select_li .number_box input{width:60px;height: 30px; border: 1px solid #d8d8d8; float: left;border-radius: 4px; margin: 0 10px; background: #fff;text-align: center;font-size: 1rem;font-family: Arial;color: #333;}
.main .title {border-bottom: 1px solid #e9e8e8; height: 50px; line-height: 50px; padding: 0 15px;background: #fff; color: #333}
.pay_style{ clear: both; margin: 10px 0 25px 0; overflow: hidden}
.pay_style li { width: 25%; float: left; text-align: center;font-size: 0.8rem}
.pay_style li i {font-size: 2.5rem!important; display: block}
.pay_style li i:before{height: 60px;}
.icon-huodaofukuan{ color: #f4ea2a}
.icon-zhifubao{color: #009fe8}
.icon-weixin1{ color: #0ab70e}
.xy_zhifu {height:60px;}
.xy_zhifu img{width: 40px; margin: 10px auto 0 auto}
.evaluate_box{clear: both;}
.icon-11{color: #e33a9f}
.content_search
{   margin: auto;
    padding:20px 20px;
    border-bottom:1px solid #e9e8e8;
    width: 95%; 
    font-size:0.95rem;
   
}
    .content_search form
    {
        display:inline
    }
.content_search_word
{    border: 1px solid #c5c5c5;
     padding: 0 0 0 4px;
    border-radius: 4px;
    height: 2.2rem;
    font-size:0.95rem;
    width:35%
}
 
.content_search input[type="submit"],.content_search input[type="search"]
{
  border-radius: 4px;  border:1px solid #e33a9f;color:#e33a9f; background:none;     padding: 6px 8px;
    margin-left: 5px; margin-right: 4px;
}
.content_search input[type="reset"]
{
    font-size:1rem;background:none;border:none; margin-left: 4px; margin-right: 4px;
}
.productColors
{
    padding:0px 10px;
}
.colortip
{
    text-align: left;color: #909090;font-size:0.85rem;padding:10px 10px;
}
#productbox{ }
#ArticleList0{ }
.detailpanel {padding-bottom:40px; top:0;left:0;z-index:0;background:#fff;  }
.detailpanel img{max-width: 100%;}
#productbox .on{display:block;}
#productbox .off{display:none;}
.videodiv{     z-index: 9999;
    width: 95%;
    padding: 10px 20px;
    text-align: center;
    margin: auto;}
    .videodiv video
    {
        width: 100%;
    }
.evaluate_box ul {border-bottom: 1px dashed #d8d8d8;padding: 15px }
.evaluate_box ul li {}
.evaluate_box ul li p{ clear: both; overflow: hidden}
.evaluate_box ul li p i {float: left;margin-top: -5px}
.evaluate_box ul li p span{float: right; color: #797979; font-size: 0.9rem;line-height: 100%}
.evaluate_box ul li .data{text-align: right;font-size: 0.8rem;color: #bebebe;padding: 5px 0 0 0}
.evaluate_box ul li.evaluate_font{ color: #797979; font-size: 0.9rem; line-height: 150%;padding: 10px 0 0 0;word-break:break-all;}
.evaluate_box .replyText{padding: 10px 0px 0px;color: #c86829;}
.evaluate_more{text-align: center;font-size: 1rem; padding: 15px 0}
.img_width{padding: 10px 0}
.img_width img{width: 100%}
.pro_illustrate{padding: 15px;}
.pro_illustrate hr{margin: 10px auto;border-left:none;border-right:none;border-bottom:none;border-top: 1px solid #d9d9d9;}
.pro_illustrate img{max-width: 100%}
.pro_illustrate .bt{ font-size: 1rem;padding: 0 15px 10px 15px;}
.pro_illustrate .font1 {font-size: 0.9rem; padding: 0 15px; line-height: 150%}
.pro_illustrate .font2{ padding: 15px;font-size: 0.9rem; color: #797979; line-height: 170%}
#paraTable {background:#fafafa;padding:10px 10px;margin-bottom:10px;}
#paraTable .中文,#paraTable .中文名称{font-weight:bold;font-size:1.1rem;color:#333333}
#paraTable .英文,#paraTable .英文名称{color:#666666;font-size:0.85rem;padding:4px 0;}
#paraTable .pbody {margin-top:4px;}
#paraTable .pbody td{padding:6px 0px;}
#paraTable .pbody .para-name{color:#333333}
#paraTable .pbody .para-value{ color:#898989}
#paraTable {background:#fafafa;padding:10px 10px;}
.record_box{ clear: both; padding: 15px 0 30px 0; overflow: hidden}
.record_box li{ float: left;width: 25%; margin: 0 0 25px 6.4%; overflow: hidden}
.record_box li img{ width: 100%;vertical-align: middle;display: block}
.record_box li span.font{font-size: 0.8rem; color: #5c5b5b; height: 36px; overflow: hidden; display: block;margin-top: 8px; line-height: 145%}
.record_box li span.img_box { position: relative; display: block;}
.record_box li i {position: absolute; right: 0;bottom: 0; width: 24px; height: 24px; color: #fff;z-index: 10;font-style: normal;font-size: 0.8rem;text-align: center;line-height: 24px;}
.record_box li i.liu { background: #ff6699}
.record_box li i.tui { background: #ff9933}
.record_box li:nth-child(4){ clear: both}
.pro_bottom_lab{background: #eeecec; height: 50px;position: fixed;left: 0; right: 0; bottom: 0; z-index: 99}
.shop_btn{ background: #e33a9f; color: #fff; float: right; height: 50px; line-height: 50px; padding: 0 15px;}
.pro_top{}
.pro_faq {}
.pro_bottom_lab .left_box{float: left;}
.pro_bottom_lab .left_box a{float:left;height: 20px; display:inline-block; line-height: 20px; border-right: 1px solid #bababa; padding: 0 10px;font-size: 0.9rem; color: #333; margin-top:16px}
.pro_bottom_lab .left_box a:last-child{border: none}
.pro_bottom_lab .left_box a i {margin: 0 5px 0 0;}
.header_height{height: 46px;}
.back_jt{font-size: 1.4rem!important; margin: 10px 2px 0 0; float: left}
.shop_box {clear: both; padding: 15px; border-bottom: 1px solid #e5e4e4; overflow: hidden; position: relative}
.shop_box .pro_img{ float: left; width:25%}
.shop_box .pro_img img{width: 100%}
.shop_box .name{font-size: 0.9rem}
.shop_box .money{font-size: 1rem; color: #e33a9f;}
.shop_box .right_box { margin: 0 20px 0 0; float: right; width:65%}

.pro_number { color: #797979; line-height: 35px;clear: both;overflow: hidden;margin: 5px 0 0 0}
.pro_number span{ float: left; color: #5b5b5b;font-size: 0.8rem}
.pro_number .number_box {margin: 3px 0 0 0}
.pro_number .number_box span{ width: 30px; height: 30px; border: 1px solid #d8d8d8;border-radius: 50%; text-align: center; line-height: 30px; float: left; color: #a9a9a9;font-weight: bold}
.pro_number .number_box span a{color: #a9a9a9;}
.pro_number .number_box span a i {font-size: 0.8rem}
.pro_number .number_box input{width:50px;height: 30px; border: 1px solid #d8d8d8; float: left;border-radius: 4px; margin: 0 10px; background: #fff;text-align: center;font-size: 1rem;font-family: Arial;color: #333;}
.pro_close {position: absolute; top:10px; right:10px;}
.shop_bottom_lab {background: #eeecec; height: 50px; position: fixed; left: 0; right: 0; bottom: 0}
.shop_bottom_lab a{width: 50%; float: right; background: #e33a9f; color: #fff; height: 50px; line-height: 50px;text-align: center}
.shop_bottom_lab span{color: #5b5b5b;padding: 0 0 0 15px; line-height: 50px;}
.shouhuoren {background:url("../images/dz_bg.jpg") no-repeat bottom #ededed;padding: 15px;background-size: contain  }
.shouhuoren .li1 {padding: 0 0 0 24px}
.shouhuoren .li1 .phone{float: right;}
.shouhuoren .li2 { line-height: 250%}
.shouhuoren .li2 i {font-size: 1.5rem;float: left; margin: 12px 0 0 0}
.dingdan_lab_style{padding: 20px 15px 20px 15px}
.dingdan_lab_style a{ display: inline-block; line-height: 30px; padding: 0 15px;font-size: .9rem;border-radius: 4px; color: #797979}
.dingdan_lab_style a.style{color: #e33a9f;border: 1px solid #e33a9f;}
.shop_box .leixing{font-size: 0.8rem; color: #797979; padding:6px 0 4px 0}
.shangpin_sl{text-align: center; color: #e33a9f; font-size: 0.9rem; padding: 15px 0}
.fapiao_bt{padding: 0 15px 5px 15px;font-size: 0.9rem;font-weight: bold;}
.fapiao_ul{padding: 0 15px 15px 15px;font-size: 0.9rem}
.fapiao_ul li { padding-bottom: 5px}
.dingdan_xq{}
.dingdan_xq li {clear: both;border-bottom: 1px solid #d8d8d8; padding: 0 15px; font-size: 0.9rem;height: 50px; line-height: 50px;}
.dingdan_xq li span{float: right; color: #e33a9f}
.youhuijuan_bt{clear: both; height: 50px; line-height: 50px; padding: 0 15px;}
.youhuijuan_bt input{background: none; border: 1px solid #d8d8d8;width: 18px; height: 18px; margin: 0 5px 0 0}
.youhuijuan_select{padding: 0 15px 20px 15px;}
.youhuijuan_select select{width: 100%; height: 40px; background:url("../images/jiantou.png") no-repeat right; border: 1px solid #d8d8d8; font-size: 0.85rem;text-indent: 12px;background-size:25px}
.fapiao_box{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: #e9e8e8; z-index:100;-webkit-overflow-scrolling : touch; overflow: auto}
.float_title{height: 50px; line-height: 50px; background: #fff;text-align: center;position: relative}
.float_title span{font-size: 0.9rem;position: absolute; left:15px}
.fp_bt{padding: 10px 15px}
.zise{color: #e33a9f;}
.fp_bottom_lab { text-align: center; padding: 0 15px;}
.fp_bottom_lab a {display: inline-block; line-height: 50px; height: 50px; width: 48%}
.fp_bottom_lab a.cancel{background: #eeecec; color: #767676; float: left}
.fp_bottom_lab a.sure{background: #e33a9f; color: #fff; float: right}
.fp_list{}
.fp_list li{background: #fff; height: 50px; line-height: 50px; margin: 0 15px 15px 15px}
.fp_list li span{ width: 37%;text-align: right; display: inline-block;font-size: 0.95rem; margin: 0 8px 0 0}
.fp_list li input{width: 58%; height: 48px; border: none; margin: 0;font-size: 0.9rem; float: right}
.dingdan_phone{background: #f1f1f1; padding:30px 0;text-align: center; overflow: hidden}
.dingdan_phone img{ width:30%; margin:0 auto 30px auto}
.dingdan_phone .b1{font-size: 1.3rem; padding-bottom:8px;font-weight: bold}
.dingdan_phone .b3{font-size: 1rem;padding: 5px 0 8px 0}
.dingdan_phone .b3 span{font-size: 1.1rem}
.dingdan_phone .b2{font-size: 1rem;}
.dingdan_pay_style{ clear: both}
.dingdan_pay_style li {clear: both; border-bottom: 1px solid #e5e4e4; height: 60px; line-height: 60px; padding: 0 15px;}
.dingdan_pay_style li i {font-size:2.2rem; float: left; margin: 19px 10px 0 0}
.dingdan_pay_style li i.kuaijie{width: 2.2rem; margin-top:0px;}
.dingdan_pay_style li i.kuaijie img{width: 100% }
.dizhi_btn {border: 1px solid #e33a9f; color: #e33a9f; height: 50px; line-height: 50px;text-align: center; margin: 15px }
.dizhi_list{}
.dizhi_list li {clear: both; border-bottom: 1px solid #e5e4e4; padding: 18px 15px; overflow: hidden}
.dizhi_list li input {background: url("../images/xiaoyuanzhifu.png") no-repeat}
.dizhi_list li .dizhi_xinxi{float: left; width: 75%;}
.dizhi_list li .dizhi_xinxi p {line-height: 24px;}
.dizhi_list li .dizhi_xinxi p span {margin-left:40px;font-size: 0.9rem;}
.dizhi_list li .dizhi_xinxi p.f2 { color: #5d5d5d;font-size: 0.9rem}
.dizhi_list li i{float:right; display: inline-block;font-size: 1.3rem; color: #939393}
.dizhi_list li label{ float: left;color: #e33a9f;display: inline; margin: 8px 8px 0 0}


.regular-radio {
    display: none;
}
.regular-radio + label {
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    background: url("../images/gouxuan2.png") no-repeat center;
    background-size: 30px;
}

.regular-radio:checked + label:after {
    content: ' ';
    width: 30px;
    height: 30px;
    position: absolute;
    background: url("../images/gouxuan1.png") no-repeat center;
    background-size: 30px;
}

.regular-radio:checked + label {
    background:none;
    border: none;
    padding: 0;
    width: 30px;
    height: 30px;
    margin: 8px 8px 0 0
}

.regular-radio + label:active, .regular-radio:checked + label:active {
    width: 30px;
    height: 30px;
}
.dizhi_box{ padding: 15px 0 0 0}
.dz_list {clear: both; overflow: hidden}
.dz_list li{background: #fff; height: 50px; line-height: 50px; margin: 0 15px 15px 15px}
.dz_list li span{ width: 25%;text-align: right; display: inline-block;font-size: 0.95rem; margin: 0 8px 0 0}
.dz_list li input{width:72%; height: 48px; border: none; margin: 0;font-size: 0.9rem; float: right}
.dz_list li select {border: none; width: 70.7%; font-size: 0.9rem;background: url("../images/jiantou.png") no-repeat right;background-size: 25px;}
.dz_list li textarea { width:72%;border: none;font-size: 0.9rem; float: right; margin: 15px 0 0 0;vertical-align: top; height: 70px;}
.zise_btn{background: #e33a9f;text-align: center; height: 50px; line-height: 50px; color: #fff;position: fixed; left: 0; right: 0; bottom: 0}
.dingdan_box .bianhao{border-bottom: 1px solid #e5e4e4;font-size: 0.8rem; margin-bottom: 15px;padding:15px; color: #5d5d5d; line-height:20px;}
.dingdan_box .bianhao span{float: right; color: #a6a6a6;}
.dingdan_box {clear: both; overflow: hidden; position: relative}
.dingdan_box .pro_img{ float: left; width:25%}
.dingdan_box .pro_img img{width: 100%;padding-left: 15px}
.dingdan_box .name{font-size: 0.9rem}
.dingdan_box .money{font-size: 1rem; color: #e33a9f;}
.dingdan_box .right_box { margin: 0 15px 0 0; float: right; width:65%}
.btn_bg {background: #e5e4e4; clear: both; overflow: hidden; min-height: 10px;}
.btn_bg a{background: #e33a9f; width: 50%; text-align: center; height: 40px; line-height: 40px; color: #fff; display:block; margin: 15px auto 25px auto;}
.dingdan_box .clear:first-child{border-top: 1px dashed #e5e4e4;}
.dingdan_box .clear {padding: 15px 0; overflow: hidden; clear: both}
.user_title {clear: both; padding: 15px 8px 15px 15px; overflow: hidden}
.user_title span{float: left; display: block; width: 70px; height:70px;}
.user_title span img{width: 100%;border-radius: 50%;}
.user_title div {float: left; margin: 12px 0 0 12px}
.user_title div p{ clear: both; display: block; line-height:25px;}
.user_type{ color:#7d7d7d;font-size: 0.9rem}
.user_title .ziliao {float: right; width: 27%;text-align: right; margin: 22px 0 0 0; height: auto; color: #5d5d5d}
.user_list{clear: both;}
.user_list li {clear: both; height: 50px; border-bottom: 1px solid #e5e4e4; line-height: 50px; padding: 0 8px 0 15px;}
.user_list li a{display: block}
.user_list li i {font-size: 1.4rem;  margin: 0px 10px 0 0}
.user_list li i.i_right{float: right; margin-right: 0; color: #a1a1a1;font-size: 1rem!important;}
.login_bg{background: url("../images/login_bg.jpg") no-repeat center fixed; background-size: cover}
.login_logo{ text-align: center}
.login_logo img{ width: 190px; margin:60px auto 0 auto}
.user_input{width: 80%; margin: 20px auto 0 auto;}
.user_input li {border-bottom: 1px solid #fff; padding: 15px 0 8px 0;margin-top: 10px;}
.user_input li i{ color: #fff; font-size: 1.3rem}
.user_input li input{background: no-repeat; color: #fff; height: 34px;font-size: 1rem; width: 50%; margin: 0 0 0 10px;}
.user_input li input::-webkit-input-placeholder { /* WebKit browsers */
    color: rgba(255,255,255,0.8);
}
.user_input li input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(255,255,255,0.8);
}
.user_input li input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(255,255,255,0.8);
}
.user_input li input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: rgba(255,255,255,0.8);
}
.user_input li .eye_over{ float: right; font-size: 1.5rem; margin:2px 8px 0 0;}
.login_in{background: #f1629b;border-radius: 40px; width: 80%; height: 50px; text-align: center; line-height: 50px; color: #fff; margin: 40px auto 0 auto;font-size: 1.1rem}
.user_bottom{ text-align: center; padding: 70px 0 0 0;}
.user_bottom p { padding: 0 0 20px 0}
.user_bottom p span{ text-align: center; color: #fff; display: inline-block;font-size: 0.8rem; overflow: hidden}
.user_bottom p span.u_1{ width: 33%;}
.user_bottom p span.u_1 a{color: #fff}
.user_bottom p span.u_2{ width: 20%}
.user_bottom p span.u_2 a{color: #fff}
.user_bottom p span.u_3{ width: 24%}
.user_bottom p span.u_3 a{color: #fff}
.user_bottom .dl_style{border-top: 1px solid rgba(255,255,255,0.3); padding: 20px 0 0 0}
.user_bottom .dl_style i {display: block;font-size: 2.3rem; height:56px; width: 56px;  margin: 0 12px 7px 12px; border: 1px solid #fff;border-radius: 50%; line-height:270%}
.user_bottom .dl_style i.qq{line-height: 240%}
.user_input li .huoqu {}
.user_input li .huoqu a {color: #fff; float: right; margin: 12px 5px 0 0}
.bottom_style{width: 80%; margin: 0 auto}
.bottom_style span:first-child{float: left; width: auto!important;}
.bottom_style span:last-child{float: right; width: auto!important;}
.user_bottom .dl_style span a{color: #fff}
#ProductreViewPost{width:100%;font-size:0.85rem;}
#ProductreViewPost .Thumbnail{width:100px}
#ProductreViewPost .leftside td{padding-left:10px;}
#ProductreViewPost .lefttd{width:80px;}
#ProductreViewPost textarea{width:90%;border-radius:4px;}
.kb-i-small-star-5{background-position:0 -340px}
.kb-i-small-star-4{background-position:-17px -340px}
.kb-i-small-star-3{background-position:-34px -340px}
.kb-i-small-star-2{background-position:-51px -340px}
.kb-i-small-star-1{background-position:-68px -340px}
.small-starts{float:left;display:block;overflow:hidden;width:85px;height:15px;background-image:url(//cdn.qtccolor.com/template/2017/images2/quciklgbg.png?v20160707)}
.small-starts small{float:left;display:block;width:17px;text-align:center;text-indent:900px;cursor:pointer}
.impression{margin-top:20px;height:45px}
.impression h4{float:left;margin:0;padding:0;width:80px;color:#666;font-weight:400;font-size:14px;line-height:24px}
.impression .impression-list li{float:left;margin:0 10px 10px 0;white-space:nowrap}
::-moz-selection{background-color:#ff8502;color:#fff}
.impression .tag-item{display:inline-block;padding:3px 7px 4px;border:1px solid #ececec;border-radius:3px;background-color:#ececec;color:#333;text-decoration:none;}
.impression .tag-item:hover{border-color:#c32121;background-color:#fff;color:#c32121}
.impression .tag-item.diy{background-color:#fff}
.impression .impression-list li input{border:none}
.impression .tag-item.selected{border-color:#c32121;background-color:#fff;color:#c32121}
.impression .tag-item span{color:#888;font-size:12px;font-family:Arial,"Microsoft Yahei"}
.impression .selected span{color:#c76b6c}
.register_bg{background: url("../images/register_bg.jpg") no-repeat center fixed; background-size: cover}
.register_btn {background: #a9eafe;border-radius: 40px; width: 80%; height: 50px; text-align: center; line-height: 50px; color: #2c95b6; margin: 40px auto 0 auto;font-size: 1.1rem}
.gray_bg{background: #f0f0f0}

.mima_box{background: #e9e8e8; padding: 15px 15px 0 15px}
.mm_list {clear: both; overflow: hidden}
.mm_list li{background: #fff; height: 50px; line-height: 50px; margin: 0 0 15px 0}
.mm_list li span{ display: inline-block;font-size: 0.95rem; text-indent: 15px; float: left}
.mm_list li input{width:60%; height: 48px; border: none; margin: 0;font-size: 0.9rem; float: left;text-indent: 15px;}
.mm_list li span.yzm{ float: right; width: auto!important; border-left: 1px solid #e9e8e8}
.mm_list li span.yzm img{height: 50px;}
.zise_btn_nofixed{background: #e33a9f;text-align: center; height: 50px; line-height: 50px; color: #fff; margin-top: 30px; display:block;}
.zise_btn_nofixed a{color: #fff}
.w1{width: 95%;}
.pading_2{padding: 0 15px}
.m_auto {margin: 0 auto}
.mar1{ margin-left:15px;margin-right:15px;}
.mima_faq {text-align: center;padding-top: 40px; font-size: 0.9rem; color: #767676}
.mima_faq a { color: #3399cc;}
.mm_list span.hq_yzm{ float: right; background: #d2d2d2; display: block; height: 50px; padding: 0 10px; line-height: 50px; color: #8d8d8d}
.mima_font {padding-bottom: 12px;}
.mm_list .eyes{float: right;}
.mm_list .eyes i {font-size: 1.5rem; color: #9a9a9a; margin: 15px 10px 0 0;}

.chaxun_input input::-webkit-input-placeholder { /* WebKit browsers */
    color: rgba(51,51,51,1);
}
.chaxun_input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(51,51,51,1);
}
.chaxun_input input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(51,51,51,1);
}
.chaxun_input input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: rgba(51,51,51,1);
}
.findhead{background:rgba(240,240,240,1);padding-bottom:30px;border:1px #e5e5e5 solid;}
.colorPlate{margin:0px auto 0 auto;font-weight:700;overflow: hidden;display:none;}
.colorPlate table{border:0px;  text-align: center; margin: auto;    width: 90%;}
.colorPlate td{text-align:center;border:0px;}
.colorPlate span{height:1.6rem;width:95%;line-height:1.6rem;display:inline-block; background:#fff;border:1px solid #d5d5d5;border-radius:4px;text-align:center;font-size:0.75rem;}
.colorPlate option{text-align:center}
.ui-select{text-align:center;position:relative;width: 100%;}
.ui-select select,.colorPlate select{height:2rem;width:95%;position:absolute;left:0px;top:0px; opacity:0;}
.rgbPlate{float:left;padding:4px 0px;width:31.40%;border-right:1px solid #e5e5e5;}
.hsvPlate{float:left;padding:4px 0px;width:28.6%;border-right:1px solid #e5e5e5;}
.cmykPlate{float:left;padding:4px 0px;border-right:0px; width:40%}
.rgbPlate td,.hsvPlate td{width:33%}
.cmykPlate td{width:25%}
#colorpreview{padding: 0 10px;margin: 10px 0 5px;border-radius: 10px; }
#colorpreview .disp{width:100%;height:60px;}
.chaxun_h1{font-size: 1.5rem;text-align: center;font-weight: bold; padding: 30px 0 20px 0}
.chaxun_h2 {font-size: 1rem;text-align: center; color: #575757}
.chaxun_input {width: 80%; margin:20px auto 0 auto;overflow:hidden}
.chaxun_input:after{content:"";clear:both;}
.chaxun_input input{background:#F0F0F0; border: 1px solid #919191; height: 50px;font-size: 1rem;}
.chaxun_input input[type="search"]{border-radius: 30px; width: 70%;text-indent: 15px;float:left}
.chaxun_input input[type="submit"]{border-radius: 30px; width: 25%;text-indent: 0px;float:right }
#findform .target{ width: 80%; max-width: 258px;margin: 14px auto 20px; }

.huisetit
{ background:#f0f0f0; 
}
.block {
    box-shadow: 0px 0px 8px #d0d0d0;
}
.colorRecord {
     padding:15px 0px;overflow:hidden; width:98%;margin:0 auto;
 
}
.colorRecord li {
    float: left;
    width: 25%;
   
 
}

.colorRecord li .block {
     width: 90%;
     text-align:center;
     margin:auto;
    /*height: 8.8125rem;*/
    position: relative;
}
.colorRecord .show-color-image {
     width: 100%;
    margin:auto;
     
}

.colorRecord .ColorCode, .colorRecord .ColorName, .colorRecord .color_valu {
 
     height:1.2rem;
     line-height:1.2rem;
     padding-left:0.4rem;    
     font-size:0.72rem;    
    overflow: hidden;
    text-align:left;
}
.cbproImg{width:6rem;height:6rem;}
 
.colorbook
{
    padding:16px 25px;
   border-bottom:10px solid #e9e8e8;

}
.colorbook:nth-last-child(1)
{
    border-bottom:0px;
}
.colorbook-more
{
    height:2rem;text-align:center;color:#666;font-size:0.95rem;
}
.hotcolor:nth-last-child(1)
{
    border-bottom:0px;padding-bottom:0px;
}
    .colorbook table
    {
        padding-bottom:15px;border-bottom:1px solid #e5e5e5;font-size:0.85rem;width: 100%;
    }
.hotcolor
{
    margin:0.85rem 0;
    padding-bottom:0.85rem ;
    border-bottom:1px solid #e5e5e5;  
    overflow: hidden; 
}

    .hotcolor .color_value
    {
        height:2rem; width:61%;float:left;
    }
        .hotcolor .color_value img
        {height:100%;width:100%;
        }
    .hotcolor .color_box
    {
        width:27%;float:left; margin:0px;font-size:0.75rem;height:1rem;line-height:1rem;padding-left:0.85rem;
    }
    .hotcolor .fav_box
    {
         width:12%;float:left; font-size:0.75rem;color:#ff982a;text-align:center;line-height:0.85rem;
    }
        .hotcolor .fav_box i
        {
            background:url(../images/shoucang_2.png) no-repeat ;width:1rem;height:1rem;background-size:contain;display: inline-block;font-size: 1.2rem;
        }
        .hotcolor .favoritesed i
        {
            background:url(../images/shoucang_1.png) no-repeat ;width:1rem;height:1rem;background-size:contain;display: inline-block;
        }
         .hotcolor .unfavoritese i
        {
            background:url(../images/shoucang_2.png) no-repeat ;width:1rem;height:1rem;background-size:contain;display: inline-block;
        }
.otherbook
{
    padding:15px 0px;overflow:hidden; width:98%;margin:0 auto;font-size:0.85rem;
}
    .otherbook ul
    {
        width:100%
    }
.otherbook li
{
    float:left;width:33.33%;margin-bottom:20px;text-align:center
}
.otherbook li img
{
    width:90%;height:90%;margin:0 auto 10px;
}
    .otherbook li span
    {
        display:block;height:20px;overflow:hidden;padding:0px 10px;
    }
.mainpic {margin-top:44px;}

#topnav_arrow, #pro_nav
{
     top:46px; 
     z-index:1490;  
     height:46px;   
     line-height: 46px;  
     position:fixed; 
     background:#f5f5f5;   
   
    
}
#topnav_arrow
{
    width: 30px;    
    right:0;
    background: -webkit-linear-gradient(left, rgba(245,245,245,0), rgba(245,245,245,1));
    background: -o-linear-gradient(right, rgba(245,245,245,0), rgba(245,245,245,1)); 
    background: -moz-linear-gradient(right, rgba(245,245,245,0), rgba(245,245,245,1)); 
    background: linear-gradient(to right, rgba(245,245,245,0), rgba(245,245,245,1));
}
#topnav
{
     
} 
    #pro_nav {  
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;   
    left:0;    
    border-bottom: 1px solid #e9e8e8;
    }
    #pro_nav ul {
        white-space: nowrap;
    }
    #pro_nav li {
        display: inline-block;
        
    }
   #pro_nav li a{
            text-align: center; 
        background:#f5f5f5;
         letter-spacing: 1px; 
    display: block;
    padding: 0 10px;
    height: 44px;
    color: #666;
    font-size: 0.9rem;
    }
    #pro_nav li img
    {
        width:initial;
        display: none;
    }
 #pro_nav li.active
{ padding: 0 6px;    
  
}
#pro_nav .active  a{
	font-weight:bold;
	color:#e33a9f;
    border-bottom: 1px solid #e33a9f;
}
.bangzhu_bt {background: #92c8fe;background-image:-webkit-linear-gradient(to bottom, #98ccff, #7fbdfa); background-image:linear-gradient(to bottom,#98ccff,#7fbdfa); height: 50px; line-height: 50px; color: #fff; text-align: center;position: relative;margin: 15px;border-radius:10px;}
.bangzhu_bt i {float: left;font-size: 1.5rem; position: absolute; left:15px; top: 14px;}
.bangzhu_ul{ padding: 0 15px 15px 15px;}
.bangzhu_ul li{}
.bangzhu_ul li img{width: 100%}
.null_img {width: 210px; margin: 50px auto 0 auto}
.null_img img {width: 100%}
.null_font{text-align: center; color: #5d5d5d;}
.null_btn{background: #e33a9f;border-radius: 40px; width: 80%; height: 50px; text-align: center; line-height: 50px; color: #fff; margin: 40px auto 0 auto;font-size: 1.1rem}
.lianxi_img {}
.lianxi_img img{width: 100%}
.lx_dizhi {padding: 10px 15px 0 15px;font-size: 0.9rem; color: #5d5d5d; line-height: 180%;}
.lx_btn {color: #f16eb5;border: 1px solid #f16eb5; height: 40px; line-height: 40px; border-radius: 50px; width: 130px; text-align: center;margin: 15px 15px 25px 15px;}
.lx_btn a{color: #f16eb5}
.pinlun_box {background: #fff}
.pinlun_box li {border-bottom: 1px solid #e9e8e8; height: 50px; line-height: 50px; padding:  0 15px; }
.pinlun_box li span i{ font-size: 1.4rem; float: left; display: inline-block; margin:9px 3px 0 0}
.pinlun_box li span {float: left}
.xinxin_gray{ color: #dbdbdb}
.yinxiang_box {clear: both;padding: 15px; overflow: hidden;background: #fff}
.yinxiang_box span{height: 50px; line-height: 50px; float: left;}
.yinxiang_box a { color: #888888; border: 1px solid #cfcfcf;border-radius: 4px; padding: 0 8px; height: 40px; line-height: 40px; display: inline-block;font-size: 0.9rem;float: left; margin: 6px 8px 0 0;}
.pj_textarea {}
.pj_textarea textarea {height: 100px; border: none; border-top: 1px solid #e9e8e8; width: 100%; line-height:150%; padding:15px 15px 0 15px;font-size: 1rem}
.pj_btn{}
.pj_btn a {margin-top:12px!important; }

.xinpin_box .bianhao{border-top: 1px solid #e5e4e4;font-size: 0.8rem; padding:15px; color: #848484; line-height:20px;}
.xinpin_box .bianhao span{float: right}
.xinpin_box {clear: both; overflow: hidden; position: relative; border-bottom: 10px solid #e5e4e4}
.xinpin_box .pro_img{ float: left; width:25%; position: relative}
.xinpin_box .pro_img img{width: 100%;padding-left: 15px}
.xinpin_box .pro_img span{position: absolute; width: 60px; right:-10px; top: -10px}
.xinpin_box .name{font-size: 0.9rem}
.xinpin_box .beizhu{font-size: 0.8rem; color: #848484; height: 37px; overflow: hidden}
.xinpin_box .money{font-size: 1rem; color: #e33a9f; }
.xinpin_box .right_box { margin: 0 15px 0 0; float: right; width:65%}
.btn_bg {background: #e5e4e4; clear: both; overflow: hidden; min-height: 10px;}
.btn_bg a{background: #e33a9f; width: 50%; text-align: center; height: 40px; line-height: 40px; color: #fff; display:block; margin: 15px auto 25px auto;}
.xinpin_box .clear {padding: 20px 0 15px 0; overflow: hidden; clear: both}


/*红包*/
.SimpleColorBlock{border-bottom: 1px dashed #d0d0d0;}
.responiveimg {
    width: 100%;
    max-width: 100%;
}
.redpack{height: 120px;width: 90%;margin: 10px auto 10px;text-align: center;font-size: 0.9rem;color: #fff09d;    position: relative;}
.redpack1{background: url(/mobile/template/v3/images/hd/redpack/bg.jpg ) no-repeat 50% 50%;background-size: contain;padding-top: 70px;    margin-bottom: 10px;}
.redpack2{background: url(/mobile/template/v3/images/hd/redpack/红包.gif ) no-repeat 50% 50%;background-size: contain;padding-top: 40px;}
.redpack .rp-amount{font-size: 1.4rem;margin-bottom: 30px;}
.redpack .rp-gz{font-size:0.70rem;color:#fcf5ce}
.redcode{position: absolute;right: 0px;bottom: 6px;width: 100%;display:none;}
.redopen
{
animation:myfirst 0.5s;
-moz-animation:myfirst 0.5s;
-webkit-animation:myfirst 0.5s;
-o-animation:myfirst 0.5s;
}
@keyframes myfirst
{
from {width:1%;height:0px;}
to {width:90%;height:120px;}
}

@-moz-keyframes myfirst /* Firefox */
{
from {width:1%;height:0px;}
to {width:90%;height:120px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {width:1%;height:0px;}
to {width:90%;height:120px;}
}

@-o-keyframes myfirst /* Opera */
{
from {width:1%;height:0px;}
to {width:90%;height:120px;}
}
/*/红包*/
/*购物车送礼品*/
.zengpininco{position: absolute;border: 0px;left: 14px;top: 16px;height: 40px;background: url(/mobile/template/v3/images/zengpin2.png) no-repeat;background-size: contain;}
.selectGiftBlock{left:30%;bottom:10px;width:400px; }
.selectGiftBlock .giftblock{float:left;margin-right:10px;width:38px;cursor:pointer;position:relative;border:1px solid #efefef; }
.selectGiftBlock .giftblock img{width:100%;}
.selectGiftBlock .giftblock.cur i{background: url(../images/phone_on2.png) no-repeat;background-size:cover;width: 100%;height: 100%;position: absolute;left: 0px;}
.giftblock_selectLists{padding:10px 0px;}
.giftblock_selectList{line-height:26px;padding: 8px 10px 8px 10px;font-size:12px;cursor:pointer;}
.giftblock_selectList:hover{background:#e5e5e5;color:#b04b87}
.giftblock_selectList.cur{color:#b04b87}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
    body{font-size: 0.8rem}
    .pro_bottom_lab .left_box a {font-size: 0.5rem;padding: 0 10px;}
    .fp_list li span,.xinpin_box .name {font-size: 0.8rem!important;}
    .xinpin_box .beizhu{font-size: 0.7rem; height: 35px; overflow: hidden}
    .pro_side_left ul li {font-size: 0.7rem; padding-left: 10px;}
    .shaixuan {font-size: 0.7rem; }
    .pro_side_right ul li,.xinpin_box .bianhao,.pro_search .pro_styleinput,.user_bottom p span,.pro_h2,.evaluate_box ul li .data{font-size: 0.7rem}
    .pro_search {margin-left: 15px;}
    .shop_select ul li.select_li a,.right_bar select,.right_bar span.style_color,.color_box li,.dingdan_box .bianhao{font-size: 0.7rem}
    .shop_select ul li.select_li .number_box span {width: 28px; height: 28px; line-height: 28px}
    .shop_select ul li.select_li .number_box input { height: 28px;}
    .evaluate_box ul li.evaluate_font,.evaluate_box ul li p span,.pro_illustrate .font1,.pro_illustrate .font2,.dizhi_list li .dizhi_xinxi p.f2,.dizhi_list li .dizhi_xinxi p span,.shop_box .name,.lx_dizhi,.dingdan_box .name,.yinxiang_box a,.dz_list li input,.dz_list li select,.index_bottom_menu li,.dingdan_lab_style a,.fapiao_ul,.shangpin_sl,.youhuijuan_select select,.mm_list li input{font-size: 0.8rem}
    .evaluate_more,.pro_illustrate .bt,.user_input li input,.pro_name,.shop_box .money,.dingdan_box .money,.pj_textarea textarea,.xinpin_box .money{font-size: 0.9rem}
    .record_box li span.font {font-size: 0.7rem; height: 34px;}
    .login_in,.dingdan_phone .b1,.null_btn,.register_btn{font-size: 1rem}
    .user_bottom .dl_style i {margin: 0 12px 5px 12px;height: 50px;width: 50px; line-height: 300%;font-size:1.8rem}
    .user_bottom .dl_style i.qq {line-height: 270%}
    .dingdan_phone .b2,.dz_list li span,.mm_list li span {font-size: 0.85rem}
    .pro_number .number_box span{width: 28px; height: 28px; line-height: 26px;}
    .pro_number .number_box input {height: 28px;}
    .pro_number .number_box{margin-top: 8px;}
    .pro_number .number_box span i {font-size: 0.7rem}
    /*.shop_box .name {height:37px; overflow: hidden}*/
    .pinlun_box li span i,.user_list li i{font-size: 1.2rem}
    .fo_contant div span i {font-size: 1.5rem}
    .fo_contant div span{width: 90px;}
    .m_i {font-size: 1.6rem!important;top: 0.55rem;}
    .y_i{font-size: 1.3rem!important;top: 0.75rem;}
    .second-level_menu .menu2 li {width:55px;}
    .sousuo_btn{padding: 0 10px;}
}

.translate{background: #fff;-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0);
    transition-property:all;
    -moz-transition-property:all;
    -webkit-transition-property:all;
    -o-transition-property:all;
    transition-duration:0.5s;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;}


.sousuo {width:85%;margin: 0 auto;position: relative}
.sousuo .pro_styleinput{ height:40px; border-radius:20px; text-indent:45px;background:#f0eeee; width:100%;font-size:1rem}
.suosou_ul {clear: both}
.suosou_ul li {clear: both;margin: 0 15px;border-bottom: 1px solid #eaeaea; padding: 15px 0; overflow: hidden}
.suosou_ul li .img_box {width: 25%;float: left;}
.suosou_ul li .img_box img{ width: 100%;}
.suosou_ul li .cp_name {float: left;font-size: 0.9rem; width: 70%;margin-left: 5%; margin-top: 1%; line-height: 180%}
.suosou_ul li i{font-size: 1rem; color: #e33a9f; font-weight: bold; font-style: normal; display: block}


.yhj-regular-checkbox {
    display: none;
}
.yhj-regular-checkbox + label {
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    background: url("../images/gouxuan2.png") no-repeat center;
    background-size: 30px;
}

.yhj-regular-checkbox:checked + label:after {
    content: ' ';
    width: 30px;
    height: 30px;
    position: absolute;
    background: url("../images/gouxuan1.png") no-repeat center;
    background-size: 30px;
}

.yhj-regular-checkbox:checked + label {
    background:none;
    border: none;
    padding: 0;
    width: 30px;
    height: 30px;
    margin: 0
}

.yhj-regular-checkbox + label:active, .yhj-regular-checkbox:checked + label:active {
    width: 30px;
    height: 30px;
}
.yhj-holder{float: left; height: 28px; margin: 9px 0 0 0;}
.huodao_font{line-height: 170%;  padding:15px; font-size: 0.9rem}
.pz_btn {padding: 0 15px 15px 15px;text-align: center; overflow: hidden}
.pz_btn a {background: #e33a9f; height: 50px; color: #fff; display: block; line-height: 50px;}
.shangchuan_box {background: #fff;padding: 20px 0; clear: both; overflow: hidden; margin: 0 15px;}
.shangchuan_box .camera {float: left; text-align: center; margin-left: 15%;}
.shangchuan_box .camera img{width:70px;}
.shangchuan_box .camera i{clear: both; display: block;border: 1px solid #c5c5c5; font-style: normal; border-radius: 20px;font-size: 0.7rem; margin: 8px 0 0 0; height: 24px; line-height: 22px;}
.shangchuan_box .sl_img_box {float: right; margin-right: 15%}
.shangchuan_box .sl_img_box img{width: 105px;}
.gray_btn {background:#d5d5d5;color: #8b8b8b}
.cx_shuoming { clear: both; color: #5c5b5b;font-size: 0.9rem; padding:15px; border-bottom: 1px dashed #d0d0d0;}
.cx_shuoming span{color: #333;}
.ColorBlockList {padding: 15px 15px 10px 15px;}
.ColorBlockList .color_value{ height: 60px; overflow: hidden;text-align: center}
.ColorBlockList .color_value img{width:auto;}
.ColorBlockList .color_box {text-align: center}
.seka_box{clear: both; padding-bottom: 10px; overflow: hidden}
.seka_box ul{ padding: 10px 0 0 0}
.seka_box ul li{ float: left;width: 18%; text-align: center; margin:10px 3% 0 3%;}
.seka_box ul li img{width: 100%}
.seka_box ul li span{display: block; margin-top: 8px;font-size: 0.8rem; height: 35px; overflow: hidden}
.margin_bottom{margin-bottom: 10px}
.sousuo_list {clear: both;}
.sousuo_list li { padding: 15px; clear: both;border-bottom: 1px solid #eaeaea; overflow: hidden}
.sousuo_list li img{float: left; width: 25%}
.sousuo_list li span{float: right; width: 70%; display: inline-block;}
.sousuo_list li span i {font-style: normal; display: block}
.sousuo_list li span i.list_name {font-size: 0.9rem}
.sousuo_list li span i.zise {font-size: 1rem}

.chanpin_list {clear: both;}
.chanpin_list p { padding: 15px 15px 15px 0; clear: both;border-bottom: 1px solid #eaeaea; overflow: hidden}
.chanpin_list p img{float: left; width: 25%}
.chanpin_list p span{float: right; width: 70%; display: inline-block;}
.chanpin_list p span i {font-style: normal; display: block}
.chanpin_list p span i.list_name {font-size: 0.9rem; height: 40px; overflow: hidden; line-height: 140%}
.chanpin_list p span i.salesvolume{font-size: 0.8rem; color: #989898 }
.chanpin_list p span i.xinghao{font-size: 0.8rem; color: #787878;display:none}
.chanpin_list p span i.zise {font-size: 1rem}
.swiper-container2{overflow: hidden;}

.xinwen_list {clear: both;}
.xinwen_list li { padding: 15px; clear: both;border-bottom: 1px solid #eaeaea; overflow: hidden}
.xinwen_list li img{float: left; width: 25%}
.xinwen_list li span{float: right; width: 70%; display: inline-block;}
.xinwen_list li span i {font-style: normal; display: block}
.xinwen_list li span i.list_name {font-size: 0.9rem}
.xinwen_list li span i.info {font-size: 0.8rem; color:#666}

.mulu_list {clear: both;}
.mulu_list li { padding: 15px; clear: both;border-bottom: 1px solid #eaeaea; overflow: hidden}
.mulu_list li img{float: left; width:18%}
.mulu_list li span{float: right; width: 75%; display: inline-block;}
.mulu_list li span i {font-style: normal; display: block}
.mulu_list li span i.list_name {font-size: 0.9rem; margin: 10px 0 0 0}
.tuichu{text-align: center; height: 50px; line-height: 50px;}
.tuichu a{ color: #767676; display: block}
.zhuangtai{ clear: both; color: dimgray; text-align: center; padding: 0px 0 20px 0;font-size: 0.9rem}
.translateMenu{width:80%;}
.kucun_input{border: 1px solid #d8d8d8; height: 35px; width: 60px;text-align: center;font-size: 1rem;color: #333; border-radius: 4px; margin-right: 10px; float: left}
.yuding_btn {background: #fc89c8; color: #fff; height: 35px; line-height: 35px; padding:  0 10px;border-radius: 4px; float: left;margin-right: 10px;font-size:0.9rem}
.kc_btn_box{font-size: 0.8rem; line-height: 35px;}
.bg_none{background:none!important;}
.help_box{position: fixed; bottom:0;left: 0; right:0;background: rgba(255,255,255,0.95); padding: 25px 0 15px 20px; z-index:301;overflow-y: auto;-webkit-overflow-scrolling : touch; height:280px;}
.help_box li{ height:30px; line-height:30px;font-size: 0.8rem; float: left; width: 50%}
.help_box li a{display: block}
.help_box li a.style { color:#e33a9f }
.ih{background: rgba(0,0,0,0.5);position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index:300}
.over_jiantou {background: rgba(74,74,74,1);width:50px; height:50px; line-height: 53px; position: fixed; bottom:260px; right:10px;z-index: 303;  border-radius:50%;text-align: center}
.over_jiantou i{font-size: 1.5rem;}
.over_jiantou a{display: block; height: 100%;color: #fff;}
.help2_ul{clear: both;padding:0 15px}
.help2_ul .bt {clear: both; font-weight: bold;font-size:1rem;border-bottom: 1px solid #e9e8e8; line-height: 150%; color: #333; padding: 15px}
.help2_ul .bt i {margin-right: 10px; color: #767676}
.zhengwen { padding:15px;}
.zhengwen h2 {font-size: 0.9rem;padding-bottom: 8px;}
.zhengwen p {font-size: 0.8rem; line-height: 180%}
.zw_img {max-width: 100%;}
.help_lianxi{padding:0 0 15px 0;}
.help_lianxi img{width: 100%; border-radius: 3px}
.help_lianxi a{display: block}
.help_phone{background: #eeeeee; clear: both; padding: 15px;}
.help_phone span{font-size: 0.8rem; color: #7b7b7b}
.help_phone p.biaoti{padding: 10px 0 0 0;}
.red{color: red;}
.help_phone .inputbox {clear: both; overflow: hidden; padding: 15px 0}
.help_phone .inputbox input{ width: 60%; float: left; height: 40px;background: #fff; border-radius: 5px; text-indent: 10px;font-size:1rem}
.help_phone .inputbox button{ width: 35%; float: right;height: 40px;background: #5a9def;border: none; border-radius: 5px;color: #fff;font-size: 1rem}
.chanpin_xiajia {padding: 0 15px 10px 15px; font-size: 0.9rem;font-weight: bold}
.mobilecontent{padding: 15px;}
.shuliang{float: right;color: #999;font-size: 0.9rem}
.shuliang small{font-size: 0.6rem;padding-right: 2px;}
.footer_style{font-size: 0.9rem; text-align: center; height: 50px; padding-bottom: 18px; border-bottom: 1px solid #eaeaea;}
.footer_style span{ display:inline-block; margin: 0 20px; color: #707070}
.footer_style span a { color: #707070; display: block}
.footer_style i {margin:8px 3px 0 0; font-size: 1.2rem}
.footer_style i.conputer{ margin-top:12px}
.checkout_gift{padding-left:15px;color:#444;font-size:0.9rem;}
.checkout_gift input{-webkit-appearance:checkbox;border: none;vertical-align: middle;}
.checkout_gift dt{float: left;    margin-right: 10px;}
.kb-comt-imgs {    margin-top: 4px;}
.kb-comt-imgs img {    width: 40px;    height: 40px;    cursor: pointer;}
.backBox{display:none;background:rgba(0,0,0,.8) none repeat scroll 0 0;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2000}
.backBox .text{ position:absolute;right:2rem;top:14rem;width:15rem}
.backBox .arrow{height:13.25rem;position:absolute;right:1rem;top:0;width:3.5rem}
video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}

#Abountcontent .partner{}
#Abountcontent .partner h3{color:#333333;padding:14px;text-align:left;border-bottom:1px solid #e2e2e2; font-weight:400;font-size:0.95rem;margin:0px 0 30px 0;}
#Abountcontent .partner ul{margin:0;padding:0px 10px;}
#Abountcontent .partner li{float:left;width:33%; padding:0px 5px; margin-bottom:1rem;text-align:left;font-size:0.75rem;}
#Abountcontent .partner li img{padding:0px 0px; border:1px solid #eae8e9;width:100%;}
#Abountcontent .partner li span{display:block;text-align:center;margin-top:6px;}
#Abountcontent .partner .second_partner{border-top:1px solid #e2e2e2;padding:30px 0px 10px 0;margin:20px 15px 0px 15px}





