@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
.clear{  clear:both;}
html,body{ width:100%; min-width:1200px; height:100%; }
body{ /*background-image: url('../images/background/bg1.jpg');background-attachment: fixed;*/}
/* placeholder 设置默认为白色 */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #fff;
}

/* css动画 begin */

/* 图片循环旋转 Beg */
@keyframes clockwise{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.Clockwise{/* 顺时针 */
    animation: clockwise 60s linear infinite;
    -webkit-animation: clockwise 60s linear infinite;
}
@keyframes antiClockwise{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(-360deg);}
}
.AntiClockwise{/* 逆时针 */
    animation: antiClockwise 60s linear infinite;
    -webkit-animation: antiClockwise 60s linear infinite;
}
/* 图片循环旋转 End */
/* 图片变大小 Beg */
@keyframes changeSize1 {
    0% {
        transform: scale(1);
        opacity: 1
    }
    50% {
        transform: scale(0.9);
        opacity: 0.9
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}
.ChangeSize1{
    animation: changeSize1 3s linear infinite;
}
.ChangeSize2{
    transform: scale(1) !important;
    z-index:2;
}
/* 图片变大小 End */
/* 鼠标悬浮晃动 Beg */
@keyframes shake {
    10%, 90% {
        -webkit-transform: translate3d(-1px,0,0);
        transform: translate3d(-1px,0,0);
    }
    20%, 80% {
        -webkit-transform: translate3d(2px,0,0);
        transform: translate3d(2px,0,0);
    }
    30%, 50%, 70% {
        -webkit-transform: translate3d(-4px,0,0);
        transform: translate3d(-4px,0,0);
    }
    40%, 60% {
        -webkit-transform: translate3d(4px,0,0);
        transform: translate3d(4px,0,0);
    }
}
.shake:hover{
    -webkit-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
/* 鼠标悬浮晃动 End */
/* 二维码扫描动画 Beg */
@keyframes smx{0%{top: 5px;}50%{top: 125px;}100%{top: 5px;}}
@-moz-keyframes smx{0%{top: 5px;}50%{top: 125px;}100%{top: 5px;}}
@-webkit-keyframes smx{0%{top: 5px;}50%{top: 125px;}100%{top: 5px;}}
@-ms-keyframes smx{0%{top: 5px;}50%{top: 125px;}100%{top: 5px;}}
/* 二维码扫描动画 End */
/* css动画 end */


/* top begin */

/*.topNav{ width:1200px; margin:auto; padding:20px 0; position:fixed;left:calc(50% - 600px); z-index: 70;}*/
.indexTop{ width:100%; position:fixed;z-index:70;}
.publicTop{ width:1200px; margin:auto; padding:2vh 0;}
#logo {margin-right:10%; float:left;}
#menu { margin: 0; padding: 0; height: 50px; list-style-type: none;}
#menu li { float: left; font-size: 16px; margin-left:5%;}
#menu a { float: left; color: #fff; text-decoration: none; padding: 15px 0 5px 0;}
#menu .active a { border-bottom: 3px solid #ffa91e;}
/*#logo { position: fixed; left: 10vw; top: 20px; z-index: 70; margin-top:0px; }
#menu { margin: 0; padding: 0; position: fixed; left:calc(10vw + 200px); top: 20px; list-style-type: none; z-index: 70;}
#menu li { float: left; font-size: 14px;}
#menu a { float: left; color: #fff; text-decoration: none; padding: 15px 0 5px 0; margin-left: 5vw;}
#menu .active a { border-bottom: 3px solid #ffa91e;}*/

/* top end */

/* 右侧悬浮窗 begin */
.rightSuspend{ width:60px; height: 225px; position: fixed; z-index: 71; right:0; top: calc(50vh - 120px);
    background: rgba(0, 0, 0, 0.3);}
.rightSuspend .block{ width:60px;height:45px; display: block; position: relative;z-index: 90;}
.rightSuspend img{ position: absolute; left:8px; cursor:pointer;}
.rightSuspend .CutOffLine{ top:0; left:0; width:60px; height: 225px;}
.rightSuspend .QQ{ top:0;width:45px;}
.rightSuspend .block:hover .QQHide{display:block !important;}
.rightSuspend .WeChat{ top:0;width:45px;}
.rightSuspend .block:hover .WeChatHide{display:block !important;}
.rightSuspend .Phone{ top:0;width:45px;}
.rightSuspend .block:hover .PhoneHide{display:block !important;}
.rightSuspend .QRcode{ top:0;width:45px;}
.rightSuspend .block:hover .QRcodeHide{display:block !important;}
.rightSuspend .GoTop{ top:180px;width:45px;}
.rightHide{width:180px; height: 225px; position: fixed; z-index: 71; right:60px; top: calc(50vh - 120px);
    background: rgba(0, 0, 0, 0.3); display: none; color:#fff;}
.QQHide img{ position:relative;}
.QQHide table{ width:100%;margin-top:20px;}
.QQHide table tr{ width:100%;margin-top:15px;}
.QQHide table tr td{ width:50%;height:30px; color:#fff;font-size:14px;}
.WeChatHide img{ width:142px; position:relative;margin:30px 0 0 10px;}
.WeChatHide p{ text-align: center;}
.PhoneHide img{  position:relative;margin:30px 0 0 10px;}
.PhoneHide p{ text-align: center;}
.QRcodeHide img{ width:142px; position:relative;margin:30px 0 0 10px;}
.QRcodeHide p{ text-align: center;}
/* 右侧悬浮窗 end */

/* 内容 */

.section { text-align: center;}

    /* 首页 page1 */

.section1 { background-image: url('../images/background/bgImg1.gif'); background-size: 100% 100%;}
/*.section1 { background-image: url('../images/background/bgImg1.jpg'); background-size: 100% 100%;}*/
.section1 .imgTag{ text-align: center;}
.section1 .imgTag img{ width: 36vw;}
/*.section1 .waveGif{ width:58vw;position:absolute;left: 21vw; bottom: 4vh;opacity:0.10;}*/

    /* --- 产品介绍 page2 --- */

/*.section2 { background-image: url('../images/background/bgImg2.jpg'); background-size: 100% 100%;}*/
.section2 { background-color:#fff;}
.section2 .pageDiv{ width: 20vw; height: 20vw; box-sizing: border-box; padding:3vw; float: left;margin-right:-4vw;left:4vw;
    border-radius:15px; text-align: center;cursor:pointer;transform: scale(0.8);position:relative;}
.section2 .pageDiv img{ width:5vw; }
.section2 .pageDiv h2{ font-size: 1.5vw; color: #fff; padding: 2vh 0 0 0;}
.section2 .pageDiv h3{ font-size: 1.2vw; color: #fff; margin:5vh 0 0 0; padding: 0;}
.section2 .pageDiv p{ font-size:0.5vw; color: #fff;}
.section2 .pageDivA{ width: 17vw; height: 39vh; margin: 0 2vw 0 10vw; float: left; text-align: left;
    position:relative; left:-100%;}
.section2 .pageDivB{ position:relative; left:-100%;background: linear-gradient(to bottom right, #fcabab , #c21d1f);}
.section2 .pageDivC{ position:relative; left:-100%;background: linear-gradient(to bottom right, #ffdfba , #dd7212);}
.section2 .pageDivD{ position:relative; left:-100%;background: linear-gradient(to bottom right, #b3e8ff , #1d91c2);}
.section2 .pageDivE{ position:relative; left:-100%;background: linear-gradient(to bottom right, #78e79d , #4fd245);}
.section2 .pageDivA h2 { color: #333; margin-top:7vh; font-size: 1.5vw;}
.section2 .pageDivA p { color: #666; margin-bottom:5vh; font-size: 0.7vw;}
.section2 .pageDivA a{ color: #fff;background-color: #ffa91e;box-shadow:2px 2px 10px 1px rgba(255, 169, 30, 0.3);
    width:130px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
     }
.section2 .pageDivA a:hover{ background-color: #f09b1e }
.section2 .pageDivA a:active{ background-color: #dc911c}
.section2 .btnDivBox{width:65vw;margin:auto;margin-top:15vh;}
.section2 .btnDivBox .btnDiv{width:5vw;margin:0 3vw;padding:1vw;float:left;text-align:center;cursor:pointer;border-radius:5px;position:relative;right:-125%;}
.section2 .btnDivBox .btnDiv:hover{box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);}
.section2 .btnDivBox .btnDiv img{width:80%;}
.section2 .btnDivBox .btnDiv p{margin:10px 0 0 0}

    /* --- 典型客户 page3 --- */

.section3 { background-image: url('../images/background/bgImg3.jpg'); background-size: 100% 100%;}
.section3 .pageContent{ display: none}
.section3 .pageDiv{ width: 30vh; height: 30vh; background-color:  rgba(255, 255, 255, 0.5); box-sizing: border-box;
    padding: 3vh 0; border-radius: 50%; text-align: center; box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.4);}
.section3 .pageDiv .subPage{ display: block; width:100%; height:100%; position:absolute; top:0;left:0;}
.section3 .pageDiv .headPic{ width:5vw;height: 5vw; border-radius: 2.5vw;margin:auto;}
.section3 .pageDiv .headPic img{ width:100%;}
.section3 .pageDiv h2{ font-size: 1.2vw; color: #333; padding:2vh 0 0 0;}
.section3 .pageDiv h3{ font-size: 0.6vw; color: #333; margin:3vh 0;padding:0;}
.section3 .pageDiv p{ font-size:0.6vw; color: #333; margin:0;}
.section3 .pageDiv p span{ font-size:1.2vw; color: #ffa91e;}
.section3 .pageDiv:hover{ background-color: rgba(46, 130, 238, 0.5);}
.section3 .pageDiv:hover h2{ color: #fff;}
.section3 .pageDiv:hover h3{ color: #fff;}
.section3 .pageDiv:hover p{ color: #fff;}
.section3 .pageDiv:hover p span{ color: #ffa91e; }
.section3 .pageDivA{ width: 18vw; text-align: left; position:absolute;top:54vh;left:63vw;}
.section3 .pageDivA h2 { color: #fff; padding:0; font-size: 1.6vw;line-height:2vw;}
.section3 .pageDivA p { color: #fff; margin-bottom:5vh; font-size: 0.7vw;}
.section3 .pageDivA a{ color:#ffa91e;background-color:#fff;box-shadow:2px 2px 10px 1px rgba(46, 130, 238, 0.5);
    width:130px;border:0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
.section3 .pageDivA a:hover{background-color: #ededed}
.section3 .pageDivA a:active{ background-color: #e2e2e2; }
.section3 .pageDivB{ position:absolute; top:18vh; left:45vw;}
.section3 .pageDivC{ position:absolute; top:54vh; left:45vw;}
.section3 .pageDivD{ position:absolute; top:18vh; left:63vw;}
.section3 .rotate{width:480px;height:480px;margin-left:calc(35vw - 410px);position:relative}
.section3 .rotate img{position:absolute;}
.section3 .rotate .rCircle3{width:480px;height:480px;border: 1px dashed #ffa91e;border-radius:50%;box-sizing:border-box;
    position: absolute;top: calc(50% - 240px);left: calc(50% - 240px);}
.section3 .rotate .rCircle2{width:330px;height:330px;border: 1px dashed #ffa91e;border-radius:50%;box-sizing:border-box;
    position: absolute;top: calc(50% - 165px);left: calc(50% - 165px);}
.section3 .rotate .rCircle1{width:180px;height:180px;border:1px dashed #ffa91e;border-radius:50%;box-sizing:border-box;
    position: absolute;top: calc(50% - 90px);left: calc(50% - 90px);}
.section3 .rotate .box{
    width:100%;height:100%;position:absolute;
}
.pubRotate{
    background-image: url("/public/images/rotate/rotatebg.png");
    background-size: contain;
    position: absolute;
    width: 70px;
    height: 70px;
    box-sizing: border-box;
    padding: 6px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section3 .rotate .rotate-c-1{top: calc(50% - 43px);left: calc(50% - 42px);}
.section3 .rotate .rotate-c-2{top:45px;left:85px;}
.section3 .rotate .rotate-c-3{top:170px;left:305px;}
.section3 .rotate .rotate-c-4{top:290px;left:95px;}
.section3 .rotate .rotate-s-1{top:-24px;left:63px;}
.section3 .rotate .rotate-s-2{top:35px;left:145px;}
.section3 .rotate .rotate-s-3{top:130px;left:120px;}
.section3 .rotate .rotate-s-4{top:130px;left:5px;}
.section3 .rotate .rotate-s-5{top:35px;left:-24px;}
.section3 .rotate .rotate-b-1{top:-38px;left:165px;}
.section3 .rotate .rotate-b-2{top:5px;left:290px;}
.section3 .rotate .rotate-b-3{top:120px;left:363px;}
.section3 .rotate .rotate-b-4{top:260px;left:345px;}
.section3 .rotate .rotate-b-5{top:355px;left:235px;}
.section3 .rotate .rotate-b-6{top:355px;left:94px;}
.section3 .rotate .rotate-b-7{top:260px;left:-15px;}
.section3 .rotate .rotate-b-8{top:120px;left:-37px;}
.section3 .rotate .rotate-b-9{top:5px;left:32px;}

    /* --- 公司动态 page4 --- */

.section4 { background-image: url('../images/background/bgImg4.jpg'); background-size: 100% 100%;}
.section4 .pageContent{height:100%; }
.section4 .pageDivA .moreBtn{ color: #fff;background-color: #ffa91e;box-shadow:2px 2px 10px 1px rgba(255, 169, 30, 0.3);
    width:130px; border-radius: 5px;margin:3vh 0 0 200px;}
.section4 .pageDivA .moreBtn:hover{ background-color: #f09b1e}
.section4 .pageDivA .moreBtn:active{ background-color: #dc911c}
.section4 .pageDivA{ width:1200px;height:calc(100% - 90px);margin:auto;position:relative;top:90px;}
.section4 .pageDivA .centerLine{ width:10px;height:100%;background-color:#afc6e4;position:absolute;left:calc(50% - 5px);}
.section4 .newsBox{ position:relative}
.section4 .newsBox .textBox{ width: 560px; border-radius: 3px; background-color: #f0f0f0; position:relative;
    box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.2);box-sizing:border-box;padding:1.5vh; }
.section4 .newsBox .textBox h2{padding: 0; font-size: 16px; font-weight: bold;}
.section4 .newsBox .textBox p{ margin:0.5vh 0; text-indent: 2em; text-align: left;font-size:12px;}
.section4 .newsBox .textBox img{ position:absolute;bottom:5px;right:5px;width:20px;cursor:pointer;}
.section4 .newsBox .Tri-body-right{ border: 20px solid transparent; border-left-color:#f0f0f0; position: absolute;left: 555px; z-index: 3 }
.section4 .newsBox .Tri-shadow-right{ border: 20px solid transparent; border-left-color:#999; position: absolute;left: 555px; filter: blur(2px) }
.section4 .newsBox .Tri-body-left{ border: 20px solid transparent; border-right-color:#f0f0f0; position: absolute;left: -35px; z-index: 3 }
.section4 .newsBox .Tri-shadow-left{ border: 20px solid transparent; border-right-color:#999; position: absolute;left: -35px; filter: blur(2px) }
.section4 .newsBoxLeft,.section4 .newsBoxRight{padding-top:3vh}
.section4 .newsBoxLeft .newsBox{float:left;}
.section4 .newsBoxLeft .newsTime{width:140px;height:30px;line-height:30px;font-size:16px;color:#fff;background-color:#ffa91e;
    border-radius:25px; float: left; position: relative; z-index: 2; margin: 5px 0 0 30px;}
.section4 .newsBoxRight .newsBox{float:right;}
.section4 .newsBoxRight .newsTime{width:140px;height:30px;line-height:30px;font-size:16px;color:#fff;background-color:#3e84de;
    border-radius:25px; float: right; position: relative; z-index: 2; margin: 5px 30px 0 0;}

    /* --- 招商合作 page5 --- */

.section5 { background-image: url('../images/background/bgImg5.jpg'); background-size: 100% 100%;}
.section5 .pageDivTop{ width: 1200px;margin:auto;text-align: center;}
.section5 .pageDivTop h2 { color: #fff; font-size: 18px;line-height:2vw; letter-spacing:2px;}
.section5 .pageDivTop p { color: #fff; font-size: 12px; text-align:left;text-indent:2em; line-height:1vw;}
.section5 .pageDivTop a{ color: #ffa91e; background-color: #fff;box-shadow:2px 2px 10px 1px rgba(46, 130, 238, 0.5);
    width:130px;border:0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.section5 .pageDivTop a:hover{ background-color: #ededed;}
.section5 .pageDivTop a:active{ background-color: #e2e2e2; }
.section5 .pageDivBottom{width:1200px;margin:auto;margin-top:10vh;}
.section5 .pageDiv{width:300px;float:left;}
.section5 .pageDiv .pageDivImg{width:300px;height:200px;overflow:hidden;border-radius:15px;}
.section5 .pageDiv .pageDivImg img{width:100%;}
.section5 .pageDiv .pageDivText{width:100%;color:#fff;font-size:24px;line-height:40px;}
.section5 .pageDivA .pageDivText{margin-top:4vh;}
.section5 .pageDivB{margin-left:150px;}
.section5 .pageDivB .pageDivText{margin-bottom:4vh;}
.section5 .pageDivC{margin-left:150px;}
.section5 .pageDivC .pageDivText{margin-Top:4vh;}

/*.section5 .travel-pic{ width:100%; box-sizing: border-box;overflow: hidden}
.section5 .travel-pic li{overflow: hidden; border-radius:10px;}
.section5 .travel-pic img{border:0; width:100%;vertical-align:top;display:block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;}
.section5 .travel-pic a:hover img{
    transform:scale(1.04,1.04);
    -webkit-transform:scale(1.04,1.04);}*/


    /* --- 关于我们 page6 --- */

.section6 { background-image: url('../images/background/bgImg7.jpg'); background-size: 100% 100%;}
.section6 .pageContent{width:100%;}
.section6 .pageDiv{width:1200px;margin:auto;position:relative;margin-top:3vh;}
.section6 .pageDiv .imgBox{ width: 30%;height:180px; overflow: hidden;background-image: url("../images/AboutUs.png");
    background-repeat:no-repeat;background-position: center; }
/*.section6 .pageDiv .imgBox img{ width:100%;}*/
.section6 .pageDiv .AboutUsBox{ width:65%;height:80%;position:absolute;right:0;top:10%;
    border:2px solid rgba(255, 255, 255, 0.6);padding:0.5vw;box-sizing:border-box;}
.section6 .pageDiv .AboutUsBox .AboutUs{width:100%;height:100%;background-color: rgba(255,255,255,0.6);box-sizing:border-box;padding:0.5vw;}
.section6 .pageDiv .title{padding: 0;width:155px;margin:auto;border-left:5px solid #ffa91e;
    font-size: 18px;font-weight:600;line-height:20px;height:20px;}
.section6 .pageDiv .title span{font-size: 12px;font-weight:100;}
.section6 .pageDiv .AboutUsBox .AboutUs p{margin:1vh 0 0 0; text-indent: 2em; text-align: left; font-size: 0.7vw; }
.section6 .pageDiv .textBox{width:30%;height:25vh;float:left;box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    background-color: rgba(255,255,255,0.6);box-sizing:border-box;padding:2vh 1vw;}
.section6 .pageDiv .textBox p{ margin: 2vh 0 0 0; text-indent: 2em; text-align: left; font-size: 0.8vw; line-height: 2.8vh;}
.section6 .pageDiv .textBoxB{margin-left:5%;}
.section6 .pageDiv .textBoxC{margin-left:5%;}
.section6 .pageDiv .textBoxC h2{line-height:4.5vh}
.section6 .pageDiv .textBoxC span{font-size:14px;color:#666;}
.section6 .pageDiv .textBoxC .moreBtn{ color: #fff;background-color: #ffa91e;box-shadow:2px 2px 10px 1px rgba(255, 169, 30, 0.3);
    width:130px; border-radius: 5px;}
.section6 .pageDiv .textBoxC .moreBtn:hover{ background-color: #f09b1e}
.section6 .pageDiv .textBoxC .moreBtn:active{ background-color: #dc911c}
.section6 .pageDiv .infoBox{width:25%;height:20vh;float:left; position:relative}
.section6 .pageDiv .infoBox .addressBox{width:100%;text-align:left;}
.section6 .pageDiv .infoBox .addressBox p{margin:0;font-size:12px;line-height:4vh}
.section6 .pageDiv .infoBox .downloadPC{ width:150px;height:50px;background: #fff;box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    border-radius:5px;line-height:50px;text-align:center;font-size:20px;color:#ffa91e;cursor:pointer;margin:auto;margin-top:30px;}
.section6 .pageDiv .infoBox .downloadPC:hover{background: #e4e4e4}
.section6 .pageDiv .infoBox .downloadPC:active{background: #d9d9d9}
.section6 .pageDiv .infoBox .weixinCode{width:45%;float:left;height:100%;position:relative}
.section6 .pageDiv .infoBox .weixinCode img{width:100%;box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);}
.section6 .pageDiv .infoBox .weixinCode p{font-size:12px;}
.section6 .pageDiv .infoBox .weixinCode .codeSm{width: 135px;height: 4px;display: inline-block;position: absolute;
    top: 0;left: 0;/*background: url(../images/saomiao.png) no-repeat;background-size:100%;*/background-color:#00fcfd70;
    border-radius:50%;
    animation: smx 3s infinite linear;
    -moz-animation: smx 3s infinite linear;
    -webkit-animation: smx 3s infinite linear;
    -ms-animation: smx 3s infinite linear;}

    /* --- 底部弹窗 --- */

.shade{ position: fixed; z-index: 9999; width: 100%}
.shade-bottom{ left: 0; bottom: 0;background: rgba(24, 34, 24, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);}
.apply-shade{ padding: 20px 0;opacity: 0; overflow: hidden;transform: translate3d(0,-300%,0) scale(0,0); transition: transform .6s cubic-bezier(0.68,-0.55,0.27,1.55); }
.apply-shade.show{ opacity: 1; height: auto;transform: translate3d(0,0,0) scale(1,1);}
.apply-shade .title{ font-size: 24px; color: #fff; padding-bottom: 20px; text-align: center; font-weight: normal }
.apply-shade .warper{ position: relative}
.apply-shade .close{ text-align: center; display: block; position: absolute; right: 10px; top: 0; cursor: pointer}
.apply-shade .close img{ margin:0;}
.apply-shade-form .item{ position: relative; float: left; margin-right: 15px;}
.apply-shade-form input[type='text']{ width: 200px; height: 40px; background: rgba(255, 255, 255, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); border-radius: 4px; border: 2px solid transparent; color: #ffa91e; padding-left: 35px; box-sizing: border-box; font-size: 16px; font-weight: bold}
.apply-shade-form .authcode input[type='text']{ width: 170px}
.apply-shade-form{ width: 100%; text-align: center;}
.apply-shade-form .row-x{ display: inline-block; margin: 0 auto; width: auto}
.apply-shade-form input::-moz-placeholder{ color:#8c8c8c;font-size: 14px}
.apply-shade-form input:-ms-input-placeholder{color:#8c8c8c; font-weight: normal; font-size: 14px}
.apply-shade-form input::-webkit-input-placeholder{color:#8c8c8c; font-weight: normal; font-size: 14px}
.apply-shade-form .ico{ position: absolute; left: 10px; top: 0; font-size: 16px; height: 40px; line-height: 40px; color: #d9851d;}
.apply-shade-form .ico i{ margin-top:12px;}
.apply-shade-form .ico img{ margin-top:12px;}
.apply-shade-form .item.on .ico{ color: #ffa91e}
.apply-shade-form .item.on input[type='text']{ box-shadow: 2px 2px 8px rgba(66, 184, 241, 0.48);  background: #fff;  }
.apply-shade-form .btn{ background:#ffa91e; color: #fff; font-size: 18px;  padding: 0 25px;  height: 40px;line-height: 40px;border: none;}
.apply-shade-form .authcode-btn{ position: absolute; right: 0; top: 0;  background:#ffa91e;  height: 40px;  line-height: 40px;  padding: 0 10px;  border-radius: 0 4px 4px 0;  color: #fff;}
.apply-shade-form .authcode-btn a{ color: #fff;}