/*巨幕*/
@import url("jumbotron.css");
/*主体内容*/
.text_2{font-size:1.4rem;line-height:2rem;margin-bottom:2%;}
.content-box{display:block;}
.content-box>.contact:first-child{display:block;padding:0 5%;margin-bottom: 15%;}

.content-box div:first-child p{line-height:1.4rem;}
.content-box .text_1{font-size:1.4rem;margin-bottom:5px;}
#dituContent{
   max-width:100%;height:330px;border:#ccc solid 1px;
}
label{font-size:1.4rem;}
form label span{font-size: 1rem;color:red;transform:scale(0.6);}
.btn-black,.btn-black:focus{background-color:black;color:#fff;}
.btn-black:hover{background-color:rgba(0,0,0,.8);color:rgba(250,250,250,.9);}

.content-box .contact:first-child>div{display: flex;}
.content-box .contact:first-child>div div{margin:0 auto;text-align: left;padding-left:5%;}
.content-box .contact:first-child>div div img{width:70%;}
.content-box .contact:first-child>div div p{width:70%;text-align: center;}


/*input表单样式*/
.hide{display:none;}.invisible{visibility:hidden;}.overflow{overflow:hidden;}
#formbox .item a:link,#formbox .item a:visited{text-decoration:underline;}
#formbox .succeed{background:url(../img/assets/images/pwdstrength.gif) no-repeat -105px 0;}
#formbox .highlight1{border:1px solid #EFA100;outline:2px solid #FFDC97;
   /**border:2px solid #ffcc66;*padding:3px 2px;*/
}
#formbox .highlight2{border:1px solid #f00;outline:1px solid #FFC1C1;color:#f00;}
#formbox .focus{color:#999;line-height:22px;*line-height:20px;}
#formbox .null,#formbox .error{color:red;line-height:22px;*line-height:20px;}
#formbox button{margin-left:5%;}


.modal-content{text-align: center;margin-top:40%;}
.modal-content .bg-circle{width:6rem;height:6rem;background-color:#F3525A;border-radius:100%;margin:10% auto 3%;display: flex;justify-content:center;align-items:center;}
/*#F3525A   红色*/
/*background-color:#6CD45F; 绿色*/
.modal-content .bg-circle span{font-size:2rem;color:#fff;}
.modal-content p{font-size:1.6rem;color:#666;margin:1% auto;}
.modal-content>span{font-size:1.4rem;color:#666;display: inline-block;margin-bottom:5%;}
.modal .modal-content>.close{position:absolute;right:5px;}
.modal .modal-content>.close span{font-size:2.4rem;color:#666;padding-right:5px;}
.modal .modal-content .text1{display: none;}
.d_qrcode img,.d_qrcode p{white-space:nowrap;}

/*响应式*/
@media screen and (min-width: 1200px){
   .content-box .text_1,.content-box div:first-child .text_2,#dituContent,label{
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
   }

   .content-box .text_1{font-size:1.8rem;margin-bottom:5px;}
   .content-box div:first-child .text_2{margin-bottom:1rem;line-height:2rem;}
   #dituContent{
      max-width:100%;height:550px;border:#ccc solid 1px;
   }
   label{font-size:1.6rem;}
}
@media screen and (min-width:768px){
   .content-box,.content-box>div:first-child,.content-box>div:last-child{
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;}
   .content-box{display:flex;}
   .content-box>div:first-child{width: 30%;padding:0 1%;}
   .content-box>div:last-child{width: 70%;}
}
@media screen and (max-width:767.8px){
   .modal .modal-content{max-width:60%;margin:40% auto;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
   .content-box>div,.content-box textarea,.content-box div .text_1,.content .content-box div .text_2,.d_qrcode img,.d_qrcode p{
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;}
   .content-box>div{width: 90%;margin-left:5%;}
   .content-box textarea{margin-left:5%;}
   .content-box div .text_1{font-size: 1.6rem;}
   .content .content-box div .text_2{font-size: 1.6rem;padding-left:10%;line-height: 2rem;}
   .d_qrcode img,.d_qrcode p {min-width: 120px;}
}
@media screen and (min-width: 500px) and (max-width: 991px) {
   .content-box>div,.content-box textarea,.content-box div .text_1,.content .content-box div .text_2,.d_qrcode img,.d_qrcode p{
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;}

   .content-box>div{width: 90%;margin-left:5%;}
   .content-box textarea{margin-left:5%;}

   .content-box div .text_1{font-size: 1.6rem;}
   .content .content-box div .text_2{font-size: 1.6rem;padding-left:10%;line-height: 2rem;}
   .d_qrcode img,.d_qrcode p{min-width: 120px;}
}
@media screen and (min-width: 400px) and (max-width: 499px) {
   .content-box div .text_2{width: 80%;margin-left:10%;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;}
}
@media only screen and (max-width: 400px) {
   .content .content-box div .text_2,.modal-content .bg-circle{
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;}
   .content .content-box div .text_2{line-height: 1.6rem;}
   .modal-content .bg-circle{ width:4rem;height:4rem;background-color:#6CD45F;border-radius:100%;display: flex;justify-content:center;align-items:center;}
}