@charset "utf-8";
body {margin:0; padding:0; margin-top:0px;font-size:14p;color:#313131;text-align: left; font-family:"microsoft yahei",Verdana, Arial, Helvetica, sans-serif; background:#ffffff; }
 
div,ul,li,ol,dl,dt,dd,form,img,p,a{ margin: 0; padding: 0; border: 0; }
li{ list-style-type:none;}
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0; font-size:14px;}
img{border:none;}
.cGreen,a.cGreen:link,a.cGreen:visited{ color:#336600; }

dt,dd { font-size:12px;}
div.clearfix { zoom:1;}
div.clearfix:after {content:".";clear:both;height:0;display:block;visibility:hidden;}
/* Hide from IE Mac \*/ 
.clearfix { display:block; } 
/* 20231024*/
a:hover, a:focus, a:active{
    text-decoration: none;
}
hr{
    border-color: #c7c7c7;
}
.form-control{
    background-color: rgba(0,0,0,0.01);
}

.btn{    border-radius: 0;}

img{    max-width: 100%;    height: auto;}
.custom-select{    background-color: transparent;}
/*
.langmenu{
    position: fixed;
    top: 0;
    right: 15px;
}*/

.custom-file-label::after{
    content: "\f093" !important;
    font-family:'FontAwesome';
}

.nav-pills > li > a span{
    font-size: .8em;
}
label {
    font-size: .9em;
}

.btn-file {
    position: relative;
    overflow: hidden;
	border-radius: 4px;
	width:145px;
	background:#cbe2fb;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
	border-radius: 4px;
}

.logoselecta img{
    width: 2em;
}

.styleselecta img{
    width: 2.5em;
}
/* 
* Headings
*/
h1{
    font-size: 2.1rem;
}
.display-4 {
    font-size: 2.5rem;
}
.display-3 {
    font-size: 3rem;
}
.display-2 {
    font-size: 3.5rem;
}
.display-1 {
    font-size: 4rem;
}

@media (min-width: 576px) {
    h1{
        font-size: 2.2rem;
    }
    .display-4 {
        font-size: 3rem;
    }
    .display-3 {
        font-size: 3.5rem;
    }
    .display-2 {
        font-size: 4rem;
    }
    .display-1 {
        font-size: 4.5rem;
    }
}

@media (min-width: 768px) {
    h1{
        font-size: 2.3rem;
    }
    .display-4 {
        font-size: 3.5rem;
    }
    .display-3 {
        font-size: 4rem;
    }
    .display-2 {
        font-size: 4.5rem;
    }
    .display-1 {
        font-size: 5rem;
    }
}

@media (min-width: 992px) {
    h1{
        font-size: 2.4rem;
    }
    .display-4 {
        font-size: 4rem;
    }
    .display-3 {
        font-size: 4.5rem;
    }
    .display-2 {
        font-size: 5rem;
    }
    .display-1 {
        font-size: 5.5rem;
    }
}

@media (min-width: 1200px) {

    h1{
        font-size: 2.5rem;
    }
    .display-4 {
        font-size: 4.5rem;
    }
    .display-3 {
        font-size: 5rem;
    }
    .display-2 {
        font-size: 5.5rem;
    }
    .display-1 {
        font-size: 6rem;
    }
}

/* 
* Google map
*/
#map-canvas img { 
    max-width: none; 
}
#map-canvas {
    width: 100%;
    height: 350px;
    padding: 0px;
    float: left;
}
.controls {
    margin-top: 16px;
    border: 1px solid transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
#pac-input, #latlong input{
    background-color: #fff;
    padding: 0 11px 0 13px;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    text-overflow: ellipsis;
}
#pac-input{
    width: 50%;
}
#latbox, #lngbox{
    width: 20%;
}
#pac-input:focus, #latlong input:focus {
    border-color: #4d90fe;
}
.placeresult{
    float: left;
    width: 100%;
    padding: 10px;
    /* -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	*/
    position: relative;
}
/* 
* QR code placeholder 
*/
.wrapresult, .resultholder{
    position: relative;
}
.placeresult{
    float: left;
    width: 100%;
    padding: 10px;
	border:1px #c7c7c7 solid;
	background:#ffffff;
    /*-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	*/
    position: relative;
}
.preloader{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    font-size: 36px;
    display: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.preloader .fa-cog{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -18px;
    margin-top: -18px;
}

.was-validated .form-control:valid {
  background-image: none;
  border-color: #ced4da;
}
.was-validated .custom-select:valid{
  border-color: #ced4da;   
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label{
  color: inherit;   
}

.was-validated .custom-select:invalid,
.was-validated .custom-select:valid {
     background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
}
.overlay-gradient{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.2);
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,0.2)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
/*2021*/
#submitcreate { border-radius: 4px;}
.pt-5, .py-5 {padding-top:0!important;padding-bottom:0!important}

 


/*2023-10-16 ----------------- */
.btn-light {padding:10px;}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{
background-color:#80c269; }

.header { height:80px; padding-top:0;margin:0; }
.header .logo{margin-top:20px;}
.header ul.menu{margin-top:24px;}
.header .logo{margin-top:22px; }
.header ul.menu{margin-top:22px; }

div.login {padding-top:13px;float:right;margin-top:10px;}
div.login a,div.login  a:link,div.login  a:visited{float:left; display:block; width:76px; color:#ffffff; line-height:34px;display:block; text-align:center; text-decoration:none; }
div.login a:nth-child(1){ background:#f96868;margin-right:5px;}
div.login a:nth-child(2){ background:#46be8a;}
div.login a:hover {background:#dd4d4d;}
div.login a.reg:hover {background:#30b078;}

/*屏幕宽度小于等于1024像素的设备*/ 
@media screen and (max-width: 1024px) {
div.login ,.header ul.menu{ display:none;}
}
.header ul.menu li{ width:100px; line-height:34px;height:34px;float:left;list-style-type:none;  float:right;}
.header ul.menu li a, .header ul.menu li a:link,.header ul.menu li a:visited{ display:block;color:#ffffff;text-align:center;}
.header ul.menu li a.on,.header ul.menu li a:hover{color:#ffff00; background:#3477e9;border-radius:3px;-moz-border-radius:3px;}

div.main { background:#f5f8ff;}
div.main div.intro { font-size:36px; padding-top:40px;padding-bottom:40px;} 
div.main div.intro div.tit{ font-size:36px;display:block; text-align:center;}
div.main div.intro div.tips{ font-size:18px; display:block; text-align:center; color:#888888;margin-top:10px;}
.main .pub { margin-top:20px;}
.main .pub dl{  float:left; text-align:center; line-height:34px;  }
.main .pub dl:hover {  display:block;  /* Old Firefox */}
.main .pub dl dd.tit { font-size:20px;}
.main .pub dl dd.tip { font-size:14px; padding:0px; line-height:24px; }
.main .pub dl a dd.tit{ color:#333; font-size: 24px;}
.main .pub dl a dd.tip{ color:#888888; margin-top:30px;}
.main .pub dl a dd.more { color:#888888; margin-top:20px;}
.main .pub dl a dd.more { position: relative;}
.main .pub dl a dd.more p{ text-align: left;padding-left:70px; }
.main .pub dl a dd.more img { position: absolute; bottom:10px; right:70px;}
.main .pub dl i { position: absolute; width:40px;height:1px;background-color:#666;left:50%;margin-left:-20px;top:194px; }
/*common*/
.brd { margin-top:20px;}
.brd a { position:relative;display:block;text-decoration:none;  padding:20px; display:block; }
.brd a span { display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color: rgba(255,255,255,0);background-position:top center;background-repeat:no-repeat;-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;transition: background 0.3s, color 0.3s, box-shadow 0.3s; border:1px #cccccc solid; border-radius:10px;-moz-border-radius:10px; -webkit-border-radius:10px; }
.brd a:hover span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-color: rgba(255,255,255,0.87);background-image:url(/qrcode/images/icon/see_bg.png);background-repeat:no-repeat;background-position:center center;margin:20px; border:1px #ff9c01 solid; padding:20px; display:block;  border-radius:10px;-moz-border-radius:10px; -webkit-border-radius:10px; }/*case end*/

/*contact*/
.contact .btns{ width:320px; margin:0 auto;height:46px; }
 
/*container part clearfix----------------------------*/ 
.position-relative.main.wrap{ background:#ffffff;}
.position-relative.main.wrap.mbg0{background:#ffffff; padding-top:60px; padding-bottom:60px;}
.position-relative.main.wrap.mbg1{background:#f5f8ff; padding-top:60px;padding-bottom:60px;}

.wordlist {float:left;  }
.wordlist .title {color: #1C1C1C;font-size: 32px;line-height: 45px;text-align: left;padding-top:0px; font-weight: bold;}
.wordlist .subtitle{color: #1C1C1C;font-size: 24px;line-height: 40px;text-align: left;padding-bottom:10px;font-weight:bold; }
.wordlist .dec{color: #1C1C1C;font-size: 18px;  overflow:hidden; text-align: left;padding-top:6px; }
.wordlist .dec span.iconfont{ font-size:20px;  width:30px;  color:#000000;text-align: center; padding-top:5px; overflow:hidden; display:block;padding:5px;padding-top:0;  float:left;  color:green;}
.wordlist .dec span.text{ float:left;}
.wordlist ul { border-top:1px #e5e2e2 solid;}

.wordlist ul li{ line-height:46px;clear:both; border-bottom:1px #e5e2e2 solid;}
.wordlist ul li .tip { font-weight:bold; float:left;width:112px;}
.wordlist ul li .text {float:left;}
.wordlist ul li .tip span {color:#5d98d7;}
.wordlist ul.buystep li .tip { font-weight:bold; float:left;width:142px;}

.wordlist ul.link li .tip { font-weight:bold; float:left;width:40px;}

.mbg0{background:#f5f8ff;}
.mbg1{background:#ffffff;}

.wp{ float:left;   }
.wp img { width:100% }

.words .title {color: #1C1C1C;font-size: 32px;line-height: 45px;text-align: left;padding-top:0px; font-weight: bold;}
.words .subtitle{color: #1C1C1C;font-size: 24px;line-height: 40px;text-align: left;padding-bottom:10px; font-weight:bold; }
.words .dec{color: #1C1C1C;font-size: 18px; line-height: 30px;text-align: left;padding-top:15px; }

.container .btns{ height:80px;line-height:46px; font-size:16px;text-align:center;padding-top:25px;margin-bottom:35px;}
.container .btns a ,.container.btns a:link,.container .btns a:visited { display:block; float:left; width:155px;height:46px;line-height:46px; border-radius:5px;font-size:16px;text-align:center; background:#2355ef;margin-left:px; color: #fff;border:1px solid #2355ef;box-shadow:0 4px 8px 0 rgb(35 85 239 / 24%);}
.container .btns a:hover { background: #ffbd2b;border:1px solid #ffbd2b; transition: all 300ms ease 0s;-moz-transition:all 300ms ease 0s; -webkit-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s;color: #fff; }
.container .btns a:nth-child(2) {  margin-left:10px; }
/*qrcode*/
.martop{ margin-top:10px; }
/*-------------------------------*/

/*price-------------------------------*/
.position-relative.main .pub.clearfix .price{ float:left;padding:5px; }
.position-relative.main .pub.clearfix .price dl { padding-top:10px; width:100%;border:1px #cccccc solid; border-radius:10px;-moz-border-radius:10px; -webkit-border-radius:10px; background:#ffffff; padding-bottom:10px;}
.position-relative.main .pub.clearfix .price dl dt{ display:block; font-size:20px; height:60px;}
 
.position-relative.main .pub.clearfix .price dl dt span.sort em.hot { width:59px; height:47px;display:block; background:url(/statics/images/ico/ico_tj.png) no-repeat left top; position:absolute; left:4px; top:4px;}

.position-relative.main .pub.clearfix .price dl dt span.plus { clear:both; color:#DC181B; line-height:24px; font-size:14px;}
.position-relative.main .pub.clearfix .price dl dt span.tp { display:block;background:#ffdb54;color:#222222; font-size:12px; border-radius:20px; width:120px;line-height:20px; margin:0 auto; }
.position-relative.main .pub.clearfix .price dl dd{ clear:both; line-height:28px; }
.position-relative.main .pub.clearfix .price dl dd strong.f20{ font-size:24px; color:#DC181B;}
.position-relative.main .pub.clearfix .price dl dd.pri { border-bottom:1px #efefef solid;}
.position-relative.main .pub.clearfix .price dl dd.flow strong.f20 {font-size:16px; }
.position-relative.main .pub.clearfix .price dl dd.view strong.f20 {font-size:16px; }
.position-relative.main .pub.clearfix .price dl dd.view { border-bottom:1px #efefef solid;line-height:38px; }
.position-relative.main .pub.clearfix .price dl dd.flow {line-height:38px; }
.position-relative.main .pub.clearfix .price dl dd.func {line-height:32px; }
.position-relative.main .pub.clearfix .price dl dd.func strong.f20 {font-size:14px; }
.position-relative.main .pub.clearfix .price dl dd.func strong.f20.cGreen{color:green; font-size:12px;}

/*help-------------------------------*/
.position-relative.main.wrap.mbg1.helps{ padding: 0;margin: 0; }
.position-relative.main.wrap.mbg1.helps div.tit.left { text-align:left; border-left:5px #10a1e3 solid; padding-left:20px;margin-top:10px;}
.position-relative.main.wrap.mbg1.helps div.subleft { text-align:left;font-size:18px;}
.position-relative.main.wrap .subtitle {font-size:28px; position:relative;}
.position-relative.main.wrap .subtitle i { position: absolute;width:80px;height:3px;background-color:#10a1e3;left:40px;margin-left:-40px;bottom:-10px; }
.position-relative.main.wrap.mbg1.help .wordlist .dec{padding-top:30px; line-height:34px;}
.position-relative.main.wrap.mbg0.help .wordlist .dec{padding-top:30px; line-height:34px;}
.position-relative.main.wrap.mbg1.help .wordlist .dec .code, .position-relative.main.wrap.mbg0.help .wordlist .dec .code{ border-left:1px #cccccc solid;padding-left:20px; color:#666666;margin-top:10px;}

/*iconfont iconcode f36*/
.position-relative.main .iconfont.f46{font-size:46px;}
.position-relative.main .qrlist { margin-top:20px;}
.position-relative.main .qrlist a, .position-relative.main .qrlist a:link,.position-relative.main .qrlist a:visited{ display:block; border:1px #c8d8f6 solid;  border-radius:10px;-moz-border-radius:10px; -webkit-border-radius:10px; padding:20px; background:#ffffff;padding-top:35px;}
.position-relative.main .qrlist a:hover{ border:1px #336ecf solid;}

/*qrcode--case*/
.position-relative.main .container.clearfix .box{ float:left;padding:8px; position:relative; }
.position-relative.main .container.clearfix .box dl .mask2{ transform:translateY(2);}
.position-relative.main .container.clearfix .box dl .mask2 p { text-align:center;position:absolute;top:0px;left:0px;}
.position-relative.main .container.clearfix .box dl .mask2 p .pic{display:block;width:365px;height:220px;position:absolute;top:0px;left:0px;z-index:90;padding-top:30px;}
.position-relative.main .container.clearfix .box dl .mask2 p .pic img{ width:160px;height:160px;}
.position-relative.main .container.clearfix .box dl .mask2 p .bg{ background:#062a51;display:block;width:368px;height:220px;top:0px;left:0px;opacity:0.8;filter:alpha(opacity=80);z-index:10;}

.position-relative.main .container.clearfix .box dl .mask2{ position:absolute;top:0;left:0;transform:translateY(100%);transition:all .25s;z-index:99;}
.position-relative.main .container.clearfix .box h2 .sort{ float:right; color:#cccccc;}
.position-relative.main .container.clearfix .box h2 {height:30px; line-height:30px;}

.footer { background:#efefef;}
.footer .container{padding-top:20px;padding-bottom:20px; }
.footer hr{border-color: #c7c7c7; padding:0;margin:0;}
.footer .container a , .footer .container a:link,.footer .container a:visited { color:#313131; }
/*2023-10-16 ----------------- */