/*=== 作者：Distantmemory - 时间：2018年11月 - 版本：1.0 - 个人：www.distantmemory.cc - 公司：www.timoo.net ===*/

/*=== 媒体查询 ===*/
/*手机*/
@media ( min-width : 320px) { 

    .fuertong-contact { padding: 0.48rem 0; }

    .fuertong-contact .content .list .text .box .subject { margin: 0.24rem auto; }

    .fuertong-contact .form .unit-group .unit + .unit { margin-top: 0.24rem; }

}

@media ( min-width : 360px) { 

} 

@media ( min-width : 400px) { 

} 

/*平板电脑*/
@media ( min-width : 640px) {

}

@media ( min-width : 768px) {

}

/*笔记本电脑*/
@media ( min-width : 960px) {

    .fuertong-contact { padding: 0.8rem 0; }

    .fuertong-contact .form .unit-left { padding-right: 0.16rem; }
    .fuertong-contact .form .unit-right { padding-left: 0.16rem; }

    .fuertong-contact .form .unit-group .unit + .unit { margin-top: 0; }

} 

@media ( min-width : 1024px) {

} 

/*PC电脑*/
@media ( min-width : 1200px) { 
    
} 

/*大屏PC电脑*/
@media ( min-width : 1600px) { 
    
}

/*=== Style ===*/
.fuertong-contact .title { position: relative; margin-bottom: 0.48rem; }
.fuertong-contact .title .cat-name { padding: 0.08rem 0; line-height: 0.4rem; letter-spacing: 0.01rem; font-size: 0.32rem; font-weight: 700; color: #011327; }
.fuertong-contact .title .tips { margin-top: 0.32rem; font-size: 0.14rem; color: #FF3D00; }

.fuertong-contact .content { position: relative; margin: auto; max-width: 9.6rem; z-index: 3; }
.fuertong-contact .form input { padding: 0 0.08rem; width: 100%; border: 0.01rem solid #E4E8EE; line-height: 0.48rem; font-size: 0.14rem; }
.fuertong-contact .form textarea { padding: 0.08rem; width: 100%; height: 1.2rem; border: 0.01rem solid #DDD; line-height: 0.2rem; font-size: 0.14rem; resize: none; }
.fuertong-contact .form input:focus,
.fuertong-contact .form textarea:focus { border-color: #FF3D00; }
.fuertong-contact .form .unit { margin-bottom: 0.32rem; }
.fuertong-contact .form .button { margin-top: 0.32rem; }
.fuertong-contact .form .button button { padding: 0 0.48rem; background: #D62536; border: 0.01rem solid #D62536; border-radius: 0.02rem; line-height: 0.4rem; font-size: 0.14rem; color: #FFF; cursor: pointer; }
.fuertong-contact .form .button button:hover { background: #FFF; color: #D62536; }

.fuertong-contact .status { position: relative; margin-top: 0; padding: 0.06rem 0.12rem; border: 0.01rem solid rgba(0,0,0,0); border-radius: 0.02rem; font-size: 0.14rem; opacity: 0; visibility: hidden; 
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;

    -webkit-transform:scaleY( 0 );
    -moz-transform:scaleY( 0 );
    -ms-transform:scaleY( 0 );
    -o-transform:scaleY( 0 );
    transform:scaleY( 0 ); }
.fuertong-contact .status.open { margin-top: 0.32rem; height: auto; opacity: 1; visibility: visible;               -webkit-transform:scaleY( 1 );
    -moz-transform:scaleY( 1 );
    -ms-transform:scaleY( 1 );
    -o-transform:scaleY( 1 );
    transform:scaleY( 1 ); }
.fuertong-contact .status.error { background: rgba(240,86,84,0.1); border: 0.01rem solid rgba(240,86,84,0.2); color: #F05654; }
.fuertong-contact .status.success { background: rgba(10,163,68,0.1); border: 0.01rem solid rgba(10,163,68,0.2); color: #0AA344; }
.fuertong-contact .status .text { padding-right: 0.24rem; }
.fuertong-contact .status .close { position: absolute; top: 0.06rem; right: 0.04rem; width: 0.24rem; height: 0.24rem; line-height: 0.24rem; font-size: 0.12rem; cursor: pointer; opacity: 0.5; }
.fuertong-contact .status .close:hover { opacity: 1; }