::-webkit-scrollbar{width:10px;height:10px;-webkit-appearance:none;}
::-webkit-scrollbar-track{border-radius:0;background:rgba(0,0,0,.1);}
::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(0,0,0,.25);cursor:pointer;transition:color .2s ease;}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,.15);}
::-webkit-scrollbar-thumb:hover{background:rgba(128,135,139,.8);}

*{box-sizing:border-box;}
body{background-color:#f6f6f6;}
.clear:after,.clear:before{display:table;content:"";}
.clear:after{clear:both;}
.clear{zoom:1;}
.hide {display: none;}
/*-- 页面宽度 --*/
.wrapper{max-width: 1180px;margin: auto;}

/*-- 通用页头 --*/
.header{width: 100%;height: 50px;background-color: #3f4657;position: sticky;top: 0;z-index: 10;}
.header  a{color: #fff;}
.header .logo{float: left;}
.header .logo a{display: block;height: 50px;line-height: 50px;font-size: 24px;}
.header .logo a:hover{color: #fff;}
.header .logo img{float: left;margin-right: 10px;height: 36px;margin-top: 6px;}
.header .menu{float:left;margin-left: 30px;line-height: 50px;}
.header .menu li{float: left;}
.header .menu li a{display: block;font-size: 14px;padding: 0 16px;line-height: 50px;-webkit-transition: color .2s;}
.header .menu li a:hover{color: #00c1de;}
.header .user{float:right}
.header .user li{float: left;}
.header .user li a:hover{color: #fff;}
.header .user a{display: block;font-size: 14px;padding: 0 10px;line-height: 50px;-webkit-transition: color .2s;color: #f5f4f3;}
.header .user .register{float: left;display: inline-block;padding: 0 20px;height: 50px;background: #ff6700;}
.header .user .register:hover{background: #ed711f;}
.body{background-color:#f6f6f6;position: relative;}
/*-- 通用页尾 --*/
.footer{background-color: #232940;padding: 15px 0;color: #ccc;}
.footer a{color: #ccc;}
.footer a:hover{color: #fff;}
.footer .copy{float: left;color: #ccc}
.footer .link{float: right;}
.footer .link span{margin-left: 10px;}

/*-- 遮罩层 --*/
.baiyi-dialog-shade{position:fixed;top:0%;left:0%;z-index:1001;display:none;width:100%;height:100%;background-color:black;opacity:0.50;-moz-opacity:0.8;filter:alpha(opacity=80);}
.baiyi-dialog-content{position:fixed;top:50%;left:50%;z-index:1002;display:none;width:480px;min-height:430px;background:#fff;background-color:#fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,.3);transform:translate(-50%,-50%);}
.baiyi-dialog-close{position:absolute;top:5px;right:15px;z-index:99;float:right;color:#999;font-size:1.875rem;cursor:pointer;}

/*侧边悬浮*/
.foot-to {position:fixed;top:38%;right:20px;z-index:55;width:70px;height:240px;}
.foot-to .a-qq {display:block;margin-bottom:1px;width:72px;height:73px;background:#6da9de url(../img/r_qq.png) center center no-repeat;}
.foot-to .a-qq:hover {background-color:#488bc7;}
.foot-to .a-wx {position:relative;display:block;margin-bottom:1px;width:72px;height:73px;background:#78c340 url(../img/r_wx.png) center center no-repeat;}
.foot-to .a-wx:hover {background-color:#58a81c;}
.foot-to .a-top {display:none;margin-bottom:1px;width:72px;height:73px;background:#fff url(../img/r_top.png) center center no-repeat;}
.foot-to .a-top:hover {background-color:#999;}
.foot-to .a-wx:hover .qrcode-box {display:block;}
.foot-to .qrcode-box {position:absolute;right:80px;bottom:-40px;display:none;padding: 10px;width:250px;min-height:90px;border:1px solid #E0E1E5;background:#fff;color:#999;text-align: center; }
.foot-to .qrcode-box:before {position:absolute;top:243px;right:-16px;z-index:12;display:block;box-sizing:content-box;padding:0;width:0px;height:0px;border-top:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #FFFFFF;content:'';}
.foot-to .qrcode-box:after {position:absolute;top:242px;right:-18px;z-index:10;display:block;box-sizing:content-box;padding:0;width:0px;height:0px;border-top:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid transparent;border-left:9px solid #cccccc;content:'';}
.foot-to .qrcode-box .qrcode-img{height: 270px;background: url(../img/r_wx_qrcode.png) center center no-repeat;background-size: cover;}
 
/*-- 首页幻灯 --*/
.index-focus{padding: 15px 0;}
.index-focus .banner{float: left;width: 840px;height: 420px;overflow: hidden;}
.index-focus .banner img{width: 100%; }
.index-focus .banner-side{float: right; width: 325px;height: 420px;overflow: hidden}
.index-focus .banner-side li{-webkit-transition: box-shadow .2s ease;-webkit-transition: background .2s ease;transition: box-shadow .2s ease;transition: background .2s ease;position: relative;cursor: pointer;width: 100%;height: 105px;background: #454a51;border-bottom: 1px solid #54585f;}
.index-focus .banner-side li:hover{z-index: 1;box-shadow: 0 5px 30px rgba(0, 0, 0, .1);border-top: 1px solid #222;margin-top: -1px;background: #333}
.index-focus .banner-side li:hover .inner{-webkit-transition: box-shadow .2s ease;transition: box-shadow .2s ease;width: 100%;height: 105px;box-shadow: 0 -5px 30px rgba(0, 0, 0, .1)}
.index-focus .banner-side li .name{color: #b2e0f4;font-size: 16px;padding: 33px 0 2px 83px}
.index-focus .banner-side li .txt{color: #fff;font-size: 14px;padding-left: 83px}
.index-focus .banner-side li .layui-icon{width: 32px;height: 32px;position: absolute;left: 35px;top: 37px;display: inline-block;font-size: 32px;color: #eee;}

/*-- 数据特色 --*/
.index-quality{width: 100%;background: #fff;border-bottom: 1px solid #ededed;margin-bottom: 25px;}
.index-quality em{font-style: inherit}
.index-quality li{float: left;width: 20%;margin: 20px 0;padding: 0 25px;font-size: 16px;color: #999;line-height: 38px;text-align: center;border-right: 1px solid #e3e3e3;}
.index-quality li i{color: #ccc;vertical-align: sub;font-size: 30px;}
.index-quality li.l2 em{color: #1abd6c;}
.index-quality li em{color: #fb5b58;}
.index-quality li.l4 em{color: #2db3ab;}

/*-- 首页标题 --*/
.index-title{padding:50px 0;color:#444;text-align:center;font-size:1.5rem}
.index-title span{display:block;margin:auto;margin-top:10px;width:35px;height:2px;background-color:#444}

/*-- 首页产品 --*/
.index-product{margin:-7px}
.index-product ul{display: flex;flex-wrap: nowrap;}
.index-product li{position:relative;float:left;width:50%;text-align:center;padding:7px}
.index-product li .item{position:relative;overflow:hidden;height:300px;background:#fff;border-radius:2px;transition:all .2s ease;box-shadow:0 1px 10px 2px rgba(0,0,0,.06)}
.index-product li .item:hover{box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.index-product li .img{margin-top:50px;width:84px;height:84px;transition:all .2s ease}
.index-product li .name{padding:20px 0 5px 0;color:#000;font-size:1.5rem;line-height:1}
.index-product li .des{padding:15px 20px;color:#888;font-size:.875rem}
.index-product li .btn{color:#888;font-size:.875rem}

/*-- 首页服务 --*/
.index-serve{margin-bottom:20px;margin-left:-15px}
.index-serve li{position:relative;float:left;width:25%}
.index-serve li .inner{position:relative;margin:0 0 15px 15px;padding-top:45px;height:250px;background:#fff;box-shadow:0 1px 10px 2px rgba(0,0,0,.06);text-align:center;transition:all .2s ease}
.index-serve li .inner:hover{box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.index-serve .bigger .inner{height:515px}
.index-serve .name{padding:3px 40px 0;color:#000;text-align:center;font-size:1.125rem}
.index-serve .des{padding:10px 10px 21px;color:#8f8f8f;text-align:center;font-size:.875rem;line-height:1.375rem}
.index-serve .price{color:#f70;text-align:center;font-size:.875rem}
.index-serve .iconfont{top:50px;text-align:center;font-size:3.5rem}
.index-serve .icon-fuwu{color:#07a4d8}
.index-serve .icon-muban{color:#f44336}
.index-serve .icon-kaifa{color:#ff5722}
.index-serve .icon-xiaochengxu{color:#3f51b5}
.index-serve .icon-qietu{color:#607d8b}
.index-serve .icon-erkai{color:#2196f3}
.index-serve .icon-app{color:#009688}
.index-serve .btn{display:block;box-sizing:border-box;margin:20px auto;width:185px;height:40px;border:1px solid #22b5e5;background:#fff;color:#22b5e5;text-align:center;line-height:2.375rem;-webkit-transition:all .2s ease;transition:all .2s ease}
.index-serve .btn:hover{background:#22b5e5;color:#fff}
.index-serve .bigger .price{display:block;margin:0 30px;padding-top:50px;border-top:1px solid #e0e0e0;color:#f70;text-align:center;font-size:.875rem}
.index-serve .bigger .des{padding:5px 10px 40px}
.index-serve .inner .btn-detail{position:absolute;bottom:25px;left:50%;margin:0 0 0 -92px;opacity:0;cursor:pointer}
.index-serve .inner:hover .btn-detail{background:#22b5e5;color:#fff;opacity:1}
.index-serve .inner:hover .btn-detail:hover{background:#22b5e5;color:#fff}
.index-serve .three-tips{margin:0 auto;padding-bottom:50px;width:198px}
.index-serve .three-tips ul{margin-left:-15px}
.index-serve .three-tips li{float:left;margin-left:15px;width:54px;height:70px;border:1px solid #ccc}
.index-serve .three-tips li span{display:block;padding:10px 0 5px;color:#8f8f8f;text-align:center}
.index-serve .three-tips li b{display:block;color:#000;text-align:center;font-weight:400;font-size:1rem}

.search-wrapper {
	background: #333;
	background: #929aad;
	height: 300px;
	position: sticky;
	top: 50px;
}

.search-box {
	width: 728px;
	margin: auto;
	position: relative;
}

.search-txt {
	text-align: center;
	padding: 50px;
	color: #fff;
	position: relative;
	font-size: 24px;
	letter-spacing: 10px;
}

.search-input {
	width: 100%;
	height: 60px;
	opacity: 1;
	background-color: #eceff1;
	border-radius: 5px;
	border: 0px;
	padding-left: 50px;
	color: #000
}

.search-btn {
	display: inline-block;
	padding: 0px 38px;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	position: absolute;
	right: 0px;
	height: 60px;
	border: 0px;
	color: #fff;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	transition: all .7s ease 0s;
	font-size: 15px;
	background: linear-gradient(to bottom, #f4511e 0, #d84315 100%);
}

.search-btn:hover {
	background-color: #ed3800;
	background: -webkit-linear-gradient(top, #f03900 0, #bb2c00 100%);
	background: linear-gradient(to bottom, #f03900 0, #bb2c00 100%);
}

.search-icon {
	position: absolute;
	left: 20px;
	top: 20px;
	color: #b0bec5;
	transition: 1.5s;
	font-size: 18px
}

#canvas {
	width: 100%;
	height: 300px;
	position: absolute;
}
/*-- 首页模板 --*/
.index-template{margin-left: -15px;}
.index-template li{position: relative;float: left;width: 298.33px;}
.index-template li .inner{position: relative;margin-bottom: 15px;margin-left: 15px;padding: 10px; box-shadow: 0 1px 10px 2px rgba(0,0,0,.06);border-radius: 2px;background: #fff;transition: all .2s ease;}
.index-template li .inner:hover img{    filter: brightness(.5);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);}
.index-template .img{position: relative;overflow: hidden;}
.index-template .img img{display: block;width: 100%;height: auto;transition: all .3s ease-out 0s;}
.index-template .name{padding: 14px 5px;border-bottom: 1px solid #f6f6f6;letter-spacing: 0.0625rem;font-size: 1rem;}
.index-template .name a{color: #555;}
.index-template .info{padding: 15px 5px;font-size: 0.75rem;line-height: 1.625rem;display: flex;justify-content: space-between;}
.index-template .info .y{color: #f60;}
.index-template .info .money{color: #f60;font-size: 1.375rem;}
.index-template .info .unit{color: #555;}
.index-template .info .sale{color: #999;}

/*-- 首页新闻 --*/
.index-news {margin-bottom: 30px;}
.index-news ul{margin:-7px;overflow: hidden;}
.index-news li {position:relative;overflow:hidden;padding: 7px;transition:all .3s ease 0s;float: left;width: 50%;}
.index-news li .inner{padding: 15px;border-radius: 2px;background: #fff;box-shadow:0 1px 10px 2px rgba(0,0,0,.06);overflow: hidden;}
.index-news li .inner:hover {transition:all .3s ease 0s;}
.index-news .img {position:relative;float:left;overflow:hidden;width:21%;max-height:116px;border-radius:3px;}
.index-news .img img {width:100%;height:100%;transition:all .3s ease-out 0s;-o-object-fit:cover;object-fit:cover;}
.index-news .content {margin-left:24%;}
.index-news .name {margin:0 0 10px;font-size:1.25rem;line-height:1.4;}
.index-news .name a {display:block;overflow:hidden;max-height:56px;color:#333;text-decoration:none;text-overflow:ellipsis;transition:all .3s ease-out 0s;}
.index-news .name a:hover {color:#03A9F4;transition:all .3s ease-out 0s;}
.index-news .des {display:block;overflow:hidden;margin:0 0 12px;height:20px;color:#666;text-overflow:ellipsis;font-size:0.875rem;}
.index-news .info {color:#999;font-size:0.8125rem;}
.index-news .info .date {float:left;}
.index-news .info .cat {float:left;}
.index-news .info span {line-height:1;margin-right: 10px}
.index-news .info a {color:#999;text-decoration:none;}
.index-news .more {display: block;margin:30px auto;height: 42px;line-height: 42px;border: 1px solid #e5e5e5;color: #555;text-align: center;border-radius: 3px;}
.index-news .more:hover {background-color: #00a2e9;border-color: #00a2e9;color: #fff;}

/*-- 列表标题 --*/
.list-title{margin: 30px 0 20px 0;color: #444;font-size: 1.2rem;position: relative;padding-left: 10px;line-height: 1;}
.list-title span{width: 2px;height: 100%;background-color: #444;position: absolute;top: 0;left: 0;}

/*-- 列表模板 --*/
.list-template{margin-left: -15px;}
.list-template li{position: relative;float: left;width: 298.33px;}
.list-template li .inner{position: relative;margin-bottom: 15px;margin-left: 15px;padding: 10px; box-shadow: 0 1px 10px 2px rgba(0,0,0,.06);border-radius: 2px;background: #fff;transition: all .2s ease;}
.list-template li .inner:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, .1);transform: translateY(-2px);}
.list-template .img{position: relative;overflow: hidden;}
.list-template .img img{display: block;width: 100%;height: auto;transition: all .3s ease-out 0s;}
.list-template .name{padding: 14px 5px;border-bottom: 1px solid #f6f6f6;letter-spacing: 0.0625rem;font-size: 1rem;}
.list-template .name a{color: #555;}
.list-template .info{padding: 15px 5px;font-size: 0.75rem;line-height: 1.625rem;}
.list-template .info .y{color: #f60;}
.list-template .info .money{color: #f60;font-size: 1.375rem;}
.list-template .info .unit{color: #555;}
.list-template .info .sale{color: #999;}

/*-- 列表产品 --*/
.list-product{margin:-7px;}
.list-product ul{}
.list-product li{position:relative;float:left;width:33.333333%;text-align:center;padding:7px}
.list-product li .item{position:relative;overflow:hidden;height:300px;background:#fff;border-radius:2px;transition:all .2s ease;box-shadow:0 1px 10px 2px rgba(0,0,0,.06)}
.list-product li .item:hover{box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.list-product li .img{margin-top:50px;width:84px;height:84px;transition:all .2s ease}
.list-product li .name{padding:20px 0 5px 0;color:#000;font-size:1.5rem;line-height:1}
.list-product li .des{padding:15px 20px;color:#888;font-size:.875rem}
.list-product li .btn{color:#888;font-size:.875rem}

/*-- 列表扩展 --*/
.list-expand{margin:-7px;}
.list-expand ul{}
.list-expand li{position:relative;float:left;width:33.333333%;padding:7px}
.list-expand li .item{padding:20px;position:relative;overflow:hidden;height:130px;background:#fff;border-radius:2px;transition:all .2s ease;box-shadow:0 1px 10px 2px rgba(0,0,0,.06)}
.list-expand li .item:hover{box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.list-expand li .img{margin-top:50px;width:84px;height:84px;transition:all .2s ease}
.list-expand li .name{padding-top:1px;color:#000;font-size:1.5rem;line-height:1}
.list-expand li .des{padding:15px 0px;color:#888;font-size:.875rem;height: 49px;overflow: hidden;}
.list-expand li .btn{color:#888;font-size:12px}


/*-- 新闻列表 --*/
.list-head {overflow: hidden;margin-top: 30px;margin-bottom: 30px;background:#fff;box-shadow: 0 5px 10px 0 rgb(146 146 146 / 10%);padding: 20px 50px;}
.list-head .title{font-size: 26px;text-align: center;float: left;}
.list-head .position {float: right;padding-top:9px ;color: #999;}
.list-head .position a{color: #999;}
.list-news {min-height: 747px;margin-bottom: 50px;margin-top: 30px;}
.list-news ul{overflow: hidden;}
.list-news li {position:relative;overflow:hidden;transition:all .3s ease 0s;margin-bottom:30px ;}
.list-news li .inner{padding: 50px;background: #fff;min-height: 168px;box-shadow: 0 5px 10px 0 rgb(146 146 146 / 10%);}
.list-news li .inner:hover {transition:all .3s ease 0s;}
.list-news .img {position:relative;float:left;overflow:hidden;width:150px;max-height:116px;border-radius:3px;}
.list-news .img img {width:100%;height:100%;transition:all .3s ease-out 0s;-o-object-fit:cover;object-fit:cover;}
.list-news .content {margin-left:180px;}
.list-news .title {margin:0 0 12px;font-size:22px;line-height:1.4;}
.list-news .title a {max-height:56px;color:#000;text-decoration:none;text-overflow:ellipsis;transition:all .3s ease-out 0s;}
.list-news .title a:hover {color:#03A9F4;transition:all .3s ease-out 0s;}
.list-news .des {display:block;color:#666;text-overflow:ellipsis;font-size:16px;line-height: 1.8;}
.list-news .info {color:#999;font-size:0.8125rem;float: right;margin-top:0px;}
.list-news .info .date {float:left;}
.list-news .info .cat {float:left;}
.list-news .info span {line-height:1;margin-right: 10px}
.list-news .info a {color:#999;text-decoration:none;}

/*-- 帮助文档 --*/
.list-help {min-height: 747px;margin-bottom: 50px;margin-top: 30px;}
.list-help-side {float: left;width: 220px;background: #fff;box-shadow: 0 5px 10px 0 rgb(146 146 146 / 10%);min-height: 800px;}
.list-help-side .title {display:block;overflow:hidden;padding: 10px 15px;border-bottom:1px solid #ddd;color:#666;font-size: 16px;}
.list-help-side .menu {padding:8px 0;}
.list-help-side .menu ul {margin:0;padding:0;list-style:none;}
.list-help-side .menu ul li { position:relative;overflow:hidden;width:100%;white-space:nowrap;cursor:pointer;}
.list-help-side .menu ul li a{padding:10px 15px;width:100%;white-space:nowrap;display: inline-block;color:#666;}
.list-help-side .menu ul li i {display: none;position: absolute;right: 9px;top: 13px;font-size: 9px;color: #3c3;}
.list-help-side .menu ul li ul {padding-left: 20px;}
.list-help-side .menu ul li.active>a,.list-help-side .menu ul li a:hover {color: #008cff;}
.list-help-side .menu ul li.active i{display: block;}
.list-help-main {margin-left:230px;min-height: 800px;height:100%;background:#fff; box-shadow: 0 1px 10px 2px rgba(0,0,0,.06);}
.list-help-main .list-help-main-head {padding:30px 50px;}
.list-help-main .list-help-main-head h1 {font-size:26px;font-weight: 400  }
.list-help-main .list-help-main-content {padding: 0px 50px 50px;color:#525252;word-wrap:break-word;font-size:16px;line-height:1.8;}
.list-help-main .list-help-main-content pre{background: #333;color: #00BCD4;border-radius: 3px;padding: 15px;font-family: 微软雅黑;margin: 10px 0;}


/*-- 单页面 --*/
.page-main{min-height: 747px;padding: 50px;background-color: #fff;margin-bottom: 50px;margin-top: 30px;box-shadow: 0 5px 10px 0 rgb(146 146 146 / 10%);}
.page-head .title{font-size: 26px;text-align: center;float: left;}
.page-head .position {float: right;padding-top:9px ;color: #999;}
.page-head .position a{color: #999;}
.page-head {padding-bottom:30px;overflow: hidden;margin-bottom: 30px;border-bottom: 1px solid #eee;}
.page-content{font-size: 16px;line-height: 1.8;}

/*-- 列表分页 --*/
.pagenation {padding:30px 0;text-align:center;}
.pagenation a,.pagenation span {display:inline-block;padding:0px 15px;height:36px;border:1px solid #e4eaec;border-right:none;background:#fff;color:#76838f;text-decoration:none;line-height:2.25rem;}
.pagenation a:hover {background:#f5f5f5;}
.pagenation .next-page {border-right:1px solid #e4eaec;}
.pagenation span.prev-page,.pagenation span.next-page {color:#ccd5db;cursor:default;}
.pagenation a.current-page {border-color:#62a8ea;background:#62a8ea;color:#fff;}

/*-- 问答 --*/
.faq-title {color: #000;font-size: 1.625rem;margin-bottom: 15px;}
.faq li{padding:20px 0;border-bottom: 1px dashed #efefef;font-size:0.875rem;line-height:1.6;}
.faq .faq-q{padding-bottom:10px;color:#196CC0;font-size:1rem;}
.faq .faq-d{margin:0;padding:0;padding-left: 30px;}
 
/*-- 产品详情 --*/
.show-product-panel {padding: 30px;margin: 10px 0;border-radius: 2px;background: #fff;box-shadow: 0 1px 10px 2px rgb(0 0 0 / 6%);}
.show-product-title {color:#000;font-size:1.625rem;margin-bottom:30px;}
.show-product-content {color:#333;line-height:1.8;}
.show-product-content img {max-width:100%;}
.show-product {position: relative; }
.show-product .image {overflow: hidden;width: 300px;text-align: center;margin-right: 50px;float: left;}
.show-product .image img{width: 100%;}
.show-product .info {width: 620px;float: left;}
.show-product .kefuqr {width: 118px;float: right;text-align: center;color: #ccc;}
.show-product .kefuqr img{width: 100%;margin-bottom:8px;}

.show-product .info .title{ margin-bottom: 5px;}
.show-product .info .title h1{color: #2c3e50;font-weight: bold;font-size: 1.75rem;line-height: 1.5;}
.show-product .info .attr{padding: 10px 0;color: #999;}
.show-product .info .attr li{line-height: 2;}
.show-product .info .tips{margin-top: 20px ;color: #999;}
.show-product .info .price{border-bottom: 1px solid #eff3f5;color: #999;line-height: 2;}
.show-product .info .price .rmb{color: #ff4146;font-style: normal;font-size: 1rem;}
.show-product .info .price .num{color: #ff4146;font-style: normal;font-size: 1.375rem;}
.show-product .info .price .original{margin-left: 10px;color: #999;font-style: normal;font-size: 0.75rem;}
.show-product .info .sale{ margin-bottom:5px;color: #e4393c;}
.show-product .info .bnt a{display: inline-block;margin-right: 30px;height: 42px;padding: 0 40px;
border-radius: 1px;background: #df3033;color: #FFF;text-align: center;font-weight: 700;font-size: 1.125rem;line-height: 2.625rem;}
.show-product .info .bnt a.down{margin-right: 0;background: #2196f3;font-weight: 500; }
.show-product .info .item{overflow: hidden;margin-bottom: 15px;}
.show-product .info .item a{display: inline-block;margin-right: 15px;margin-bottom: 10px;padding: 6px 10px;border: 1px solid #ccc;border-radius: 1px;background: #f7f7f7;color: #666;text-align: center;text-decoration: none;font-size: 0.875rem;}
.show-product .info .item a.on{border: 1px solid #e3393c;background: #f7f7f7;color: #333;}
.show-product-btn .goodsdes{font-style: normal;color: #ff4146;line-height: 2;vertical-align: middle;font-weight: normal;overflow: hidden;margin-top: 10px;}
.show-product-btn .goodsdes .price{font-size: 20px;font-style: normal;}
.show-product-btn .goodsdes img{vertical-align: text-bottom;margin: 0 3px 0 20px;}
.show-product-btn{margin-bottom: 40px;padding:10px 15px 35px 15px;text-align: center;}
.show-product-btn .buybtn{margin-top: 10px;}
.show-product-btn .buybtn a{display: inline-block;width: 150px;height: 42px;border-radius: 1px;background: #ff4146;color: #FFF;text-align: center;font-size: 1.125rem;line-height: 2.625rem;}
.show-product-btn .buybtn a.down{margin-left: 30px;background: #ff9933;}
 
/*-- 新闻详情 --*/
.show-news {padding:50px;background-color: #fff;margin-bottom: 50px;margin-top: 30px;box-shadow: 0 5px 10px 0 rgb(146 146 146 / 10%);}
.show-news .title{color: #000;font-size: 26px;background: #fff;padding-bottom: 25px;letter-spacing: 1px;}
.show-news .info{font-size: 14px;color: #999;padding-bottom: 10px;border-bottom: 1px solid #eee;margin-bottom: 25px;}
.show-news .info a{color: #999;}
.show-news .info span{ margin-right:15px;}
.show-news .tag{ text-align: center; padding: 20px 0;}
.show-news .tag a span {width:22px;height:22px;line-height:22px;text-align:center;background-color:#fff;color:#e62828;border-radius:50%;display:inline-block;margin-right:5px;}
.show-news .tag a {display:inline-block;margin:0 8px 8px 0;color:#333;padding:6px 16px 6px 5px;background:#f5f5f5;border-radius:15px;}
.show-news .content{color: #333;font-size: 16px;line-height: 1.8;text-align: justify;}
.show-news .content img{max-width: 100%;}
.show-news .notice{margin-top: 30px;background-color: #f7f7fa;padding: 25px;}
 
/*-- 授权查询 --*/
.certificate {text-align: center;margin-top: 40px;}
.certificate h3{font-size:30px;line-height:52px;color:#000;font-weight:400;}
.certificate p{font-size:14px;line-height:30px;color:#999;}
.certificate .search{margin-top:30px}
.certificate .search input{width: 700px;height: 20px;font-size: 16px;line-height: 20px;color: #333;padding: 24px 20px;border: 1px solid #108cee;outline: none;vertical-align: top;}
.certificate .search .search-btn{display:inline-block;margin-left:-6px;cursor:pointer;color:#FFF;background-color:#108CEE;width:115px;height:50px;font-size:18px;line-height:50px}
.certificate .search .search-btn:hover{text-decoration:none}

/*-- 购买单页页面 --*/
.buy-page-top{padding-top:30px;background:#fbfbfb;}
.buy-page-top .tip{color:#aaa;text-align:center;font-size:1.125rem;line-height:1.625rem;}
.buy-page-top .tip a{color:#aaa;}
.buy-page-top .tip a:hover{color:#299bff;}
.buy-page-top .buy-title{padding-top:48px;padding-bottom:24px;text-align:center;font-size:2.25rem;line-height:2.25rem;}
.buy-item{position:relative;float:left;width:320px;height:760px;border:solid 1px #f1f1f1;border-top:none;border-radius:4px;background:#fff;text-align:center;}
.buy-item::before{position:absolute;top:0;left:0;display:block;width:100%;height:6px;border-top-right-radius:3px;border-top-left-radius:3px;content:"";}
.buy-item:hover{box-shadow:0 4px 24px 0 rgba(110,110,110,.05);}
.buy-item-title{padding-top:30px;font-size:1.75rem;line-height:2.5rem;}
.buy-item-button{padding-top:28px;font-size:1rem;}
.buy-item-button button{display:block;margin:0 auto;width:236px;height:40px;border:solid 2px #299bff;border-radius:4px;    background: #fff;color:#299bff;font-size:1rem;cursor:pointer;}
.buy-item-button button:hover{background-color:#299bff;color:#fff;}
.buy-item-button .button-pro{width:276px;background:#299bff;color:#fff;}
.buy-item-button .button-pro:hover{border:solid 2px #5fb4ff;background-color:#5fb4ff;}
.buy-item-limit{padding-top:12px;font-size:1rem;line-height:1.5rem;}
.buy-item-limit p{padding-top:20px;}
.buy-item-limit-tip{display: inline-block;margin-left: 4px;width: 16px;height: 16px;background: url(../img/icon_doubt.png) no-repeat;vertical-align: text-top;cursor: pointer;}
.buy-item-banner{position:absolute;top:-3px;right:-5px;}
.buy-item-banner>img{width:104px;height:104px;}
.buy-item-price .save{padding-top:12px;color:#ff5252;font-size:1rem;}
.buy-item-price .save i{display: inline-block;width: 16px;height:30px;background: url(../img/icon_sales.png) no-repeat;vertical-align: middle;}
.buy-item-free{margin-top:42px;}
.buy-item-free::before{background:#f1f1f1;}
.buy-item-pro{margin-right:28px;margin-left:28px;width:360px;height:820px;box-shadow:0 4px 24px 0 rgba(110,110,110,.05);}
.buy-item-pro::before{background:#ffeeac;}
.buy-item-advance{margin-top:42px;}.buy-item-advance::before{background:#f1f1f1;}
.buy-item-parm{display:inline-block;padding-top:20px;text-align:left;font-size:0.875rem;line-height:1.25rem;}
.buy-item-parm i{position:absolute;top:2px;left:0;width:16px;height:16px;}
.buy-item-parm li{position:relative;margin-top:24px;text-indent:28px;}
.buy-item-parm-icon-true{display:inline-block;width:16px;height:16px;background:url(../img/icon_check.png) no-repeat;}
.buy-item-parm-icon-false{display:inline-block;width:16px;height:16px;background:url(../img/icon_check_grey.png) no-repeat;}
.container-buy{background:#fbfbfb;}
.container-buy .buy-tap{padding-top:32px;padding-bottom:54px;text-align:center;}
.container-buy .buy-tap-item{position:relative;display:inline-block;}
.container-faq{margin:0 auto;padding-bottom:48px;max-width:960px;min-width:720px;}
.container-faq .faq-title{padding-top:60px;font-size:1.5rem;line-height:2.5rem;}
.container-faq .faq-content .faq-ct-title{padding-top:48px;padding-bottom:24px;font-size:1.125rem;line-height:1.875rem;}
.container-faq .faq-content .faq-ct-text{font-size:0.875rem;line-height:1.5rem;}
.container-profit{padding-top:50px;padding-bottom:50px;min-width:960px;background:#fff;justify-content:center;}
.container-profit .profit-wrap{margin:0 auto;width:975px;}
.container-profit .profit-cube{width:400px;height:400px;border-radius:8px;background-color:#fff;}
.container-profit .profit-cube .profit-title{padding-top:44px;color:#299bff;text-indent:48px;font-size:1.5rem;line-height:1.5rem;}
.container-profit .profit-cube .profit-text{padding-top:20px;padding-bottom:24px;}
.container-profit .profit-text p{position:relative;padding-left:48px;text-align:left;text-indent:48px;font-size:1rem;line-height:3rem;}
.container-profit .profit-text img{position:absolute;top:12px;left:48px;width:24px;height:24px;}
.container-profit .profit-button{margin-left:48px;width:240px;height:38px;border:solid 2px #299bff;border-radius:4px;text-align:center;cursor:pointer;}
.container-profit .profit-button:hover{background:#299bff;}
.container-profit .profit-button:hover a{color:#fff;}
.container-profit .profit-button a{display:block;width:100%;color:#299bff;font-size:1rem;line-height:2.375rem;}
.container-profit .profit-school{margin-left:175px;}


/*---------- 用户中心 ------------*/
/*-- 登录注册 --*/
.login-tab-title{height: 80px;color: #108ee9;text-align: center;font-size: 18px;line-height: 5rem;}
.login-tab-title span{margin: 0 4px;vertical-align: middle;}
.login-tab-title li{float: left;width: 50%;height: 50px;border-bottom: 2px solid #3184ff;color: #108ee9;font-size: 1rem;line-height: 3.125rem;cursor: pointer;}
.login-tab-title li.on{border-bottom-color: #f20;}
.login-tab-content{padding: 20px 50px 50px 50px;}
.login-form-item{position: relative;margin-bottom: 15px;}
.login-form-item img{position: absolute;top: 4px;right: 10px;cursor: pointer;}
.login-form-input{box-sizing: border-box;padding: 15px;width: 100%;border: 1px solid #D7D7D7;border-radius: 3px;vertical-align: middle;}
.login-form-input:focus{outline: none;border-color: #D7D7D7;background-color: none;color: #333;}
.login-sms-btn{position: absolute;top: 0;right: 8px;bottom: 0;box-sizing: border-box;margin: auto;width: 120px;height: 36px;border: 0;border-radius: 2px;background: #5f99f1;color: #fff;text-align: center;line-height: 2.25rem;cursor: pointer;}
.login-sms-btn.disabled, .login-sms-btn:disabled{background: #dedede;color: #fff;}
.login-auto{color: #666;font-size: 0.75rem;display: flex;justify-content: space-between;}
.login-auto input{margin-right: 5px;vertical-align: text-top;}
.login-button{margin-top: 20px;width: 100%;height: 50px;border: none;border-radius: 3px;background: #3184ff;color: #ffffff;font-size: 1.125rem;line-height: 3.125rem;cursor: pointer;}
.login-button:hover{background: #108ee9;}
.login-button:active{background: #108ee9;}

/*-- 会员中心 --*/
.baiyi-user-body{position: relative;margin:auto;margin-top: 20px;padding-left: 200px;width: 1180px;min-height: 720px;}
.baiyi-user-side{position: absolute;left: 0;box-sizing: border-box;width: 200px;min-height: 680px;background: #fff;}
.baiyi-user-side ul{padding-top: 10px;}
.baiyi-user-side li.baiyi-user-nav-title{padding: 15px 10px 5px 30px;color: #333333;font-weight: 600;font-size: 1rem;}
.baiyi-user-side li a{display: block;padding: 10px 10px 10px 36px;border-left: 3px solid transparent;color: #666666;font-size: 0.9375rem;}
.baiyi-user-side li a:hover, .baiyi-user-side li a.on{border-left: 3px solid #ff6700;background: #f0f1f5;color: #333;}
.baiyi-user-main{position: relative;padding-left: 30px;}

/*-- 用户信息 --*/
.baiyi-user-avatar img {  width:120px;height:120px;}
.baiyi-user-info{float:left;margin:10px; line-height: 2rem;}
.baiyi-user-info p{color:#666;font-size: 0.875rem;}
.baiyi-user-info .name{color:#333;font-size:1rem;}

/*-- 基本布局 --*/
.baiyi-panel{margin-bottom:20px;border-radius: 2px;background-color: #fff;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);}
.baiyi-panel-title{padding: 0 15px;height: 42px;border-bottom: 1px solid #f6f6f6;border-radius: 2px 2px 0 0;color: #333;font-size: 0.875rem;line-height: 2.625rem;}
.baiyi-panel-header{padding: 10px 15px 0 15px;}
.baiyi-panel-header:after, .panel-footer:after{clear: both;display: block;content: "";}
.baiyi-panel-body{padding: 15px;}
.baiyi-panel-footer{padding: 0px 15px 15px 15px;}

/*-- 表单布局 --*/
.baiyi-form{position:relative}
.baiyi-form-item{margin-bottom:15px;padding-right:60px;position:relative;display:flex;justify-content:flex-start}
.baiyi-form-item .baiyi-form-label{padding-right:15px;text-align:right;line-height:38px;width:110px;min-width:110px;max-width:110px}
.baiyi-form-item .baiyi-form-label .baiyi-form-star{color:red}
.baiyi-form-item .baiyi-form-control{position:relative;line-height:38px;width:100%}
.baiyi-form-button{padding-left:110px;padding-bottom:50px}
.baiyi-form-button .baiyi-form-control{position:relative;line-height:38px;width:100%}

/*-- 表单输入 --*/
.baiyi-input{height:38px;line-height:1.3;border:1px solid #ddd;background-color:#fff;border-radius:2px;display:block;width:100%;padding:0 10px}
.baiyi-select{height:38px;line-height:1.3;border:1px solid #ddd;background-color:#fff;border-radius:2px;padding:0 10px}
.baiyi-textarea{line-height:1.6;border:1px solid #ddd;background-color:#fff;border-radius:2px;position:relative;min-height:100px;padding:6px 10px;resize:vertical;display:block;width:100%}
.baiyi-input:focus,.baiyi-select:focus,.baiyi-textarea:focus{border-color:#C9C9C9}
.baiyi-input:disabled,.baiyi-select:disabled,.baiyi-textarea:disabled{cursor: not-allowed;border-color: #eee;color: #d2d2d2;}
.baiyi-input::-webkit-input-placeholder,.baiyi-textarea::-webkit-input-placeholder,.baiyi-select::-webkit-input-placeholder{color:#BDCADA}
.js-image-preview{background-size: auto 34px;background-repeat: no-repeat;background-position: right 90px center;}
.baiyi-input-upload-favicon{height:24px;width:24px;cursor:pointer;position:absolute;top:7px;left:7px}
.baiyi-input-upload-button{position:absolute;top:0;right:0;display:inline-block;height:38px;line-height:38px;background:#1c97f5;color:#fff;text-align:center;border-radius:2px;padding:0 15px}
.baiyi-input-upload-button:hover{background:#40a9ff;cursor:pointer}

.baiyi-input-upload-down{position:absolute;top: 50%;margin-top: -19px;right:100px;color:#ccc;height:38px;line-height:38px;padding-right:12px}
.baiyi-input-upload-down:hover{color:#f20}

.baiyi-input-files .baiyi-input-upload-button{position:initial}
.baiyi-input-multifile li{position:relative;margin-top: 10px;display: flex;justify-content: flex-start;align-items: center;user-select:none}
.baiyi-input-multifile li .baiyi-input:first-child{margin-right: 10px;min-width: 450px}
.baiyi-input-multifile li .baiyi-button-del{position: absolute;right: 3px;}
.baiyi-input-multifile li .baiyi-input-upload-down {right: 70px;}

.baiyi-input-multiimage li{float:left;width:250px;position:relative;margin:10px 10px 10px 0;padding:10px;border:1px solid #eee;background:#f9f9f9}
.baiyi-input-multiimage .img-thumb{height:200px;line-height:200px;margin-bottom:10px;position:relative;text-align:center}
.baiyi-input-multiimage img{max-width:100%;max-height:100%}
.baiyi-input-multiimage .baiyi-input,.baiyi-textarea{margin-top:10px;}
.baiyi-input-multiimage .baiyi-textarea{min-height: 60px;}
.baiyi-input-multiimage .baiyi-button-del{right: 0;top: 0;position: absolute;z-index: 9;display: none;padding: 3px 10px;font-size: 12px;}
.baiyi-input-multiimage li:hover .baiyi-button-del{display:block;}

.baiyi-input-related li{display: block;padding: 0 10px;border: 1px solid #eee;border-top: 0;position: relative;}
.baiyi-input-related li .baiyi-button-del{position: absolute;right: 6px;top: 6px;padding: 3px 10px;font-size: 12px;}

.baiyi-input-weight{min-width:220px}
.baiyi-input-date{min-width:220px}
.baiyi-input-date-now{position:absolute;top:0;right:12px;color:#ccc;height:38px;line-height:38px}
.baiyi-input-date-now:hover{color:#f20}
.baiyi-input-title-color{cursor:pointer;position:absolute;top:0;right:12px;height:38px;line-height:38px}
.baiyi-input-title-color-ico{font-style:inherit;font-size:20px;color:#ccc}
.baiyi-input-title-color-picker{display:none;position:absolute;z-index:10000;width:180px;right:20px;top:7px}
.baiyi-input-title-color-picker li{font-size:12px;text-align:center;width:22px;height:22px;line-height:22px;margin:1px;display:inline-block;cursor:pointer;float:left;border-radius:100%}
.baiyi-input-color .baiyi-input-color-button{right: 0;top: 0;position: absolute;}
.baiyi-input-color .layui-colorpicker{width:38px;height:38px}

.baiyi-search{margin-left:20px}
.baiyi-search-input{height:32px;padding:0 8px;font-size:14px;line-height:1.5;border:1px solid #d9d9d9;vertical-align:top;}
.baiyi-search-select{color:#666;height:32px;padding:0 4px;font-size:14px;line-height:1.5;border:1px solid #d9d9d9;vertical-align:top;}
.baiyi-advanced-search{display:none;text-align:center;padding:20px 10px;background:#454c63;margin:10px}
.baiyi-advanced-search .baiyi-search-input{border:1px solid #454c63}

.baiyi-sort-input{line-height: 20px;margin: 0;padding: 0;outline: none;border: 1px solid #d9d9d9;background-color: #ffffff;font-size: 12px;width: 28px;text-align: center;text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px #0000000b;}

/*-- 表格 --*/
.baiyi-table{width: 100%;border: 1px solid #e1e6eb;border-collapse: collapse;white-space: nowrap;}
.baiyi-table>thead>tr>th{padding: 8px 12px;border-top: 0;border-right: 1px solid #dddddd;border-bottom: 1px solid #e1e6eb;background-color: #fdfdfd;color: #999;vertical-align: bottom;text-align: left;font-weight: normal;line-height: 1.25rem;}
.baiyi-table>tbody>tr>td{padding: 8px 12px;border-top: 1px solid #ddd;border-bottom: 1px solid #e1e6eb;vertical-align: middle;line-height: 1.5rem;}
.baiyi-table>tbody+tbody{border-top: 2px solid #ddd;}
.baiyi-table>tbody>tr:hover{background-color: #f5f5f5;}
.baiyi-table-sort, .baiyi-table-sort-desc, .baiyi-table-sort-asc{background-position: center right;background-repeat: no-repeat;cursor: pointer;}
.baiyi-table-sort{background-image: url("data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==");}
.baiyi-table-sort-desc{background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7");}
.baiyi-table-sort-asc{background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7");}
.baiyi-table input[type="checkbox"]{width: 16px;height: 16px;border: 1px solid #ddd;border-radius: 2px;cursor: pointer;-webkit-appearance: none;}
.baiyi-table input[type="checkbox"]:checked{border: 1px solid #ddd;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA5klEQVQ4T8WSO27CQBRF7+3TjNdge2WBKB7T2TXQ4igNjMNnZ9hrYCKlSMdFtmRkBCEgCl43mneO3o94MPggj+cIgrJ6FWR8Ehd3VxC4eiBqJeHz20bZXYIGBrWWsPFJ+AZSNwuMq1NS8xa20bAbfisw5TYH8OOTeHlpKz144W006ud0ghnBHOJwZ8NNPyFwdQaqkHAGN3nHFoyr1iQGEkfehovm8whDHz6JmyrP4mQGxlVzEinEHNALiLGuwCcVdGpTbguCWfsmJrv3aHrtWi9uIfiqxtrr19t49t+p37zGv0TPFxwAXd9hEfoc5BMAAAAASUVORK5CYII=");}

/*-- 按钮 --*/
.baiyi-button,
.baiyi-button-view,
.baiyi-button-add,
.baiyi-button-edit,
.baiyi-button-del,
.baiyi-button-submit,
.baiyi-button-search{
    line-height: 1.5715;
    position: relative;display: inline-block;
    font-weight: 400;
    border: 1px solid transparent;
    box-shadow: 0 2px #00000004;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    user-select: none;
    padding: 4px 15px;
    font-size: 14px;
    border-radius: 2px;
}
.baiyi-table .baiyi-button,
.baiyi-table .baiyi-button-view,
.baiyi-table .baiyi-button-add,
.baiyi-table .baiyi-button-edit,
.baiyi-table .baiyi-button-del,
.baiyi-table .baiyi-button-submit,
.baiyi-table .baiyi-button-search{padding:3px 10px;font-size: 12px;}

.baiyi-button{color: #000000d9;background: #fff;border-color: #d9d9d9;text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px #0000000b;}
.baiyi-button:active {color: #096dd9;background: #fff;border-color: #096dd9;}
.baiyi-button:hover, .baiyi-button:focus {color: #40a9ff;background: #fff;border-color: #40a9ff;}

.baiyi-button-view{color: #fff;background: #00bcd4;border-color: #00bcd4;text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px #0000000b;}
.baiyi-button-view:active{color: #fff;background: #096dd9;border-color: #096dd9;}
.baiyi-button-view:hover, .baiyi-button-view:focus {color: #fff;background: #40a9ff;border-color: #40a9ff;}

.baiyi-button-add{color: #fff;background: #1890ff;border-color: #1890ff;text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px #0000000b;}
.baiyi-button-add:active{color: #fff;background: #096dd9;border-color: #096dd9;}
.baiyi-button-add:hover, .baiyi-button-add:focus {color: #fff;background: #40a9ff;border-color: #40a9ff;}

.baiyi-button-edit{color: #fff;background: #1890ff;border-color: #1890ff;text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px #0000000b;}
.baiyi-button-edit:active{color: #fff;background: #096dd9;border-color: #096dd9;}
.baiyi-button-edit:hover, .baiyi-button-edit:focus {color: #fff;background: #40a9ff;border-color: #40a9ff;}

.baiyi-button-del{color: #fff;background: #ff4d4f;border-color: #ff4d4f;text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px #0000000b;}
.baiyi-button-del:active{color: #fff;background: #d9363e;border-color: #d9363e;}
.baiyi-button-del:hover, .baiyi-button-del:focus {color: #fff;background: #ff7875;border-color: #ff7875;}

.baiyi-button-submit{color: #fff;background: #1890ff;border-color: #1890ff;text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px #0000000b;}
.baiyi-button-submit:active{color: #fff;background: #096dd9;border-color: #096dd9;}
.baiyi-button-submit:hover, .baiyi-button-submit:focus {color: #fff;background: #40a9ff;border-color: #40a9ff;}

.baiyi-button-search{color: #000000d9;background: #fff;border-color: #d9d9d9;}
.baiyi-button-search:active{color: #096dd9;background: #fff;border-color: #096dd9;}
.baiyi-button-search:hover, .baiyi-button-submit:focus {color: #40a9ff;background: #fff;border-color: #40a9ff;}

.btn-group{overflow:hidden}
.btn-group + .btn-group{margin-top:10px}
.btn-group .btns span{color:#999;padding:0 1px}
.btn-group .btns{font-size:12px;float:left;display:block;position:relative;margin-left:-1px;z-index:0;border:1px solid #ddd;background:#fff;color:#000;padding:0 18px;height:30px;line-height:30px}
.btn-group .btns:hover,.btn-group .on{z-index:1;border-color:#006eff;background:#fff;color:#006eff}
.btn-group .title{font-size:12px;float:left;display:block;position:relative;z-index:0;border:1px solid #fff;background:#fff;color:#000;height:30px;padding:0 10px;line-height:30px}


/*-- 登录 --*/
.baiyi-login-page{overflow:hidden;}
.baiyi-login-panel{background:#fff;width:100%;max-width: 100%;padding:60px 90px;border-radius:3px;position: relative;}
.baiyi-login-logo{color:#666;font-size:28px;text-align: center;margin-bottom:60px;}
.baiyi-login-username{margin-bottom:15px;position:relative}
.baiyi-login-password{margin-bottom:15px;position:relative}
.baiyi-login-captcha{margin-bottom:15px;position:relative}
.baiyi-login-captcha img{cursor: pointer;position: absolute;top: 0px;right: 0px;border: 1px solid #d7d7d7;height: 49px;}
.baiyi-login-captcha .baiyi-login-input{width: calc(100% - 121px);}
.baiyi-login-input{font-size:15px;padding:15px 15px 15px 15px;vertical-align:middle;width:100%;border:1px solid #D7D7D7;border-radius:3px;box-sizing:border-box;color:#407CD5}
.baiyi-login-input:focus{border:1px solid #407CD5}
.baiyi-login-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset !important}
.baiyi-login-protocol{color:#999;font-size:12px}
.baiyi-login-protocol input{vertical-align:text-top;margin-right:5px}
.get-sms-btn{position: absolute;top: 0;right: 8px;bottom: 0;box-sizing: border-box;margin: auto;width: 120px;height: 36px;border: 0;border-radius: 2px;background: #5f99f1;color: #fff;text-align: center;cursor: pointer;}
.get-sms-btn.disabled, .get-sms-btn:disabled{background: #dedede;color: #fff;}
.baiyi-register-link{color:#666;}
.baiyi-login-link{color:#666;}
.baiyi-smslogin-link{color:#666;}
.baiyi-login-button{margin-top:15px; margin-bottom: 25px; border-radius:3px;color:#ffffff;background:#407CD5;border:none;cursor:pointer;width:100%;height:50px;line-height:50px;font-size:16px}
.baiyi-login-button:hover{opacity:.9}
.baiyi-login-change {overflow: hidden;margin-bottom: 20px;}
.baiyi-login-line{text-align: center;font-size: 12px;color: #999;margin-bottom:20px;position: relative;}
.baiyi-login-line::before{content: "";position: absolute;display: block;width: 100px;height: 1px;background: #e7e7e7;top:8px;left:0}
.baiyi-login-line::after{content: "";position: absolute;display: block;width: 100px;height: 1px;background: #e7e7e7;top:8px;right:0}
.baiyi-login-other ul{display: flex;justify-content: space-evenly;align-items: center;}
.baiyi-login-other ul li {width: 40px;text-align: center;}
.baiyi-login-other ul li img{width:100%}


.m_footer_menu {display: none;}



/*-- 订单确认页面--*/
.order-buy {position: relative;text-align: left;font-size: 14px;width: 100%;background-color: #fff;padding: 60px 0px;min-height: 500px;}
.order-buy .order-buy-title {margin-bottom: 20px;padding: 10px 130px;width: 100%;height: 75px;text-align: center;line-height: 1.8;color: #333;font-size: 16px;background: url(../img/buy-title-bg.jpg) center no-repeat;}
.order-buy .order-buy-price {margin-bottom: 20px;margin-top: 10px;text-align: center;font-size: 16px;color: #f60;}
.order-buy .order-buy-mark {margin:auto;margin-bottom:20px;text-align: center;width: 290px;}
.order-buy .order-buy-type {margin-bottom:20px;display: flex;justify-content: center;}
.order-buy .order-pay-type {float:left;margin:0 5px;padding:10px 18px;border:1px solid #ccc;border-radius:3px;cursor:pointer;}
.order-buy .order-pay-type.on {border:1px solid #2a9bff;}
.order-buy .order-pay-type i>img {width:30px;}
.order-buy .order-pay-type .text {margin-left: 4px;vertical-align: middle;font-style: normal;font-size: 14px;}
.order-buy .order-buy-button {margin:0 auto;width:290px;border-radius:4px;background-color:#299bff;box-shadow:0 3px 6px 0 rgba(0,112,211,.25);color:#fff;text-align:center;font-size:16px;line-height:48px;cursor:pointer;}
.order-buy .order-buy-button.not-allowed {background-color:#b9c8d5;box-shadow:none;cursor:not-allowed;}





@media (max-width:766px){


	.header,.footer,.index-quality,.banner-side,.foot-to{display: none;}
	.index-focus {padding: 0;}
	.index-focus .banner {
		width: 100%;
		height: 210px;
		float: inherit;

	}

	.index-title {
		margin: 20px 0;
	}

	.index-product ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: flex-start;
	}
	.index-serve li {
		width: 50%;
	}
	.index-template li {
		width: 50%;
	}
	.list-news,.show-news,.page-main {
		min-height: auto;
		border: none;
		padding: 10px;
		background-color: #fff;
		margin-bottom: 0px;
		margin-top: 0px;
	}

	.show-product-panel {
		padding: 10px;
		margin: 0px 0 10px 0;
		border-radius: 2px;
		background: #fff;
		box-shadow: 0 1px 10px 2px rgb(0 0 0 / 6%);
	}
	.show-product .image {
		float: left;
		overflow: hidden;
		max-width: 100%;
		max-height: 260px;
		min-width: 100%;
		text-align: center;
	}
	.show-product .info {
		float: left;
		margin-left: 0px;
		width: 100%;
	}


	.m_footer_menu{
		display: block;
		position:fixed;
		z-index:3;
		bottom:0px;
		border-top:1px solid #ebebeb;
		background:#e6e6e6;
		width:100%;
		text-align:center;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.m_menu{position:relative;
		float:left;
		width:33.33%;
		height:50px;
		line-height:50px;
		background:#fff;
		border-right:1px solid #ebebeb;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.m_menu:last-child{border-right:none;}
	.new-sub{position:absolute;
		bottom:60px;
		z-index:10;
		width:100%;
		padding: 0px 10px;
		background: #fff;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		border: 1px solid #EEEEEE;
		border-radius: 5px;
		display:none;
	}
	.new-sub li{
		width: 100%;
		background:#fff;
		float:none;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		border-top:1px solid #f2f2f2;
	}
	.new-sub li a{
		display:block;
		height:50px;
		line-height:50px;
		text-align:left;
		background:#fff;
		color:#333;
		border:none;
		text-align:center;
		font-size:16px;
	}
	.sanjiao{position:absolute;bottom:5px;right:5px;width:0;height:0;border:5px solid transparent;border-right:5px solid #000;border-bottom:5px solid #000;opacity:.5;}
	.bt-name{font-size:16px;color:#000;}
	.bt-name a{display:block;font-size:16px;color:#000;}
	.new-sub .tiggle{
		width:0px;
		height:0px;
		position:absolute;
		left:50%;
		margin-left:-10px;
		bottom:-9px;
		border-top:10px solid #EEEEEE;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
		z-index:10;
	}
	.new-sub .innertiggle{
		width:0px;
		height:0px;
		position:absolute;
		left:50%;
		margin-left:-9px;
		bottom:-8px;
		border-top:9px solid white;
		border-left:9px solid transparent;
		border-right:9px solid transparent;
		z-index:11;
	}
}