*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.clear {line-height:0;height: 0;font-size: 0;clear:both; zoom: 1;}
a{ color:#333}
a:hover{ color:#f4bb64}
img{max-width:100%}

button{ cursor:pointer}
body{min-width:1280px;max-width:1920px; margin:0 auto; font-size:14px;background:#f0f0f0;height: auto;}
.header{width: 100%;height: 100px;background: #fff; box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.15);position: fixed;top: 0;left: 0;z-index: 10000000;padding:0 40px;min-width: 1280px}
.header_layer{width: 100%;height: 100px;display: block;}
.header .nav{float: left;}
.header .nav ul li{float: left;font-size: 18px;line-height: 100px;padding: 0 20px}
.header .nav a{display: block;color: #888;}
.header .nav a:hover{ color:#f4bb64}
.header .nav .active{ color:#f4bb64}
.header .logo{width:150px;height: 100px;text-align: center;position: absolute;top: 0;left: 50%;margin-left:-75px;padding: 19px}
.header .logo img{width:112px;height: 62px}
.header_R{float: right;}
.header_R .data{float: left;padding-left: 60px;line-height: 100px;font-size: 16px}
.header_R .lang ul li{float: left;line-height: 100px;font-size: 18px;}
.header_R .lang ul li{padding: 0 2px}
.header_R .lang ul li a.active{color:#f4bb64 }
.header_R .ind_user .img{float: left;padding: 35px 0;padding-right: 10px}
.header_R .ind_user .img img{width: 30px;height: 30px; border-radius: 100%}
.header_R .ind_user .name{float: left;}
.header_R .shopping_cart .img{float: left;padding: 35px 0;padding-right: 10px}
.header_R .shopping_cart .img img{width: 30px;height: 30px}
.header_R .shopping_cart .name{float: left;}
.code{width: 130px;height: 48px;float: right}
.ind_user:hover .user_card{display: block}
.user_card{ width:180px;background:#fff;box-shadow:0 0 20px 3px #e1e1e1; position:absolute; top:100px; right:0; z-index:1000; display:none;padding: 10px 0;}
.user_card dl dd{ width:100%;height: 48px;line-height: 48px;text-align: center;border-bottom: 1px solid #E5E5E5}
.user_card .out{width: 120px;height: 38px;margin: 30px auto 10px auto;color: #fff;line-height: 38px;text-align: center;}
.user_card .out a{color: #fa9c16;display: inline-block;padding-left:32px;background: url("../images/out.png") left no-repeat;background-size:28px}
/*安全设置*/
.Personal_Center{ width:1200px; margin:40px auto}
.Personal_Center_L{ width:220px; float:left; text-align:center; margin-right:20px}
.Personal_Center_L_top{ background:#fff; width:100%; padding:40px 20px; height:200px; margin-bottom:20px}
.Personal_Center_L_top .img img{ width:80px; height:80px; border-radius:100%}
.Personal_Center_L_top .name{ font-size:16px; line-height:36px; color:#333}
.Personal_Center_L_nav{ background:#fff; padding-bottom:40px; min-height:800px}
.Personal_Center_L_nav ul li{ width:100%;line-height:48px; font-size:18px;border-bottom:1px solid #f2f2f2;}
.Personal_Center_L_nav ul li.active>a{color:#020202}
.Personal_Center_L_nav ul li.on i{ position:absolute; width:10px; height:18px; display:block; background:url(../images/index/index_04.png) center center no-repeat; background-size:9px 15px; top:50%; margin-top:-9px; right:20px}
.Personal_Center_L_nav ul li a{ display:block; color:#666; padding-right:60px;position:relative}
.Personal_Center_L_nav a:hover,.Personal_Center_L_nav ul li.ons a{ color:#020202}
.Personal_Center_L_nav ul li dl{ width:100%; display:none}
.Personal_Center_L_nav ul li.on.active dl{ display:block}
.Personal_Center_L_nav ul li dl dd{ line-height:48px; height:48px;}
.Personal_Center_L_nav ul li dl dd a{ display:block; padding:0; color:#888}
.Personal_Center_L_nav ul li dl dd a:hover,.Personal_Center_L_nav ul li dl dd.active a{color:#fff;background: #020202}

.Personal_Center_R{ width:960px; float:left; min-height:1020px; background:#fff}
.Personal_position{ height:70px; line-height:70px; font-size:16px; color:#666; padding:0 30px; border-bottom:1px solid #f2f2f2}
.Personal_Center_R_content{ padding:60px 50px}
.Personal_Center_R_content .data{ width:100%; margin-bottom:30px; float:left;}
.Personal_Center_R_content .data label{ min-width:120px; padding-right:20px; min-height:48px; font-size:16px;display:block; line-height:48px; text-align:right; float:left; color:#333}
.Personal_Center_R_content .data input{ width:280px; height:48px; line-height:48px; padding:0 10px; border:1px solid #e5e5e5; font-size:16px}
.Personal_Center_R_content .data .submit{ width:120px; height:48px; text-align:center; color:#fff; font-size:18px; border:0; background:#020202; border-radius:5px; cursor:pointer}
.footer{width: 100%;height: 60px; line-height: 60px;color: #b3b3b3;padding: 0 60px;background: #1c1c1c}

/*修改手机*/
.Personal_Center_R_content .data input.yzm{ width:160px; margin-right:5px;}
.Personal_Center_R_content .data .hqyzm{ width:115px; height:48px; text-align:center; color:#fff; font-size:16px; border:0; background:#f4bb64; border-radius:5px;cursor:pointer}


/*账户安全*/
.security{ width:100%; height:80px; border:1px solid #f5f5f5; padding:20px; line-height:40px;}
.security .title{ float:left}
.security .progress{ width:250px; height:20px; border-radius:30px; background:#f0f0f0; float:left; margin:10px; position:relative}
.security .progress i{ height:20px; border-radius:30px; background:#84d31e; position:absolute; left:0; top:0; display:block}
.security .level{ float:left; color:#020202}
.security .etitle{ margin-left:60px; float:left}

.security_list ul li{ padding:50px 0; border-bottom:1px dotted #eee; width:100%; float:left}
.security_list ul li .img{ float:left; padding:0 25px}
.security_list ul li .title{ font-size:16px; line-height:48px; padding:0 25px; border-right:1px solid #dcdbdb; float:left; color:#333}
.security_list ul li .content{ width:520px; padding:0 20px; float:left; font-size:14px; line-height:24px}
.security_list ul li .content a{ display:table-cell; text-align:left; width:480px; height:48px; vertical-align:middle; color:#666}
.security_list ul li .operation{ float:right; height:48px; line-height:48px; min-width:100px; font-size:16px; text-align:center}
.security_list ul li .operation a{ color:#f4bb64}

/*登录*/
.login{ width:100%; height:800px; background:url(../images/login_04.jpg) left top no-repeat;}
.login_list{ width:1200px; margin:0 auto; height:100%; position:relative;}
.login_content{ width:386px; position:absolute; z-index:100; right:0; top:50%; margin-top:-255px}
.login_content_top{ width:100%; height:48px; line-height:48px; font-size:16px;}
.login_content_top a{ color:#fff}
.login_content_top .logins{ float:left}
.login_content_top .reg{ float:right}
.Interface{ width:100%; padding:60px 45px;background:rgba(255,255,255,0.5) none repeat scroll !important;filter:Alpha(opacity=50);background:#fff;}
.Interface .data{ width:100%; float:left; margin-bottom:20px}
.Interface .data input{ width:100%;padding:0 10px;background:#fff;height:48px;line-height:48px; font-size:16px}
.operation ul{ height:60px; line-height:60px; width:100%; float:left}
.operation ul li{ float:left; color:14px; line-height:60px; float:left; color:#333}
.operation ul li.on{ float:right}
.operation ul li i{ width:16px; height:16px; margin-top:22px; background:#fff; display:block; float:left; margin-right:8px; cursor:pointer}
.operation ul li i.on{background:#fff url(../images/g.png) center center no-repeat; background-size:16px 16px}
.datas .submit{ width:100%; height:48px; line-height:48px; font-size:16px; text-align:center; color:#fff; background:#020202; border-radius:3px; border:0;}
.third_party{ margin-top:40px; text-align:center}
.third_party .title{ font-size:14px; line-height:30px; height:30px; margin-bottom:20px; color:#fff; position:relative;background: url(../images/login_03.png) center center no-repeat;}
.third_party .title span{ width:100px; margin:0 auto; height:30px; line-height:30px; position:relative; z-index:100;display:block}
.third_party ul li{ display:inline-block; margin:0 10px}

/*定制案例*/
.case{width: 1200px;margin: 0 auto;padding: 60px 0}
.case .titles{text-align: center;}
.case .titles .title{font-size: 40px;line-height: 60px;font-weight: 600;color: #666}
.case .titles .etitle{font-size: 16px;line-height: 24px;color: #999}
.case_list ul{background: #fff;margin: 40px 0}
.case_list ul li{width:386px;height: 460px;position: relative;float: left;margin-right: 20px;margin-bottom:20px;}
.case_list ul li.on{margin-right: 0;}
.case_list ul li .img{display: table-cell;vertical-align: middle;text-align: center;width:386px;height: 460px;}
.case_list ul li .frame{position: absolute;top: 0;left: 0;width:386px;height: 460px;background:rgba(0,0,0,0.4) none repeat scroll !important;filter:Alpha(opacity=40);background:#000;padding: 20px;text-align: center;display: none}
.case_list ul li:hover .frame{display: block;}
.case_list ul li .frame a{width: 346px;height: 420px;display: table-cell;vertical-align: middle;text-align: center;color: #fff;}
.case_list ul li .frame a .contnet{max-width: 346px;max-height: 420px;}
.case_list ul li .frame .title{font-size: 24px;line-height: 48px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.case_list ul li .frame .description{font-size: 16px;line-height: 30px;padding-top: 10px;max-height: 90px;overflow: hidden;}
.case_list ul li .frame .nore{height: 48px;line-height:48px;border:1px solid #fff;font-size: 18px;margin: 0 auto;width: 140px;border-radius: 10px;margin-top: 40px}
.case .page ul{text-align: center;}
.case .page ul li{margin: 0 5px;height: 48px;line-height: 48px;font-size: 16px;color: #fff;background: #bdbdbd;display: inline-block;border-radius: 5px;overflow: hidden;}
.case .page ul li a{padding:0 30px; display: block;}
.case .page ul li:hover a{background: #020202;color: #fff}

/*个人资料*/
.Personal_Center_R_content .data .img{ width:280px; text-align:center; float:left}
.Personal_Center_R_content .data .img img{ width:80px; height:80px; border-radius:100%}
.Choice ul li{ float:left; margin-right:40px; font-size:16px; color:#333; line-height:48px;}
.Choice ul li i{ width:16px; height:16px; display:block; border:1px solid #dbdbdb; float:left; margin-right:8px; margin-top:16px; cursor:pointer}
.Choice ul li i.on{ background:#f2d49b}
.Choice dl dd{ float:left; margin-right:20px}
.Choice dl dd select{ width:100px; height:48px; line-height:48px; text-align:center; padding:0 10px; font-size:16px; color:#666}


/*购物车*/
.Shopping_Cart{ width:1200px; margin:30px auto}
.Shopping_Cart .titles{ font-size:24px; line-height:60px; color:#333}
.cartMain{ background:#fff; padding-top:20px}
.cartMain_hd{ height:48px; line-height:48px; font-size:14px; border-bottom:1px solid #e5e5e5; padding:0 20px}
.cartMain_hd ul li{ float:left; width:160px; text-align:center; color:#333}
.cartMain_hd ul li.list_chk{ width:30px; height:48px; display:block}
.cartMain_hd ul li.list_chk input{width:16px; height:16px}
.cartMain_hd ul li.list_con{ width:520px;}
.cartMain_hd ul li.list_op{ width:100px;}

.cartBox ul{ padding:30px 20px; border-bottom:1px solid #e5e5e5; width:100%; float:left}
.cartBox ul li{ float:left; width:160px; text-align:center; padding:0 10px}
.cartBox ul li.list_chk{ width:30px;}
.cartBox ul li.list_chk input{ margin-top:42px; width:16px; height:16px}
.cartBox ul li.list_con{ width:520px; text-align:left}
.cartBox ul li.list_con .list_img{ width:100px; height:100px; float:left; border:1px solid #e5e5e5;margin: 0 20px}
.cartBox ul li.list_con .list_img a{width:100px; height:100px; display:table-cell; vertical-align:middle; text-align:center}
.cartBox ul li.list_con .list_text{ float:left; margin-left:10px; font-size:14px; line-height:24px;width: 218px;}
.cartBox ul li.list_con .list_text .title{ color:#333; margin-bottom:20px;font-size: 16px;line-height: 24px;font-weight: 600}
.cartBox ul li.list_info select{ height:36px; line-height:36px; width:100%; padding:0 10px; border:1px solid #e5e5e5; background:#fff}
.cartBox ul li.list_price p{ color:#333; font-weight:600; line-height:36px}
.cartBox ul li.list_amount .amount_box{ width:100px; margin:0 auto; line-height:36px}
.cartBox ul li.list_amount .amount_box a{ width:25px; height:36px; line-height:36px; font-size:18px; text-align:center; color:#333; background:#c9c9c9; border:1px solid #e5e5e5; float:left}
.cartBox ul li.list_amount .amount_box input{ width:50px; border:1px solid #e5e5e5; height:36px; line-height:36px; text-align:center; float:left}
.cartBox ul li.list_sum{ font-size:14px; font-weight:600; color:#f4bb64; line-height:36px}
.cartBox ul li.list_op{ line-height:36px;}
.cartBox ul li.list_op{ width:100px;}

.bar-wrapper{ margin-top:60px; height:60px; background:#b6b4b5; padding-left:20px; line-height:60px; color:#fff}
.bar-wrapper .Select{ float:left;}
.bar-wrapper .Select input{ width:16px; height:16px; float:left; margin-right:5px; margin-top:22px}
.bar-wrapper .calBtn{ height:60px; width:180px;float:right}
.bar-wrapper .calBtn a{ display:block;color:#fff;background:#020202;cursor: not-allowed;letter-spacing:5px;text-decoration: none; font-size:18px; text-align:center}
.bar-wrapper .bar-right .calBtn a.btn_sty {background:#020202;cursor: pointer;}

.bar-wrapper .totalMoney,.bar-wrapper .piece{ float:right; margin:0 40px}
.bar-wrapper .totalMoney strong{ font-size:18px; color:#333}
.bar-wrapper .piece_num{color:#fff; margin:0 5px}

.model_bg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.6);z-index:999;display:none; z-index:1000}
.my_model{position:fixed;display:none;top:50%;left:50%;margin-top:-75px;margin-left:-180px;z-index:9999;width:360px;height:150px;border:1px solid #aeaeae;border-radius:3px;padding:20px;background:#fff}
.my_model .title{font-size:14px;color:#3c3c3c;font-weight:700;margin-bottom:20px}
.my_model .title .closeModel{float:right;cursor:pointer}
.my_model p{line-height:16px}
.my_model .opBtn{margin-top:20px; text-align:center}
.my_model .opBtn a{width:58px;height:28px;line-height:28px;text-align:center;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;border-radius:1px;display:inline-block;margin:0 10px;font-weight:700;}
.my_model .dialog-sure{background:#52a0e5;color:#fff;border:1px solid #52a0e5}
.my_model .dialog-close{background:#fff;border:1px solid #d9d9d9;color:#3c3c3c}

.like{ width:1200px; margin:40px auto; margin-bottom:60px;}
.like_top{ width:100%; height:60px; line-height:60px;}
.like_top .title{ float:left; font-weight:600; color:#333;font-size:18px;}
.like_top .title span{ margin-left:10px; font-size:14px; font-weight:200; color:#999}
.like_top .change a{ float:right; padding-left:30px; background:url(../images/sx.png) left center no-repeat; background-size:20px 20px; font-size:16px; display:block}
.like_list{ width:100%; background:#fff; margin-top:10px}
.like_list ul li{ width:25%; float:left; text-align:center; padding:10px}
.like_list ul li .img{ width:250px; height:270px; margin:0 auto}
.like_list ul li .img a{ width:250px; height:270px; display:table-cell; vertical-align:middle; text-align:center}
.like_list ul li .img img{ width:100%; height:100%}
.like_list ul li .title{ padding:0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:14px; line-height:36px;}
.like_list ul li .price{ color:#d80100; line-height:30px; font-size:16px}

/*交易条款*/
.trade{margin: 60px auto;width: 1200px;background: #fff;padding: 30px}
.trade .titles{font-size: 24px;color: #666;line-height: 60px;font-weight: 600}
.trade .title{font-size: 18px;line-height: 30px;margin-top: 30px;margin-bottom:20px; color: #333}
.trade p{font-size: 16px;line-height: 30px;color: #777}

/*联系我们*/
.contact{margin:60px auto;width: 1200px}
.contact_list{background: #fff;padding: 40px;text-align: center;margin-bottom: 60px}
.contact_list .titles{font-size: 34px;color: #333;font-weight: 600;line-height: 48px}
.contact_list .etitles{font-size: 20px;color: #999;line-height: 24px}
.contact_list ul{/*width: 915px;*/width: 1100px;margin: 0 auto; margin-top: 40px;text-align: center;}
.contact_list ul li{/*width: 265px;*/width: 25%;height: 290px;/*margin: 0 20px;*/padding: 0 10px;float: left;}
.contact_list ul li .cont{background: #fcd190;height: 290px;padding: 50px 0;}
.contact_list ul li .title{font-size:24px;font-weight: 600;line-height: 48px;color:#a5895e;margin-top: 20px;margin-bottom:10px;}
.contact_list ul li .etitle{font-size: 16px;line-height: 24px;color:#a5895e;}
.contact_list ul li.on2 .cont{background: #cee87f}
.contact_list ul li.on2 .title{color: #778d56}
.contact_list ul li.on2 .etitle{color: #778d56}
.contact_list ul li.on3 .cont{background: #b3d6fa}
.contact_list ul li.on3 .title{color: #506a85}
.contact_list ul li.on3 .etitle{color: #506a85}

/*品牌故事*/
.brand{width: 1200px;margin: 60px auto}
.brand_desc{margin-bottom: 60px;text-align:center;}
.brand_desc .etitles{font-size: 16px;line-height: 24px;color: #999}
.brand_content{width: 100%;margin-top:40px;}
.brand_content_L{width: 600px;float: left;background: #25282c;color: #8e8e8e;height: 600px;padding: 60px 50px;text-align: left;}
.brand_content_L .frame{margin-bottom: 20px}
.brand_content_L .number{width: 100%;font-size: 40px;color: #fff;}
.brand_content_L hr{width: 50px;float: left;height: 1px;border-top: 1px solid #fff}
.brand_content_L .title{font-size: 46px;line-height: 48px;color: #fff;font-weight: 100}
.brand_content_L .etitle{color: #b5b5b5;font-size: 16px;line-height: 30px}
.brand_content_L .content{font-size: 16px;line-height: 26px;margin-top: 48px}

.brand_culture{background: #fff;padding-top: 60px}
.brand_culture .frame{text-align: center;}
.brand_culture .frame .title{font-size: 50px;line-height: 50px;color: #777}
.brand_culture .frame .etitle{font-size: 18px;line-height: 36px;color: #333}
.brand_culture .img{padding-top: 30px}
.brand_culture .content{padding: 30px;}
.brand_culture .content_L{width: 80px;float: left;text-align: left;}
.brand_culture .content_L .number{width: 100%;font-size: 40px;color: #f4bb64;}
.brand_culture .content_L hr{width: 50px;float: left;height: 1px;border-top: 1px solid #f4bb64}
.brand_culture .content_R{float: left;font-size: 16px;line-height: 26px;width: 1060px;color: #777}

.Idea{background: #fff;padding: 60px 0}
.Idea_list{width: 1200px;margin: 0 auto}
.Idea_list .frame{text-align: center;}
.Idea_list .frame .title{font-size: 50px;line-height: 50px;color: #777}
.Idea_list .frame .etitle{font-size: 18px;line-height: 36px;color: #333}
.Idea_list .content{padding: 30px;}
.Idea_list .content_L{width: 80px;float: left;text-align: left;}
.Idea_list .content_L .number{width: 100%;font-size: 40px;color: #333;}
.Idea_list .content_L hr{width: 50px;float: left;height: 1px;border-top: 1px solid #333}
.Idea_list .content_R{float: left;font-size: 16px;line-height: 26px;width: 1060px;color: #777}

/*收获地址*/
.add_address{ float:right}
.add_address a{ display:block; color:#333}
.address_list_top ul li{ width:20%; text-align:center; float:left; height:60px; line-height:60px; border-bottom:1px solid #e5e5e5; font-size:16px; color:#333}
.address_list_content dl{ width:100%; padding:20px 0; line-height:48px; float:left; font-size:16px; border-bottom:1px solid #e5e5e5}
.address_list_content dl dd{ width:10%; float:inherit; text-align:center; float:left}
.address_list_content dl dd input{ width:20px; height:20px; border:1px solid #e5e5e5; background:#fff; margin:0 auto; margin-top:14px}
.address_list_content dl dt{ width:90%; float:left; text-align:center}
.address_list_content dl dt ul{ width:100%; float:left}
.address_list_content dl dt ul li{ width:172px; float:left; padding:0 10px;/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis*/}
.address_list_content dl dt ul li.on{ width:258px}
.address_list_content .operation{ height:60px; line-height:60px; font-size:16px;}
.address_list_content .operation span{ padding:0 5px}

/*添加收货地址*/
.outer{ float:left}
.outer select{ width:140px; height:48px; line-height:48px; padding:0 10px; font-size:16px; margin-right:10px; border:1px solid #e5e5e5;}

/*首页*/
.video{width: 100%;height: 800px;background: url("../images/index/background.jpg");}
.video-box{width: 60%;height: 777px;text-align: center;position: relative;overflow: hidden;margin: 0 auto;background: url("../images/index/video.jpg") center no-repeat;}
.video-box .box{width: 100%;height: 600px;/*position: absolute;left: 0;top: 20%;*/text-align: center;margin: 88.5px 0;}
.ind_video{width: 100%;vertical-align: middle;text-align: center;}
.video .img{float: left;width: 30%;height: 100%;overflow: hidden;}
.video .img img{display: block;width: 100%;height: 100%;}

/*填写订单*/
.fill_orders{ width:1200px; background:#fff; padding:40px 0; margin:40px auto}
.orders_step ul{ text-align:center; width:100%;}
.orders_step ul li{ width:300px; height:40px; display:inline-block; background:#e2e1e1; font-size:16px; color:#fff; margin:0 1px; line-height:40px}
.orders_step ul li.on{ background:#f2d49b}
.fill_orders .titles{ padding:0 20px; height:48px; line-height:60px; border-bottom:1px solid #e5e5e5; font-size:18px; line-height:48px; margin-top:40px}
.orders_address{ padding:30px 20px; width:100%}
.orders_address .frame{ border:1px solid #e5e5e5}
.orders_address_top{ width:100%; padding:0 20px; height:48px; line-height:48px}
.orders_address_top .title{ float:left; font-size:16px;}
.orders_address_top .adds_address{ float:right; font-size:16px}
.orders_address ul li{ width:100%; float:left; padding:0 20px; line-height:60px; border-top:1px solid #e5e5e5}
.orders_address ul li .data{ width:16.66%; float:left; text-align:center; padding:0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.orders_address ul li .choice{width:6%;}
.orders_address ul li .choice i{ width:16px; height:16px; background:#f5dbaa; border-radius:2px; cursor:pointer; border:1px solid #e5e5e5; display:block; margin-top:22px}
.orders_address ul li .choice i.on{background:#f5dbaa url(../images/g.png) center center no-repeat; background-size:16px 16px}
.orders_address ul li .name{ width:10%; text-align:left}
.orders_address ul li .address,.orders_address ul li .region{ width:23%;}
.orders_address ul li .operation{ width:10%}
.orders_address ul li .operation span{ margin:0 5px}
.orders_address ul li .default{ text-align:right; width:10%; display:block; height:60px}
.orders_address ul li .default a{ display:none}
.orders_address ul li .default.on a,.orders_address ul li .default:hover a{ display:block}

.address_order{ padding:0 20px;}
.address_order .frames{ width:100%; border:1px solid #e5e5e5}
.address_order_top{ width:100%; padding:0 20px; height:48px; line-height:48px; border-bottom:1px solid #e5e5e5}
.address_order_top .title{ float:left; font-size:16px;}
.address_order_content{ padding:20px; padding-bottom:0}
.content_top ul{ width:100%;  height:48px; line-height:48px;color:#fff; background:#b6b4b5; padding:0 20px;font-size: 18px}
.content_top ul li{ width:15%; float:left; text-align:center;}
.content_top ul li.on{ width:40%; text-align:left}

.address_order_content .contents ul li{ width:100%; float:left; padding:20px 0; border-top:1px solid #e5e5e5}
.address_order_content .contents ul li .data{width:15%;; float:left; padding:0 10px; text-align:center}
.address_order_content .contents ul li .data.on{ width:40%;}
.address_order .result{ height:60px; line-height:60px; border-top:1px solid #e5e5e5; text-align:right; padding:0 20px; font-size:16px; color:#333}
.address_order .result span{ color:#d80100; font-size:18px; margin-right:10px; font-weight:600}
.address_order_content .contents ul li{ font-size:16px; line-height:36px}
.address_order_content .contents ul li .content{ color:#333; font-size:14px; line-height:24px;}
.address_order_content .contents ul li .content .img{ float:left; width:140px; height:120px; margin-right:20px; border:1px solid #e5e5e5}
.address_order_content .contents ul li .img a{width:140px; height:120px; text-align:center; display:table-cell; vertical-align:middle}
.address_order_content .contents ul li .img img{ max-height:100%; max-width:100%}
.address_order_content .contents ul li .content .frame{ float:left; width:240px; text-align:left}
.address_order_content .contents ul li .content .title{ font-size:14px; line-height:24px}
.address_order_content .contents ul li .content .frame .desc{ margin-top:10px}
.address_order_content .contents ul li .amount_box{ width:100px; margin:0 auto; line-height:36px}
.address_order_content .contents ul li .amount_box a{ width:25px; height:36px; line-height:36px; font-size:18px; text-align:center; color:#333; background:#c9c9c9; border:1px solid #e5e5e5; float:left}
.address_order_content .contents ul li .amount_box input{ width:50px; border:1px solid #e5e5e5; height:36px; line-height:36px; text-align:center; float:left}

.address_order_content .contents ul li select{ width:100%; font-size:16px; padding:0 10px; height:36px; line-height:36px;}
.address_order_content .contents ul li .personality{ text-align:center; line-height:30px; font-size:14px; color:#666}
.address_order_content .contents ul li .personality input{ width:100%; background:#fdf3df; padding:0 10px; border:1px solid #e5e5e5; border-radius:5px}
.address_order_content .contents ul li .total{ color:#d80100}

.settlement{ padding:30px 20px; padding-bottom:0}
.settlement .frame{ width:100%; border:1px solid #e5e5e5}
.settlement_top{ width:100%; padding:0 20px; height:48px; line-height:48px; border-bottom:1px solid #e5e5e5}
.settlement_top .title{ float:left; font-size:16px;}
.settlement_content{ padding:40px 0; padding-bottom:10px}
.settlement_content_L{ float:left; width:500px; padding:0 50px}
.settlement_content_L  ul li{ width:100%; float:left; font-size:16px; line-height:36px; color:#333; margin-bottom:20px}
.settlement_content_L  ul li label{ margin-right:10px}
.settlement_content_L  ul li input{ width:200px; height:36px; border-radius:5px; background:#f8f8f8; border:1px solid #e5e5e5; margin-right:10px}
.settlement_content_L  ul li button{ width:80px;text-align:center; height:36px; line-height:36px; font-size:16px; color:#fff; background:#020202; border:0;border-radius:5px}
.settlement_content_L  ul li textarea{ width:380px; border:1px solid #e5e5e5; height:140px; padding:10px; font-size:14px; line-height:24px; resize:none}

.settlement_content_R{ float:right; text-align:right; padding:0 20px; font-size:16px; line-height:36px; color:#333}
.settlement_content_R span{ color:#d80100}
.settlement_content_R button{ width:120px; text-align:center; height:48px; line-height:48px; font-size:18px; color:#fff; background:#020202; border:0; margin-top:20px; border-radius:5px}

/*完成订单*/
.order_complete{ padding:30px 20px; margin-top:30px}
.order_complete .content{ border:1px solid #e5e5e5; padding:20px; width:100%; font-size:14px; line-height:30px; color:#333}
.order_complete .content .title{ font-size:16px; line-height:36px; padding-left:30px; background:url(../images/dingdan_03.jpg) left center no-repeat}
.order_complete .content span{ color:#d80100}

.payment{ padding:20px; padding-top:0}
.payment .frame{ border:1px solid #e5e5e5}
.payment_top{ height:48px; line-height:48px; padding:0 20px; font-size:16px; border-bottom:1px solid #e5e5e5}
.payment_content{ padding:30px 20px}
.payment_content ul li{ float:left; margin-right:60px}
.payment_content ul li .img{ float:left; width:160px; height:48px}
.payment_content ul li i{ width:16px; height:16px; display:block; border:1px solid #e5e5e5; float:left; margin-right:20px; margin-top:16px; cursor:pointer}
.payment_content ul li i.on{background:url(../images/g.png) center center no-repeat; background-size:16px 16px}
.payment_content .submit{ width:120px; text-align:center; height:40px; line-height:40px; font-size:18px; color:#fff; background:#020202; border:0; margin-top:20px; border-radius:5px; margin-top:40px; margin-left:30px}

.information{ padding:20px; padding-bottom:0; font-size:14px; line-height:30px; color:#333;}
.prompt{ padding:30px 20px; font-size:14px; line-height:30px; color:#333;border-top:1px solid #e5e5e5; margin-top:20px}
.prompt .title{ font-size:16px; line-height:24px; margin-bottom:10px}
.prompt a{ color:#d80100; border-bottom:1px solid #d80100; margin:0 2px}

/*产品列表*/
.pro_list .frames{width: 100%;text-align: center;padding: 40px 0}
.pro_list .frames .titles{font-size: 40px;line-height: 48px;color: #666;font-weight: 600}
.pro_list .frames .etitles{font-size: 16px;line-height: 24px;color: #999}
.pro_list .data{position: relative;}
.pro_list .data .content{position: absolute;text-align: center;top: 50%;right: 10%;margin-top: -90px}
.pro_list .data .content .title{font-size: 34px;line-height:60px;color: #3e5358}
.pro_list .data .content .etitle{color: #3e5358;font-size: 18px;line-height: 30px}
.pro_list .data .content .nore a{width: 160px;height: 60px;line-height: 60px;text-align: center;font-size: 18px;display: block;margin: 0 auto;background: #f2a51b; color:#000;margin-top: 30px;font-weight: 700}
.pro_list .data .click{font-size: 16px;color:#ee1313;position: absolute;right: 10px;bottom: 10px}

.pro_list .data.on2 .content .title{color: #fff}
.pro_list .data.on2 .content .etitle{color: #fff;}
.pro_list .data.on2 .content .nore a{background: #000; color:#f4bb64;margin-top: 30px;border: 1px solid #f4bb64}

.pro_list .data.on3 .content .title{color: #333}
.pro_list .data.on3 .content .etitle{color: #333;}

.pro_list .data.on4 .content .title{color: #599480}
.pro_list .data.on4 .content .etitle{color: #599480;}

/*我的订单*/
.my_order_top ul{ border-bottom:1px solid #e5e5e5}
.my_order_top ul li{ width:16.7%; float:left; font-size:16px; line-height:60px; text-align:center;border-bottom:1px solid #fff}
.my_order_top ul li a{ display:block; color:#333}
.my_order_top ul li.on,.my_order_top ul li:hover{border-bottom:2px solid #fecd6f}
.my_order_content{ width:100%; border:1px solid #e5e5e5; margin:20px 0}
.my_order_content_top ul{ background:#b6b5b5; color:#fff; font-size:16px}
.my_order_content_top ul li{ width:12%; float:left; height:60px; line-height:60px; text-align:center}
.my_order_content_top ul li.on{ width:20%}

.my_order_content .content dl dd{ padding:30px 0; border-top:1px solid #e5e5e5}
.my_order_content .content dl dd ul li{ width:12%; float:left; text-align:center; border-left:1px solid #e5e5e5; height:48px; padding:0 5px}
.my_order_content .content dl dd ul li.on{ width:20%}
.my_order_content .content dl dd ul li.ons{ border:0}
.my_order_content .content dl dd ul li a{/*height:48px;*/ width:91px; text-align:center; vertical-align:middle; display:table-cell; color:#333}
.my_order_content .content dl dd ul li.on a{ width:160px}
.my_order_content .content dl dd ul li.state a{ height:auto; color:#d80100}
.my_order_content .content dl dd ul li.state p.on{ line-height:48px}
.my_order_content .content dl dd ul li.operation a{color:#d80100}

.page{ width:100%;}
.page ul{text-align:center;padding:40px 0;}
.page ul li{display:inline-block;line-height:30px;font-size:14px;border:1px solid #dbdbdb;margin:0 5px; min-width:30px}
.page ul li a{ color:#333;padding:0 10px; display:block}
.page ul li:hover a, .page ul li.on a{color:#fff;}
.page ul li:hover, .page ul li.on{ border:1px solid #020202; color:#fff; background:#020202}

/*订单详情*/
.Order_details .names{ text-align:center; color:#000; width:100%; font-size:20px; margin-bottom:30px}
.Order_process{ margin-bottom:50px}
.Order_process ul li{ float:left; font-size:16px; line-height:36px;color:#bfbfbf;}
.Order_process ul li .numbers{ width:36px; height:36px; line-height:inherit; text-align:center; border-radius:100%; background:#d8d8d8; font-size:18px; color:#fff; float:left}
.Order_process ul li .title{ font-size:16px; padding:0 10px; float:left}
.Order_process ul li span{ margin:0 30px; margin-left:10px; font-size:24px}
.Order_process ul li.on{ color:#fae1b1}
.Order_process ul li.on .numbers{background:#fae1b1;}
.Order_process ul li.ons{ color:#f4c979}
.Order_process ul li.ons .numbers{background:#f4c979;}

.order_logistics .frame{ border:1px solid #e5e5e5}
.order_logistics .frame .titles{ font-size:16px; line-height:48px; font-size:16px; padding:0 10px; border-bottom:1px solid #e5e5e5}
.order_logistics .frame .content{ padding:20px; line-height:30px; font-size:14px}
.order_logistics .frame .express{ height:48px; line-height:48px; font-size:16px; padding:0 20px; background:#eee}
.order_logistics .frame .express span{ margin-right:40px;}

.Order_information{ margin-top:20px}
.Order_information .frame{ border:1px solid #e5e5e5}
.Order_information .frame .titles{ font-size:16px; line-height:48px; font-size:16px; padding:0 10px; border-bottom:1px solid #e5e5e5}
.Order_information .frame .content{ padding:20px; line-height:30px; font-size:14px}
.order_contents{ margin-top:20px}
.order_content{ padding:20px 0; padding-bottom:0}
.order_content .content_top ul{ padding:0}
.order_content .content_top ul li.on{ padding:0 10px}

.order_content .contents ul li{ width:100%; font-size:14px; float:left; padding:20px 0; border-top:1px solid #e5e5e5}
.order_content .contents ul li .data{width:15%;; float:left; padding:0 5px; margin:0; text-align:center}
.order_content .contents ul li .data.on{ width:40%;}
.address_order .result{ height:60px; line-height:60px; border-top:1px solid #e5e5e5; text-align:right; padding:0 20px; font-size:16px; color:#333}
.address_order .result span{ color:#d80100; font-size:18px; margin-right:10px; font-weight:600}
.order_content .contents ul li{ font-size:16px; line-height:36px}
.order_content .contents ul li .content{ color:#333; font-size:14px; line-height:24px;}
.order_content .contents ul li .content .img{ float:left; width:100px; height:100px; margin-right:10px; border:1px solid #e5e5e5}
.order_content .contents ul li .content .img a{width:100px; height:100px; text-align:center; display:table-cell; vertical-align:middle}
.order_content .contents ul li .content .img img{ max-height:100%; max-width:100%}
.order_content .contents ul li .content .frame{ float:left; width:240px; text-align:left}
.order_content .contents ul li .content .title{ font-size:14px; line-height:24px}

.order_content .contents ul li select{ width:100%; font-size:16px; padding:0 10px; height:36px; line-height:36px;}
.order_content .contents ul li .personality{ text-align:center; line-height:30px; font-size:14px; color:#666}
.order_content .contents ul li .personality input{ width:100%; background:#fdf3df; padding:0 10px; border:1px solid #e5e5e5; border-radius:5px}

.Order_details_b{ border-top:1px solid #e5e5e5; padding:20px 0; padding-bottom:0}
.Order_details_b_L{ float:right;; text-align:right; font-size:14px; line-height:36px; color:#333}
.Order_details_b_L span{ min-width:120px; margin-left:60px; display:block; float:right}
.Order_details_b .titles{ height:60px; line-height:60px; border-top:1px solid #e5e5e5}
.Order_details_b .titles span{ font-size:18px; color:#d80100; font-weight:600}

/*找回密码*/
.password{ width:1200px; margin:50px auto; background:#fff}
.password_top{ height:60px; line-height:60px; padding:0 20px; font-size:16px; color:#666; border-bottom:1px solid #e5e5e5}
.password_content{ padding:80px}
.password_content .titles{ font-size:18px; line-height:30px; color:#c0a062; padding-left:30px; background:url(../images/pw.png) left center no-repeat}
.password_content form{ margin-left:30px; padding-top:30px}
.password_content form .etitle{ font-size:14px; line-height:48px; color:#333}
.password_content .data{ margin-bottom:10px; width:100%; float:left}
.password_content .data input{ width:300px; height:48px; padding:0 10px; line-height:48px; border:1px solid #e5e5e5; font-size:14px}
.password_content .data input.yzm{ width:150px;}
.password_content .data .hqyzm{ width:135px; height:48px; line-height:48px; font-size:16px; color:#fff; text-align:center; background:#020202; margin-left:10px; border:1px solid #020202;}
.password_content .data .submit{width:300px;height:48px; line-height:48px; font-size:18px; color:#fff; text-align:center; background:#020202;border:1px solid #020202; margin-top:20px}

/*注册*/
.login_content_top ul li{ float:left; font-size:16px;color: #fff}
.login_content_top ul li.on{ float:right}
.login_content_top ul li.on span{ margin-left:10px}
.login_content_top ul li.on span a{ padding-bottom:1px; border-bottom:1px solid #fff}
.Interface .data .yzm{ width:155px; float:left}
.Interface .data .hqyzm{ width:130px; margin-left:10px; float:left;height:48px; line-height:48px; font-size:16px; text-align:center; color:#fff; background:#d80100; border-radius:3px; border:0;}
.operation ul li .xy{ color:#666; padding-bottom:1px; border-bottom:1px solid #666; cursor:pointer}

.Agreement{ width:100%; height:100%; position:fixed; z-index:1000; top:0; left:0;background:rgba(0,0,0,0.6) none repeat scroll !important;filter:Alpha(opacity=70);background:#000; display:none}
.Agreement_content{ width:1200px; height:600px; position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-300px; background:#fff;}
.Agreement_content .title{ width:100%; height:48px; line-height:48px; font-size:18px; padding:0 20px; color:#333; background:#d5d5d5; position:relative}
.Agreement_content .title i{ height:48px; width:48px; display:block; position:absolute; top:0; right:0; background:url(../images/gb.png) center center no-repeat; background-size:25px 25px; cursor:pointer}
.Agreement_content .content{ width:100%; padding:20px; line-height:30px; height:548px; font-size:16px; overflow:scroll}

/*产品详情*/
.pro_show{ width:1200px; margin:0 auto;}
.position{  width:1200px; margin:0 auto; padding-left:20px; height:48px; line-height:48px; font-size:16px; background:url(../images/pro_show/pro_02.png) left center no-repeat}
.pro_show_top{ width:100%; height:270px; background:#fff; padding:30px 120px}
.pro_show_top ul li{ float:left;}
.pro_show_top ul li .title{ font-size:16px; padding-bottom:20px; line-height:30px}
.pro_show_top ul li .img{ width:100%; position:relative; float:left}
.pro_show_top ul li .img .frame{ width:90px; height:90px; border-radius:100%; background:#eee; text-align:center; padding:10px;}
.pro_show_top ul li .img .frame a{ width:70px; height:70px; border-radius:100%; background:#ccc; display:table-cell; vertical-align:middle; text-align:center; position:relative; z-index:100}
.pro_show_top ul li .img .frame a:hover,.pro_show_top ul li.on .img .frame a{background:#e8c072;}
.pro_show_top ul li .img .frame a img{ max-height:100%; max-width:100%}
.pro_show_top ul li.on1{width:30%; text-align:left}
.pro_show_top ul li.on2{width:40%; text-align:center}
.pro_show_top ul li.on3{width:30%;text-align:right}
.pro_show_top ul li.on1 .img .frame{ float:left}
.pro_show_top ul li.on2 .img .frame{ margin:0 auto}
.pro_show_top ul li.on3 .img .frame{ float:right; margin-right:20px}
.pro_show_top ul li.on3 .title{ padding-right:35px}
.pro_show_top ul li .img i{ width:100%; height:6px; position:absolute; left:0; top:50%; margin-top:-3px; background:#eee}
.pro_show_top ul li.on1 i{ left:20px;}
.pro_show_top ul li.on2 i{ z-index:10}
.pro_show_top ul li.on3 i{ left:auto; right:40px}
.pro_show_top ul li.on i{background:#e8c072;}

.pro_show_top ul li .content{ width:100%; text-align:center; float:left; padding:10px 0; font-size:14px; line-height:24px; display:none}
.pro_show_top ul li .content.on{ display:block}
.pro_show_top ul li.on1 .content{ text-align:left; padding-left:15px}
.pro_show_top ul li.on3 .content{ width:100%; text-align:right; line-height:48px;color:#d80100; padding-right:10px}
.pro_show_top ul li .content a{text-decoration: underline;}
.pro_show_top ul li .content .more a{ color:#d80100}
.pro_show_top ul li .content .more{ position:relative}
.pro_show_top ul li .content .Choice{ width:290px; height:140px; background:#f2f2f2; padding:10px; text-align:left; position:absolute; z-index:200;top:-150px; left:50%; margin-left:-145px; display:none}
.pro_show_top ul li.on1 .content .Choice{ margin:0; left:-125px}
.pro_show_top ul li .content .more:hover .Choice{ display:block}
.pro_show_top ul li .content .Choice .name{ width:100%; font-size:18px; line-height:36px; color:#333}
.pro_show_top .Choice_pro,.pro_show_top p{ font-size:14px; line-height:24px; color:#333}
.pro_show_top .Choice_pro .img{ float:left; width:30px; height:30px; margin-right:10px}
.pro_show_top .Choice_pro .img img{ width:30px; height:30px; border:1px solid #e5e5e5}
.pro_show_top .Choice_pro .titles{ float:left}
.pro_show_top .Choice_pro .titles span{ color:#d80100; font-weight:600}
.pro_show_top ul li .content .Choice em{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #f2f2f2; position:absolute; left:50%; margin-left:-5px; bottom:-10px}

.detail{ margin:20px 0; background:#fff; padding:40px}
.pro_show__t_L{float:left;}
.goods-pic{ position:relative; float:left; }
.pic-box{ float:left; }
.pic-preview{ position:relative;border:1px solid #e5e5e5;margin-bottom:10px }
.pic-scroll{height:72px;}
.pic-scroll .prev{ float:left; margin-right:5px; }
.pic-scroll .next{ float:right;}
.pic-scroll .prev,.pic-scroll .next{ display:block;text-align:center; width:15px; height:72px; line-height:72px; border:1px solid #e8e8e8; background:#f7f7f7; cursor:pointer; text-decoration:none; }
.pic-scroll .items{ position:relative;height:72px;overflow:hidden;}
.pic-scroll .items ul{ position:absolute; margin:0; padding:0; width:999999px; height:72px; left:0; top:0 }
.pic-scroll .items ul li{ float:left; margin:0 1px; padding:0; width:84px; }
.pic-scroll .items ul li a:hover{ border:2px solid #d70000; }
.pic-scroll .items ul li img{width:86px; height:72px;}

/* 图片放大镜样式*/
.jqzoom{ position:relative; display:block; margin:0; padding:0; width:430px; height:400px; border:none; cursor:crosshair; }
.jqzoom img{width:430px; height:400px;}
.zoomdiv{ position:absolute; z-index:100; display:none;background:#fff; border:1px solid #e5e5e5; overflow:hidden;}
.zoomdiv img{ max-width:none}
.jqZoomPup{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; max-width:100%; max-height:100%; border:1px solid #aaa; background:#fff; opacity:0.5;-moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); overflow:hidden;}

.pro_show__t_R{ width:600px; float:left; margin-left:80px}
.pro_show__t_R .title{ font-size:18px; line-height:30px; color:#333}
.pro_show__t_R .etitle{ font-size:16px; color:#d80100; line-height:30px}
.pro_show__t_R .desc{ font-size:14px; line-height:30px; padding:20px; width:100%; background:#f2f2f2; color:#666; margin:10px 0}
.pro_show__t_R .Prompt{ font-size:14px; line-height:24px; margin:10px 0}
.pro_show__t_R .Choose{ width:160px; height:40px; border:1px solid #d80100; line-height:40px; font-size:16px; text-align:center}
.pro_show__t_R .Choose a{ display:block; padding-left:20px; background:url(../images/index/index_43.png) 20px center no-repeat; background-size:25px 20px}
.pro_show__t_R  .Consultation{ width:160px; height:40px; border:1px solid #d80100; line-height:40px; font-size:16px; text-align:center; margin-top:15px}
.pro_show__t_R .Consultation a{ display:block; background:#d80100; color:#fff}

.pro_content{ margin-bottom:50px;margin-top: 20px}
.pro_content_L{ width:250px; float:left}
.pro_content_L .titles{ width:100%; height:50px; line-height:50px; color:#333; padding:0 10px; font-size:16px;; background:#f2d49b}
.pro_content_L ul li{ text-align:center; width:100%; background:#fff; border-bottom:1px solid #f2f2f2; padding:10px 0}
.pro_content_L ul li .img{ width:250px; height:180px;}
.pro_content_L ul li .img a{width:250px; height:180px; text-align:center; display:table-cell; vertical-align:middle}
.pro_content_L ul li a{ display:block}
.pro_content_L ul li .img a img{ max-height:100%; max-width:100%}
.pro_content_L ul li .title{ font-size:14px; line-height:24px;}
.pro_content_L ul li .price{ font-size:16px; line-height:24px}
.pro_content_L ul li .price a{ color:#d80100}
.pro_content_R{ width:930px; float:left; margin-left:20px; background:#fff}
.pro_content_R_top{line-height:60px;border-bottom:1px solid #f2f2f2;border-top:1px solid #f2f2f2;}
.pro_content_R_top ul li{ float:left; padding:0 30px; cursor:pointer; border-top:4px solid #fff}
.pro_content_R_top ul li.on{ border-top:4px solid #020202}
.pro_content_R_top ul li.details{ border-right:1px solid #f2f2f2}
.pro_content_R .pro_contents{ padding:40px 50px; font-size:16px; line-height:24px;}
.evaluate_content{padding:40px 50px; font-size:16px; line-height:24px; display:none}
.evaluate_content .imgs{ float:left; margin-right:10px}
.evaluate_content .imgs img{ width:40px; height:40px; border-radius:100%}
.evaluate_content .contents{ float:left; width:780px}
.evaluate_content .contents .name{ float:left}
.evaluate_content .contents .score{ float:right}
.evaluate_content .contents .content{ width:100%; float:left}
.evaluate_content ul li{ float:left; width:100%; padding:20px 0; border-bottom:1px solid #e5e5e5}

.parameter_content{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e5e5e5; font-size:14px; line-height:30px;}
.parameter_content .titles{ margin-bottom:10px;}
.parameter_content ul{ width:100%;}
.parameter_content ul li{ width:33.3%; float:left; padding-right:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.Number_list{ width:100%; float:left}
.Number_list .name{ float:left;line-height:48px; color:#333; text-align:right}
.Number_list .text{ float:left; margin:0 10px; border:1px solid #e5e5e5; height:48px; line-height:48px; text-align:left; padding:0 10px; width:80px; font-size:16px;}
.Number_list .frame{ float:left; height:48px; width:20px; text-align:center; font-size:16px}
.Number_list .frame .btn{width:20px; height:20px; border:1px solid #e5e5e5; margin-bottom:7px; cursor:pointer; background:url(../images/pro_show/pros_03.png) center center no-repeat}
.Number_list .frame .btn.on{ margin:0;background:url(../images/pro_show/pros_06.png) center center no-repeat}
.Number_list .piece{float:left; margin-left:10px; line-height:48px; font-size:16px; height:48px; display:block}
.Number_list .Stock{ height:48px; line-height:48px; float:left}
.Number_list form{ float:left; width:200px}
.pro_shop{ margin-top:40px; width:100%; float:left}
.pro_shop ul li{ float:left; margin-right:20px; width:160px; height:53px; text-align:center; font-size:16px; background:#020202; line-height:53px; border-radius:5px;}
.pro_shop ul li.buybut a{ background:#020202; display:block; color:#fff;border:1px solid #020202;}
.pro_shop ul li.cartbut a{ background:#f8f8f8; display:block; color:#ee9814;border:1px solid #ee9814;}

.pro_type{ margin:20px 0; background:#f8f8f8; padding:10px 20px}
.pro_type dl{ width:100%; float:left; margin-bottom:20px;font-size: 16px}
.pro_type dl dd{height:40px; margin-right:10px; float:left;line-height: 40px}
.pro_type dl dt{float:left}
.pro_type dl dt ul li{float: left;margin: 0 10px}
.pro_type dl dt ul li a{display: block;width: 36px;height: 36px;border-radius: 100%;font-size: 16px;text-align: center;line-height: 36px;border:1px solid #333;margin: 2px 0;color: #333}
.pro_type dl dt ul li.active a{border:1px solid #ff0000;background: #ff0000;color: #fff}

.pro_type dl.on dd{height:40px; margin-right:10px; float:left;line-height: 40px}
.pro_type dl.on dt{float:left}
.pro_type dl.on dt ul li{float: left;margin: 0 10px}
.pro_type dl.on dt ul li a{display: block;width: 50px;height: 50px;border-radius:0;font-size: 16px;text-align: center;line-height: 48px;border:1px solid #020202;margin: 2px 0;color: #333}
.pro_type dl.on dt ul li img{width: 46px;height: 46px}
.pro_type dl.on dt ul li.active a{border:1px solid #ff0000;background: #fff;color: #fff}

.pro_type dl dt ul li.disabled a{border: 1px solid #b5b5b5;background: #dcdcdc;color: #b5b5b5;}

/*我的收藏*/
.collection_top{position: relative;}
.collection_top .schform{position: absolute;top:0;right: 0; z-index: 100; width: 260px;height: 48px;line-height: 48px;border: 1px solid #020202;padding: 0 10px;font-size: 18px;}
.collection_top .schform input{width: 180px;font-size: 18px;float: left;}
.collection_top .schform button{width: 36px;height: 48px;display: block;background: url(../images/recruitment_10.png) center center no-repeat;background-size:27px 23px;border: 0;float: right;}
.collection_top ul{width: 100%;height: 60px;line-height: 60px;border-bottom: 1px solid #e5e5e5}
.collection_top ul li{float: left;padding: 0 30px;font-size: 18px;border-bottom: 2px solid #f4bb64}
.collection_list ul{padding:20px 0 }
.collection_list ul li{width: 278px;height: 330px;border:1px solid #e5e5e5;padding: 20px;text-align: center;margin-right:30px;margin-bottom: 20px;float: left;}
.collection_list ul li.on{margin-right: 0}
.collection_list ul li:hover{box-shadow:0 0 20px 3px #e1e1e1;}

/*案例详情*/
.new_show{ padding:30px; background:#fff;width: 1200px; margin: 0 auto;margin-bottom: 30px}
.new_show .title{ font-size:24px; line-height:48px; color:#333; text-align:center}
.new_show .dete{ text-align:center; line-height:48px; border-bottom:1px solid #e5e5e5}
.new_show .dete span{ margin:0 20px; display:inline-block}
.new_content{ font-size:16px; line-height:30px; padding:20px 0; color:#333; margin-bottom:30px;}
.nextpage ul{ text-align:center; margin-bottom:60px}
.nextpage ul li{ margin:0 10px; display:inline-block; background:#e5e5e5; height:48px; line-height:48px; border-radius:30px; font-size:16px;}
.nextpage ul li.Return a{ padding:0 50px; border-radius:10px}
.nextpage ul li a{ display:block;padding:0 100px;}

.qrcode{text-align: center;padding: 20px}
.qr-code{margin-top: 20px}

.comment-box{margin-bottom: 30px;}
.comment-box .comment-goods{border: 1px solid #E5E5E5}
.comment-box .comment-goods .goods-img{float: left;width: 150px;height: 150px}
.comment-box .comment-goods .goods-info{float: left;margin: 30px 0 0 30px;}
.comment-form{border: 1px solid #E5E5E5;border-top: none}
.comment-form .comment-core{height: 60px;padding: 20px}
.comment-form .comment-core label{float: left;}
.comment-form .comment-core .raty{float: left;margin-left: 20px}
.comment-form .comment-text{padding: 20px;border-top: 1px solid #E5E5E5}
.comment-form .comment-text label{line-height: 50px}
.comment_img_box{height:70px;margin-top: 20px}
.comment_img_box dl{float:left;display:block;margin:3px;width:60px;height:61px;border:1px solid #ccc;cursor:pointer;padding: 10px}
.comment_img_box dl img{display:block;width:40px;height:40px;}
.comment_img_box dl img{display:block;width:40px;height:40px;}
.comment_img_box dd{font-size:11px;}
.comment-area textarea{width: 100%;height: 230px;padding: 10px}
.comment_img_box_content img{float: left;width: 60px;height: 60px}
.goods-attribute{display: none;padding: 20px}


/*私人定制*/
.main{background-color: #fff;width: 100%;height: 777px}
.design_left{width: 45.3%;height: 100%;float: left;position: relative}
.design_left .text-list{width: 120px;height: auto;position: absolute;top: 30%;left:0px;z-index: 999}
.design_left .text-list ul li{width: 120px;height: 60px ;line-height: 60px;text-align: center;background-color: #fff;cursor: pointer}
.design_left .text-list ul li.active{border-left: 4px solid #f4bb64}
.design_left .text-list .nav-list{max-height: 300px;overflow:hidden;overflow-y: scroll;width: 120px}
.design_left .text-list ul li.on{background-color: #333;color: #fff;cursor: auto}
.design_left .text-list ul li.btn{background-color: #c5c3c3;}

.design_left .show_design{width: 420px;height: 600px;margin: 20px auto 0 auto}
.design_left .show_design a{display:table-cell;width: 420px;height: 600px;vertical-align: middle}
.design_left .show_design a img{width: 420px;height: 600px;}
.design_left .tips{position: absolute;top: 20px;right: 30px;text-align: right;color: #333}
.design_left .design_case{width: auto;position: absolute;right: 20px;bottom: 20px}
.design_left .design_case ul li{width: 85px;height: 120px;border: 1px solid #E5E5E5;margin: 3px;cursor: pointer}
.design_left .design_case ul li img{width: 100%;height: 100%;}
.design_center{width: 6%;height: 100%;float: left;overflow-y:scroll;border-left: 1px solid #E5E5E5}
.design_center ul li{width: 100%;border-bottom: 1px solid #E5E5E5;text-align: center;color: #333;cursor: pointer}
.design_center ul li.on{background-color: #eee;border: 1px solid #020202;border-right: none}
.design_center .option_img{width: 50px;height: 50px;margin: 0 auto}
.design_center .option_name{padding: 0 5px 5px 5px}
.design_right{width: 48.7%;height: 100%;float: left}
.design_right .fit_box{width: 100%;height: 687px;overflow-y:scroll }
.design_right .fit_box ul{margin: 20px}
.design_right .fit_box ul li{width: 25%;height: 25%;float: left;cursor: pointer;margin-bottom: 5px}
.design_right .fit_box ul li.on{box-shadow: 0 0 15px 2px #e1e1e1;color: #f4bb64;z-index: 999}
.design_right .fit_box .fit_img{width: 140px;height: 200px;margin: 0 auto;}
.design_right .fit_box .fit_name{width: 100%;height:60px;line-height: 60px;text-align: center;}
.design_right .add_cart{width: 100%;}
.design_right .add_cart .add_btn{width: 100%;height:90px;border: none;background-color: #020202;color: #fff;font-size: 20px}

.operation-box{width: auto;height: 130px;position: absolute;bottom: 14px;left: 30% }
.operation-box .close{display: inline-block;width: 30px;height: 22px;float: right;background-color: #E5E5E5;text-align: center;cursor: pointer;line-height: 22px;margin-right: 8px}
.operation-box .operation{width: 307px;height: 122px;background-color: #fff;}
.operation-box .operation ul li{width: 60px;height: 60px;border-left: 1px solid #E5E5E5;float: left;border-top: 1px solid #E5E5E5;cursor: pointer}
.operation-box .operation ul li:nth-child(5){border-right: 1px solid #E5E5E5}
.operation-box .operation ul li:nth-child(10){border-right: 1px solid #E5E5E5}
.operation-box .operation .on{background-color: #e9e9e9}

.operation-box2{width: auto;height: 130px;position: absolute;bottom: 14px;left: 30% }
.operation-box2 .close2{display: inline-block;width: 30px;height: 22px;float: right;background-color: #E5E5E5;text-align: center;cursor: pointer;line-height: 22px;margin-right: 8px}
.operation2{width: 307px;height: 122px;background-color: #fff;}
.operation2 ul li{width: 60px;height: 60px;border-left: 1px solid #E5E5E5;float: left;border-top: 1px solid #E5E5E5;cursor: pointer}
.operation2 ul li:nth-child(5){border-right: 1px solid #E5E5E5}
.operation2 ul li:nth-child(10){border-right: 1px solid #E5E5E5}
.operation2 .on{background-color: #e9e9e9}

.notice{padding: 40px 30px;color: #333;line-height: 30px;border-bottom: 1px solid #E5E5E5;margin-bottom: 20px}
.notice .on{font-weight: bold;font-size: 18px}
.text-box{width: 100%;padding: 20px;border-left: 4px solid #E5E5E5;border-bottom: 1px solid #E5E5E5}
.text-box-active{border-left: 4px solid #f4bb64}
.text-content{float: left;width: 45%;}
.text-content input{border-bottom: 1px solid #E5E5E5;height: 40px;width: 90%}
.text-type{float: left;width: 45%;}
.text-type select{border: none;border-bottom: 1px solid #E5E5E5;height: 40px;width: 90%}
.remove{width: 10%;float: left;color: #f4bb64;cursor: pointer}
.text-list-add{width: 90%;height: 50px;background-color: #E5E5E5;color: #333;margin: 20px auto;text-align: center;line-height: 50px;cursor: pointer}
.images-list{width: 100%;padding: 0 20px}
.images-list .upload-box{width: 25%;float: left;height: 140px}
.images-list ul li{width: 25%;height: 140px!important;float: left;position: relative}
.images-list .upload-box .upload{border: 1px dashed #333;width: 120px;height: 120px;background: url("../images/upload.png") center no-repeat;background-size: 32px;margin: 10px auto}
.images-list .upload-img{width: 140px;height: 140px;margin: 0 auto}
.images-list .upload-img img{width: 100%;height: 100%}
.images-list .img-remove{width: 20px;height: 20px;display: inline-block;position: absolute;top: 0;right:0px;background-color: #f4bb64;text-align: center;line-height: 18px;color: #fff;border-radius: 50%}

.check-list{text-align: center;width: 100%;height: 60px;line-height: 60px;font-size: 16px;cursor: pointer}
.check-list:hover{background-color: #E5E5E5}

@media screen and (max-width: 1440px) {
	.header .nav ul li{padding: 0 13px;font-size: 16px;}
}

/*右边悬浮内容*/
.suspension-right{position: fixed;right: 10px;top: 90%;margin-top: -327px;z-index: 1000;}
.suspension-right .top{background: #2879fe;display: block;padding-left: 20px;padding-right: 15px;position: absolute;right: 70px;top: 0;width: 380px;z-index: 2;display: none;}
.suspension-right .top.on{opacity: 1;transition: all 0.5s linear 0s;}
.suspension-right .top input{width: 220px;height: 40px;line-height: 40px;padding: 0 15px;font-size: 14px;outline: none;border: none;border-radius: 50px;float: left;margin: 20px 0;background: #fff;overflow: hidden;}
.suspension-right .top a{display: inline-block;font-size: 16px;line-height: 40px;font-size: 16px;background: #1bc4f5;color: #fff;border-radius: 50px;float: left;margin: 20px 0;margin-left: 12px;padding: 0 20px;}
.suspension-right .top a:hover{background: #11b4e3;}
.suspension-right .list{width: 70px;position: absolute;right: 0;top: -2px;}
.suspension-right .list li{width: 70px;margin-top: 2px;padding-left: 15px;padding-right: 15px;background: #333;text-align: center;padding-top: 7px;padding-bottom: 7px;cursor: pointer;}
.suspension-right .list li em{display: block;width: 40px;height: 40px;background: url(../images/suspension-right.png) no-repeat;}
.suspension-right .list li span{font-size: 16px;line-height: 26px;color: #d0e1fd;}

.suspension-right .list li.sus2 em{background-position: -40px 0px;}
.suspension-right .list li.sus5 em{background-position: -160px 0px;}

.suspension-right .list li.sus8 em{background-position: -280px 0px;}
.suspension-right .list li.sus1:hover,.suspension-right .list li.sus1.on{background-color: #2879fe;}
@media screen and (max-width: 1440px) {
	.Interface{padding: 20px 30px;}
	.Interface .data{margin-bottom: 15px;}
	.Interface .data input,.Interface .data .hqyzm,.datas .submit{height: 40px;line-height: 40px;}
	.Interface .data .yzm{width: 185px;}
	.code{height: 40px;}
}