@charset "utf-8";
/* CSS Document */
@import url("default.css");

.wapper{ min-width:1200px;}
.pag{ width:960px; margin:90px auto 30px; text-align:center}
.box{ width:340px; height:auto; overflow:hidden; margin:0 auto; text-align:center; padding:30px; background-color:#fff;border-radius: 4px; border: 1px solid #e3e3e3;box-shadow: 0 12px 16px 0 rgb(0 0 0 / 12%);}
.bd_title{ margin:10px 0 12px; font-size:24px;}
.bd_title span{ color: #44acb6; padding:0 8px;}
.ewm{ width:200px; height:200px; margin:30px auto}
.ewm img{ width:200px; height:200px;}
.desc{font-size: 12px; color: #777; margin-bottom: 30px;}
.signin_footer{ border-top: 1px solid #e3e3e3; padding:20px 0 40px; font-size:14px; color: #555;}
.signin_footer a{outline-color: #44acb6; color: #44acb6;}
.signin_footer a:hover{color: #49bdc8;}
.qrcode_desc{font-size: 18px; color: #555; margin: 20px 0 80px 40px;}
.qrcode_desc span{ float:left}
.qrcode_desc img{ float:left; margin:6px 8px 0;}
.bd_footer{ clear:both;font-size: 12px; color: #999; text-align:center; margin-bottom:20px; line-height:2}
.bd_footer a{outline-color: #44acb6; color: #44acb6;}
.bd_footer a:hover{color: #49bdc8;}
.topbar{ width: 960px; height: 36px; margin: 20px auto;}
.logo{ float:left;}
.logo img{ height:36px;}
.logo2{ margin-top:20px;}
.logo2 img{ float:left; margin-right:10px; height:36px;}
.logo2 span{ float:left; font-size:14px; color:#54b2bd; margin-top:8px;}
.btn_group{ float:right;}
.btn{float: left; margin: 0; border-radius: 0; outline: none;display: inline-block; padding: 6px 10px; color: #fff; font-size: 14px; background-color: #44acb6; border: 1px solid #44acb6;cursor: pointer;}
.btn.btn-white { color: #44acb6; background-color: #fff; border-color: #ccc;}
.btn:first-child { border-radius: 4px 0 0 4px;}
.btn:last-child {position: relative; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.page_box{box-sizing: border-box; margin: 0 auto; padding: 30px 40px; width: 960px; min-height: 600px; background-color: #fff; border-radius: 4px;  border: 1px solid #e3e3e3; box-shadow: 0 12px 16px 0 rgb(0 0 0 / 12%);}
.page_box h1{line-height: 1.25; font-weight: 600;}
.page_box .time{ margin-top:20px; color:#555}
.content{ text-align:left; line-height:2; font-size:16px; margin:50px 0 0}
.footer{ width: 960px; margin: 0 auto; padding: 36px 0; font-size: 12px; text-align: center;}
.header{ width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); height:80px; padding:0 30px;box-shadow: 0 6px 8px 0 rgb(0 0 0 / 5%); position:fixed; z-index:555555555; top:0;display: -webkit-flex; /* Safari */display: flex;justify-content:space-between; background-color:#fff}
.mfei{ float:right; margin:20px 0 0 30px}
.mfei a{ padding: 6px 18px; border-radius: 4px; background-color: #e99b35; font-size: 16px;  font-weight: 500; line-height: 1.75;  color: #fff;  display: inline-block;}
.mfei a:hover{ background-color:#d0831f}
.dl{ float:right; margin-top:30px}
.dl a{color: #555; line-height: 24px;}
.dl a:hover{ color:#44acb6;}
.menu{margin-top:30px}
.menu a{ margin: 0 20px; color: #555; line-height: 24px;}
.menu a:hover{ color:#44acb6;}
#dang{color:#44acb6;}
.kefu{ font-size:20px;}
.wap{ width:100%; height:auto; overflow:hidden; margin-top:80px;}
.price{ width:100%; height:auto; overflow:hidden; background-color: #f7f8f8; padding-top: 40px; padding-bottom: 80px; text-align:center}
.price_title{ width:100%;margin: 0 auto 15px; font-size: 44px; font-weight: 900; color: #142225; line-height: 1.4;}
.price_subtitle{ width:100%;font-size: 20px;color: #5c7070;}
.tab_header{ width:100%; height:auto; overflow:hidden; padding-top:50px;display: -webkit-flex; /* Safari */ display: flex;justify-content:center;}
.tab_item{width: 326px;  border-radius: 4px; box-shadow: 0 3px 12px 0 rgb(48 48 48 / 5%); background-color: #fff; margin:0 15px; padding: 50px 0;}
.tab_title{ font-size: 24px; font-weight: 600; color: #142225; margin: 0 auto 10px; line-height: 1.5;}
.tab_subtitle{font-size: 16px; color: #5c7070; line-height: 1.75;}
.tab_price{margin: 55px auto 75px; font-size: 44px; font-weight: 900; color: #142225;}
.tab_a a{border: #54b2bd 1px solid; border-radius:4px;font-size: 20px; font-weight: 500; padding: 10px 35px; color:#54b2bd;background-color: #fff;}
.tab_a a:hover{ background-color:#54b2bd; color:#fff}
.tab_img{ margin:10px 0 5px}
.month{margin: 20px 0 10px; font-weight: 500; color: #b0bfbf; position: relative; height: 20px;font-size: 14px; font-weight: 400;}
.month span{font-size: 24px; margin-right: 6px; line-height: 20px; text-decoration: line-through;}
.tab_year{font-size: 50px;line-height: 1.4;font-weight: 900;color: #142225;}
.tab_year2{ font-size: 16px; color: #5c7070;margin-bottom: 40px; line-height: 1.75;}
.expert{position: relative; overflow:hidden; z-index:200}
.icon{position: absolute; top: -70px; right: -70px; width: 120px; height: 120px; -webkit-transform: rotate(225deg);  transform: rotate(225deg); color: #fff; background: #e99b35;}
.icon span{display: inline-block; -webkit-transform: rotate(180deg) translateY(-6px); transform: rotate(180deg) translateY(-6px); font-size: 14px; font-weight: 500;}
.table_header{ margin-top: 50px; width: 100%; background-color: #fff; min-width: 1040px; text-align:center;display: -webkit-flex; /* Safari */display: flex; justify-content: center;}
.table_inner{width: 1040px;display: -webkit-flex; /* Safari */ display: flex;justify-content:flex-end}
.version_item{ border: none; padding: 20px 25px; font-weight: 400; vertical-align: top; background-color: #fff; width: 192px;}
.version_title{font-size: 32px; font-weight: 600; margin-bottom:20px}
.version_item .but{border-color: #54b2bd; font-size: 20px; font-weight: 500;color: #44acb6; background-color: #fff;padding: 8px 24px;border: 1px solid #44acb6; border-radius: 4px; cursor: pointer;}
.version_item .but:hover{background-color: #54b2bd; color:#fff}
.version_item .but2{background-color: #54b2bd; color:#fff}
.version_item .but2:hover{background-color: #3ba0ac; }
.tower{ margin: 20px auto 80px; min-width: 1040px; font-size: 20px; color: #25282b; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3;}
.tower td{height: 30px; padding: 10px 44px; font-size: 18px; line-height: 1.75; vertical-align: middle; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; text-align:center}
.tower td:last-child{ background-color: #f0f9fa;}
.tower .block_title{font-size: 24px;font-weight: 500; text-align: left; padding: 20px 40px; line-height: 1.5;}
.tower .feature_title{text-align: left; font-size: 20px; line-height: 1.5; padding: 10px 0 10px 60px;}
.uncheck_icon{ width:26px; height:26px; background-repeat: no-repeat; background-size: 100%; display: inline-block; vertical-align: middle;    background-image: url(../images/uncheck-circle-a82f08961179e1dab24d2b6655683f22.svg);}
.check_icon{ width:26px; height:26px; background-repeat: no-repeat; background-size: 100%; display: inline-block; vertical-align: middle;    background-image: url(../images/check-circle-acd3e2a001842ecb11be9aa7e3ca01e8.svg);}
.section{padding: 100px 0; background-color: #f7f8f8; min-width: 1040px;}
.section_title{font-size: 32px; font-weight: 600; margin-bottom: 50px; text-align: center;}
.faq_list{display: flex; justify-content: space-between; margin: auto; max-width: 1040px; text-align: left;}
.faq_item{width: 326px;}
.faq_title{ margin-bottom: 15px; font-weight: 400; font-size: 24px;}
.faq_content{font-size: 16px; color: #5c7070;}
.shiyong{ width:100%; padding:30px 0; background-color:#54b2bd; color:#fff; font-size:18px; line-height:150%; cursor:pointer;display: -webkit-flex; /* Safari */display: flex;justify-content:center;align-items:center}
.shiyong:hover{background-color: #409199;}
.shiyong01{ padding:0 15px}
.foot{ width:100%; padding:15px 0; text-align:center;color: #999; font-size: 12px;}
.banner{ width:100%; min-width:1200px;}
.banner img{ width:100%;}
.list{ width:100%; height:auto; overflow:hidden; padding:80px 0 0;display: -webkit-flex; /* Safari */ display: flex;justify-content:center;}
.list_pic{ width:810px; padding:0 20px}
.list_text{ width:300px; padding:0 20px}
.list_text p{ font-size:48px; font-weight:800; color:#44acb6; padding:80px 0 40px}
.list_text span{ display:block; padding-bottom:15px; font-size:18px; color:#4f4f4f}
.quana{ width:800px; margin:30px auto 0}