@import "common.css";

/* 客服 */
.customized-open{box-shadow: none;}
.customized-open_body{padding: 0; margin: 0; min-width: 0; min-height: 0; background: transparent;}
.customized-consult{width: 880px; height: 620px; border-radius: 8px;}
.customized-consult .left{width: 380px; background: url("../../image/customer-bg.jpg") no-repeat;}
.customized-consult .left .logo-img{width: 128px; height: 20px;}
.customized-consult .left h2{font-size: 22px; line-height: 22px;}
.customized-consult .left span{color: rgba(255,255,255,0.5);}
.customized-consult .left span:after{width: 18px; height: 1px; background-color: #FFFFFF; position: absolute; left: 0; bottom: -18px; content: ''}
.customized-consult .left p:before{width: 5px; height: 5px; margin-right: 10px; background-color: #FFFFFF; border-radius: 50%; left: 0; content: '';}
.customized-consult .right{width: 500px;}
.customized-consult .right .msg{padding: 8px 10px; background-color: #F2F9FF;}
.customized-consult .right h3{font-size: 15px; position: relative;}
.customized-consult .right .layui-form-radio{margin-top: 0;}
.customized-consult .right .layui-form-radio > i{font-size: 18px;}
.customized-consult .right .layui-form-radio:hover *,.customized-consult .right  .layui-form-radioed, .layui-form-radioed > i{color: #1668FF;}
.customized-consult .right input{width: 100%; height: 45px; padding: 15px; font-size: 14px; box-sizing: border-box; border-radius: 2px; border:#F2F2F2 1px solid;}
.customized-consult .right .layui-input:focus, .layui-textarea:focus{border-color: #F2F2F2!important;}
.customized-consult .right .layui-form-select dl{top: 46px; border-color: #F2F2F2;}
.customized-consult .right .layui-form-select dl dd.layui-this{background-color: #1668FF;}
.customized-consult .right .layui-form-select dl dd{font-size: 14px;}
.customized-consult .right input::-webkit-input-placeholder,.customized-consult .right textarea::-webkit-input-placeholder{color:#999999;}
.customized-consult .right button{background: transparent; border: 0;}
.customized-consult .right .next,.customized-consult .right .submit{width: calc(100% - 60px); height: 50px; left: 30px; bottom: 30px; background-color: #333333;}
.customized-consult .right .next i, .customized-consult .right .next span, .customized-consult .right .submit p, .customized-consult .right .submit span, .customized-consult .right .submit button{width: 158px; height: 100%;}
.customized-consult .right .next em,.customized-consult .right .next .button,.customized-consult .right .submit p,.customized-consult .right .submit em{height: 100%; line-height: 50px; padding: 0 50px;}
.customized-consult .right .next:hover i,.customized-consult .right .next:hover span{width: 100%;}
.customized-consult .right .next:hover i{opacity: 0; visibility: hidden;}