/* CSS Document */

/*
** 修改于 2021/04/22
** 外贸官网、外贸商城下框架全面修改
*/
.bg-e1{background-color:#e1e1e1;}

/*模板页*/
#template{padding-bottom: 6.25rem;}
#template .navWrapper{background-color:#eaeaea;line-height: 3.125rem;margin-bottom: 1.875rem;}
#template .navWrapper nav{}
#template .navWrapper nav a{width:25%;text-align: center;color:#37474f;}
#template .navWrapper nav a:hover,#template .navWrapper nav a.active{background-color:#0070d9;color:#fff;}

/*
#template .caseList .item{position:relative;}
#template .caseList .item .cap span{width:6px;height: 6px;border-radius: 50%;background-color:#fff;display:inline-block;margin:7px 4px 7px 0;}
#template .caseList .item .img{box-shadow:0 0 1.875rem rgba(0,0,0,0.15);border:0;}
#template .caseList .item .btnWrapper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: transparent;display: block;z-index: 1;visibility: hidden;overflow: hidden;}
#template .caseList .item .btnWrapper .btnGroup{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 100%;margin-bottom: 0;}
#template .caseList .item .btnWrapper .btnGroup li:last-child{margin-top:0.625rem;}
*/
#template .caseList .item{border:1px solid #ccc;margin-bottom: 1.875rem;}
#template .caseList .item .img{height: 30rem;overflow: hidden;padding: 0.625rem 0.625rem 0 0.625rem;}
#template .caseList .item h5{margin-top:1rem;padding: 0 0.625rem;margin-bottom: 1rem;font-size: 16px;}
#template .caseList .item h5 a{color: #000;}
#template .caseList .item h5 a:hover{color:#0070d9;}
#template .caseList .item p{text-align:right;color:red;border-bottom:1px solid #ccc;margin-bottom:0;padding: 0 0.625rem 0.625rem;font-size: 14px;}
#template .caseList .item em{text-align:center;padding:1rem 0.625rem;display: block;font-style: normal;font-size: 12px;color:#37474f;}


@media(min-width:1140px){
/*    #template .caseList .item:hover .btnWrapper{visibility: visible;}*/
}
@media(max-width:576px){
/*    #template{}*/
}

.modal-open{padding-right:0 !important;}
#myModal{padding-right:0 !important;}
#myModal .modal-dialog{width: 400px;height: 720px;background:url('../img/iphone.png')top center no-repeat;padding:90px 20px 0;}
#myModal .modal-dialog .modal-content{border:0;border-radius: 0;height: 542px;}
#myModal .modal-dialog .modal-body{padding: 0;position: relative;}
#myModal .modal-dialog .modal-body .loading{position:absolute;width: 100%;height: 100%;background-color:#fff;display: block;top: 0;left: 0;line-height: 542px;text-align: center;}
#myModal .modal-dialog .modal-body iframe{overflow-x:hidden;}
#myModal .modal-dialog .modal-body .btn-close{position:absolute;top:-90px;left: 50%; background: url("../img/ico-close.png") 0 0 no-repeat;display: block;width: 35px;height: 35px;margin-left: 200px;cursor: pointer;}
#myModal .modal-dialog .modal-body .btn-close:hover{background-position:0 -35px;}

@media(max-width:1139px){
    #myModal,.modal-backdrop{display:none !important;}
}



.priceMenu table{margin-bottom:1.875rem;}
.priceMenu table tr td{vertical-align:middle;text-align: center;}
.priceMenu table thead td h5{margin-top:0.5rem;font-weight: bold;}
.priceMenu table thead td p{color:#0070d9;margin-bottom: 1rem;font-size: 0.875rem;max-width:15rem;margin-left: auto;margin-right: auto;}
.priceMenu table thead td a.btn{margin-bottom: 1rem;}
.priceMenu table thead td h3{color:#f60;text-align: left;}
.priceMenu table thead td h3 em{font-size:0.875rem;margin:0 0.5rem 0 0;font-style: normal;color:#666;}
.priceMenu table thead td span{text-align: left;font-size:0.875rem;color:#868686;display:block;line-height: 2;}
.priceMenu table tbody td i.fa-check{color:#1AB744;}
.priceMenu table tbody td i.fa-close{color:#dd311f;}

.priceMenu dl{margin-bottom:1.875rem;width:48.5%;background-color:#f3f3f3;padding: 1.25rem;border: 1px solid #ccc;}
.priceMenu dl dt{margin-bottom:0.5rem;color:#000;}
.priceMenu dl dd{text-align:justify;margin-bottom:0;font-size: 0.875rem;line-height: 2rem;}
@media(max-width:576px){
    .priceMenu dl{margin-bottom:1.25rem;}
}

.priceMenu  .more{margin-top:1.25rem;text-align: center;font-size:1.125rem;font-weight: lighter;color:#999;}
.priceMenu  .more span{font-size:1.875rem;color:#0070d9;}
.priceMenu  .more a{display:block;margin:1.875rem auto 0;width:22rem;line-height: 3.125rem;background-color:#1082fe;color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.1);}
.priceMenu  .more a:hover{background-color:#0070d9;}

.serverInfo .img{text-align: center;}
.serverInfo .info{padding:1rem 0;}
.serverInfo .info h4{margin-bottom:1rem;color:#0070d9;}
.serverInfo .info p{line-height:2;text-align: justify;margin-bottom: 0;font-size: 0.875rem;}

.projectMenu table thead{background-color:#0070d9;color:#fff;}
.projectMenu table tr td{vertical-align: middle;}
.projectMenu table tbody ul{width: 100%;margin-bottom:0;}
.projectMenu table tbody ul li{border-bottom:1px dashed #ddd;padding-bottom:0.75rem;}
.projectMenu table tbody ul li + li{margin-top:0.75rem;}
.projectMenu table tbody ul li > span{}
.projectMenu table tbody tr td .radio-inline{margin-bottom:0;}
.projectMenu table tbody tr td .fa-check-circle{color:#1AB744;margin-right:0.25rem;}
.projectMenu table tbody tr td p{margin-bottom:0;}
.projectMenu table tbody tr td .price{color:#f60;font-size: 1.5rem;margin: 0 0.25rem;}

.projectMenu table tbody tr td input[type="radio"]{display:none;}
.projectMenu table tbody tr td .radio label,.projectMenu table tbody tr td label.radio-inline{padding-left:1.25rem;position: relative;}
.projectMenu table tbody tr td label.radio-inline{margin-right:1rem;}
.projectMenu table tbody tr td .radio label::before,.projectMenu table tbody tr td label.radio-inline::before{content:"\f096";font-family: "FontAwesome";position: absolute;left: 0;top: 0;width: 1rem;height: 1rem;display: block;}
.projectMenu table tbody tr td .radio.checked label::before,.projectMenu table tbody tr td label.radio-inline.checked::before{content:"\f046";color:#0070d9;}

.toggle{border: 1px solid #ced4da;display: inline-block;border-radius: 1.125rem;background-color:#f5f5f5;position: relative;width: 66px;height: 30px;margin-right: 0.5rem;}
.toggle span{width: 20px;height: 20px;border-radius: 50%;display: block;position: absolute;left: 4px;top:4px;background-color:#fff;border: 1px solid #ced4da;transition: left linear 0.4s;}
.toggle.active{background-color:#0070d9;}
.toggle.active span{left:40px;}

.input-num-inner{border: 1px solid #ced4da;margin-right: 0.5rem;}
.input-num-inner button{display: inline-block;padding:.375rem .75rem;background-color:#f5f5f5;border: 0;}
.input-num-inner button:disabled{cursor:wait;}
.input-num-inner input{border: 0;padding: .375rem .75rem;width: 5rem;}

.projectMenu #total-price b{margin-left: 0.5rem;font-size: 2.5rem;color:red;font-weight: normal;}
.radio:not(.checked) label,label.radio-inline:not(.checked){cursor:pointer;}
.projectMenu .section-1{padding-top:6.25rem;}
.projectMenu .section-1 .list{box-shadow: 0 0 1.5rem rgba(0,0,0,.1);}
.projectMenu .section-1 .list .item{width:20%;text-align: center;padding: 1.875rem;border: 1px solid #eee;cursor: pointer;}
.projectMenu .section-1 .list .item:hover{border-color:#0070d9;}
.projectMenu .section-1 .list .item .icon i{font-size:3.75rem;padding: 1.25rem 0;color:#10aef8;}
.projectMenu .section-1 .list .item:hover .icon i{color:#0070d9;}
.projectMenu .section-1 .list .item p{line-height:2;}
@media(max-width:1024px){
    .projectMenu .section-1 .list .item{width:25%;}
}
@media(max-width:768px){
    .projectMenu .section-1 .list .item{width:33.333333%;}
}
@media(max-width:576px){
    .projectMenu .section-1 .list .item{width:50%;}
}
.projectMenu .section-2{background-color:#f3f3f3;margin-top:3.125rem;padding: 1.875rem;border: 1px solid #cecece;}
.projectMenu .section-2 h3{margin-bottom:1rem;}
.projectMenu .section-2 p{font-size:0.875rem;line-height: 2;margin-bottom:0;text-align: justify;}
.projectMenu .section-2 p + p{margin-top:1rem;}
.projectMenu .more{margin-top:3.125rem;text-align: center;font-size:1.125rem;font-weight: lighter;color:#999;}
.projectMenu  .more span{font-size:1.875rem;color:#0070d9;}
.projectMenu  .more a{display:block;margin:1.875rem auto 0;width:22rem;line-height: 3.125rem;background-color:#1082fe;color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.1);}
.projectMenu  .more a:hover{background-color:#0070d9;}

.templateType{padding-bottom: 1.875rem;}
.templateType dl{line-height: 2rem;margin-bottom:0;}
.templateType dl dt{font-weight:normal;white-space: nowrap;margin-right:0.5rem;}
.templateType dl dd{margin-bottom:0;font-size:0.875rem;}
.templateType dl dd a{color:#37474f;margin-right:1.875rem;}
.templateType dl dd a:last-child{margin-right:0;}
.templateType dl dd a:hover,.templateType dl dd a.currclass{color:#0070d9;}
@media(max-width:576px){
    .templateType dl dt{width:100%;margin-bottom: 1rem;}
}

.after-sale .section-1{}
.after-sale .section-1 .title{margin-top:6.25rem;}
.after-sale .section-1 .item{width:23.5%;text-align: center;padding: 2.5rem 1.875rem 1.875rem;background-color:#ff9803;margin-bottom: 1.875rem;}
.after-sale .section-1 .item:nth-child(2){background-color:#65c3fa;}
.after-sale .section-1 .item:nth-child(3){background-color:#8cd67d;}
.after-sale .section-1 .item:nth-child(4){background-color:#f88484;}
.after-sale .section-1 .item .fa{font-size:5rem;color:#fff;}
.after-sale .section-1 .item h5{margin-top:1.25rem;margin-bottom: 0.625rem;font-size: 1.125rem;color:#fff;}
.after-sale .section-1 .item p{font-size:0.875rem;line-height: 2;color:#fff;margin-bottom:0;}
@media(max-width:991px){
    .after-sale .section-1 .item{padding:1.875rem 1.25rem 1.25rem;}
}
@media(max-width:767px){
    .after-sale .section-1 .item{width:48.5%;margin-bottom:1.25rem;}
}

.after-sale .section-2{padding-top:1.875rem;}
.after-sale .section-2 .title h3{color:#0070d9;}
.after-sale .section-2 .item{width:32%;border: 1px solid #0070d9;text-align: center;margin-bottom:1.875rem;padding:1.5rem 0;}
.after-sale .section-2 .item h5{color:#000;font-weight: bold;}
.after-sale .section-2 .item p{margin-bottom:1.25rem;line-height: 2;color:#0070d9;}
.after-sale .section-2 .item ul li{border-bottom:1px solid #0070d9;padding-bottom: 1.25rem;font-size: 0.875rem;color:#666;margin-bottom:1.25rem;}
.after-sale .section-2 .item a{background-color:#0070d9;color:#fff;font-size: 0.875rem;}
.after-sale .section-2 .item a:hover{background-color:#f60;}

@media(max-width:767px){
    .after-sale .section-2 .item{width:100%;margin-bottom:1.25rem;}
}