@charset "utf-8";
/* 微建站（www.weijianzhan.com）网站建设QQ/微信：958818 */
/*顶部开始*/
.bg1 {background-color:#007132;}
.bg1-a1 {background-color:rgba(68, 114, 196, 0.8);}
.bg2 {background-color:#f6c141;}
.bg3 {background-color:#f3e443;}
.bg4 {background-color:#007132;}
.bg5 {background-color: #d8d8d6;}
.diy-bg{background: url(../images/diy-bg.png) left top / 100% auto no-repeat;}
.diy-bg1{background-color: #effdd9;}
.diy-bg2{background-color: #ffc7ba;}
.diy-bg3{background-color: #4e1f03;}
.diy-bg4{background-color: #3063cc;}

.mar-bottom-150{margin-bottom: 1.5rem;}

.color1 {color:#007132;}
.color2 {color:#f6c141;}
.color3 {color:#f3e443;}
.color4 {color:#007132;}
.color5 {color:#4e1f03;}
.color6{color: #3a3232;}
.color7{color: #b6cee6;}

.border1{border:0.01rem solid #007132;}
.border2{border:0.01rem solid #ffdb26;}

.diy1-bg0{background-color: #ffec33;}
.diy1-bg1{background-color: #007132;}
.diy1-bg2{background-color: #ff33db ;}
.diy1-bg3{background-color: #4e1f03;}
.diy1-bg4{background-color: #016614;}

.diy-head1 .d-bg{color: #bd6f19;background: url(/skin/images/gold.png) left center / 0.3rem auto no-repeat #fde8d5;padding: 0 0.15rem 0 0.35rem;}
.diy-head1 .d-bg2{color: #624ea7;background: url(/skin/images/diamond.png) left center / 0.3rem auto no-repeat #e5e1fb;padding: 0 0.15rem 0 0.35rem;}
.diy-head2{background-color: #ba221d;}
.diy-head2 .d-bg1{background-color: #f3e443;}
.diy-head2 .d-color1{color: #f6c141;}
.diy-head2 .d-color2{color: #060501;}


.border-f00{border:0.01rem solid #f00;}
.diy-border1{border:0.01rem dashed #007132;}
.diy-border2{border:0.03rem solid #007132;}
.diy-border5{border:0.03rem solid #4e1f03;}
.diy-radius1{border-top-right-radius: 0.3rem;}
.diy-radius2{border-top-left-radius: 0.3rem;}
.diy-radius3{border-bottom-left-radius: 0.3rem;}
.diy-radius4{border-bottom-right-radius: 0.3rem;}

.diy-shadow1{box-shadow: 0 0.1rem .16rem #91bbda;}
.diy-shadow2{box-shadow: 0 0 .16rem #91bbda;}

.radius-10-10-0-0{border-radius: 0.1rem; border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.radius-bottom-10{border-bottom-left-radius: 0.1rem;border-bottom-right-radius: 0.1rem;}

.bg-cover {background-size:cover;}
*:focus {outline:none;}

.bg-img1{background: url(../images/nav-bg.png) left top repeat;}

.t_bg{background: url(../images/t_bg.png) center / auto 0.48rem no-repeat;}
.t_bg1{background: url(../images/t_bg1.png) center / auto 0.2rem no-repeat;}
.t_bg2{background: url(../images/t_bg2.png) center / auto 0.3rem no-repeat;}
.t_bg3{background: url(../images/t_bg3.png) center / auto 0.8rem no-repeat;}
.t_bg4{background: url(../images/t_bg4.png) center / auto 0.3rem no-repeat;}
.hand_bg{background: url(../images/hand.png) center / auto 0.32rem no-repeat;}
.hand_bg2{background: url(../images/hand2.png) center / auto 0.32rem no-repeat;}

.flex1{display: flex;text-align: center;justify-content: center;flex-direction: column;}

/* 开始 */

.span-block span{display: inline-block;vertical-align: middle;}
.head .gold{background: url(../images/gold.png) left center / 0.32rem auto no-repeat #f9e6d3;color: #bd6f19; padding-left: 0.35rem;padding-right: 0.1rem;border-radius: 0.16rem;}
.i-span span{color: #d91d02; margin-right: 0.1rem;}

.diy-tel .d-bg1{background-color: #f7f1ec;}
.diy-tel .d-tel{background: url(../images/tel2.png) 0.3rem 0.2rem / 0.24rem auto no-repeat #f00;padding:0 0.3rem 0 0.6rem;}
.reason .img{display: inline-block;background: url(../images/hua.png) center / 0.4rem auto no-repeat;height: 0.4rem; width: 0.4rem;position: absolute;
    margin: -0.05rem 0 0 0.05rem;text-align: center;}

.back_previous{background: url(../images/back3.png) center / 0.48rem auto no-repeat;}

.slide .wechat i{background: url(../images/wechat.png) center / 0.32rem auto no-repeat;display: inline-block;line-height: 0.4rem;width: 0.4rem;height: 0.4rem;vertical-align: middle;}

.slide .t2{letter-spacing: 0.05rem; font-size: 1.2rem; line-height: 1.5rem;}
.slide .t6{background-color: rgba(255, 255, 255, 0.5);}

.youshi .d-bg1{background: url(../images/abg.png) center / 1rem auto no-repeat;}
.wechat-a {background-color: #1aad19;}
.wechat-a .img {background: url(../images/wechat.png) center / auto 0.32rem no-repeat;vertical-align: middle;}

.product2 .title{background-image: linear-gradient(rgba(216, 155, 70, 0.16), rgb(255, 255, 255));border-radius: 0.1rem 0.1rem 0 0;color: #d89b46;}
.product2 .heart{background: url(../images/heart.png) center / auto 0.20rem no-repeat #d19c4e;border-radius: 0.14rem;}

.consult .wrap{background: rgba(216, 155, 70, 0.06);border: 0.01rem solid rgba(216, 155, 70, 0.12);}


/* 首页标题样式 */
.i_title1 .d_line2{margin: -0.02rem 0 0 0;}
/* 结束 */

.diy-table {border-collapse: collapse;border: none;}
.diy-table td {border: 0.01rem solid #f4f4f4;padding: 0 0.05rem;}

.liankao .right,.liankao .right img{border-top-left-radius: 0.3rem;}
.liankao .left,.liankao .left img{border-top-right-radius: 0.3rem;}
.liankao .d3{border-top-right-radius: 0.2rem;border-bottom-right-radius: 0.2rem;padding: 0 0.30rem 0 0.10rem;}
.liankao .d3{background-color: #ffec33;}

.form .diy-bg1{height: 0.7rem;line-height: 0.7rem;border-radius: 0.35rem;background-color: #fdfaf6;}
.form .diy-bg2{background: url(../images/diy4.png) top center / auto 0.9rem no-repeat;padding: 0.1rem 0 0.3rem 0; }
.form .diy-bg3{background-color: #d0e98b;}
.form .diy-bg4{background-color: transparent;}
.form .diy-bg4:before{background: url(../images/brown_bottom.png) left center / 100% auto no-repeat; bottom:0;left: 0; position: absolute;content: "";height: 1.8rem;width: 1.8rem;border-bottom-left-radius: 0.3rem;opacity: 0.6;}
.form .diy-bg4:after{background: url(../images/brown_bottom.png) left center / 100% auto no-repeat; top:0;right: 0; position: absolute;transform: rotate(180deg);content: "";height: 1.8rem;width: 1.8rem;border-bottom-left-radius: 0.3rem;opacity: 0.6;}

.form .f-color1{color: #b8312f;}
.form .icon{background: url(../images/hot2.png) center center / 0.24rem auto no-repeat ;}
.form .box .box_list{background: linear-gradient(145deg, rgb(38, 81, 25) 0%, rgb(202, 220, 100) 100%);}
.form .color4{color: #d89b46;}
.form .d-color2{color: #d8432e;}
.form .bg5{background-color: #fbeded;}
.form .bg1{background-image: linear-gradient(45deg, #d89b46, rgb(242, 101, 54)); background-image: -webkit-linear-gradient(45deg, #d89b46, rgb(242, 101, 54));}

.form .submit{animation:phone-scale 3s infinite; -webkit-animation:phone-scale 3s infinite;}

/* form4  */
.form .xlogo{background: url(../images/xlogo.png) left center / 2.6rem auto no-repeat; padding-left: 2.6rem;}
.form .down{height: 0.4rem;background: url(../images/down.png) center / 1.1rem auto no-repeat;}

.form .box2 .title{background: url(../images/form_bg1.png) left center / 0.5rem auto no-repeat;padding: 0.2rem;}

.form .box3 .pic{right: -0.2rem; top: -1.4rem;}
.form .box3 .pic img{width: 2.8rem;}
.form .box3 ul{width: 60%;}
.form .box3 ul li{width: 50%;}
.form .box3 ul li img{width: 0.48rem;vertical-align: middle;}

.form .box4 .input input,.form .box4 .input select{width: 100%;padding: 0.3rem 0.2rem;border: 0.01rem solid #b5b5b5;border-radius: 0.06rem;color:#C4C4C4;font-weight: 200;}
.form .box4 .input input::-webkit-input-placeholder{font-size: 0.3rem;line-height: 0.3rem;color:#C4C4C4;font-weight: 200;}
.form .box4 .input select option{font-size: 0.3rem;line-height: 0.3rem;color:#444;font-weight: 200;}


.form .box4 .submit{background-color: #58BFCE;background-image: linear-gradient(90deg, #58BFCE 0%, #3693D0 100%);border-radius: 0.6rem;}
/* end form4  */


.diy-animation1,.d-animation1{animation:phone-scale 3s infinite; -webkit-animation:phone-scale 3s infinite;}
.diy-animation2,.d-animation2{animation:phone-scale 3s; -webkit-animation:phone-scale 3s;}
.diy-animation3,.d-animation3{animation: pic-move2 20s infinite; -webkit-animation: pic-move2 20s infinite;}
/* .form .light_animate{background: url(../images/light_animate.png) center / auto 1rem no-repeat;animation: phone-move 3s linear infinite forwards;} */
.form .light_animate{background-color: rgba(255, 255, 255, 0.6);animation: phone-move 3s linear infinite forwards; top:-1rem;bottom: -1rem;}
#consult2 .pic-move2{animation: pic-move2 20s infinite; -webkit-animation: pic-move2 20s infinite;}

.form .submit{background: linear-gradient(-45deg,  rgb(83, 185, 81) 0%, rgb(38, 81, 25) 100%);}

.item .diy-img{border-radius: 0.1rem 0.1rem 0 0;}
.allitem .diy-img{background: url(../images/yuan1.png) center bottom / auto 0.17rem no-repeat;}

.diy-title .title{background: url(../images/tu3.png) right bottom / auto 0.42rem no-repeat;padding-bottom: 0.2rem;}

.info_label label{border: 0.01rem solid #007132;border-radius: 0.06rem;margin-bottom: 0.1rem;padding: 0.10rem 0;}
.info_label label.on{border: 0.01rem solid #007132;color: #fff;background-color: #007132;}
.customer .announcement {height:1.8rem;}
.customer .list .icon{background: url(../images/laba.png) center / auto 0.3rem no-repeat;}

.answer .title .icon{background: url(../images/hot.png) right center / auto 0.3rem no-repeat;}

.answer1 .icon{background: url(../images/diy_bg1.jpg) center / auto 0.6rem no-repeat;}
.answer1 .desc{background: url(../images/xuan1-3.png) 105% -0.08rem / 1.28rem auto no-repeat #e3edf6;border-radius: 0.1rem;height: 0.8rem;line-height: 0.8rem;padding-left: 0.2rem;}

.xuanchuan{background: url(../images/diy-bg2.jpg) center / 100% auto no-repeat;}

.bottom .copyright{background-color: #fafafa;}

.in_flow li{background: url(../images/right.png) right 0.3rem / auto 0.32rem no-repeat;}
.in_flow li.nobg{background: none;}

.bottom .copyright .baozhang a{display: inline-block;height: 0.24rem;line-height: 0.24rem;padding-left: 0.24rem;margin: 0 0.2rem;}
.bottom .copyright .baozhang a.weiquan{background: url(../images/icon_weiquan.png) left center / auto 0.2rem no-repeat;}
.bottom .copyright .baozhang a.xujia{background: url(../images/icon_xujia.png) left center / auto 0.2rem no-repeat;}
.bottom .copyright .baozhang a.qizha{background: url(../images/icon_qizha.png) left center / auto 0.2rem no-repeat;}

.wechat-success-icon {background: url(../images/wechat_success_icon.png) no-repeat center; background-size: contain;height: 0.66rem;}
.wechat li i{display: inline-block;width:0.4rem;height: 0.4rem;line-height: 0.4rem;vertical-align: middle;}
.wechat .gofeedback i{background: url(../images/wechat.png) center / auto 0.32rem no-repeat;}
.wechat .phone i{background: url(../images/phone2.png) center / auto 0.32rem no-repeat;}
.wechat .txt2{background-color: #eb5b58;border-radius: 0.2rem;border-bottom-left-radius: 0;}

.wechat .img{background: url(../images/wechat_logo.png) 0.05rem center / auto 0.32rem no-repeat;padding-left: 0.4rem;}
.wechat .b-img1 a{background: url(../images/message.png) center 0.1rem / auto 0.32rem no-repeat;padding-top: 0.2rem;}
.wechat .b-img2 a{background: url(../images/note2.png) 0.3rem 0.15rem / auto 0.30rem no-repeat;padding-left: 0.2rem;}
.wechat .b-img3 a{background: url(../images/phone3.png) 0.3rem 0.15rem / auto 0.30rem no-repeat #f00;padding-left: 0.2rem;}


.floatcode{margin-left: 3.4rem;}

.merchant{border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem;}
.merchant .con{height: 7rem;overflow-y: scroll;}
.merchant .con2 span{color: #888;}

.merchant_on{bottom: -100%;transition: all 2s;}
.merchant_on.show{bottom: 0;display: block;}

@media only screen and (max-width:641px) {
    .floatcode{display: none;}
}
@keyframes phone-scale
{
    0% {transform: scale(1);-webkit-transform: scale(1); -ms-transform: scale(1);}  
    33% { transform: scale(0.95); -webkit-transform: scale(0.95); -ms-transform: scale(0.95); }    
    66% { transform: scale(1); -webkit-transform: scale(1);-ms-transform: scale(1); }    
    100% { transform: scale(1);  -webkit-transform: scale(1);-ms-transform: scale(1);}
}
@keyframes phone-move
{
    0% { transform: translate(-1rem) rotate(45deg); -webkit-transform: translate(-1rem) rotate(45deg); opacity: 0;}    
    66% {transform: translate(-1rem) rotate(45deg);-webkit-transform: translate(-1rem) rotate(45deg); opacity: 0.8;}
    100% {transform: translate(10rem) rotate(45deg);-webkit-transform: translate(10rem) rotate(45deg);}
}
@keyframes pic-move2
{
    0% { margin-left: 0.1rem;}    
    5% { margin-left: 0.1rem;}    
    10% { margin-left: -0.28rem;}    
    15% { margin-left: -0.28rem;}    
    20% { margin-left: -0.66rem;}    
    25% { margin-left: -0.66rem;}    
    30% { margin-left: -1.04rem;}    
    35% { margin-left: -1.04rem;}    
    40% { margin-left: -1.42rem;}    
    45% { margin-left: -1.42rem;}    
    50% { margin-left: -1.80rem;}    
    55% { margin-left: -1.80rem;}    
    60% { margin-left: -2.18rem;}    
    65% { margin-left: -2.18rem;}    
    70% { margin-left: -2.56rem;}    
    75% { margin-left: -2.56rem;}    
    80% { margin-left: -2.94rem;}    
    85% { margin-left: -2.94rem;}    
    90% { margin-left: -3.32rem;}    
    95% { margin-left: -3.32rem;}    
    100% { margin-left: -3.70rem;}    

}
/* 结束 */