/* 大于768（电脑） */
 @media screen and (min-width:768px) {

     /* 证书信息不存在 */
     .empty_wrap {
         /* border: solid red 1px; */
         height: 573px;
         text-align: center;
     }

     .empty_wrap img {
         padding-top: 233px;
         display: block;
         width: 80px;
         margin: 0 auto;
     }

     .empty_wrap h1 {
         text-align: center;
         margin: 9px auto 35px auto;
         font-size: 20px;
         font-weight: 400;
         color: #999999;
     }

     .empty_wrap button {
         width: 232px;
         height: 42px;
         background-color: #18B580;
         border-radius: 8px;
         color: #fff;
         font-size: 16px;
     }

     /* 查询到证书 */
     .from_wrap {
         padding: 20px 40px;
     }

     .from_wrap .title {
         text-align: center;
         padding: 20px 0px;
         font-size: 20px;
         color: #18B580;
         font-weight: bold;
         margin-top: 20px;
     }

     .from_data {
         padding: 50px 20%;
     }

     .from_data .input_dl {
         display: -webkit-flex;
         display: flex;
         margin-bottom: 15px;
     }

     .from_data .input_dl dt {
         width: 200px;
         text-align: right;
         line-height: 40px;
         margin-right: 15px;
         font-size: 16px;
         color: #333333;
     }

     .from_data .input_dl dd {
         width: 100%;
         line-height: 40px;
         font-size: 16px;
         color: #333333;
     }

     .from_data .input_dl dd input {
         border: 1px solid #DCDFE6;
         border-radius: 8px;
         line-height: 40px;
         height: 40px;
         padding: 0px 10px;
         font-size: 14px;
         color: #333333;
         width: 388px;
     }

     .from_data .input_dl dd select {
         border: 1px solid #DCDFE6;
         border-radius: 8px;
         line-height: 40px;
         height: 40px;
         font-size: 14px;
         color: #333333;
         width: 408px;
     }

     .from_data .input_dl .phone_code {
         display: -webkit-flex;
         display: flex;
     }

     .from_data .input_dl .phone_code input {
         /* width: 40%; */
         width: 241px;
     }

     .from_data .input_dl .phone_code button {
         /* width: 30%; */
         /* margin-left: 10%; */
         width: 130px;
         line-height: 40px;
         margin-left: 10px;
     }

     .from_data .input_dl .btn {
         font-size: 14px;
         background-color: #18B580;
         text-align: center;
         color: #ffffff;
         border-radius: 8px;
         cursor: pointer;
     }

     .from_data .input_dl .btn:hover {
         background-color: #18B580;
     }

     .from_data .input_dl .submit {
         width: 232px;
         line-height: 42px;
         margin: 20px 0px;
     }

     .from_data .input_dl .protocols {
         font-size: 14px;
         color: #333333;
         line-height: 40px;
     }

     .from_data .input_dl .protocols input {
         width: 15px;
         height: 15px;
         vertical-align: middle;
     }

     .alert_error ul {
         width: 100%;
     }

     .alert_error ul li {
         line-height: 40px;
         text-indent: 10px;
         color: red;
         font-size: 16px;
         background: #F9D6D5;
     }

     .alert_success ul {
         width: 100%;
     }

     .alert_success ul li {
         line-height: 40px;
         text-indent: 10px;
         color: white;
         font-size: 16px;
         background: #18B580;
     }

     .certInfoTable {
         width: 100%;
         margin: 0px auto;
         font-size: 14px;
         margin-bottom: 40px;
         border: 1px solid #ccc;
     }

     .certInfoTable th {
         text-align: right;
         width: 150px;
     }

     .certInfoTable th,
     .certInfoTable td {
         line-height: 30px;
     }

 }

 /* 小于768（手机） */
 @media screen and (max-width:768px) {

     /* 证书信息不存在 */
     .empty_wrap {
         /* border: solid red 1px; */
         height: 573px;
         text-align: center;
     }

     .empty_wrap img {
         padding-top: 233px;
         display: block;
         width: 80px;
         margin: 0 auto;
     }

     .empty_wrap h1 {
         text-align: center;
         margin: 9px auto 35px auto;
         font-size: 20px;
         font-weight: 400;
         color: #999999;
     }

     .empty_wrap button {
         width: 232px;
         height: 42px;
         background-color: #18B580;
         border-radius: 8px;
         color: #fff;
         font-size: 16px;
     }

     .from_wrap {
         /* padding:20px 40px; */
     }

     .from_wrap .title {
         text-align: center;
         font-size: .4267rem;
         color: #18B580;
         font-weight: bold;
         margin-top: 1.3067rem;
     }

     .from_data {
         /* border: solid red 1px; */
         padding: .6133rem .48rem 0 .4533rem;
     }

     .from_data .input_dl {
         display: -webkit-flex;
         display: flex;
         margin-bottom: .4267rem;
     }

     .from_data .input_dl dt {
         /* background-color: skyblue; */
         width: 3.0667rem;
         text-align: right;
         line-height: .96rem;
         margin-right: .4267rem;
         font-size: .4267rem;
         color: #333333;
     }

     .from_data .input_dl dd {
         /* border: solid red 1px; */
         width: 100%;
         line-height: .96rem;
         font-size: .4267rem;
         color: #333333;
     }

     .from_data .input_dl dd input {
         box-sizing: border-box;
         /* background-color: skyblue; */
         border: 1px solid #DCDFE6;
         border-radius: .2133rem;
         line-height: .96rem;
         height: .96rem;
         width: 100%;
         padding: 0px .4267rem;
         font-size: .3733rem;
         color: #333333;
     }

     .from_data .input_dl dd select {
         border: 1px solid #DCDFE6;
         border-radius: .2133rem;
         line-height: .96rem;
         height: .96rem;
         width: 100%;
         font-size: .3733rem;
         color: #333333;
     }

     .from_data .input_dl .phone_code {
         display: -webkit-flex;
         display: flex;
         justify-content: space-between;
     }

     .from_data .input_dl .phone_code input {
         width: 3.0667rem;
     }

     .from_data .input_dl .phone_code button {
         width: 3.0667rem;
     }

     .from_data .input_dl .btn {
         font-size: .3733rem;
         background-color: #18B580;
         text-align: center;
         color: #ffffff;
         border-radius: .2133rem;
         cursor: pointer;
     }

     .from_data .input_dl .btn:hover {
         background-color: #18B580;
     }

     .from_data .input_dl_submit dt {
         display: none;
     }

     .from_data .input_dl .submit {

         width: 4.48rem;
         padding: .2133rem 0px;
         margin: 0 2.2667rem;
         margin-top: .4267rem;
     }

     .from_data .input_dl_protocols dt {
         display: none;
     }

     .from_data .input_dl .protocols {
         /* border: solid red 1px; */
         text-align: center;
         font-size: .3733rem;
         color: #999;
         line-height: .4533rem;
     }

     .from_data .input_dl .protocols input {
         width: .4rem;
         height: .4rem;
         vertical-align: middle;
         margin-left: 1.6rem;
     }

     .alert_error ul {
         width: 100%;
     }

     .alert_error ul li {
         line-height: 1.0667rem;
         text-indent: .2667rem;
         color: red;
         font-size: .4267rem;
         background: #F9D6D5;
     }

     .alert_success ul {
         width: 100%;
     }

     .alert_success ul li {
         line-height: 1.0667rem;
         text-indent: .2667rem;
         color: white;
         font-size: .4267rem;
         background: #18B580;
     }

     .certInfoTable {
         width: 100%;
         margin: 0px auto;
         font-size: .3733rem;
         margin-bottom: 1.0667rem;
         border: 1px solid #ccc;
     }

     .certInfoTable th {
         text-align: right;
         width: 4rem;
     }

     .certInfoTable th,
     .certInfoTable td {
         line-height: .8rem;
     }

 }