﻿#page{ margin:0 auto; background:#F2F2F2;}

.fl{ float:left;}
.fr{ float:right;}

img{ max-width:100%;}
#head{ height:40px; overflow:hidden; background:#277de2;}
#head .logo{ width:150px; margin:2px 0 0 10px;}

#head a.menu{ width:28px; height:28px; margin:6px 8px 0 0; background-color:#5c5c5c; border-radius:8px; display:inline-block; float:right; position:relative; text-align:center; vertical-align:middle; background:#5c5c5c url(../images/icon1.png) no-repeat center center; background-size:48%;}
#head a.menu{ width:40px; height:40px; margin:0; border-radius:0; background:#4790e6 url(../images/icon4.png) no-repeat center center; background-size:50%;}

/***************** banner *****************/
.box_swipe{ position:relative; overflow:hidden;}
.box_swipe ul{ -webkit-padding-start:0px;}
.box_swipe>ol{ position:absolute; z-index:10; right:10px; bottom:10px;}
.box_swipe>ol>li{ display:inline-block; margin:0 3px; width:38px; height:4px; background:#fff; border-radius:8px;}
.box_swipe>ol>li.on{ background:#277de2;}

/***************** content *****************/
#content{ padding:2%;}

.swiper-container {
	width:100%;
	margin:20px auto;
	padding:10px 0 30px;
	background:#fff none repeat scroll 0 0;
	border-radius:5px;
}
.swiper-slide {
}

.box-sty{ background:#fff none repeat scroll 0 0; border-radius:5px; box-shadow:0 1px 1px #dbdbdb; margin:2% auto 0; overflow:hidden; position:relative;}

.hp-dhmenu{ width:100%; font-size:0; padding-top:1%;}
.hp-dhmenu li{ display:inline-block; margin:6px 0; width:25%;}
.hp-dhmenu i{ animation:1s ease 0.2s normal both 1 running flip; background-color:#f0f0f0; border-radius:100%; display:block; height:50px; margin:0 auto; width:50px;}

.hp-dhmenu .dh1{ background-size:55%;}
.hp-dhmenu .dh2{ background-size:55%;}
.hp-dhmenu .dh3{ background-size:55%;}
.hp-dhmenu .dh4{ background-size:45%;}
.hp-dhmenu .dh5{ background-size:55%;}
.hp-dhmenu .dh6{ background-size:55%;}
.hp-dhmenu .dh7{ background-size:55%;}
.hp-dhmenu .dh8{ background-size:32%;}

.hp-bt{ color:#666; display:block; font-size:12px; line-height:24px; text-align:center; width:100%;}
.hp-dhmenu li a{ display:block;}
.user{ float:right; line-height:40px; color:#fff; padding:0 10px;}
.user a{ color:#fff;}


/* -------------------------------- 

左侧弹出导航

-------------------------------- */
.cd-main-content{
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  will-change:transform;
}

.cd-main-content{
  position:relative;
  -webkit-transition:-webkit-transform 0.3s;
  -moz-transition:-moz-transform 0.3s;
  transition:transform 0.3s;
}
@media only screen and (max-width:1920px) {
  .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
    -webkit-transform:translateX(-260px);
    -moz-transform:translateX(-260px);
    -ms-transform:translateX(-260px);
    -o-transform:translateX(-260px);
    transform:translateX(-260px);
  }
  .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
    -webkit-transform:translateX(260px);
    -moz-transform:translateX(260px);
    -ms-transform:translateX(260px);
    -o-transform:translateX(260px);
    transform:translateX(260px);
  }
}

.cd-main-content {
	background:#fff;
	min-height:100vh;
	z-index:2;
}


.cd-primary-nav, .cd-primary-nav ul {
  position:fixed;
  top:0;
  right:0;
  height:100%;
  width:260px;
  background:#fff;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  z-index:1;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0);
  -webkit-transition:-webkit-transform 0.3s;
  -moz-transition:-moz-transform 0.3s;
  transition:transform 0.3s;
}
.cd-primary-nav a, .cd-primary-nav ul a {
  display:block;
  height:50px;
  line-height:50px;
  padding:0 20px;
  color:#666;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border-bottom:1px solid #ddd;
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  will-change:transform, opacity;
  -webkit-transition:-webkit-transform 0.3s, opacity 0.3s;
  -moz-transition:-moz-transform 0.3s, opacity 0.3s;
  transition:transform 0.3s, opacity 0.3s;
}
.cd-primary-nav a:active, .cd-primary-nav ul a:active{
	 color:#fff;
	 background:#c30817;
	 text-decoration:none;
}
	
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
  /* secondary navigations hidden by default */
  -webkit-transform:translateX(100%);
  -moz-transform:translateX(100%);
  -ms-transform:translateX(100%);
  -o-transform:translateX(100%);
  transform:translateX(100%);
}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform:translateX(-100%);
  -moz-transform:translateX(-100%);
  -ms-transform:translateX(-100%);
  -o-transform:translateX(-100%);
  transform:translateX(-100%);
  opacity:0;
}
@media only screen and (max-width:1920px) {
  .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
    -webkit-transform:translateX(-260px);
    -moz-transform:translateX(-260px);
    -ms-transform:translateX(-260px);
    -o-transform:translateX(-260px);
    transform:translateX(-260px);
  }
  .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
    -webkit-transform:translateX(260px);
    -moz-transform:translateX(260px);
    -ms-transform:translateX(260px);
    -o-transform:translateX(260px);
    transform:translateX(260px);
  }
}
@media only screen and (max-width:1920px) {
  .cd-primary-nav {
    /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
    visibility:hidden;
    -webkit-transition:visibility 0s 0.3s;
    -moz-transition:visibility 0s 0.3s;
    transition:visibility 0s 0.3s;
  }
  .cd-primary-nav.nav-is-visible {
    visibility:visible;
    -webkit-transition:visibility 0s 0s;
    -moz-transition:visibility 0s 0s;
    transition:visibility 0s 0s;
  }
}
.cd-overlay {
  /* shadow layer visible when navigation is active */
  position:fixed;
  height:100%;
  width:100%;
  top:0;
  left:0;
  cursor:pointer;
  background-color:rgba(0, 0, 0, 0.7);
  visibility:hidden;
  opacity:0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transition:opacity .3s 0s, visibility 0s .3s;
  -moz-transition:opacity .3s 0s, visibility 0s .3s;
  transition:opacity .3s 0s, visibility 0s .3s;
  z-index:9999;
}
.cd-overlay.is-visible {
  opacity:1;
  visibility:visible;
  -webkit-transition:opacity .3s 0s, visibility 0s 0s;
  -moz-transition:opacity .3s 0s, visibility 0s 0s;
  transition:opacity .3s 0s, visibility 0s 0s;
}
/***************** foot *****************/
#foot{ padding:15px; color:#fff; font-size:12px; text-align:center; background:#000; word-wrap:break-word;}
#foot a{ color:#999;}

#foot ul{ width:50%; margin:0 auto 15px;}
#foot ul li{ width:40%; margin:0 5%; float:left;}
#foot ul li a.icon{ width:50px; height:50px; margin:0 auto 5px; display:block; border:2px #bbb solid; border-radius:100%;}
#foot ul li a.mobile{ background:url(../images/f_icon1.png) no-repeat center center; background-size:30%;}
#foot ul li a.pc{ background:url(../images/f_icon2.png) no-repeat center center; background-size:60%;}

.bbox{ margin-bottom:53px;}
.botMenu{ height:48px; z-index:99; position:fixed; bottom:0; left:0; width:100%; background-color:#fff; border-top:1px solid #cdcdcd; padding-top:5px; }
.botMenu li{ width:25%; text-align:center; float:left;}
.botMenu li img{ width:26px;}
.botMenu li a{ font-size:13px;}

.con_new{ height:70px; margin:5px 0; background-color:#fff; display:flex; align-items:center; justify-content:space-between;}
.con_new img{ height:100%; margin-right:12px;}
.con_new .n_list { float:left; font-size:13px; overflow:hidden;}
.con_new .n_list div.swiper-slide{vertical-align: middle; height:70px; }
.con_new .n_more{width: 85px;}
.swiper-container2 {width:100%;height:70px;}

/***高考查询***/
.nycont{min-height:400px;}
.searchFrom{ background-color:#fff;}

.nycont{min-height:550px;}
.searchFrom{ background-color:#fff;}
.tjBox{ clear:both; border-bottom:1px dashed #f2f2f2; padding:5px; display:flex;}
.tjTit{ width:80px;text-align:right; line-height:36px; font-weight:600; color:#000;}
.tjTit p{ font-weight:normal;font-size:13px; padding-right:12px; line-height:16px;}
.select{ width:200px; border:1px solid #CDCDCD; background-color:#fff; line-height:36px; height:36px; padding-left:5px;}

.tjBox>ul{ display:flex; flex-wrap:wrap; width: calc(100% - 85px);}
.tjBox ul.tjItem li{ border-radius:4px; display:inline-block; border:1px solid #CDCDCD;line-height:26px; padding:1px 5px; margin:0px 7px 7px 0px;}
.tjBox ul.tjItem li.on{ color:#fff; background-color:#3BA1E8;}
.tjBox ul.tjItemInput>li{ border-radius:4px; border:1px solid #CDCDCD;line-height:26px; padding:1px 5px; margin:0px 7px 7px 0px;}
.tjBox ul.tjItemInput>li.on{ color:#fff; background-color:#3BA1E8;}

ul.tjRange li{ display:inline-block; border:1px solid #dcdbdb; text-align:center;  font-size:13px; padding:4px 5px; margin:0 5px 5px 0px; cursor:pointer;}
ul.tjRange li.on{ border:1px solid #3ba1e8; color: #fff; background-color:#3ba1e8;} 

.yxList{ margin:2px 0;  background-color:#fff; padding:8px 0; display:flex; align-items:center;}
.yxList .dxLogo{ width:80px; padding-left:0.15rem;text-align:center;}
.yxdList{ margin:0; padding-top:10px;}
.yxList .dxLogo img{ width:85%;}
.yxList .dxCont{  width: calc(100% - 85px);}
.zyyxList .dxCont{ width: calc(100% - 100px);}
.yxList .dxName{ font-size:14px; font-weight:600; margin-bottom:6px;line-height:30px; display:flex; justify-content:space-between; padding-right:15px;}
.yxList .dxName a{ font-size:14px; font-weight:600; }
.yxList .dxCont .dxAttr a{ margin-right:5px; padding:3px 5px; border-radius:3px; background-color:#F3F3F3; color:#999999; font-size:12px;}
.yxList .dxCont .dxAttr span{ float:right; background-color:#F3F3F3;}
.dxAttr3{  background-color:#fff; padding-bottom:10px; margin-bottom:1px; padding-left:5px;}
.dxAttr3 span{ margin-right:10px; color:#333333; font-size:14px; }
.dxAttr3 a{margin-right:10px; color:#4da8e8; font-size:14px;}
.yxdList .dxLink a{ font-size:12px; font-weight:normal}
.dxLink a{ font-size:13px;}

.sfbox{ position:fixed; top:0; left:0; height:calc(100% - 88px); width:100%; z-index:9999; padding:0;   background: url(../images/sfbg.png) repeat top left; display:none;}
.sfdiv{ width:80%; background-color:#fff; margin:1rem auto; padding:0.5rem 0.2rem 0.5rem 0.2rem; }
ul.selProvince{ width:100%;}
ul.selProvince li{ display:inline-block;border-radius:4px; border:1px solid #CDCDCD;line-height:26px; padding:3px 8px; margin:0px 8px 8px 0px;}
ul.selProvince li.on{ border:1px solid #3ba1e8; color: #fff; background-color:#3ba1e8;}
.sfcon{ float:left; display:inline-block; border:1px solid #3ba1e8; color:#3ba1e8; padding:0 5px; font-size:14px;line-height:26px; margin-top:3px;    }
.sfdiv .layui-btn{ height: 32px;line-height: 32px;padding: 0px 15px;}

.yxInp{ border:none;}
.yxSearch{ padding:0 0 0 3px; border-left:1px solid #dcdbdb}

.yxMenu { background-color:#fff; line-height:42px;background-color:#e6e6e6;}
.yxMenu ul li{ padding:0; font-size:13px; display:inline-block; width:24%; text-align:center;}
.yxMenu ul li a{ display:inline-block; width:100%;height:100%;}
.yxMenu ul li.on,.yxMenu ul li:hover{ background-color:#fff; border-bottom:1px solid #3ba1e8;color: #3ba1e8;}
.yxMenu ul li.on a{color: #3ba1e8;}
.yxCont{ background-color:#fff; padding:0 12px; min-height:380px;}
.yxCont p{ line-height:28px; margin-bottom:15px; text-indent:2em;}
.nrTit{display: flex;align-items: center; margin-bottom:15px; padding-top:10px;line-height: 20px;}
.nrTit b{    display: inline-block;width: 4px;height: 20px;background: #3ba1e8;margin-left: 0px;border-radius: 2px;}
.nrTit span{    color: #333;font-size: 15px;display: inline-block;margin-left: 10px;}
.tabList{ width:100%;}
.tabList tr th{ background-color:#5BA8FF; border-left:1px solid #ddd; text-align:center; padding:3px 3px;color:#fff; font-size:13px; font-weight:normal;}
.tabList tr td{ border:1px solid #ddd; font-size:13px; padding:7px 2px;}
.sfcont{ background-color:#fff;}
.left-head{width: 100%;height: 35px;display: flex;align-items: center;background-color:#fff;justify-content:space-around; padding-top:2px;  }
.left-head span{text-align: center;font-size: 13px;cursor: pointer;line-height: 35px; color:#666;}
.left-head span.on{background-color:#fff;color:#3ba1e8;border-bottom:2px solid #3ba1e8;}
.item-right{ background-color:#fff; margin-top:8px;}
.list-item{ padding:0 12px;}
.item-right .list-top{ border-bottom:1px solid #F2F2F2; line-height:40px; display:flex; justify-content:space-between; font-size:13px;}
.item-box{ display:none; background-color:#f2f2f2; padding:7px;}
.zynum{ font-size:12px;}
.zhuanke-list{ display:none;}
.list-class{ font-size:12px; font-weight:600; line-height:25px;}
.zy-item a{ font-size:12px; padding:3px 5px; margin:3px; display:inline-block;}
.analysis {display:flex; justify-content:space-between; align-items:center; }
.zyjxtit{align-items: center;background-color:#fff;border-bottom:1px solid #f2f2f2;}
.zyjxtit span{ padding:0 7px; display:inline-block; line-height:35px;  }
.zyjxtit .on{ background-color:#1296db; color:#fff; border-radius:3px 3px 0 0 ;}
.zyjxtit .on a{ color:#fff;}
.subtit {
    font-weight: 600;
    line-height: 35px;
    display: flex;
    align-items: center;
    font-size: 13px;
}
.box-left p{ font-size:15px; font-weight:600; line-height:35px;}
.box-left span{ font-size:13px;}
.analysis{ background-color:#fff; padding:10px 8px; margin-bottom:8px;}
.zyjxcont b.b-d {
    width: 4px;
    height: 4px;
    background: #333333;
    border-radius: 50%;
    margin-right: 10px;font-weight: normal;
    display: block;
}
.right-list{ background-color:#fff; padding:0 8px;}
.occupation a {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 3px;
    margin: 3px ;
    background-color: #f1f1f1;
}

.yx2List{ margin:10px 0;  background-color:#fff; height:auto; padding:10px 0; display:flex; align-items:center; justify-content:space-between;}
.yx2List .dxLogo{ width:120px; padding-left:15px; text-align:center;}
.yx2List .dxLogo img{ width:70px;}
.yx2List .dxCont{margin-left: 14px;}
.yx2List .dxName{ font-size:15px; margin-bottom:3px; font-weight:bold;line-height:34px;}
.yx2List .dxCont .dxAttr{ margin-top:5px;}
.yx2List .dxCont .dxAttr span{ margin-right:12px; padding:0px 9px; border-radius:3px; color:#888888; font-size:13px; border: 1px solid #dfdede;}

.yx2List .dxLink{color:#333;}
.yx2List .dxLink span{color: #0096ff;font-size: 14px;line-height: 35px;cursor: auto; display:inline-block;font-weight: 600;}
.yx2List .dxLink span.sp1{}
.yx2List .dxLink span.sp2{}
.yx2List .dxLink span.sp3{}
.yx2List .dxLink a:hover{ color:#fff;background-color:#3ba1e8}
.tjItemInput .yxInp{font-size:14px; border-radius:3px 0 0 3px;margin:5px 0px;}
.yxleft{ display:flex; align-items:center; }
ul.tjSeaInput .yxInp{ font-size:14px; border-radius:3px 0 0 3px;}

.control{ position:relative;}
.control .collegeList{ margin-left:0; position:absolute; left:-9px; top:30px; z-index:9999; background-color:#fff; width:calc(100% + 11px); padding-left:5px; border:1px solid #dcdbdb; display:none; }
.control .professionalList{ margin-left: 0; position:absolute; left:0; top:30px; z-index:9999; background-color:#fff; width:100%; padding-left:5px; border:1px solid #dcdbdb; display:none;}

.tjBox ul.tjSeaInput>li {
    border-radius: 4px;
    border: 1px solid #CDCDCD;
    line-height: 26px;
    padding: 3px 8px;
    margin: 0px 8px 8px 0px;
}


.zyCont{ border:1px solid #cdcdcd; margin:0 auto; width:90%; margin-bottom:10px; }
.zyLeft{ width:29%; float:left;border-right:1px solid #cdcdcd;}
.zyRight{ width:70%; float:left; height:100%; overflow-y:scroll;}
.zyRight ul{ display:none;}
.zyRight ul.on{ display:block;}
.zyRight ul li{ padding-left:5px; line-height:28px;}
.zyRight ul li.ejLi{ border-bottom:1px solid #cdcdcd;  border-top:1px solid #cdcdcd; text-align:center;}
.zyRight ul li.ejLi input{ float:none; vertical-align:-3px;}
.zyTit{ text-align:center;  line-height:28px; font-weight:600;}
.zyLeft ul li{ border-bottom:1px solid #cdcdcd;  text-align:center; line-height:28px;}
.zyLeft ul li.on{ color:#fff; background-color:#3ba1e8}
.zyRight input{ width:20px; height:20px; float:left; margin-top:3px;}
.zyShow{ border:1px solid #cdcdcd; margin:0 auto; width:100%; margin-bottom:10px; }
.zydiv{ width:98%; height:calc(100% - 45px);  overflow-y:scroll;  border-radius:0.1rem; background-color:#fff; margin:0 auto; padding:5px 0px 20px; padding-bottom:20px; }
.zyspan{ border-radius:3px; background-color:#FF5722; color:#fff; padding:3px;}
.zysubit{border-radius:3px; background-color:#FF5722; color:#fff; padding:3px; margin:5px auto; width:60%;}
.showBtn{text-align: center; position: inherit; width: 98%; margin-left:1%; bottom: 88px; padding-bottom:5px; background-color:#fff; padding-top:5px;}

ul.selItem { padding-left:7px; padding-top:5px; display:inline-block}
ul.selItem li{ float:left; display:inline-block; margin-right:10px; padding:3px; font-size:12px; margin-top:3px; line-height:24px; border-radius:3px;color:#fff; background-color:#3ba1e8; position:relative;}
ul.selItem li img{ position:absolute; right:-5px; top:-5px; width:18px; height:18px;}
.zyBtn{width:100px}
.clearZy {
    border-radius: 4px;
    background-color: #b5b5b5;
    color: #fff;
    padding: 4px 10px;
    cursor: pointer;
}



.acItem{ background-color:#fff; border-bottom:1px solid #f2f2f2; padding-bottom:1px;}
.acItem ul li{ float:left; text-align:center; line-height:28px}
.acItem ul li a{ color:#999; width:80%; text-align:center; display:block;}
.acItem ul li.on{margin-bottom: 0px;}
.acItem ul li.on a{ color:#000;border-bottom:2px solid #5BA8FF; margin:0 auto;}
.zdItem{ background-color:#fff; margin-top:0.15rem; height:200px; overflow:hidden;}
.zdItem .swiper-container{ height:200px;}
.zdItem .swiper-slide p{display: block; position: absolute; left:0; right:0; bottom: 0; z-index:2; padding-left:10px; height:1rem; line-height:1rem; color: #fff; text-align: left; font-size:0.35rem; background:rgba(000,000,000,0.5);}

.wzList,.wzDet{ background-color:#fff; padding:10px;}
.wzDet,.wzDet p{ line-height:28px; text-indent:2em;}
.wzDet p.title{ padding:8px 0 15px; font-size:18px; line-height:normal;}
.wzDet .wzUnit{ color:#999; font-size:13px; line-height:20px; margin-bottom:18px;}
.wzDet .wzUnit  span{ float:right; font-size:0.3rem;}
.wzDet .wzUnit img{ width:20px; margin-right:5px; margin-top: -2px;}
.wzList ul li{ padding:0.2rem 0;  border-bottom:1px solid #f2f2f2; display:flex}
.wzList ul li .wzpic{ width:90px; height:60px; float:left; margin-right:7px;}
.wzList ul li p{line-height:normal; padding-top:0.1rem; min-height:30px; padding-top:3px;}
.wzList ul li div{ color:#999; flex:1}
.wzList ul li div span{ float:right;}
.rcbox{display:flex; align-items:center;justify-content:center}

.rbtit{ text-align:center;color:#188eee; font-size:17px;}
.sinp{ border:none; border-bottom:1px solid #188eee;}
.stit{ display:flex; align-items:center; margin:15px 0; line-height:30px;}
.attr{width:70px; text-align:justify;text-align-last: justify;}
.nxtbtn{ margin-top:20px; background-color:#188eee; color:#fff; border-radius:15px; padding:6px 20px; border:none;}
.stit input{ height:26px;}

.zybox{ display:flex;}
.fadiv{ width:80px;}
.zcon{ flex:1;}
.a-ul li{border-bottom:1px solid #ccc; padding:6px 0; text-align:center; border-right:1px solid #ccc;}
.a-ul li:first-child{border-top:1px solid #ccc;}
.a-ul li.on{ background-color:#188eee; color:#fff;}
.ejzy{ text-align:center; background-color:#ececec; padding:3px;}
.c-ul{ display:flex; align-items:center; flex-wrap:wrap; padding:10px 0;}
.c-ul li{ padding:5px 7px;}

.bottomFixed{ position:fixed; bottom:0; left:0; width:100%; z-index:9999; background-color:#fff;}
.botBox{ display:flex; justify-content:space-around; align-items:center; padding-bottom:10px;}
.botBox a{display:block; }
.botBox a.ahs{margin-top:12px; background-color:#999999; color:#fff; border-radius:15px; padding:6px 20px; border:none;}
.botBox a.nxtbtn{margin-top:12px;}
.haveSel{margin-top:12px;border:1px solid #999999;  border-radius:15px; padding:5px 19px;}
.botBox a.noShow { display:none;}
.noShow { display:none;}
.accInfo {
    margin-bottom: 10px;
    padding:5px 8px;
    display: flex;
    align-items: center;
    background-color:#fff;
    justify-content:space-between;
}
.yxszd{ width:45px; padding-right:7px;}
.flex1{ flex:1;}
.rangBox{ align-items:center; justify-content:space-around;}
.input-number{
	height: 26px;
	border: #d9d9d9 1px solid;
    overflow:hidden;
    display:flex;
}
.input-number input[type='text']{
    line-height:26px;
    border:none;
	width: 60px;
	font-size: 14px;
    text-align:center;
}
.input-number span{
	display: block;
	width: 100%;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}
.input-number span.flase{
	color: #999;
	background: #f8f8f8;
}
.plus{ border-right:1px solid #d9d9d9;}
.reduce{ border-left:1px solid #d9d9d9;}
.tjBtn{ margin-bottom:10px;}
.tjBtn .nxtbtn{ text-align:center; padding:4px 15px;}
.updown{ padding-left:20px; color:#666666; font-size:12px;}
.grey{color:#999;}
.blue{color:#188eee}
.yxSel{ display:flex; padding:8px 5px; align-items:center; justify-content:space-around; font-size:13px; }
.yxSel a.ahs{margin-top:8px; background-color:#999999; color:#fff; border-radius:15px; padding:6px 12px; border:none;}
.yxSel .seeSel{margin-top:8px;border:1px solid #999999;  border-radius:15px; padding:4px 10px 5px;}
.yxSel .nxtbtn { margin-top:8px;}

.selBox{ display:none;}
.selBox ul.selTit li{ display:flex; flex-wrap:nowrap; padding:5px 0; color:#fff;  width:100%; font-size:13px; justify-content: space-between;background-color: #188eee;text-align:center; }
.selBox ul.selTit li .div1{ width:31%}
.selBox ul.selTit li .div2{ width:29%;}
.selBox ul.selTit li .div3{ width:28%;}
.selBox ul.selTit li .div4{ width:12%;}

.selBox ul.selCon{ height:75vh; overflow-y:auto;}
.selBox ul.selCon li{ display:flex; flex-wrap:nowrap; width:100%;font-size:12px; justify-content: space-between; text-align:center;}
.selBox ul.selCon li div{ text-align:center; border-bottom:1px solid #ccc; padding:5px 0; }
.selBox ul.selCon li .div1{ width:31%; border-right:1px solid #cccccc;}
.selBox ul.selCon li .div2{ width:29%; border-right:1px solid #cccccc;}
.selBox ul.selCon li .div3{ width:28%; border-right:1px solid #cccccc;}
.selBox ul.selCon li .div4{ width:12%; border-right:1px solid #cccccc;}
.selBox ul.selCon li .div:last-child span{ color:#188eee; font-size:12px; }
.selBox ul.selCon li:hover{ background-color:#8ff5ff;}

.yxItem-cell-3{ color:#c2c2c2;}
.yxItem-cell-3 span{ color:#333;}

.selBox ul.selTit li .div111{ width:34%}
.selBox ul.selTit li .div112{ width:23%;}
.selBox ul.selTit li .div113{ width:31%;}
.selBox ul.selTit li .div114{ width:12%;}
.selBox ul.selCon li .div111{ width:34%; border-right:1px solid #cccccc;}
.selBox ul.selCon li .div112{ width:23%; border-right:1px solid #cccccc;}
.selBox ul.selCon li .div113{ width:31%; border-right:1px solid #cccccc;}
.selBox ul.selCon li .div114{ width:12%; border-right:1px solid #cccccc;}

.selBox ul.selCon li.li211{ display:inline-block; text-align:left; }
.selBox ul.selTit li .div211{ width:100%; text-align:center; font-size:14px; padding:3px 0px;}
.selBox ul.selCon li div.zykk2{display:block;}
.selBox ul.selCon li div.zykk2 .pdx2{ text-align:left; font-size:14px; padding:3px 5px; font-weight:600; }
.selBox ul.selCon li div.pzy2{  display:flex; justify-content:space-between; padding:5px 15px; font-size:13px; border-bottom:none; }
.selBox ul.selCon li .div113{ width:31%; border-right:1px solid #cccccc;}
.selBox ul.selCon li .div114{ width:12%; border-right:1px solid #cccccc;}
.turemove{ width:22px;}

.selBox ul.selTit li .div101{ width:40%}
.selBox ul.selTit li .div102{ width:40%;}
.selBox ul.selTit li .div104{ width:20%;}
.selBox ul.selCon li .div101{ width:40%; border-right:1px solid #cccccc;}
.selBox ul.selCon li .div102{ width:40%; border-right:1px solid #cccccc;}
.selBox ul.selCon li .div104{ width:20%; border-right:1px solid #cccccc;}

.selBox ul.noFlex li{ display:inline-block; flex-wrap:nowrap; width:100%;font-size:12px; justify-content: space-between; text-align:center;}



.mkTab{ margin-top:0.3rem;}
.ckdd{ float:right;height: 0.7rem; line-height:0.7rem;}
.ckdd a{ padding-right:0.2rem;}
.csCk{ width:0.7rem; height:0.7rem; margin-right:0.12rem; }
.spTab1{ color:#fff; background-color:#036eb8; padding:0 0.25rem; line-height:1.5rem; float:left;}
.spTab2{ color:#fff; background-color:#036eb8; padding:0 0.25rem; line-height:1.5rem;float:left; margin-left:1px;}
#order{ position:fixed;right: 0.3rem;bottom: 1.6rem;width: 1.6rem;height: 1.6rem; text-align:center;border-radius:0.8rem; border:1px solid #036eb8; background: #fff; z-index:99999;}
#order img{ width:1.2rem;margin-top:0.3rem; }
.oNum{ position:absolute; width:0.6rem; height:0.6rem; right:-0.1rem; top:-0.1rem; background-color:#F00; color:#fff; text-align:center; padding:0.1rem;border-radius:0.3rem; line-height:0.4rem;}
.sd_zj{ width:1rem; height:1rem;}
