@charset "UTF-8";
html{background:#fff;}
body{font:12px/18px "Microsoft Yahei","微软雅黑";font-weight:lighter;color:#333; -webkit-font-smoothing: antialiased;min-width: 1200px;}
a{color:#333; text-decoration:none; cursor:pointer; outline: 0 none;}
a:hover{ text-decoration:none;}
a:focus{-moz-outline-style:none; border:0px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
ol,li,ul,dl,dt,dd{list-style:none;}
img{border:0;vertical-align: middle;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:lighter;}
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,select,button{font-family:inherit; font-size:inherit; font-weight:inherit; outline-style:none; outline-width:0; resize:none; padding: 0; margin: 0;}
b,em,i{display:inline-block; font-weight:normal; font-style:normal;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{ zoom:1;}
.container { width:1200px; height:auto; position:relative;  margin:0 auto;}
.tac{text-align:center !important;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}

#header{height:66px;position:relative;top:0;left:0;right:0;width:100%;z-index:9999;}
#header h1{line-height:66px;float: left; }
#header ul{float: left;margin-left:90px;}
#header ul li{float: left;line-height:64px;width:45px;text-align:center;margin:0 30px;}
#header ul li a{font-weight: 400;font-style: normal;font-size: 16px;color: #FFFFFF;letter-spacing: 3px;}

.header{height:66px;position:absolute;top:0;left:0;right:0;width:100%;z-index:99999;background-color:#ed6c00;}
.header.down{transform: translateY(0);}
.header h1{line-height:66px;float: left; }
.header ul{float: left;margin-left:90px;}
.header ul>li{float: left;width:45px;text-align:center;margin:0 30px;}
.header ul>li>a{width: 100%;height:100%;line-height: 66px;display: block;font-weight: 700;font-style: normal;font-size: 16px;color: #FFFFFF;letter-spacing: 3px;position:relative;}
.header ul>li.on>a:after{content:'';display: block;width: 100%;border-bottom:3px solid #fff;position:absolute;bottom:0;left:0;}
.downmenu{display: none;width:100%;padding:15px 0;background:rgba(0, 0, 0, 0.5);position:absolute;top:100%;left:0;}
.downmenu dl dd{float:left;display:block;width: 70px;margin-right:30px;}
.downmenu dl dd:hover a{color:#ed6c00}
.downmenu dl dd a{display: block;width: 100%;height:60px;color:#fff;font-size:12px;position:relative;}
.downmenu dl dd .img-box{width: 44px;height: 36px;background-repeat:no-repeat;}
.downmenu dl dd span{position: absolute;width: 100%;left: 0;bottom: 0;}
.brand .company-desc .img-box{background-image:url(../img/icon-nav.png);background-position:-6px 3px;margin-left:12px;}
.brand .company-desc:hover .img-box{background-position:-6px -67px;}
.brand .Online-office .img-box{background-image:url(../img/icon-nav.png);background-position:-133px 3px;margin-left:12px;}
.brand .Online-office:hover .img-box{background-position:-133px -67px;}
.brand .Recruitment-Information .img-box{background-image:url(../img/icon-nav.png);background-position:-269px 3px;margin-left:12px;}
.brand .Recruitment-Information:hover .img-box{background-position:-269px -67px;}
.brand .Contact-us .img-box{background-image:url(../img/icon-nav.png);background-position:-387px 3px;margin-left:12px;}
.brand .Contact-us:hover .img-box{background-position:-387px -67px;}

.project .Games-gaming .img-box{background-image:url(../img/icon-nav.png);background-position:-6px -134px;margin-left:12px;}
.project .Games-gaming:hover .img-box{background-position:-6px -204px;}
.project .Wired-Office .img-box{background-image:url(../img/icon-nav.png);background-position:-133px -134px;margin-left:12px;}
.project .Wired-Office:hover .img-box{background-position:-133px -204px;}
.project .Brief-pen .img-box{background-image:url(../img/icon-nav.png);background-position:-269px -134px;margin-left:12px;}
.project .Brief-pen:hover .img-box{background-position:-269px -204px;}
.project .Wireless-business .img-box{background-image:url(../img/icon-nav.png);background-position:-387px -134px;margin-left:12px;}
.project .Wireless-business:hover .img-box{background-position:-387px -204px;}
.project .movie .img-box{background-image:url(../img/icon-nav.png);background-position:-496px -134px;margin-left:12px;}
.project .movie:hover .img-box{background-position:-496px -204px;}
.project .other .img-box{background-image:url(../img/icon-nav.png);background-position:-577px -134px;margin-left:12px;}
.project .other:hover .img-box{background-position:-577px -204px;}

.new .New-product-notice .img-box{background-image:url(../img/icon-nav.png);background-position:-4px -272px;margin-left:12px;}
.new .New-product-notice:hover .img-box{background-position:-4px -343px;}
.new .Evaluation .img-box{background-image:url(../img/icon-nav.png);background-position:-134px -273px;margin-left:12px;}
.new .Evaluation:hover .img-box{background-position:-134px -343px;}
.new .Wired-Office .img-box{background-image:url(../img/icon-nav.png);background-position:-270px -272px;margin-left:12px;}
.new .Wired-Office:hover .img-box{background-position:-270px -342px;}
.new .Brief-pen .img-box{background-image:url(../img/icon-nav.png);background-position:-387px -272px;margin-left:12px;}
.new .Brief-pen:hover .img-box{background-position:-387px -342px;}
.new .movie .img-box{background-image:url(../img/icon-nav.png);background-position:-498px -270px;margin-left:12px;}
.new .movie:hover .img-box{background-position:-498px -340px;}

.server .download-center .img-box{background-image:url(../img/icon-nav.png);background-position:-6px -415px;margin-left:12px;}
.server .download-center:hover .img-box{background-position:-6px -485px;}
.server .IMEI .img-box{background-image:url(../img/icon-nav.png);background-position:-133px -415px;margin-left:12px;}
.server .IMEI:hover .img-box{background-position:-133px -485px;}
.server .Dealer-information .img-box{background-image:url(../img/icon-nav.png);background-position:-272px -415px;margin-left:12px;}
.server .Dealer-information:hover .img-box{background-position:-272px -485px;}
.server .online-help .img-box{background-image:url(../img/icon-nav.png);background-position:-388px -415px;margin-left:12px;}
.server .online-help:hover .img-box{background-position:-388px -485px;}



.header .search{line-height:66px;}
.header .search input{width: 135px;height: 25px;padding:0 15px;border:none;border-radius:20px;}
.header .language{color:#fff;}
.header .language a{font-style:14px;color:#fff;}
#footer{height:140px;background-color:#f2f2f2;padding-top: 45px;}
#footer .store a{font-size:16px;color:#3e3c34;font-weight:500;}
#footer .store a:after{content: '';display:inline-block;vertical-align: middle;margin-left:10px;width: 40px;height: 40px;background:url(../img/icon-brand.png) center no-repeat;}
#footer .follow span{color:#666;line-height:32px;font-size:14px;float: left;}
#footer .follow div{float: left;margin-left:16px; }
#footer .tel{text-align:center;margin-left:60px;}
#footer .tel p{font-size:14px;color:#666;padding-bottom:15px;}
#footer .tel span{font-size:16px;color:#666;}

.pendant{width: 50px;height:150px;position:fixed;bottom:10%;right:3%;z-index:99999;}
.pendant ul li{width:48px;height:48px;background-color:#e0e0e0;background-repeat:no-repeat;background-position: center;border-radius: 10px;margin-bottom:5px;}
.pendant .top{background-image:url(../img/top-c.png);}
.pendant .top:hover{background-color:#ed6c00;background-image:url(../img/top.png);}
.pendant .home{background-image:url(../img/home-c.png);cursor:pointer;}
.pendant .home:hover{background-color:#ed6c00;background-image:url(../img/home.png);}

.pro-wrap{padding:40px 0;background-color:#ececec;}
.pro-wrap .slide-menu{width: 170px;padding:40px 10px 40px 40px;min-height:410px;background-color:#fff;}
.pro-wrap .slide-menu dt{cursor:pointer;margin-bottom: 10px;}
.pro-wrap .slide-menu dl.on dt,.pro-wrap .slide-menu dl.on dt a{color: #ed6c00;}
.pro-wrap .slide-menu dl.on dd:hover a{color: #ed6c00;}
.pro-wrap .slide-menu dl{height:23px;overflow: hidden;margin-bottom:5px;}
.pro-wrap .slide-menu dt{font-size:18px;}
.pro-wrap .slide-menu dd{font-size:14px;color: #1a1a1a;line-height:1.5;margin-left:35px;}
.pro-wrap .content-wrap{width: 965px;}
.pro-wrap .content-wrap li .text{margin-top:8px;}
.pro-wrap .content-wrap li{display: block;float: left;margin-right:12px;margin-bottom:12px;width: 310px;height:395px;background-color:#fff;text-align:center;-webkit-transition:all .5s;transition:all .5s;}
.pro-wrap .content-wrap li:hover{-moz-box-shadow:0px 0px 9px #ED6C00; -webkit-box-shadow:0px 0px 9px #ED6C00; box-shadow:0px 0px 9px #ED6C00;}
.pro-wrap .content-wrap .img-box{width: 100%;height: 285px;background-repeat:no-repeat;background-position:center;}
.pro-wrap .content-wrap .text h3{font-size:18px;color: #1a1a1a;}
.pro-wrap .content-wrap .text p{font-size:14px;color: #1a1a1a;margin-top:12px;margin-bottom:15px;}
.pro-wrap .content-wrap .text span{font-size:16px;color: #ff4f20;display: none;}

.brand-wrap{height: 48px; text-align:center;display: none;}
.brand-wrap .navigation{display:inline-block;}
.brand-wrap .navigation li{float: left;display: block;width: 145px;}
.brand-wrap .navigation li a{font-size:13px;line-height:48px;position:relative;}
.brand-wrap .navigation li.on a{color:#ed6c00;}
.brand-wrap .navigation li.on a:after{content:'';display: block;width:100%;position: absolute;bottom:-4px;left:0;height:1px;background-color:#ed6c00;}
.pro-show{height:735px;padding-top:75px;}
.pro-show .swiper-container {width:750px;height:100%;}
.pro-show .swiper-container img{width: 100%;}
.pro-show .view{border:1px solid #ccc;overflow: hidden;background-position: center;
    background-repeat: no-repeat;}

.pc-slide {width:100%;}
.view .swiper-container {width: 100%;height:600px;}
.view .swiper-container img{width:100%;}
.preview{width: 100%;margin-top: 10px;position: relative;}
.preview img{margin:10px;}
.preview .active-nav{position:relative;}
.preview .active-nav:after{content:'';position:absolute;width:98%;height:98%;left:0;top:0;border:1px solid #ed6c00;}
.preview .swiper-container {width: 450px;height: 82px;margin-left:25px;}
.preview .swiper-slide {width: 85px;height:80px;margin-right:6px;}
.preview .slide6 {width: 82px;}
.preview .arrow-left {background: url(../img/feel3.png) no-repeat left top;position: absolute;left: 0px;top: 50%;margin-top: -22px;width:22px;height: 41px;z-index: 10;}
.preview .arrow-right {background: url(../img/feel4.png) no-repeat left bottom;position: absolute;right: 0px;top: 50%;margin-top: -22px;width: 22px;height:41px;z-index: 10;}
.preview img {padding: 1px;}
.preview .active-nav img { padding: 0;}

.pro-show .text h2{font-size:35px;color:#1a1a1a;margin-top:8px;}
.pro-show .text h3{font-size:18px;color:#666666;margin:20px 0 50px 0;}
.pro-show .text p{font-size:16px;color:#666666;vertical-align: top;}
.pro-show .text span{font-size:18px;color:#ed6c00;/* margin:10px 0 30px 0 */;display: block;opacity:0}
.pro-show .cloor-list  ul li{float: left;width:30px;border:1px solid #ccc;margin-right:10px;cursor:pointer;}
.pro-show .cloor-list  ul li.on{border-color:#ed6c00;}
.pro-show .text a{display: block;width: 210px;height:52px;color:#fff;font-size:24px;margin-top:50px;text-align:center;line-height:52px;background-color:#ed6c00;}

.new-wrap ul li{float: left;width:390px;height:auto;display: block;margin:30px 12px 0 0;}
.new-wrap ul li .img-box{height:293px;background-repeat:no-repeat;background-position:center;}
.new-wrap ul li .text{padding:25px 30px 15px 15px;background-color:#fff;}
.new-wrap ul li .text h2{color:#333333;font-size:16px;padding-bottom:20px;}
.new-wrap ul li .text span{color:#666666;font-size:14px;}
.new-wrap ul li .text p{color:#666666;font-size:14px;}

.join-wrap .bar1{height: 55px;line-height:55px;border-bottom:1px solid #ccc;}
.join-wrap .bar1 a{font-size:14px;color:#3e3a39;}
.join-wrap .bar a.on{color:#ed6c00;position:relative}
.join-wrap .bar a.on::after{content:'';display: block;width:100%;position: absolute;bottom:-2px;left:0;height:1px;background-color:#ed6c00;}
.join-wrap .bar2{padding:20px 0;border-bottom:1px solid #ccc;font-size:14px;color:#3e3a39;}
.join-wrap .bar2 a{font-size:14px;color:#3e3a39;}
.join-wrap .title{font-size:24px;color:#221815;margin:65px 0 20px;}
.join-wrap .PosBarList li{border-top:1px solid #ccc;}
.join-wrap .PosBarList li:last-child{border-bottom:1px solid #ccc;}
.join-wrap .PosBarList .clikmask{font-size:24px;float:right;line-height:60px;position: relative;z-index:11;cursor:pointer;}
.join-wrap .PosBarList .mask{display: none;}
.join-wrap .PosBarList .name{clear:both;line-height:60px;font-weight:bold;font-size:14px;color:#595656;cursor:pointer;}

.down-wrap .search{text-align:center;padding:80px 0 35px;}
.down-wrap .search form,.down-wrap .select form{display: inline-block;}
.down-wrap .search input[type='image']{position: relative;left:30px;top:4px;}
.down-wrap .search input[type='search']{width:760px;padding:0 30px;height: 35px;border:none;border:1px solid #ccc;border-radius:4px;}
.down-wrap .select{text-align:center;}
.down-wrap .select select{width:164px;height: 30px;padding:0 10px;background-color:#f1f1f1;font-size:16px;margin-right:50px;}
.down-wrap .select button{width: 100px;height: 28px;color:#fff;font-size:14px;cursor:pointer;border:none;border-radius:4px;background-color:#ed6c00;}
.down-wrap .downList{padding:20px 0 30px;}
.down-wrap .downList li{width: 275px;padding: 0 20px 0 75px;margin-top:10px;height: 50px;display: block;float: left;cursor:pointer;}
.down-wrap .downList li p{font-size:14px}
.down-wrap .downList li:hover .btndown{background-color:#ed6c00;color:#fff;}
.down-wrap .downList li:hover p{color:#ed6c00;}
.down-wrap .downList .btndown{width: 50px;height: 25px;border:1px solid #ccc;color:#000;text-align:center;line-height:25px;}

.downmenubar {display:table;height:auto; margin:0 auto;}
.downmenubar a{ display:inline-block; margin-left:70px;width:130px; height:26px; text-align:center; background:#f2f2f2; line-height:26px; font-size:15px; color:#000; }
.downmenubar a:first-child{margin-left:0;}
.downmenubar a:hover,.downmenubar a.dactive { color:#fff; background:#ed6c00; }


.agent-wrap .select{padding:70px 0;text-align:center;}
.agent-wrap .select form{display:inline-block;}
.agent-wrap .select select{width: 180px;height: 30px;padding:0 20px;background-color:#f1f1f1;font-size:14px;}
.agent-wrap .select input{width:350px;height: 30px;padding:0 20px;border:1px solid #ccc;background-color:#f7f7f7;font-size:14px;}
.agent-wrap .select button{width: 100px;height: 30px;font-size:14px;color:#FFF;background-color:#ed6c00;border:none;border-radius:4px;text-align:center;line-height:30px;}
.agent-wrap .result{padding-bottom:50px;}
.agent-wrap .result th{height:38px;line-height:38px;font-size:16px;color:#fff;border-right:1px solid #fff;}
.agent-wrap .result td{text-align:left;height:40px;font-size:16px;line-height:40px;padding-left:75px;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}

.login-wrap{padding:40px 0;}
.login-wrap .loginbox{width:100%;height: 465px;background-color:#fff;}
.login-wrap .loginbox input{margin-top:30px;padding:0 20px;}
.login-wrap .loginbox .name,.login-wrap .loginbox .password{width:260px;height: 50px;border:none;border:1px solid #ccc;}
.login-wrap .loginbox button{margin-top:30px;width:302px;height: 50px;background-color:#ed6c00;border:none;text-align:center;line-height:50px;color:#fff;}

.wrap .navbox{height: 48px; text-align:center;background-color:#fff;}
.wrap .navigation{display:inline-block;}
.wrap .navigation li{float: left;display: block;width: 145px;}
.wrap .navigation li a{font-size:13px;line-height:48px;position:relative;}
.wrap .navigation li.on a{color:#ed6c00;}
.wrap .navigation li.on a:after{content:'';display: block;width:100%;position: absolute;bottom:-4px;left:0;height:1px;background-color:#ed6c00;}

.imei-wrap{text-align:center;}
.imei-wrap #txbBarcode{margin:35px 0;width:450px;height:40px;padding:0 20px;background:transparent;border:none;border-radius:4px;border:1px solid #ccc;}
.imei-wrap #Button1{width:491px;height:40px;color:#fff;font-size:24px;background:#ed6c00;border:none;border-radius:4px;}

.pagination>li {display:inline-block}

.pagination>li>a,.pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #000;text-decoration: none;background-color: #fff;border: 1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px}
.pagination>li:last-child>a,.pagination>li:last-child>span {border-top-right-radius: 4px;border-bottom-right-radius: 4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index: 3;color: #fff;cursor: default;background-color: #ed6c00;}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd}
.pagination-lg>li>a,.pagination-lg>li>span {padding: 10px 16px;font-size: 18px;line-height: 1.3333333}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {border-top-left-radius: 6px;border-bottom-left-radius: 6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {border-top-right-radius: 6px;border-bottom-right-radius: 6px}
.pagination-sm>li>a,.pagination-sm>li>span {padding: 5px 10px;font-size: 12px;line-height: 1.5}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {border-top-left-radius: 3px;border-bottom-left-radius: 3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {border-top-right-radius: 3px;border-bottom-right-radius: 3px}
.pager {padding-left: 0;margin: 20px 0;text-align: center;list-style: none}
.pager li {display: inline}
.pager li>a,.pager li>span {display: inline-block;padding: 5px 14px;background-color: #fff;border: 1px solid #ddd;border-radius: 15px}
.pager li>a:focus,.pager li>a:hover {text-decoration: none;background-color: #eee}
.pager .next>a,.pager .next>span {float: right}
.pager .previous>a,.pager .previous>span {float: left}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span {color: #777;cursor: not-allowed;background-color: #fff}



.key-features-item{margin: 50px 0;display:flex;align-items: center;background:#fff;}
.pull-left img{width:735px;}
.pull-left{width: 60%;}
.pull-right{width:40%;text-align:left;    padding-left: calc(7.14286% + 10px);
    padding-right: calc(7.14286% + 10px);}
.pull-right h3{font-size: 30px;line-height: 1.06667;margin-bottom: 20px;}
.pull-right p{color: #6f7678;font-size: 16px;line-height: 1.375;}


.newproject-wrap ul li{display:block;width: 595px;height: 390px;float: left;}
.newproject-wrap ul li:nth-child(odd){ margin-right: 10px;}
.newproject-wrap ul li .img-box{display: block;width: 100%;height: 297px;}
.newproject-wrap ul li .text-box{height:93px;line-height:93px;padding:0 30px;background: #fff;}
.newproject-wrap ul li .text-box h2{font-size:24px;color:#333;display:inline-block;vertical-align: middle;}
.newproject-wrap ul li .text-box p{font-size:16px;color:#333;display:inline-block;vertical-align: middle;}
.newproject-wrap ul li .text-box .fr{font-size:24px;}

.reviews-wrap ul li{display:block;width: 393px;height: 393px;float: left;margin-right:7px;margin-bottom:20px;}
.reviews-wrap ul li .img-box{display: block;width: 100%;height: 295px;}
.reviews-wrap ul li .text-box{height:93px;background: #fff;padding:0 10px;}
.reviews-wrap ul li .text-box h2{font-size:16px;color:#333;line-height:60px;}
.reviews-wrap ul li .text-box .bottom{color:#666;}
.reviews-wrap ul li .text-box .bottom div{margin-right:30px;}

.topics-wrap ul li{display:block;width: 393px;height: 393px;float: left;margin-right:7px;margin-bottom:20px;}
.topics-wrap ul li .img-box{display: block;width: 100%;height: 295px;position:relative;}
.topics-wrap ul li .text-box{height:93px;background: #fff;padding:0 10px;}
.topics-wrap ul li .text-box h2{font-size:16px;color:#333;line-height:60px;}
.topics-wrap ul li .text-box .bottom{color:#666;}
.topics-wrap ul li .text-box .bottom div{margin-right:30px;}


.activity-wrap ul li{display:block;width: 393px;height: 393px;float: left;margin-right:7px;margin-bottom:20px;}
.activity-wrap ul li .img-box{display: block;width: 100%;height: 295px;}
.activity-wrap ul li .text-box{height:93px;background: #fff;padding:0 10px;}
.activity-wrap ul li .text-box h2{font-size:16px;color:#333;line-height:60px;}
.activity-wrap ul li .text-box .bottom{color:#666;}
.activity-wrap ul li .text-box .bottom div{margin-right:30px;}

.details-wrap .padding-wrap{padding:80px;background-color:#fff;margin:30px 0}
.details-wrap .title-box{height: 130px;border-bottom:1px solid #ccc;}
.details-wrap .title-box h2{font-size:30px;color:#333333;line-height: 1.5;padding-bottom:20px}
.details-wrap .padding-wrap .details div{font-size:14px;display:inline-block;margin-right:10px;color:#908b8b;}

.navbar a{font-size:16px;line-height:2;}
.topics-wrap .fa-play-circle-o{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 40px;height: 40px;color:#fff;}

/* contact模块  */
.message_box {
    background: white;
    padding: 8rem; }
    .message_box h2 {
      color: #2d373c;
      margin: 0 auto;
      text-align: center;
      font-size: 2rem;
      font-weight: bold; }
    .message_box form {
      margin-top: 2rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .message_box form label {
        display: block;
        color: #979494; }
        .message_box form label span {
          color: red; }
      .message_box form input {
        width: 100%;
        height: 2.8125rem;
        border-radius: unset;
        border: 1px solid #979494;
        display: block;
        padding-left: 5px; }
      .message_box form .item {
        flex: 0 1 45%;
        width: 45%;
        margin: 1rem 0; }
      .message_box form .item-textarea {
        flex: 1 1 100%;
        height: 300px; }
        .message_box form .item-textarea textarea {
          padding: 10px 0 0 10px;
          height: 90%;
          width: 100%; }
      .message_box form .item-submit {
        margin-top: 3rem;
        margin: 3rem auto;
        width: 10.375rem;
        height: 37px;
        border: 1px solid black;
        border-radius: unset; }
        .message_box form .item-submit input {
          width: 100%;
          height: 100%; }
  
/* loading 动画*/
.loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vw;
  background-color: rgba(255, 255, 255, 0.8)
}

.loading-img {
  width: 5.556vw;
  height: 5.556vw;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

@keyframes turn {
  0% {
      -webkit-transform: rotate(0deg);
  }
  25% {
      -webkit-transform: rotate(90deg);
  }
  50% {
      -webkit-transform: rotate(180deg);
  }
  75% {
      -webkit-transform: rotate(270deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
  }
}

.loading-img img {
  width: 100%;
  animation: turn 1s linear infinite;
}

.loading-none {
  display: none;
}


/* question问题页 */
.qa {
  background: white;
  padding: 8rem;
}
.qa h3 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
}
.qa dl {
  font-size: 1rem;
}
.qa dl dt {
  margin: 1rem 0;
}
.qa dl dd {
  line-height: 1.5rem;
}