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

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

.color1 {color:#4472c4;}
.color2 {color:#4472c4;}
.color3 {color:#d91d02;}
.color4 {color:#4472c4;}
.color5 {color:#4e1f03;}
.color6{color: #3a3232;}
.color7{color: #b6cee6;}

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

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


.border-f00{border:0.01rem solid #f00;}
.diy-border1{border:0.01rem dashed #4472c4;}
.diy-border2{border:0.03rem solid #4472c4;}
.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;}

.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);}


.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;}
.form .f-color1{color: #b8312f;}
.form .icon{background: url(../images/hot2.png) center center / 0.24rem auto no-repeat ;}
.form .box .box_list{background: url(../images/bg2.png) center -0.42rem / 100% auto no-repeat;}


.form .submit{animation:phone-scale 3s infinite; -webkit-animation:phone-scale 3s 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;}

.info_label label{border: 0.01rem solid #4472c4;border-radius: 0.06rem;margin-bottom: 0.1rem;padding: 0.10rem 0;}
.info_label label.on{border: 0.01rem solid #4472c4;color: #fff;background-color: #4472c4;}
.customer .announcement {height:0.6rem;}
.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 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;}

.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);}
}
/* 结束 */