/* body{padding-bottom: 100px;} */
.topHeader{height: 56px; background-color: #fff;}
.topHeader .topBox{display: flex; align-items: center; justify-content: space-between;}
.topHeader .topBox .logoBox{display: flex; align-items: center; height: 56px; font-size: 18px; font-weight: bold; color: #141933;}
.topHeader .topBox .logo{width: 22px; height: 22px; margin-right: 6px;}
.topHeader .topBox .logo img{display: block; width: 100%; height: 100%; object-fit: cover;}

.topHeader .loginBox a{font-size: 16px; color: #141933; font-weight: bold;}

.topHeader .loginBox a s{width: 20px; height: 20px;display: inline-block; vertical-align: middle; margin-right: 8px; margin-bottom: 4px;}
.topHeader .loginBox a s img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.topHeader .linkBox li{float: left; line-height: 56px; font-size: 16px; margin: 0 33px;}
.topHeader .linkBox li a{color: #141933; font-weight: bold;}
.topHeader .linkBox li a:hover,.topHeader .linkBox li.on_chose a{color: #FC381E;}
.wrap{width: 1200px; margin: auto;}

.tcListBox{height: 680px; background-color: #f5f5f5; box-sizing: border-box; padding-top: 102px; background: url(/youmengcms/pc/images/price_bg.png) no-repeat top/100% 100%;}
.tcListBox h1{text-align: center; font-size: 34px; font-weight: bold; color: #081A4D;}
.tcListBox h1 b{font-family: coregtd6; color: #376AFF; font-style: italic;} 
@font-face {
	font-family: coregtd6;
	src: url('/youmengcms/pc/images/font/coregtd6.otf'),
		url('/youmengcms/pc/images/font/coregtd6.TTF'),
		url('/youmengcms/pc/images/font/coregtd6.svg'),
		 url('/youmengcms/pc/images/font/coregtd6.woff'); /* IE9 */
}
.contentWrapBox{padding-bottom: 143px;}
.tcListBox .tcList{display: grid; grid-template-columns: repeat(4,1fr); column-gap: 20px; margin-top: 58px;}
.tcListBox .tcBox{background: linear-gradient(0deg, #FFFFFF 0%, #F3F5F8 100%);width: 330px; height: 376px; border: solid 2px #fff; box-shadow: 0px 3px 16px 0px rgba(0,46,230,0.05); border-radius: 2px; padding-top: 20px; box-sizing: border-box;}
.tcListBox .tcBox h4{font-size: 24px; color: #0F1620; font-weight: bold; text-align: center;}
.tcListBox .tcBox ul{font-size: 14px; color: #525666 ; line-height: 28px; margin: 23px 32px 0; padding-bottom: 18px; border-bottom: solid 1px #E6E9F2;}
.tcListBox .tcBox ul li::before{content: '·'; font-size: 40px; color: #3370FF; margin-right: 13px; line-height: 26px; display: inline-block; height: 30px; vertical-align: middle;}
.tcListBox .priceInfo{text-align: center; padding-top: 22px; box-sizing: border-box; height: 103px;}
.tcListBox .priceInfo h5{color: #FF512E; font-size: 14px; font-weight: bold;}
.tcListBox .priceInfo h5 span{font-size: 20px;}
.tcListBox .priceInfo h5 b{font-size: 24px; font-family: coregtd6;}
.tcListBox .priceInfo p{text-align: center; color: #98A2B3; font-size: 12px;}
.buy_btn{display: block; height: 50px; background: #165DFF; border-radius: 2px; color: #fff !important; text-align: center; line-height: 50px; font-size: 16px; text-decoration: none !important;}
.buy_btn:hover{opacity: .8;}
.tcListBox .tip{font-size: 14px; color: #98A2B3; margin-top: 24px; background: #fff;position: absolute; padding: 10px; width: 73%;border: 0 solid #B1B1B1;}



.differenceBox{padding-top: 80px;}
.differenceBox h4.title,.instrBox h4.title{font-size: 24px; color: #00050D; font-weight: normal; text-align: center; margin-bottom: 34px;}
.differenceBox .tableBox .tr_tit{height: 72px; background: #3B4F6D; border-radius: 6px 6px 0px 0px; display: flex; align-items: center; color: #fff; font-weight: bold; font-size: 18px; line-height: 72px;}
.differenceBox .tableBox .tr_tit .th{width: 18%; text-align: center;}
.differenceBox .tableBox .tr_tit .th:first-of-type{width: 28%;}
.differenceBox .tableBox .tr_tip,.differenceBox .techBox .techHead{height: 64px; color: #fff; background-color: #376AFF; width: 100%; padding-left: 74px; line-height: 64px; font-size: 20px; box-sizing: border-box;}
.differenceBox .tableBox .tr_tip span,.differenceBox .techBox .techHead span{font-size: 14px; color: rgba(255,255,255,.6); margin-left: 12px;}
.differenceBox .tableBox .tbody{border: solid 1px #E6E9F2; border-radius: 0 0 6px 6px ; overflow: hidden;}
.differenceBox .tableBox .tbody .tr{height: 60px; display: flex; align-items: center; background-color: #fff; border-top: solid 1px #E6E9F2;}
.differenceBox .tableBox .tbody .tr:nth-child(2n){background-color: #F3F5F8;}
.differenceBox .tableBox .tbody .tr .td{width: 18%;}
.differenceBox .tableBox .tbody .tr .td:first-of-type{width: 28%; font-size: 14px; color: #363F4D; box-sizing: border-box; padding-left: 76px; line-height: 60px;}
.differenceBox .tableBox .tbody .tr .gou,.differenceBox .tableBox .tbody .tr .error{display: block; width: 16px; height: 16px; background: url(/youmengcms/pc/images/gou_blue.png) no-repeat center/cover; margin: auto;}
.differenceBox .tableBox .tbody .tr .error{background-image: url(/youmengcms/pc/images/error_red.png);}
.differenceBox .tableBox .tbody .tr span{font-size: 14px; color: #363F4D; text-align: center; width: 100%; display: block;}

.differenceBox .techBox{margin-top: 20px; height: 240px; background: #FFFFFF;  border-radius: 6px;}
.differenceBox .techBox .techHead{height: 60px; line-height: 60px; border-radius: 6px 6px 0 0;}
.differenceBox .techBox  ul{display: grid; grid-template-columns: repeat(4,1fr); column-gap: 12px; row-gap: 12px; color: #363F4D; font-size: 14px; padding: 12px 60px; border: 1px solid #E6E9F2; border-radius: 0 0 6px 6px;}
.differenceBox .techBox  ul li{border-radius: 6px; height: 72px; display: flex; align-items: center; justify-content: flex-start; padding-left: 18px;}
.differenceBox .techBox  ul li s{display: block; width: 48px; height: 48px; margin-right: 12px;}
.differenceBox .techBox  ul li s img{display: block; width: 100%; height: 100%; object-fit: cover;}

.instrBox{padding-top: 80px; margin-top: 10px;}
.instrBox table{width: 100%;}
.instrBox .table{border-radius: 6px; overflow: hidden; margin-bottom: 20px; font-size: 14px;}
.instrBox .table thead tr{background-color: #67728D; height: 60px; border-radius: 6px 6px 0 0;}
.instrBox .table thead th{padding-left: 74px; color: #fff; font-size: 20px;}

.instrBox .table thead th em{font-size: 16px;}
.instrBox .table tbody tr{border-top: solid 1px #E6E9F2; background-color: #fff; color: #363F4D;}
.instrBox .table tbody tr b{color: #171B21; font-size: 15px;}
.instrBox .table tbody tr:nth-child(2n){background-color: #F3F5F8;}
.instrBox .table tbody td {padding-left: 85px; height: 60px;}
.instrBox .table tbody td h5{display: inline-block; color: #363F4D; font-size: 14px; width: 124px; text-align: right; margin-right: 36px; white-space: nowrap;}
.instrBox .table tbody td h5 span{font-size: 12px; color: #919499;}
.instrBox .table tbody td p{display: inline-block; color: #737880; font-size: 14px;}
.instrBox .table tbody{border: solid 1px #E6E9F2; border-top:none ; border-radius: 0 0 6px 6px;}

.instrBox .table.blue_table thead tr{background-color: #376AFF; }
.instrBox .table.alignCenter td{padding-left: 0; text-align: center;}
.instrBox .table.alignCenter td:first-of-type {text-align: center; padding-left: 74px;}
.instrBox .table.alignCenter td:first-of-type span{display: block; width: 160px; text-align: center;}
.instrBox .table.alignCenter thead th{text-align: center; padding-left: 0;}
.instrBox .table.alignCenter thead th:first-of-type{padding-left: 74px; text-align: left;}


.popErrAlert {position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99 !important; visibility: hidden; display: flex; align-items: center; flex-direction: column; justify-content: center; pointer-events: none;}
.popErrAlert p {position: static; background-color: rgba(23,23,23,.9); border-radius: 10px; color: #fff; font-size: 14px; line-height: 36px; text-align: center; padding: 10px 10px; z-index: 90; left: 0; top: 30%; margin-top: -10px; text-align: center; margin-top: -300px;  min-width: 100px; }
.popErrAlert p s.success{display: inline-block; width: 20px; height: 20px ; background: url(/images/gou_white.png) no-repeat center/cover; margin-right: 5px; vertical-align: middle; margin-bottom: 2px;}

.kefu>span{width: 60px; height: 154px; background: #376AFF; display: flex; align-items: center; justify-content: center;   writing-mode:vertical-rl; color: #fff !important ; font-size: 14px; text-align: center; word-wrap: break-word; text-decoration: none !important; }
.kefu>span s{display: block; width: 32px; height: 32px; background: url(/youmengcms/pc/images/kefu.png) no-repeat center/cover; margin-bottom: 10px;}
.kefu{position: fixed; right: 0; bottom: 500px; z-index: 10;}
.kefuPop::after{content: ''; display: block; width: 20px; position: absolute; right: -20px; top: 0; bottom: 0;}
.kefuPop{width: 420px; height: 500px; background-color: #fff; position: absolute; left: -438px; top: -70px; background: url(/youmengcms/pc/images/bg_kefu.png) no-repeat top center/100% auto; border-radius: 12px; display: none; animation: rightFadeIn .3s; }
.kefu:hover .kefuPop,.kefuPop.show{display: block;}
.kefuPop .pop_header{padding-bottom: 40px; padding-left: 161px; display: flex; flex-direction: column; justify-content: center; height: 140px;}
.kefuPop .pop_header::before{content: ''; width: 170px; height: 190px; background: url(/youmengcms/pc/images/kefu_people.png) no-repeat center /cover; position: absolute; left: -16px; top: -16px; }
.kefuPop .pop_header h4{font-size: 24px; color: #2E53E6; font-weight: bold;}
.kefuPop .pop_header p{color: #7A8199; font-size: 16px;}
.kefuPop .pop_con{height: 360px; background: #FFF; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); border-radius: 40px 12px 12px 12px; margin-top: -40px; position: relative; z-index: 1; display: flex; align-items: center ; flex-direction: column; justify-content: center;}
.kefuPop .pop_con .qrCode{width: 216px; height: 216px; margin:0 auto; }
.kefuPop .pop_con .qrCode img{display: block; width: 100%; height: 100%; object-fit: cover;}
.kefuPop .pop_con p{color: #5C5E66; font-size: 14px; text-align: center; margin-top: 30px;}