/*字体图标样式结束*/
.container{ padding: 20px;}
.pageTop{    position: fixed;
    top: 0px;
    background: #ffffffc7;}
.PageRight{display:flex}
.pagination,.footerPage{  width:100%;  display: flex;
        flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-end;}
    .pagination .vm,.footerPage .vm{display:flex;}
/*公用顶部*/
.topTitlt { border-bottom:1px solid #DCDDDD; padding-bottom:15px;}
.topTitlt h5{font-size:16px;font-weight: 300;text-indent:8px;margin-right:8px;border-left:2px solid #048de4;}
.topList{float:left; width: 100%; margin-top:15px;border-bottom: 1px solid #DCDDDD;}
.topList li {margin-left: -1px;	margin-bottom: -1px; position: relative;cursor: pointer;border-radius: 2px 2px 0 0;	float:left; text-align:center; float:left; text-align:center;border:1px solid #DCDDDD; border-bottom:none;background:#FCFDFE;}
.topList li a{display:inline-block;color: #333; float: left; text-align: center;padding: 10px 30px 10px 30px; }
.topList li.cur {background: #fff;border-top: 2px solid #048de4;}
.topList li.cur a{ color: #048de4;}
.topSearch{ background: #fff; padding: 15px 0; width: 100%; display: inline-block;line-height: 30px; color: #666;}
.topSearch span{ display: inline-block; vertical-align: middle;}
.topReturn{ border: 1px solid #efeeee; padding:5px 10px 4px;}
.topReturn i{ font-size: 16px; vertical-align: middle; margin-right:5px;}
.topReturn:hover{ background: #048de4; color: #fff; border: 1px solid #048de4;}
.InputText{ line-height: 20px; padding: 5px 10px;border:1px solid #ebebeb;vertical-align:middle; color: #666;}
.selectText{background:#fff;border:1px solid #ebebeb;display:inline-block;padding:6px;font-size:12px;line-height:20px;color:#555; vertical-align: middle;}
.buttonSmall{background:#048de4 ; border: 1px solid #048de4;border-radius: 0px; color: #fff; padding:0 17px; cursor:pointer; display: inline-block; vertical-align: middle; height: 30px; line-height: 30px; }
.buttonSmall:hover{ background: #0495f1; color: #fff;}
.buttonSmall.bg-FF5722{ background: #FF5722; color: #fff;border: 1px solid #FF5722;}/*橘黄色*/
.buttonSmall.bg-FF5722:hover{ background: #fd602f;border: 1px solid #d44c22;}
.buttonSmall.bg-14d6bc{ background: #35943e; color: #fff;border: 1px solid #35943e;}/*橘黄色*/
.buttonSmall.bg-14d6bc:hover{ background: #3aa544;border: 1px solid #35943e;}
.buttonSmall.bg-ccc{ background: #f7f7f7; color: #666;border: 1px solid #ddd;}/*橘黄色*/
.buttonSmall.bg-ccc:hover{ background: #fff;border: 1px solid #ddd;}
.buttonSmall2{ height: 28px; line-height: 28px; padding: 0; width: 80px; text-align: center;}
.buttonSmall.bgCCC{ background: #ccc;}
.buttonSmall3.c-ed221c{ color: #ed221c;}
.buttonSmall3.c-ed221c:hover{ color: #d0140f;}
.buttonSmall4{ padding: 0 12px; border-top-left-radius: 0;border-bottom-left-radius: 0; float: left; height: 26px; line-height: 26px; margin-top: 1px;position: relative;}
.buttonSmall3{height:16px;line-height:18px; background:none; color: #048de4;
    padding: 0;width: 24.6%;text-align: center;float: left; border-radius: initial;margin-top: 10px;border-right: 1px solid #d0e9ed; margin:10px 0;}
.buttonSmall3.last{ border: none;}
.buttonSmall3:hover{ background:none; color: #0265c1;}
.buttonSmall3.ColorCCC{ color: #ccc;}
.buttonSmall4 input{ position: absolute; top:0; left: 0; font-size: 0; width: 100%; height:100%; opacity: 0;}
.buttonCentre{ height: 36px; line-height: 36px; padding:0 35px;}

/*公用表格*/
.Table {text-align: center;}
.Table th{ font-weight:300; padding: 5px; background: #f5f7fb;}
.Table td{ padding: 5px; color: #333; border-bottom: 1px solid #f5f5f5;}
.Table tr:hover{ background: #f7f9fc;}
.normalColor{ color: #333;}
.Table a:hover{ text-decoration: underline;}
.normalColor:hover{ color: #048de4;}
.Table .TableAjax{ background: #fff; display: none;}
.TableBg th{ background:none; border-bottom: 1px solid #f5f5f5;}
/*公用底部翻页*/
.footerPage{ padding: 15px 0;}
.footerPage .pagination{ display: inline-block; vertical-align: middle;}
.PageRight li{background: #fff none repeat scroll 0 0;border: 1px solid #e2e2e2; border-right:none;color: #333;display: inline-block;float: left;transition: all 0.25s linear 0s; height: 28px; line-height:30px; }
.PageRight li span{padding:0 12px;}
.PageRight li a{ color: #333; display: inline-block; padding: 0 12px;}
.PageRight li.last{ border-right: 1px solid #e2e2e2;}
.PageRight li{ line-height: 30px; color: #999;}
.PageRightText{ padding:6px; float: left;border:1px solid #DCDDDD;color: #666; margin: 0 10px 0 5px; text-align: center;}
.PageRight li:hover{background: #048de4 none repeat scroll 0 0;border: 1px solid #048de4;color: #fff; border-right:none;}
.PageRight li:hover a{ color: #fff;}
.PageRight li.last:hover{ border-right: 1px solid #048de4;}
.PageRight li.active{background: #048de4 none repeat scroll 0 0;border: 1px solid #048de4;color: #fff;}
.PageRight li.active a{ color: #fff;}
.PageRight li.iconfont{ font-size: 10px;}

/*公用表单*/
.formInput { padding: 3% 0; font-size: 12px; color: #999; display: table; width: 100%;}
.formInput li{ padding-bottom: 8px; padding-top: 8px;color: #1b1b1b; width: auto; line-height: 30px; }
.formInput li .InTitle { display: inline-block; font-size: 12px; margin-right: 10px;  text-align: right;  width: 140px;color: #444;}
.formInputTwo li{ width: 50%; float: left;}
.formInput2 li{ width: 50%; float: left;}
.formInput3 li{ width: 33%; float: left;}
.formInput4 li{ width: 24.5%; float: left;}
.formInput5 li{ width: 19.5%; float: left;}
.formInput8 li{ width: 12%; float: left;}
/*ajax样式*/
.ajaxCon{ padding:10px 20px; }
.payRecord{ text-align: left; font-size: 12px; color: #333; width: 70%; margin: 0 auto; line-height: 26px;}
.payRecord em{ margin: 0 3px;}
.payRecord i{ margin-left:8px}
.ajaxForm{ width:500px; margin: 0 auto;}
/*提示样式*/
.TopTips{line-height:24px;padding: 6px 12px;}
.TopTipsOrange { background: #fcf8e2; border:1px solid #fbeccb; color: #F68300;}
.TopTipsGreen { color: #090;background-color: #F2FFEA;border:1px solid  #C7DDB9;}
.TopTipsOrange2{ background: #fcfbf6; border:1px solid #faefd7; color: #F68300;}
/*公币配置*/
.deployList{ padding: 20px;}
.deployList li{ width:240px; height: 200px; border: 1px solid #efeeee; float: left; margin: 20px; text-align: center; position: relative;}
.deployList li:hover{box-shadow: 0 1px 15px 2px #ddd;}
.deployListCon1{ font-size: 26px; padding:30px 0 20px; width: 100%; display: inline-block; color: #333;}
.deployListCon1 i{ font-weight: bold; font-size:32px; vertical-align: middle;}
.deployListCon2{font-size: 14px; line-height: 26px; width: 50%; float: left;  text-align: center;}
.deployListCon2 em{ display: block; width:100%; font-size: 12px;}
.deployListCon2 strong{ font-size: 20px;}
.deployListHandle{ width: 100%; display: inline-block; position: absolute; bottom: 0; left: 0; height: 40px; line-height:44px;border-top: 1px solid #efeeee;text-align: center;}
.deployListHandle a{ width: 49.5%; float: left; font-size: 18px; height: 20px; line-height: 20px; margin-top: 10px;border-right:1px solid #efeeee}
.deployListHandle a.HandleFirst{ border-right: none;}
.deployListHandle a:hover{ text-decoration: none; color: #5ea5e7;}
/*师资管理*/
.teacher{ padding: 20px;}
.teacher li{ width:180px;height:265px; border: 1px solid #efeeee; float: left; margin:8px;position: relative;}
.teacher li span{ width: 100%; height:131px; overflow: hidden; display: block;}
.animationImg img{transition: all 0.6s;}
.teacherTit{ font-weight: 300; font-size: 12px; color: #333; line-height: 30px; padding: 0 10px;}
.teacherIntro{ font-size: 12px; color: #999; padding: 0 10px; height: 32px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.teacher li:hover{box-shadow: 0 1px 15px 2px #ddd;}
.animationImg:hover img{transform: scale(1.1);}
/*上传*/
.uploadPhoto{ display: inline-block; vertical-align:bottom;}
.uploadBtn{ display: inline-block; vertical-align:bottom; position: relative; background: #048de4; color: #fff; height: 32px; line-height: 32px; text-align: center; overflow: hidden; cursor: pointer;}
.uploadBtnWidth{ width:70px;}
.uploadBtn input{ position: absolute; top: 0; left: 0; opacity: 0; font-size: 0; width: 100%; height:100%; cursor: pointer;}
.uploadBtn:hover{ background: #0495f1;}
/*资讯管理*/
.inforManage li{  width: 100%; display: inline-block; padding: 20px 0; float: left; border-top: 1px solid #efeeee; font-family: "Microsoft YaHei";}
.inforManage li:hover .animationImg img{transform: scale(1.1);}

.inforPhoto{ width:90px; float: left; display: inline-block; margin-right: 20px; overflow: hidden; border: 1px solid #f0f0f0;}
.inforPhoto img{ float: left;}
.inforPhoto.w220{ width:220px}
.inforTit{ font-weight: 300; font-size: 18px; margin-top:8px;}
.inforTit a{ color: #333;}
.inforTit a:hover{ color: #048de4;}
.inforCon{ font-size: 14px; color: #666;}
.inforLable{ font-size: 12px; color: #999; padding: 30px 0;}
.inforLable span i{ margin-right: 5px;}
.inforClassify{ position: absolute; top:3px; left:-6px; background: url(../images/icon-01.png) no-repeat; height: 32px; line-height: 25px; font-size: 12px; color: #fff; padding: 0 15px; background-size: 100% 100%;}
.inforRight{ float: right; display: inline-block; width:200px; margin-top: 25px;}
.inforCenter{ float: left; width:52%;}
.inforRight .buttonSmall2{ vertical-align: middle; margin: 10px 8px;}
.addInforPhoto{ padding: 10px;}
.addInforPhoto span{ width: 21%; display: inline-block; float: left; position: relative; margin:2%; cursor: pointer;}
.addInforPhoto span i{ position: absolute; bottom: 0;}
.addInforPhoto span img{ float: left}
.ColorClassify i{ display: inline-block; width:20px; height:20px; float: left; margin:3px; border: 2px solid #fff;}
.Color1{background: #cb0003;}
.Color2{background: #58a8ee;}
.Color3{background: #FF5722;}
.Color4{background: #7b06f4;}
.Color5{background: #0633f4;}
.Color6{background: #51f1e0;}
.Color7{background: #0ae46b;}
.Color8{background: #fcdd0a;}
.Color9{background: #fba324;}
.Color10{background: #666;}
.Color11{background: #d48ef1;}
.Color12{background: #f276f7;}
.Color13{background: #f776cb;}
.Color14{background: #eb267e;}
.Color15{background: #f85391;}
.Color16{background: #ccc;}
.classifyLable{ padding: 2px 5px 1px; background: none;}
.classifyLable.Color1{color: #cb0003; border: 1px solid #cb0003;}
.classifyLable.Color2{color: #58a8ee; border: 1px solid #58a8ee;}
.classifyLable.Color3{color: #FF5722; border: 1px solid #FF5722;}
.classifyLable.Color4{color: #7b06f4; border: 1px solid #7b06f4;}
.classifyLable.Color5{color: #0633f4; border: 1px solid #0633f4;}
.classifyLable.Color6{color: #51f1e0; border: 1px solid #51f1e0;}
.classifyLable.Color7{color: #0ae46b; border: 1px solid #0ae46b;}
.classifyLable.Color8{color: #fcdd0a; border: 1px solid #fcdd0a;}
.classifyLable.Color9{color: #fba324; border: 1px solid #fba324;}
.classifyLable.Color10{color: #666; border: 1px solid #666;}
.classifyLable.Color11{color: #d48ef1; border: 1px solid #d48ef1;}
.classifyLable.Color12{color: #f276f7; border: 1px solid #f276f7;}
.classifyLable.Color13{color: #f776cb; border: 1px solid #f776cb;}
.classifyLable.Color14{color: #eb267e; border: 1px solid #eb267e;}
.classifyLable.Color15{color: #f85391; border: 1px solid #f85391;}
.classifyLable.Color16{color: #666; border: 1px solid #ccc;}
/*点评管理*/
.evaluate{ padding: 20px;}
.evaluate li{ padding: 20px 0; width: 100%; display: inline-block;}
.evaluateCenter{max-width:88%;float: left;}
.evaluateCenterTit{ font-weight: 300; font-size: 16px; line-height: 24px; margin-bottom:8px;}
.evaluateCenterTit a{ color:#333}
.evaluateCenterTit a:hover{ color: #048de4;}
.evaluateCon{ background: #e7e7e7; color: #333; padding:8px 12px; border-radius: 5px; position: relative; display: inline-block; line-height: 22px; color: #666;}
.evaluateConTar{ position: absolute; top:10px;left:-10px; width: 11px; height: 19px; background: url(../images/icon-02.png) no-repeat; display: inline-block;}
.evaluateImg{ width: 60px; height:60px; display: inline-block; border-radius: 100%; overflow: hidden;  float: left; margin-right: 18px;}
.evaluateLeft{line-height: 30px; margin-top: 5px;}
.evaluateLeft a{ margin-left: 20px; float: right;}
.evaluateLeft a i{ margin-right: 5px;}
.evaluateLeft span{ color: #999;}
.evaluateLeft em{ color: #ccc; margin: 0 50px 0 20px;}
.inforEvaluate{ font-weight: 300; font-size: 26px; width: 100%; text-align: center; padding:60px 0 20px;}
.checkboxLabel{ margin-right: 10px;}
.checkboxLabel input{ vertical-align: middle; margin-right: 3px;}
.checkboxLabel em{ vertical-align: middle;}

/*图库管理*/
.ImgManages li{ width: 300px; position: relative; float: left; margin: 0 10px 20px; border: 1px solid #efeeee;}
.ImgManagePhoto{ width: 300px; height:185px; overflow: hidden; display: inline-block; border-bottom: 1px solid #efeeee;}
.ImgManagePhoto img{ float: left;}
.ImgManageTit{ font-size: 16px;font-weight: 300; padding:10px;}
.ImgManageTit a{ color: #333;}
.ImgManageCon{ width:280px; padding: 0 10px 5px;}
.ImgManageCon a{ color: #777;}
.ImgManageTit a:hover,.ImgManageCon a:hover{color: #048de4}
.ImgManage{ width:280px; padding: 15px 10px 10px; display:inline-block}
.ImgManage a{ display: inline-block;}
.Imghandle{ border-top: 1px solid #efeeee; width: 100%; margin-top: 10px; display:inline-block; float:left}
.ImghandleTop{ margin-top:0}
.ImghandleThree a{ width:33%}
.ImgManagesClasstfy{ position: absolute; top: 0; left: -5px; color:#fff; background: url(../images/icon-03.png) no-repeat; background-size: 100% 100%; height:40px; padding: 0 30px 0 25px; font-size: 15px; line-height: 42px;}
.uploadPhoto span{ width: 160px; height: 98px; display: inline-block; float: left; overflow: hidden; margin: 10px 10px 0 0;}
.uploadPhoto span img{ float:left;}
.amendImg{ width:220px; float: left; margin:0 10px 10px 0; height: 280px; display: inline-block; background: #f5ecf1; padding: 10px; border: 1px solid #efeeee;}
.amendImgText{ width: 100%; display: inline-block; float: left; margin-bottom: 5px;}
.amendImgSee{ padding: 0 8px}
.amendImgPhoto{ width: 100%; height:135px; overflow: hidden; display: inline-block;}
.amendImg:hover{box-shadow: 0 1px 15px 2px #ddd;}
.amendImg .InputText{ padding: 3px 10px;}
.BookManagesWidth li{ width:270px; height: 556px; overflow: hidden;}
.BookManagesWidth li .BookManagePhoto{ width:270px; height:293px}

/*用户管理*/
.UserSearchCon{ display: none;}
.userDetials{ background: #fff; box-shadow: 0px 1px 3px #ccc; margin-top: 1%;}
.userDetialsLeft{ width: 69%; margin-right: 1%;height:150px; overflow: hidden; float:left; display: inline-block; }
.userDetialsInfor{ padding:4% 1%; display: inline-block; width: 98%; float: left;}
.userDetialsInforNew{ padding:0.8% 1%;}
.userDetialsInfor dt{ height: 110px; width: 110px; border-radius: 10px; overflow: hidden; float: left; display: inline-block; margin:10px;}
.userDetialsInforCon{ line-height: 27px; font-size: 13px; margin-top: 11px; margin-left: 10px; float: left; display: inline-block; color: #333;}
.userDetialsInforRight{ float: right; margin:5px 0}
.userDetialsLabel{ background: #f5f5f7; width: 120px; height: 120px; display: inline-block; float: left; margin-left: 15px; text-align: center;}
.userDetialsLabel i{ display: block; width: 100%; padding:30px 0 15px; font-size:36px; }
.userDetialsLabel em{ color: #333;}
.userDetialsLabel:hover{ text-decoration: none; background: #e9e9ed;box-shadow: 0px 0px 1px #d90000;}
.userDetialsTit{ font-weight: 300;}
.userDetialsRight{ width:28%; height:150px;  overflow: hidden;float: left; padding:0 1%; font-size: 14px;}
.userDetialsTit{ margin:12px 0 7px;}
.userDetialsRightCon p{ background: #f5f5f7; display:inline-block; width: 100%; margin-top:4px; height:29px; line-height:30px;}
.userDetialsRightCon span{ width: 33.3%; display: inline-block; float: left; text-align: center; font-size: 10px;}
.famTimes{font-family: "times new roman"; }
.userDetialsTab { height: 45px; background: #f5f5f7; line-height: 45px; font-weight: 300;}
.userDetialsTab a{ padding: 0 8px; margin:0 10px; color: #666; display: inline-block; vertical-align: middle; float: left; height: 43px; line-height: 47px;}
.userDetialsTab a:hover{ color: #048de4; text-decoration: none;}
.userDetialsTab em{ display: inline-block; border-right: 2px solid #edf4f8; width: 2px; vertical-align: middle; height: 13px; float: left; margin-top:17px}
.userDetialsTab a.this{ border-bottom:2px solid #048de4; color: #048de4;}
.userDetialsCompile{ position: absolute; top:70px; right: 20px; font-size: 30px;}
.userDetialsCompile:hover{ text-decoration: none;}
/*错误提示页面*/
.ErrorPage{ width: 80%; margin: 10%; text-align: center;}
.ErrorPage dt{ width: 40%; vertical-align: middle; display: inline-block;}
.ErrorPage dd{ width: 50%; vertical-align: middle; display: inline-block; text-align: left; margin-left: 7%;}
.ErrorPage dd p{ font-size: 16px; color: #333; line-height: 30px;}
.ErrorPageBtn{ padding:9px 20px; display: inline-block; margin-right: 30px; }
.ErrorPageBtn:hover{ text-decoration:none;}
.ErrorPageBtn.bg-048de4:hover{ color: #fff; background: #1ea5fa;}
.ErrorPageBtn.bg-fae3b3:hover{ color: #333; background: #fae8c3;}
.ErrorPage .ErrorPageTip{ font-size: 14px; margin-top: 10px; color: #666;}

/*常见问题*/
.disposeList{ padding:0 20px}
.disposeList li{ border-bottom: 1px dashed #efeeee; padding: 15px 0; width: 100%; float: left;}
.disposeListImg{ width:55px; height:55px; margin-right:10px; border-radius: 100%; display: inline-block; float: left; overflow: hidden;}
.disposeList li h4{ font-weight: 300; margin-bottom:7px; margin-top: 3px; padding: 0 5px;}
.disposeList li h4 em{color:#333; font-size: 16px; margin-right:30px;}
.disposeList li h4 span{ color: #999;}
.disposeListSet{ margin-left: 30px;}
.disposeListSet:hover{text-decoration: underline;}
.disposeListSet.c-ed221c:hover{ color: #ed221c;}
.disposeList p{ color: #666; line-height: 22px; padding: 5px;}
.disposeList p.cur{ background: #fdf7f7;}
.disposeList p.sale{ color: #000;}
.disposeListCon{ display: inline-block; max-width: 90%;}
.disposeManage{ padding:20px;}
.disposeManage .formInput{ padding: 0;}

/*客服详情*/
.servicePhone{ width:100%; display:inline-block; margin-top:20px;}
.serviceIssue{ width:100%; display:inline-block;}
.serviceIssue li{ padding:20px 0; border-bottom:1px dashed #ddd;}
.serviceIssue li h5 { color:#000; line-height:24px; margin-bottom:10px; font-weight: 300; font-size: 14px;}
.serviceIssue li h5 img{ float:left; width:24px; margin-right:10px;}
.serviceIssue li h5 span{ display:inline-block; width:1100px;}
.serviceIssue li .answer{ line-height:24px;}
.serviceIssue li .answer img{ float:left; width:24px; margin-right:10px;}
.serviceIssue li .answer span{ display:inline-block; width:1080px;color:#444; font-size:13px; padding:10px; background:#FFF4F4;}
.serviceIcon{ padding: 20px;}
.serviceIcon li{ width:14%; float: left; text-align: center; margin: 20px 0;}
.serviceIcon li i{ display: block; font-size:28px;
    line-height:50px; -webkit-transition: font-size 0.25s ease-out 0s;
    -moz-transition: font-size 0.25s ease-out 0s;
    transition: font-size 0.25s ease-out 0s; margin-bottom: 10px;}
.serviceIcon li:hover{ cursor: pointer;}
.serviceIcon li:hover i{font-size:46px;}

/*系统权限*/
.systemTable {text-align: center; margin-top: 150px;}
.systemTable th{ font-weight:300; padding: 5px; background: #f5f7fb;}
.systemTable td{color: #333;}
.systemTable th.thtit i{ font-size:20px; vertical-align: middle;}
.systemTable tr:hover{ background: #f7f9fc;}
.Table-con .heline .icon{cursor:pointer;display: inline-block;transform:rotate(272deg); margin-left:-3px; vertical-align: middle;}
.Tabmember th{font-weight:400;}
.Tabmember a{ color:#00a5e3 }
.Tabmember .left{text-align:left;padding-left:10px;}
.Table .Tabmember tr td{border:none;/* padding-top:0; *//* padding-bottom:0; */}
.Tabmember .Table-con .box {border-left:1px dotted #ddd; display:list-item; margin-left: 10px; line-height: 22px;  position: relative; margin-bottom:1px; overflow:hidden}
.Table-con .heline { margin-left:-4px; color:#ddd; position: relative;}
.Table-con .xx {border-left:1px dotted #ddd;display: inline-block;height:35px; position: absolute; left:6px; top:-28px;}
.Table-con .taba td{border-bottom: none;}
.Table-con .par1{padding-left: 25px;}
.Table-con .par2{padding-left: 43px;}
.Table-con .par3{padding-left: 62px;}
.Table-con .par4{padding-left: 82px;}
.Table-con .par5{padding-left: 105px;}
.Table-con .par6{padding-left: 128px;}
.Table-con .par7{padding-left: 82px;}
.Table-con .par8{padding-left: 82px;}
.Table-con .line-1{height:36px;left:45px; top:-14px;}
.Table-con .line-b{height:52px;}
.Table-con .inline-1{border-bottom:1px dotted #ddd; width: 10px;position:absolute;right:1px; top:10px;}
.Table-con .hen-line{border-bottom:1px dotted #ddd; width: 30px;position:absolute;left:48px; top:22px;}
.thtit{ position:relative; min-width:100px;}
.monitoring_details{ font-size: 13px; line-height: 26px; padding:40px 100px;}
.indexImg{ display:inline-block; width:30px; margin:0 5px; height: 30px; overflow: hidden; border-radius:5px;}
.indexImg img{ float: left;}
.uploadPhoto{ position: relative; overflow: hidden;}
.uploadPhoto input{ position:absolute; top: 0; left:0; z-index: 10; font-size: 0; width: 100%; height:100%; opacity: 0; cursor: pointer;}
.uploadPhotoVm{ vertical-align: inherit; cursor: pointer;}
.amendMOney { padding:20px 5px 15px; box-sizing: initial; height:52px; position: relative; text-align: center;}
.amendMOney span i{ font-size:22px; display: inline-block; padding: 0;}
.amendMOney  img{ width:30px; margin-top: 13px;}
.amendMOneyOne{ position: absolute; left:15px; top:15px;}
.amendMOneyTwo{ position: absolute; right: 20px; bottom: 10px;}
.topSearchFixed{ position: fixed; top: 110px; z-index: 30; }
.topNavFixed{position: fixed; top: 0; z-index: 32; background: #fff;margin-right: 40px; padding-top: 20px;}
.buttonSmallFixed{ margin-right: 40px;}
.LoginDetailTit{ margin: 40px 100px 0; font-weight: 300; font-size:18px;}
.LoginDetailTit .topReturn{ font-size: 12px; margin-left: 40px;}
.LoginDetailName{ color: #FF5722;}

/*教材管理*/
.BookManageTit{ width:100%; display: inline-block; padding: 30px 0; text-align: center; background: url(../images/h2-bg.png) center center no-repeat; font-size: 26px; font-weight:300; color: #333;}
.BookManagePhoto{ height: 325px;}
.BookImgManage { padding:0;}
.BookImgManage em{display: inline-block; float: left;}
.BookMangShare{ width:250px; display:inline-block; border-top: 1px solid #efeeee; padding: 10px;}
.BookMangShare a{ width: 100%; display: inline-block;}
.BookMangShare span{ width: 60px; height: 60px; overflow: hidden; display: inline-block; float: left;}
.BookMangShare h5{ font-weight: 300; font-size: 14px; color: #333; line-height: 24px; }
.BookMangShare p{ line-height: 20px; font-size: 12px; color: #888; max-height: 40px; overflow: hidden;}
.BookMangShare h5:hover{ color: #048de4;}
.addBookIMG span,.pictureImg{ width: 80px; height: 80px; border:1px solid #efeeee; margin-right: 10px; display: inline-block; float: left; overflow: hidden;text-align: center; position: relative;}
.addBookIMG span img,.pictureImg  img{ height: 100%;}
.addBookIMG span i{ position: absolute; top: 0; right: 5px; z-index: 20; font-size: 18px; color: #042fe4}
.addBookIMGBtn{ width: 80px; height:80px; border: 1px solid #efeeee; text-align: center; color: #ccc; display: inline-block; line-height: 70px; font-size: 28px;}
.BookWaterfall li{ border:1px solid #efeeee; float:left; display:inline; list-style:none; margin:7px 0; background:#FFF;width:260px; padding: 0;}
.BookWaterfallTit{ font-weight: 300; padding:10px;font-size: 14px; border-bottom: 1px solid #efeeee;}
.BookWaterfallTit span{ border:1px solid #cb0003; padding:3px 10px 2px; color:#cb0003; margin-right: 10px; font-size: 12px; }
.BookWaterfallTit label{padding:2px 0 2px 10px;}
.BookWaterfallCon{ padding: 20px 10px; line-height: 20px; color: #666;}
.BookWaterfallCon i{ font-size: 30px; color: #ccc;}
.disposeReply{ margin-left: 20px;}
.disposeReply i{ margin-right: 5px;}
a.InTitle:hover{ color: #048de4;}
.assistHandle{ position: initial; float: left;}
.assistBannerTit{ width: 60%; display:inline-block;}
.ImgManageTit .assistBannerImg{ float: right; font-size: 12px; color: #048de4; margin-top: 3px;}
.assistBannerImg i{ font-size:16px; vertical-align: middle; margin-right: 5px;}
.assistImghandle a{ width: 49.6%;}
.assistAmendImg{ height: 230px;}
.assistAmendImg .amendImgText .InputText{ width: 162px;}
.evaluateLeft a.c-ccc{ color: #ccc;}
a.buttonSmall3.c-ccc{ color: #ccc;}
.addEvaluate span{ width:50px; height: 50px; border-radius: 100%; overflow: hidden; display: inline-block; position: relative; margin-right: 10px; cursor: pointer;}
.addEvaluate span i{ position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; background: rgba(0,0,0,0.5); text-align: center; line-height: 50px; color: #fff; font-size: 18px; display: none;}
.addBookexLabel{ margin-top: 15px;}
.addBookexLabel em{ background: #fddfe8; color: #333; position: relative; padding:0 15px; display: inline-block; margin-right: 15px;}
.addBookexLabel em i{ position: absolute; top: -10px; right: -5px; color: #cb0003; font-size: 15px;}
.BookImgLayer{ padding: 20px;}
.BookImgLayer dt{ width:180px; margin:3px 10px 3px 0; float: left; border: 1px solid #efeeee;}
.BookImgLayer dl{ position: relative; padding-left:40px; display:inline-block; width: 765px;}
.BookImgLayer img{ float: left;}
.BookImgRadio{ position: absolute; top:48%; margin-top: -20px; left: 0; height:40px; line-height: 40px; display: inline-block; width: 30px; }
.BookImgRadio input{ width: 100%; padding: 10px 0;}
.BookImgSmall span{margin:3px; display: inline-block; width:85px;overflow: hidden; border: 1px solid #efeeee;}


/*培训管理*/
.ButttonLabel{ display:inline-block; padding: 0 15px; height: 28px; line-height: 30px; border: 1px solid #efeeee; background: #f2f6f5;}
.ButttonLabel.cur{background: #048de4; color: #fff;}
.TrainTheme{ border: 1px solid #efeeee; border-bottom: none;}
.TrainThemeTit { padding: 10px; line-height: 28px; }
.TrainThemeTit h3{ font-weight: 300; display: inline-block;}
.TrainThemeTit h3 i{ margin-right: 5px; font-size: 18px;}
.ButttonLabelAdd{ background: #FF5722; color: #fff;padding: 0 4px;height: 19px;line-height: 19px;}
.ButttonLabelAdd:hover{ color: #fff;}
.themeHandle{ height:30px; line-height: 30px;}
.themeNull{ padding: 100px 0;}
.themeNullArrow{ position: absolute; top:-23px; right:10%; width:33%;}
.formInputPadding{ padding: 0;}
.aHover:hover{ text-decoration: underline;}
.addLabel{ margin: 20px;}
.addLabel input{ margin-left: 10px;}
.addLabel_box{ margin: 20px 20px 0; display: none;}
.addLabelList li{ display: inline-block; margin: 10px; padding: 0;}
.addLabelList a{ background: #fddfe8; color: #333;padding:7px 15px; display: inline-block;position: relative; }
.addLabelList a i{ position: absolute; top: -5px; right: -5px; color: #cb0003; font-size: 15px;}
.TrainAply{ margin: 20px;}
.TrainAplyTit{background: #F5F6FA;border-width: 1px 0px 0px 4px;border-style: solid;border-color:#efeeee #E1E6EB #E1E6EB #6D7781; padding:12px 10px;}
.TrainAplyList{ margin: 20px;}
.TrainAplyList li{ border: 1px solid #e3f3fb; margin-bottom: 20px;}
.TrainAplyListTit{ padding: 12px; background: rgb(240, 250, 255); color: #333; font-weight: 300; font-size: 15px;}
.TrainAplyListImg{ display: inline-block; margin: 10px; float: left; width: 140px;}
.TrainAplyListcon h4{ font-weight: 300; font-size: 15px; float: left; width: 100%; margin-bottom: 10px;}
.TrainAplyListcon h4 a{ color: #000; }
.TrainAplyListcon h4 a:hover,.TrainAplyListcon p a:hover{ color:#048de4 ;}
.TrainAplyListcon p{ font-size: 13px; line-height: 20px; margin-bottom: 5px;}
.TrainAplyListcon p a{ color: #666;}
.TrainAplyListLabel em{ font-size:12px; line-height:22px; height:20px; margin-top:6px; display:inline-block; color:#d62100; border:1px solid #d62100; padding:0 6px; margin-right:8px; border-radius:3px;}
.indexTrainmoney{color:#e62300;font-weight:bold; font-size:14px;}
.indexTrainmoney i{ font-size:20px; margin-left: 2px; }
.TrainAplyList .Table td{ border-bottom: 1px solid #e3f3fb;}
.TrainAplyList .Table tr:last-child td{ border-bottom: none;}
.UPBanner{width: 955px; text-align: center; background: #f9f9f9; padding: 60px 0; position: relative; display: inline-block; color: #333; cursor: pointer;}
.UPBanner .UPBannerFile{ position: absolute; top: 0; left: 0; font-size: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.UPContent{ padding: 20px 0 15px; background: #f9f9f9;}
.UPContentBg{ background:url("../images/pic-15.jpg") no-repeat;}
.UPBannerBtnbg{ background: none;}
.selectteacher{ padding-top: 0;}
.selectteacher li{ height: 217px; width: 205px;}
.selectteacher li .animationImg{ height: 149px;}
.selectteacherCheck{ float: right; font-size:18px; color: #ed221c;}
.selectteacherCheck:hover{ color:#ed221c;}
.TrainAplyList{width:1000px;margin:20px auto;}
.formAddTrain{ width: 955px; margin:20px auto;box-shadow:0px 0px 6px #ccc; padding:30px 40px;}
.UPbanneramend{ position: absolute; top:15px; right:15px; font-size:30px; }
.UPbanneramend .UPBannerFile{ position: absolute; top: 0; left: 0; font-size: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.UPTeacher{ padding: 15px 0;}
.UPTeacher span{ width:100px; float: left;margin-left: 15px;}
.UPTeacher span img{ float: left;}

/*登录*/
.backgroundImages{ background: url(../images/bg-01.jpg) no-repeat;}
.loginCon{position: absolute; top: 50%; left: 50%;  width: 817px;height:500px; text-align: center; margin-top: -500px; margin-left: -408px; }
.loginTop{ text-align: center; width: 100%; display: inline-block; margin-top:260px;}
.loginBottom{width:380px; margin:60px auto 0;}
.loginList{ width:380px; height:60px; display: block; background:rgba(0,0,0,0.1); border-radius:5px; overflow: hidden; margin-bottom: 30px;}
.loginList i{ width:45px; text-align: right; margin-right: 6px; color: #666; font-size: 18px; display: inline-block; float: left; margin-top: 19px}
.loginList input{ width:270px; padding: 0 20px; height: 20px; line-height: 20px; border: none; float: left; margin-top:20px; background: none; font-size: 15px; color: #666;}
.loginBtn{ margin-top: 30px; background: #cb0003; cursor: pointer; color: #fff; font-size:22px; line-height:58px; border-radius: 5px; letter-spacing:10px; display: inline-block; width: 380px; border:none; text-align: center;}
.loginFoot{ position: fixed; bottom: 0; left: 0; height: 60px; line-height: 60px; color: #fff; background: #f5a623; font-size: 14px; width: 100%; text-align: center;}
.loginBtn:hover{ background: #e55e58;}
.loginList input::-webkit-input-placeholder { /* WebKit browsers */ color: #666; }
.loginList input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; }
.loginList input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; }
.loginList input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666; }

/*红包*/
.statisticsTwo{ width:49%}
.statisticsMargin{ margin-right:2%;}
.statisticsTit{ font-weight: 300; margin: 20px 0; border-left: 2px solid #FF5722; height:18px; line-height:18px; padding-left:8px;}
.inforOperate{ width: 140px;}
.inforOperate span{ width: 30px; position: relative; cursor: pointer; height: 30px; border: 1px solid #efeeee; font-size: 16px; line-height: 35px; text-align: center; margin-left:3px; display: inline-block; float: left;}
.inforOperateColor i{position: absolute; right: 0;bottom: 0;line-height: 15px;background: #fff;width: 15px;text-align: left;height: 12px;display: inline-block; color: #666;}
.inforOperateColor em{ width: 22px; height: 22px; display: inline-block; margin:4px;}
.inforOperate span:hover{ border: 1px solid #ccc;}
.inforOperate span.cur{border: 1px solid #ccc;}
.inforColorList{ position: absolute; top: 32px; left:3px; width: 66px; display: none;}
.inforColorList em{ float: left; margin: 0; cursor: pointer;}

/*首页*/
.main{ padding:5px 15px;}
.mainInforRight{ float: left; margin-top: 0; display: inline-block;}
.mainDetialsLeft{width:68%;margin-right: 1%;height: 175px;overflow: hidden;float: left;display: inline-block;}
.mainTitPadd{ padding: 0 15px;}
.mainTitMargin{ margin-bottom: 10px;}
.mainDetialsInfor{ margin-left:555px; margin-top: 0; margin-right: 15px;}
.mainDetialsInfor .userDetialsRightCon p{ width: inherit; display: inherit; margin: 11px 0 15px; height: 52px; line-height: 52px; padding: 0 10px;}
.mainDetialsInfor .userDetialsRightCon p span{ width: inherit;}
.userDetialsRightConFore p span{ width: 25%;}
.MainBook{width:28%; padding:0 1%;margin-right: 1%;height: 175px;overflow: hidden;float: left;display: inline-block;}
.MainBook .userDetialsRightCon p{ height: 34px; line-height: 34px;}
.MainBook .userDetialsRightCon p span{ width: initial;}
.MainLeft{ width: 83%;}
.MainRight{ width: 17%; display: inline-block;}
.MainTrain{ border:1px solid #e3e3e3; margin-top: 15px; display: inline-block; background: #fff; width:99%;}
.MainTrainTit{ border-bottom: 1px solid #e3e3e3; font-weight: 300; padding:15px;}
.MainTrainListCon li{ width: 33.25%; float: left; color: #666; display: inline-block;border-right: 1px solid #e3e3e3;}
.MainTrainListCon li:last-child{ border: none;}
.MainTrainListCon li a{padding:18px 0 16px; display: inline-block; width: 100%; }
.MainTrainListCon li h5{ font-weight: 300; padding: 0 15px; margin-bottom: 5px; }
.MainTrainListCon p{ line-height:24px; color: #666; padding: 0 15px; font-size: 12px;}
.MainTrainListCon li:hover{ background:#f7f9fc;}
.MainRed{ width: 22%; height: 280px;}
.MainRed .userDetialsRightConFore p{ height: 45px; margin-bottom:6px; line-height: 45px;}
.MainRecord{width: 98%; padding:0 1%; display: inline-block; margin-top:13px;}
.MainRecordPadd{ padding:0 10px;}
.MainRecordCon .bd{ margin:10px 10px 0;overflow:hidden;height:284px}
.MainRecordList{ width: 100%;}
.MainRecordList li{ width: 100%; display: inline-block; float: left; padding:5px 0;}
.MainRecordList .photo{ width:35px; height:35px; border-radius: 100%; float: left; display: inline-block; overflow: hidden; margin-right: 10px;}
.MainRecordList h4{ font-weight: 300; margin-bottom:2px; font-size: 12px; color: #333;}
.MainRecordList p{ line-height: 19px; color: #999; font-family: "times new roman"; font-size: 10px;}
.MainMore:hover{ text-decoration: underline;}
.MainRecordCon2 .bd{ height: 239px;}
.MainInforTwo{ width: inherit; display: inherit; margin: 2px 0 10px; height: 40px; line-height: 40px; padding: 0 10px; background: #f5f5f7; color: #333;}
.MainInforTwo span{ width: inherit;}
.MainInforTwo:hover{ color: #333; background: #fff;box-shadow: 0px 0px 1px #d90000; overflow: hidden;}
.MainInforThree{ height: 34px; line-height: 34px; margin: 10px 0 8px;}
.MainInforFore{height: 45px;line-height: 45px;}

.PcUPBanner{ width:300px; padding: 0; height: 210px;}
.BnnerBtn{ border: 1px solid #efeff0; background: #f5f5f7; padding:0 12px;color: #333; display: inline-block;height: 30px;line-height: 30px;}
.BnnerBtn.cur{ background:#fff; border:1px solid #fdacac;}
.BannerImghandle {margin-top: 0;}
.BannerImghandle a{ width: 33%; }
.BannerImgCon{ padding:40px 10px 30px; position: relative;}
.BannerImgFall li{ margin: 10px;}
.PCBg{ display: inline-block; width: 10px; height: 10px; margin-right: 3px;}
.BannerImgConAmend{ position: absolute; top: 10px; right: 10px;}
.systemIco { height: 380px;overflow-y: scroll; margin: 20px 0;}
.systemIco .serviceIcon{  display: table; padding: 0 20px;}
.systemIco .serviceIcon li{ width: 20%;}
.batchImg span{ width: 135px; height: 97px; overflow: hidden; display: inline-block; margin:6px; text-align: center; float: left;}
.batchImg span img{ height: 100%; width: auto;}
.batchImgBtn{ width: 131px; height: 93px; border: 2px solid #efeeee; display: inline-block; margin: 6px; font-size: 50px; text-align: center; line-height:93px; color: #ccc; position: relative;}
.batchImgBtn input{ position: absolute;top: 0; left: 0; font-size: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer;}

.batchImgBtn:hover{ border:2px solid #048de4;}
.formInput li .InTitle2{ width: 90px;}
.BookImgManage em i.BookLabel{background: #d4282d;color: #fff; height: 15px;line-height: 17px;font-size: 12px;padding: 0 3px; width: auto; display: inline-block;}
.sideTitle{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; padding:0 10px 12px; color: #555;}
.sideTitleMoney{ color: #ed221c; font-weight: bold; margin-left: 10px; font-size: 20px;}
.ImgManageTit2{ padding: 10px 10px 3px;}

/*培训管理*/
.TrainManage li{ border: 1px solid #efeeee; width:390px; height:673px; float: left; display: inline-block; margin: 20px 20px 0 0;}
.TrainManageTit{ width:370px; text-align: center; padding:10px; line-height: 24px; font-size: 16px; font-weight: 300;}
.TrainManageTit2{ font-weight: 300; padding: 10px;}
.TrainManageCon{ width: 100%; display:inline-block; padding:15px 0; text-align: center; background: #efeeee; margin-top: 10px; color: #333;}
.TrainManageCon:hover{ color: #048de4;}
.TrainBookBg{background: url(../images/pic-15.jpg) no-repeat;}
.TrainManageLabel { width: 100%; display: inline-block;}
.TrainManageLabel span{ width:200px; display: inline-block; float: left; line-height: 20px; color: #888;}

.TrainManageList{ height: 282px; width: 100%; display: inline-block; overflow: hidden;}
.TrainManageImg{ width: 390px; height: 200px; overflow: hidden; display: inline-block;}
.TrainManagePhoto{ width:270px; margin: 10px 0; display: inline-block;}
.default { color: red;}
.navyHeadImg{ width: 100px; height: 100px; display: inline-block; float: left; margin:10px 10px 0 0 ; position: relative;}
.navyHeadImg img{ float: left;}
.navyHeadImg i{ position:absolute; top:-12px; right: -8px; color: #ed221c; font-size:20px; cursor: pointer;}

.video-depot{ width:100%; display:inline-block;}
.video-depot li{ margin:10px 10px 0 0; width:100px; height:100px; overflow: hidden; float:left; position:relative;}
.video-depot li a{float:left; width:100%; height:100%;  position:relative}
.video-depot li a img{ width:100%; float: left;}
.video-depot li i{  position:absolute; top:4px; cursor:pointer; z-index:10;right:5px; font-size:18px; color:#ed221c; height:18px; line-height:20px; text-align:center; width:18px; display:none;}
.photoTopBtnfinish,.photoTopBtndel{ display:none;}
.video-batch{position:absolute; display:none; top:0; left:0; padding:2px 4px; font-size:18px; color:#fff ;cursor:pointer; background:rgba(0,0,0,0.5);width:100%;box-sizing:border-box; height:100%;}
.video-batch.cur em{ color:#ed221c; font-size:18px; margin-top:-2px; margin-left:0;}
.formInput li  .InTitleWidth{ width:auto}
.fillAdd{ border: 1px solid #efeeee; display: inline-block; height:30px; width: 30px; vertical-align: middle; text-align: center; font-size: 15px;}
.fillAdd.cur{ color: #fff; border: 1px solid #048de4; background: #048de4;}

/*投票管理*/
.voteList li{width: 280px; padding: 20px; position: relative; text-align: center;}
.inforProceed{ position: absolute; top: 0; left: 0; background-image: url(../images/icon-05.png);background-repeat: no-repeat; width: 69px; height: 67px; display: inline-block;}
.inforFinish{background-image: url(../images/icon-06.png);}
.voteListTit{ font-weight: 300; font-size: 16px; padding: 0 30px;}
.voteListTit a{ color: #333;}
.voteListRadio{ font-size: 14px; color: #666; padding:10px 0;}
.voteListRadio a{margin-left: 20px;}
.voteListRadio a:hover{ text-decoration: underline;}
.voteListPerson{ color: #ed221c; font-size: 14px;}
.voteListPlan{ text-align: left; width: 100%; display: inline-block; margin-top: 10px;}
.voteListPlan a{ display: inline-block; width: 100%;}
.voteListPlanCon{ margin-top:1px; width: 100%; display: inline-block; font-size: 12px; text-align: right; color: #999;}
.voteplan{ float:left; width: 60%; height: 5px; border-radius:20px; overflow: hidden; display: inline-block; background: #E4E4E4; margin-top: 6px;}
.voteplan i{ float: left; display: inline-block; background: #ed221c; height: 5px; border-radius: 20px;}
.voteDetails{border: 1px solid #efeeee; padding: 10px; height: 87px; overflow: hidden;}
.voteDetails li{ width: 80px; display: inline-block; vertical-align: middle; text-align: center; margin:8px; font-size: 12px; color: #666}
.voteDetails li .photo{ width: 50px; height: 50px; display:inline-block; border-radius: 100%; overflow: hidden; margin-bottom: 5px;}
.voteDetailsDown{font-size:26px; position: absolute; top:6px; right:6px; color: #666;}
.voteClose{ position: absolute; top:8px; right: 8px; font-size: 18px; color: #333;}
.voteClose:hover{ color: #0265c1;}
.formInput li .InTitle3{ width: auto;}
.buttonSmallDel{background: #d8d6d6;color: #666;padding: 0 10px;height: 26px;line-height: 28px;}
.voteListPlan .photo{ width:26px; margin-top: 2px; float: left; display: inline-block; margin-right: 10px;}
.voteListPlan .photo img{ float: left;}
.voteListPlanRight{ width: 243px;}
.TrainAplyTit .photo{ width: 26px; display: inline-block; float: left; margin-top: -5px; margin-right: 10px;}
.TrainAplyTit .photo img{ float: left;}
.deployListHandle2 a{ width: 20%; text-align: center; font-size: 16px; line-height: 22px ; float: right; }
.deployListHandle2 span{ margin-top: -3px;}
.deployListHandle2 span em{ float: left; margin-top: 2px;}
.teacher li .deployListHandle2 span{ margin-top: -3px; width: auto;}

/*闯关夺币*/
.addTopicInput{ display: none;}
.userDetialsLabelLeft{ margin-left: 0; margin-right: 15px; width: 170px;}
.userDetialsLabelLeft i{ font-size: 32px;}
.userDetialsLabelLeft i b{ font-size: 20px; margin-right: 3px;}
/*大题库*/
.TopicOddLine{ border-bottom: 1px dashed #e4e4e4; margin: 5px 0;}
.TopicOddCon{ padding:5px 0; line-height:20px;}
.TopicOddList{ padding: 15px;}
.TopicOddListMore{ border: 1px dashed #ddd; margin-bottom: 8px; width:97%; padding: 12px 15px; border-radius: 5px; display: inline-block; }
.customsPhoto{ width:60px; height:60px; display: inline-block; float: left; overflow: hidden; margin:6px;}

.uploadBtnImg{ width:70px; height:70px; color: #ccc; border: 1px solid #e4e4e4; line-height: 70px; text-align: center; font-size:30px; cursor: pointer; position: relative; display: inline-block;}
.uploadBtnImg input{ position: absolute; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; opacity: 0;}
.uploadClassify span{width: 70px;height: 70px;border: 1px solid #efeeee;
    margin-right: 10px;display: inline-block;float: left;overflow: hidden;
    text-align: center;position: relative; cursor: pointer;}
.uploadClassify span i{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display:none; background: rgba(0,0,0,0.5); color: #ff5722; text-align: center; font-size: 30px; line-height: 70px;}
.ClassifyImg{ display: inline-block; width: 60px; height: 60px; float: left; margin: 6px;}
.BannerImgCon h5{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.userObject input.InputText{ display: none;}
.userObjectAmend{ display: none;}

.paperDetails{ width: 1000px; margin: 0 auto;}
.paperDetailsCon{ width:100%; display: inline-block; margin: 20px; box-shadow: 1px 1px 5px #ccc; text-align: center; padding:30px 0;}
.paperDetailsConTip{ font-size: 12px; color: #999; margin-top: 20px;}
.paperDetailsConTip span{ margin: 0 10px;}
.paperDetailsConTit{ font-size:22px; font-weight: 300;}
.paperDetailsList{ text-align: left; margin-top:20px; padding: 20px;}
.paperDetailsList li{ width:920px; display:inline-block; float: left; margin-bottom: 15px; background:#fff9f9; padding: 20px; font-size: 14px; line-height: 22px; color: #333;}
.paperDetailsReturn{ position: absolute; top: 0; right:15px;}
.buttonSmallLine{ background:none; height:28px; line-height:30px; border: 1px solid #FF5722; color: #FF5722;}

.buttonSmallLine:hover{ background:#FF5722 ; color: #fff;}
.TopicOddNumber{ width:45%; float: left; margin-right: 2%; border: 1px solid #efeeee; height: 225px; overflow: hidden;}
.TopicOddNumber h4{ margin-left:15px; padding: 15px 15px 15px 0; font-weight: 300; font-size: 14px; border-bottom: 1px solid #efeeee;}
.TopicOddNumberList{ padding: 8px 0;}
.TopicOddNumberList li{ padding:8px 15px;}

.systemTableTop{ margin-top: 0;}
.classifyLable{ position: relative;}
.classifyLableTadio{ position: absolute; bottom: -11px; right: -5px; display: none;}
.amendImgWaterfall .amendImgWidth{ width: 191px; margin-bottom: 15px; height: auto;}
.amendImgWaterfall .amendImgWidth .amendImgPhoto{ height:auto; overflow: initial; text-align: center;}
.amendImgWaterfall .amendImgWidth .amendImgPhoto img{ float: left; width: 100%;}
.amendImgWaterfall{ width: 100%; display: inline-block;}
.UPAmendFile{ position: absolute;top: 0;left: 0;font-size: 0; width: 100%;height: 100%;opacity: 0;cursor: pointer;}

.inforRightTop{ margin-top: 0;}
.cartList{width: 100%;border: 1px solid #e8e8e8; text-align: center;}
.cartBuyList th{ background: #f5f5f5; color: #999;    border-bottom: 1px solid #e8e8e8; font-weight: 300;}

.cartListPadd td{ padding:20px 0;}
.cartListImg{height:87px;width: 80px; display: inline-block; border: 1px solid #eaeaea; overflow: hidden;}
.cartListImg img{ height: 100%; width: auto;}
.cartList a:hover{ color: #e62300;}
.cartList a.cur_de:hover{ color: #333;}
.cartNumberBtn .btnReduce,.cartNumberBtn  .btnAdd{ height: 26px; width: 30px}
.cartNumberBtn .btnInput{ height: 26px; width: 45px;}
.cartNumberBtn .btnReduce .hx,.cartNumberBtn  .btnAdd .hx,.cartNumberBtn  .btnAdd .sx{ top: 13px; left: 10px;}
.cartNumberBtn .btnAdd .sx{ top: 9px; left: 14px;}
.cartListImg:hover{ border: 1px solid #d7282d;}
.cartList tr:hover{ background: #f7fafb;}
.cartListPadd td.centerBuyListCon{ padding: 0;}
.cartListPadd td.centerBuyListCon .cartList{ width: 605px; border: none;}

.BuyBook{ width:1000px; margin:30px auto}
.batchPlan{ width: 100%; height: 12px; position: relative;border:1px solid #efeeee; display: inline-block;  border-radius: 20px; overflow: hidden;}
.batchPlan i{ position: absolute; top: 0; left: 0; background: #ed221c; display: inline-block; height: 100%;}
.buttonSmallBottom{ vertical-align:bottom; margin-bottom: 8px;}

.addTeacherWork{ display: block; width: 70px; text-align: center; height: 20px; line-height: 20px;}
.Table .hover:hover{ background:none;}
.Table .hover td{ height:22px;}
.TableWork td{ border-right: 1px solid #ececec;}
.serviceWx{ padding: 10px;}
.serviceWx li{ width:280px; position: relative; float: left; margin:0 10px 20px 10px; border: 1px solid #DFDFDF; padding:10px  10px 60px; text-align: center;}
.serviceWx li .photo{ padding:20px ;}
.serviceWx li h5{ font-weight: 300; font-size: 14px; color: #333;}
.serviceWx li p{ color: #999; margin-top: 5px;}

/*添加试题*/
.addTest li{min-width: 400px; float: left; margin:10px 10px 0 0; background: #f2f2f2;float: left; padding:5px 0;}
.addTestTop{ margin:8px 15px;}
.addTestTopTit{ margin-right: 15px;}
.addTestTopLabel{ margin-right:30px;}
.addTestTopLabel em{ margin-right: 5px; color: #333;}
.addTestTopLabel .InputText{ padding: 2px 10px; text-align: center;}
.addTestTopLabel .selectText{padding: 3px 10px; }
.addTestTop .uploadBtn{ width: 64px; height: 28px; line-height: 28px;}
.buttonBigCon{ margin: 40px 0;}
.buttonBig{ font-size: 15px; height: 44px; line-height: 44px; padding: 0 55px; border-radius: 5px;}
.addTest li.TestListRed{ background:#ffd3d3; box-shadow: 0px 0px 3px #FF0000;}
.browseText{ line-height: 28px; font-size: 15px;}
/*待处理解析*/
.analysisList{ margin-top: 7px;}
.analysisList li{ margin:8px 8px 0 0;float: left;height: 30px; line-height: 30px; width: 100px; border:1px solid #d7e3e6; text-align: center; position:relative; font-size: 14px;}
.analysisList li a{ display: inline-block; width: 100%; color: #333;}
.analysisList li a i{ position: absolute; font-size: 10px; font-family:times; color:#fff; background: red; display: inline-block; height: 16px; line-height: 16px; min-width: 16px; border-radius: 20px; right: -4px; top: -4px;}
.analysisList li.activeRed{ border: 1px solid red; background: #f7dede;}
.analysisList li.activeGreen{ border: 1px solid #1baa00; background: #def7e6;}
.analysisList li.activeGreen em{ background: url(../images/icon-07.png) no-repeat; position: absolute; left: 0; top: 0; display: inline-block; width: 26px; height: 30px;}
.analysisGreen{border: 1px solid #1baa00; background: #def7e6; padding:3px 10px;color: #00571D; }
.CorrectTop{ font-size: 14px; margin:8px 0; line-height: 24px;}
.analysisRed{border: 1px solid red; background: #f7dede;padding:3px 10px; color: #6A0000;}
.analysisWhite{border: 1px solid #ccc; background: #fff;padding:3px 10px; color: #333;}
.selectTextSmall{ padding: 2px 6px;}
.analysisLine{ border-top: 1px solid #ccc;}
.analysisCur{ color: #244281;}
.amendanaAlysi{ background: #f6fcff; border: 1px solid #5bc8fe}
.amendanaAlysi .formInput{ padding: 10px 0;}
/*推广教材*/
.generalize li{ width:270px; margin: 20px 20px 0 0; float: left; border: 1px solid #efeeee;}
.generalize li .photo{ width: 270px; height: 293px;    overflow: hidden;display: inline-block;border-bottom: 1px solid #efeeee;}
.generalizeTit{ font-weight: 300; font-size: 14px; color: #000;  margin-bottom:10px;padding:10px 5px 0;}
.generalizeCon { font-size: 12px; margin-bottom: 18px; color: #999;}
.generalizeCon span{ float: left; display: inline-block; width:33.3%; text-align: center;}
.generalizeCon span i{ display: block; margin-bottom:1px;}
.buttonSmall.generalizeBtn{ height:40px; line-height:40px; padding:0px; width: 100%; text-align: center; border-radius: 0; background: #ff7347; margin-top: 10px;}
.FinancePhoto a{ width: 50px; height:50px; text-align: center; float: left; margin:5px 10px 3px 0; display: inline-block; overflow: hidden;    border: 1px solid #ced3d7;border-width: 1px 1px 1px 1px;-webkit-border-image: url(../images/border.gif) 2 stretch;}
.FinancePhoto a img{ height: 100%; width: auto; max-width: initial;}
.serviceIcon2 li{ width: 8%; margin:20px 0; height: 90px;}
.serviceIcon2 li .name{ height: 18px; line-height: 18px; overflow: hidden;}
.serviceIcon3 li .code{ display: none;}
.serviceIcon3 li .name{ height: 18px; line-height: 18px; overflow: hidden;}
.serviceIcon3 li{ height: 78px;}
/*组织架构*/
.water-box{position:relative;width:100%;margin:0 auto}
.water-box.home{position:relative;width:100%;margin:0 auto; display:inline-block;}
.pinterest{width:300px;display:inline-block;padding-bottom:5px;border:1px solid #efeeee;background:#fff}
.pinterest.people{width:635px;display:inline-block;padding-bottom:0;border:0;background:none}
.pinterest.people .framework-top{width:225px;}
.pinterest.people .framework-bottom{width:310px;}
.pinterest.people .fullcon{width:220px;}
.h30{ height: 30px;}
.framework li h4 em{font-size:12px; font-weight:300;color:#9dacc9; margin-bottom:9px}
.framework{text-align:center}
.framework li{display:inline-block;width:360px;text-align:center;margin:15px 0;vertical-align:top}
.framework li h4{width:100%;font-weight:400;color:#3c64a2;font-size:16px;line-height:25px}
.framework li h4 span{font-size:14px;}
.framework li p{color:#9dacc9;font-size:12px;margin-top:3px}
.framework li .scrollframe{color:#9dacc9;font-size:12px;margin-top:3px}
.framework-top{width:80px;display:inline-block;vertical-align:top;margin-top:29px}
.framework-top .full{background:url(../images/i-pic1.png) no-repeat;width:80px;height:80px;display:inline-block;border-radius:100%;/*overflow:hidden;*/background-size:contain; position:relative;}
.framework-top .full img{width:60px;height:60px;border-radius:100%;margin:11px 10px 0 7px;background-size:contain}
.framework-live{background:url(../images/i-pic6.png) no-repeat;width:14px;height:3px;display:inline-block;float:left;position:absolute;left:-1px;top:50px}
.framework-bottom{width:175px;display:inline-block;margin-top:20px}
.framework-bottom .full{background:url(../images/i-pic2.png) no-repeat;width:60px;height:60px;display:inline-block;border-radius:100%; margin-right:10px;/*overflow:hidden;*/vertical-align:top;background-size:contain; position:relative;}
.framework-bottom .full .mores{font-size:30px;color:#bee4f1;width:71px;height:71px;text-align:center;line-height:66px}
.framework-bottom .full .moresh4{margin-top:20px}
.framework-bottom .full img{width:52px;height:52px;display:inline-block;border-radius:100%;margin:5px}
.framework-con.pub{display:inline-block;padding:0 10px;float:left;width:310px;padding-bottom:20px;position:relative;left:0}
.framework-con.one{background:url(../images/pic.png) no-repeat;height:89px}
.framework-con.one a{position:relative;top:15px;left:18px}
.framework-con{background:url(../images/pic.png) no-repeat;margin-left:14px}
.framework-con a{position:relative;top:-30px}
.framework-con.last{background:url(../images/pic1.png) no-repeat}
.fullcon{width:75px;display:inline-block;text-align:left}
.framework-con2{float:initial}
.mt18{ margin-top:18px;}
.fraworknum{background: #92b0df;position: absolute;top: -4px;left: 0;/* z-index: 20; */border-radius: 100%;font-size: 12px;color: #fff;display: inline-block;vertical-align: middle; width:24px; height:24px; line-height:24px;}
/*.framework li .framework-con h4{font-size:20px;margin-top:10px;color:#3c64a2}
.framework li .framework-con p{font-size:15px;color:#6c8dc0;margin-top:3px}
.framework-con span{width:16px;height:20px;background:url(../images/i-pic3.png) no-repeat;display:inline-block}*/
.framework-bottom .full-more{width:38px;height:38px;line-height:42px;border:1px solid #ddd;border-radius:100%;text-align:center;color:#999}
.framework-bottom .full-more i{font-size:20px}
.qualityscore{width: 35px; text-align:center;height: 35px;display: inline-block;border: 1px solid #d2def3;border-radius:3px;padding:3px 3px 0 3px;margin-right:3%;}
.qualityscore em{width:100%; display:inline-block;color:#92b0df;}
.qualityscore i{width:100%; display:inline-block;color:#ec871a;font-size:15px; line-height:20px;}
.imgManage{ padding: 10px;}
.imgManage li{ width: 200px;  float: left; margin: 10px; border: 1px solid #efeeee;}
.imgManageHand{ line-height: 36px;}
.imgManageHand a{ width: 49%; display: inline-block; text-align: center; float: left;height: 16px; margin: 9px 0; line-height: 16px;}
.imgManageHand a.br-efeeee{ border-right: 1px solid #efeeee; }

/* wxs20171017 */
.indexLeft { width: 61%; margin-right: 18px;height: 230px;}
.indexLeftco{ margin-top: 16px; display: inline-block; background: #fff; width:99.6%; height: 316px;}
.nav { width: 100%; background: #f9f9f9; height: 43px; border-bottom: 1px solid #eaeaea;}
.nav li {font-size: 14px; display: inline-block;; height: 43px; line-height: 43px; margin: 0 8px; padding: 0 8px; color: #666;}
.business { float: left; width: 30%; margin: 1% 0 0 2.6%; }
.summary-balance { height: 100px; background: #F5F5F6;}
.balance-title { color: #666; padding: 12px 0 0 20px;}
.balance-number { font-size: 26px; color: #9B9EA0; text-align: center; margin-top: 12px; font-weight: 300;}
.summary-recharge { text-align: center; display: block; height: 40px; width: 100%; background: #ebf4ff; color: #5e779c; line-height: 40px; text-align: center; text-decoration: none;}
.summary-recharge li { float: left; width: 49%; border-right: 1px solid #dbe9ff; font-size: 14px;}
.summary-recharge li:last-child { border-right: none;}
.summary-recharge li a{ color: #5e779c;}
.summary-recharge li a:hover{ color: #0d79bd;}
.gogo { height: 40px;width: 99.4%; text-align: center; line-height: 40px; border: 1px solid #ebecec; background: #ebecec; display: inline-block; font-size: 14px; margin-top: 10px; color: #666;}
.gogo:hover { color: #333; background: #fff;border: 1px solid #fff;box-shadow: 0px 0px 1px #d90000; overflow: hidden;}
.userLeft{ width: 74%; height: auto; overflow: inherit;}
.userReght{ width: 25%;height: auto; padding: 0; float: left; display: inline-block; overflow: inherit;}
.userReghtco { padding: 0 3%; float: left; display: inline-block; width: 95%; margin-top: 3%;}
.index-left {width: 58%; float: left; display: inline-block; vertical-align: top; }
.index-right {width: 40%; display: inline-block; vertical-align: top; margin-top:17px}
.indexuser dt,.indexuser dd div { margin-top: 0;}
.indexuser dt { height: 140px; width: 140px;}
.indexBook { height: 230px; margin-right: 0; width: 35%;}
.indexInforCon { font-size: 12px; width: 98%; height: 180px; overflow: hidden;}
.indexInforCon i { margin-right: 2%;}
.indexInfor{ height: 41px; line-height: 41px; margin: 10px 0 8px;}
.indexReghtco { margin-top: 20px; }
.indexInforlist { font-size: 12px; width: 98%; height: 270px; margin-top: 6px;}
.indexInforlist li { border: 1px solid #f2f2f2; padding:.25% 3%; width: 90%; margin-bottom: 6px; float: left;}
.indexInforlist li:hover {border: 1px solid #fff; box-shadow: 0px 0px 1px #d90000;}

/*2017-10-31 GSf*/
.bookLabel{ padding: 45px 0;}
.bookLabel .classifyLable{ padding: 5px 8px;}
.bookLabel .BookImgManage { margin-top: -3px; width:220px}
.bookShare{ border: 1px solid #efeeee; padding: 15px; width: 460px;}
.bookShare h5{ font-weight: 300; font-size: 14px; color: #333; margin-bottom: 8px;}
.bookShare p{ font-size: 12px; color: #999;}
.bookRight{ margin-top: 60px;}



/*2017-11-13 GSf*/
.addBookIMG span{ margin-bottom: 10px;}
.addBookIMG .addBookIMGBtn{ margin-right: 10px; margin-bottom: 10px}
.sortImg{ position: absolute; bottom: 0; background:url(../images/bg.png) repeat; width: 100%; padding-top: 2px;}
.sortImg a{ display: inline-block; width: 33.3%; float: left; text-align: center; color: #fff; line-height: 24px;}
.sortImg a:hover{ color: #ff3535;}
.inputHead{ border-radius: 100%; width: 70px; height:70px; overflow: hidden; display: inline-block; vertical-align: middle;}
.TableBorder{ border: 1px solid #ddd; line-height: 20px;}
.TableBorder tr:last-child td{ border-bottom: 1px solid #dcdddd;}
.SmallSearch{ height: 30px; line-height: 30px;}
.bookRight{ margin-top: 100px;}
.staffDetailsList{ width:400px; display: inline-block; float: left; text-align: center;}
.staffDetailsList img{ box-shadow: 0px 0px 5px #00B5F8;}
.staffDetailsList p{ font-size: 14px; color: #666; margin-top: 10px; display: block; width: 100%;}
.toLead{ border: 1px solid #eee; margin-top: 20px; background: #fff; text-align: center; padding:80px 0 60px; line-height: 30px; position: relative;}
.toLead i{ font-size: 90px; color: #ccc;}
.toLead p{ font-size: 12px; color: #999; margin-top:15px;}
.toLead input{ font-size: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.toLead:hover{ background: #fbfbfb;}

/*2017-12-04 GSf*/
.clientlabel li{width: 200px;display:inline-block;margin: 10px;height: 40px;line-height: 40px;padding: 0 10px; background: #f5f5f7;color: #333;}
.clientlabel li a{ float: right; font-size: 16px; margin-left: 15px; margin-top: 2px; color: #0099FF;}
.storeAnalysisTop{ margin: 30px 0;}
.c-f39700{ color: #f39700;}
.analyze{ position: relative; width: 100%; display: inline-block;}
.analyze .analyzeBtn{ position: absolute; top:20px; right: 0;}


/*2017-12-08 GSf*/
.mainLeft{ width: 40%; float: left;}
.mainSearch{ border: 2px solid #00c1df; width: 100%; display: inline-block; box-sizing: border-box; height: 44px; background: #fff; margin: 20px 0;}
.mainSearchText{ margin: 10px 0; height: 20px; width: 75%;background: #fff; border: none; padding: 0 10px; font-size: 14px;}
.mainSearchBtn{ float: right; border: none; border-radius: 0; background: #00c1df; color: #fff; height: 40px; width:18%; font-size: 16px;}
.mainSeven{ width: 55%; border:1px solid #dddddd; float: right; background: #fff; margin-top: 15px;}
.mianTable{ width: 100%; display: inline-block; height: 360px; overflow:auto; box-sizing: border-box; border: 1px solid #eee;}
.detaTitle{ padding:15px 15px 10px;}
.detaTitle span{ font-size: 14px; padding-top: 5px; display: inline-block;}
.personalNew{ padding:14px 15px;}
.personalNewTitle a{ width: 14.27%; text-align: center; background: #f0f6ff; height: 36px; line-height: 36px; display: inline-block; float: left; color: #3c4b86;}
.personalNewList li{ width: 14.27%;display: inline-block; float: left;}
.personalNewList{ width: 100%; display: inline-block; padding:1% 0;}
.personalNewList .detaContont{ background: #fff; box-shadow: 0px 0px 3px #ddd; width: 94%; margin: 3%; height:70px; text-align: center; position: relative;}
.personalNewList .detaContont .date{ font-size:14px; margin: 10px; display: inline-block; position: absolute; left: 0; top: 0; color: #8dabe0; }
.personalNewList .detaContont .number{ line-height: 70px; color: #999; font-size: 22px;}
.personalNewList .detaContont .number.c-ff0000{ color: #ff0000;}
.TopTipsBlue { background: #e7f9fd; border:1px solid #00c1df; color: #999;}
.TopTipsBlue i{ color:#00c1df ;}
.mainAnalyzeList{ width: 100%; display: inline-block; padding: 15px 0; border-bottom: 1px solid #ddd; background: #fff;}
.mainAnalyzeList li{ width: 19.7%; float: left; position: relative; padding: 5px 0; border-right: 1px dashed #ddd;}
.mainAnalyzeList li p{ margin: 0 13px 20px; color: #666;}
.mainAnalyzeList li span{ margin-left: 13px; color: #666;}
.mainAnalyzeList li span i{ font-size: 32px;}
.mainAnalyzeList li span.c-ff0000{ color: #ff0000;}
.mainAnalyzeList li span.c-48bb03{ color: #48bb03;}
.selectTextFixed{ position: absolute; top: 0; right: 10px;}
.mainAnalyzeList li:last-child{ border: none;}
/*2017-12-11 GSF*/
.topReturn{ border: 1px solid #ddd; background: #fdfdfd; padding:3px 10px 3px 6px; font-size: 12px; color: #999;}
.topReturn i{ color: #ccc;}
.topReturn:hover{ background: #fff; border: 1px solid #ddd; color: #666;}
.buttonSmall.bg-ccc.active{ background: #fff;border: 1px solid #048de4;}
button.buttonSmall{ height: 32px;}
.buttonSmallFile{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; opacity: 0;}
.footerPage .InputText{ padding: 4px 10px;}
.footerPage .buttonSmall{ height: 30px; line-height: 29px;}


/*2018-04-25 客服系统*/
.serviceWaterfall li{ float:left; display:inline; list-style:none; margin:7px 0; background:#FFF;width:320px; padding: 0; box-shadow: 0px 0px 8px #ccc;_border:1px solid #eee}
.serviceWaterfall .shop{ width: 100%; padding:12px; width: 296px; display: inline-block; border-bottom: 1px solid #f5f5f5;}
.serviceWaterfall .shop .picture{ width: 70px; height: 70px; overflow: hidden; float: left; margin-right: 3%;}
.serviceWaterfall .shop .title{ font-size: 14px;color: #333; line-height: 20px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
.serviceWaterfall .shop .label{ font-size:12px; color: #999; margin-top: 10px;}
.serviceWaterfall .shop .label .speci{ float: right; max-width: 50%; overflow: hidden;}
.serviceWaterfall .trialDetailsCon{padding:12px; position: relative;}
.serviceWaterfall .trialDetailsCon .photo{ width:34px; height:34px; overflow:hidden; border-radius: 5px; overflow: hidden; float: left; margin-right: 3%}
.serviceWaterfall .trialDetailsCon .name{ width: 60%;  text-overflow: ellipsis;white-space: nowrap;overflow: hidden; float: left;}
.serviceWaterfall .trialDetailsCon .name.c-ff0000{ color: #ff0000;}
.serviceWaterfall .trialDetailsCon .title .bottomRz{ float: right;}
.serviceWaterfall .trialDetailsCon .time{font-size: 12px; color: #999; display:inline-block; width: 60%; margin-top: 3px;}
.serviceWaterfall .trialDetailsCon .content{ width: 100%; display: inline-block; color: #666;  margin-top: 8px; line-height: 20px;}
.replyBtn{color: #1475f8;border: 1px solid #1475f8;border-radius: 3px;display: inline-block; font-size: 12px; padding: 2px 8px; margin:0 12px 12px 0; float: right;}
.trialDetailsConBefor:before{ content: ''; position: absolute; top: 0; left: 15px; right: 15px; border-top: 1px dashed #ddd;}
.replyContent{ padding:0 12px 12px;}
.replyContent .InputText{ width:275px; height: 80px; line-height: 20px;}
.replyContent .addBookIMG span,.replyContent .addBookIMGBtn{ width: 50px; height: 50px; margin-right: 5px; line-height: 54px; overflow:initial;}
.replyContent .addBookIMG span img{ width: 100%; height: 100%; float: left;}
.replyContent .addBookIMG span .close{position: absolute; top: -5px; right:  -5px; color: #ff0000;line-height: initial;font-size: 16px; }
.replyContent .addBookIMG span .close:hover{ opacity: 0.8;}
.SelectTemplate{ border: 1px solid #eee; border-radius: 3px; padding: 7px 0; text-align: center; width: 295px; color: #666; display: inline-block;}
.SelectTemplateBtn{ width:100%; display: inline-block; padding: 10px 0 0;}
.SelectTemplateBtn .graybtn{ background: #f3f3f3; border: 1px solid #eee; color: #000; border-radius: 3px; width: 47%;padding:6px 0; text-align: center; font-size: 14px; display: inline-block; float: left; }
.SelectTemplateBtn .graybtncolor{background: #1475f8; border: 1px solid #1475f8; color: #fff; margin-left:4%; float: right; }
.SelectTemplateBtn .graybtn:hover{ opacity: 0.8; color: #000;}
.SelectTemplateBtn .graybtncolor:hover{ opacity: 0.8; color: #fff;}
/*2018-04-28 优惠券*/
.conponList{ width: 400px; text-align: left; height: 80px; margin: 5px 0; background: #fff; box-shadow: 0px 0px 5px #eee;}
.conponListLeft{ width: 100px; height:80px; background-color: #d4282b; display: inline-block; float: left; text-align: center; color: #fff; background-image: url(../images/icon-7_1.png); background-repeat: no-repeat; background-position: left top; background-size: contain; margin-right: 15px;}
.conponListLeft span{ font-size: 14px; margin: 10px 0 0; width: 100%; display: inline-block;}
.conponListLeft span em{ font-size: 30px;}
.conponListTop{ padding-top: 18px;}
.conponListTop h5{ font-size: 16px; margin-bottom: 8px;}
.conponListTop p{ font-size: 12px; color: #999;}

.handleList{ position: absolute; top:40px; right: 0; background: #fff;    box-shadow: 0 1px 10px 4px rgba(0,0,0,.05); border-radius: 5px; width: 75px; color: #fff; font-size: .7rem; text-align: center; display: none;}
.handleList.active{ display: block;}
.handleList:before{position: absolute; top: -15px; right:20px; content: ''; background: url(../images/triangle.png) no-repeat;z-index: 1;width: 30px; height: 15px;}
.handleList li{font-family:"微软雅黑"; width: 100%; display: inline-block; float: left; height: 32px; line-height: 32px; position: relative;z-index: 10;border: 1px solid #f5f5f5;border-width: 0px 0px 1px 0px;-webkit-border-image: url(../images/border.gif) 2 stretch; padding: 0;}
.handleList li a{ color: #999;}
.handleList li:last-child{ border: none;}

/*首页*/
.performance1{ width: 100%; text-align: center; padding-bottom: 12px; display:inline-block;}
.performance1List{ width: 50%; float: left;}
.performance1List span{ font-size: 18px; font-family:arial; padding: 9px 0; display: inline-block; color: #788292;}
.performance1List span i{ font-size: 12px;}
.performance1List p{ font-size: 12px; color: #ccc;}
.rechargeThree { height: 35px; }
.rechargeThree li{ width: 33%; height: 35px; line-height: 35px}
.rechargeThree li a{ font-size: 12px;}

/*专题*/
.specialList{ min-width:300px; display: inline-block; width: 100%; padding: 15px 0;}
a.specialList:hover{ text-decoration: none;}
.specialList .photo{ height:126px; float: left; margin-right: 12px; display: inline-block; position: relative;}
.specialList .photo img{ height: 100%;}
.specialList .photo i{ position: absolute; text-align: center; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.7); color: #fff; padding: 5px 8px;}
.specialList .title{ font-size: 18px; margin: 10px 0 20px; color: #000;}
.specialList .title:hover{ color: #0057C4; cursor: pointer;}
.specialList .infor{ color: #999; font-size: 14px;}
.specialLayer{ padding:0 0px 0 9px;}
.specialLayer li{ margin: 6px; width: 160px; display: inline-block; float: left; box-shadow: 0px 0px 5px #ccc;}
.specialLayer li label{ padding: 10px; display: inline-block; width: 100%;}
.specialLayer li label input{ float: left; margin-right: 10px; margin-top:2px;}
.specialLayer li span{ max-width: 75%; float: left; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.specialAddshop{ padding:10px 0;}
.specialAddshop li{ margin-left: 0; margin-right: 15px; padding: 0; width: 100px;}
.specialAddshop li span{ max-width: 83%;line-height: 20px; margin: 5px 0 5px 10px; }
.confirmOrderCon .title{ font-weight: normal; font-size: .8rem; color: #333; line-height:18px; height:36px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*粉丝管理*/
.fansInfor .photo{ width: 42px; height:42px; overflow: hidden; float: left; margin-right: 10px; margin-top: 2px; }
.fansInfor .title{ font-size: 14px; margin-top:12px; float: left;}
.fansInfor .title a{ color: #333;}
.fansInfor .address{ background: url(../images/customer-all.png) left 2px no-repeat; padding-left: 20px;margin-top:10px;height: 22px; display: inline-block; width:180px; font-size: 12px; color: #999;}
.fansInfor .phone{ background: none; padding-left: 0;}
.fansInfor .address.girl{    background-position: 3px -35px;}
.fansInfor .compyTitle{ font-size:12px; color: #048de4; margin-left: 10px; display: none;}
.fansInfor .title a:hover{ text-decoration: none; color: #666;}
.fansInfor .compyTitle i{ margin-right: 5px; color: #999;}
.fansInfor .compyTitle:hover em{text-decoration:underline}
.fansAuthen{ line-height: 20px; }
.fansAuthen span{ margin: 0 6px; color: #ccc;}
.fansAuthen i{ font-size:28px; vertical-align: middle;}
.fansAuthen span.active{ color:#00A730;}
.grouping{ position: relative; display: inline-block;}
.groupingTop{border-radius: 3px; overflow: hidden; padding: 4px 8px 4px 10px; cursor: pointer;}
.groupingTop i{ margin-left: 3px; color: #999;}
.groupingTop.active{ background: #e4e4e4;}
.groupingCon{ position: absolute; top: 22px; left: 0;  border: 1px solid #dbdbdb; box-shadow: 0px 0px 10px #ccc; width: 270px; background: #fff; z-index: 10; display: none;}
.groupList{ width: 100%; display: inline-block; padding: 6px 0;}
.groupList li{text-align: left;line-height: 26px; height: 26px; position: relative;float: left; padding: 0 10px; display: block; width: 250px;}
.groupList li.null{color: #ccc; }
.groupList li:hover{ background: #f7f7f7;}
.groupList li .grouphandle{ position: absolute; right: 10px; top: 0; display: none;}
.groupList li .grouphandle a{ margin-left: 8px; color: #666;}
.groupList li:hover .grouphandle{ display: block;}
.groupList li .groupName{ max-width: 180px; float: left; overflow: hidden; display: inline-block; height: 26px;}
.groupList li .groupCheck{ margin-top: 8px; float: left; margin-right: 10px;}
.groupCompy{ width: 235px; height: 20px; margin-top: 3px; display: none;}
.groupCompy .groupText{ height: 18px; line-height: 18px; border: 1px solid #efeeee; padding: 0 6px; font-size: 12px; color: #666; float: left; width: 169px; border-right: none;}
.groupCompy .groupBtn{ height: 20px; line-height: 18px; background: #048de4; color: #fff; border:none; float: left; width: 30px; text-align: center;}
.establish{ padding: 10px; width: 250px; display: inline-block; text-align: left;}
.establishInput{ display: none;}
.establishInput .InputText{ padding: 2px 6px;}
.establishInput .buttonSmall{ height: 26px; line-height: 26px; padding: 0 8px;}
.moveGroup{ position: relative;}
.moveGroup .groupingCon{ right: 0; left: inherit; top: 35px;}
a.fansdialogue:hover{ text-decoration: none;}

/*粉丝管理中的对话框*/
.dialogue{ position: fixed; bottom: 0; right: 20px; width: 300px; height: 380px; background: #f9f8f5; box-shadow: 0px 0px 5px #ccc; display: none; }
.dialogueTit{ background: #88b242; height: 36px; line-height: 36px; color: #fff; padding: 0 10px; position: relative; float: left; width: 280px;}
.dialogueLeft{ cursor:default;}
.dialogueLeft i{ font-size: 16px; float: left; margin: 2px 6px 0 0;}
.dialogueRight{ position: absolute; right:10px; top: 1px;}
.dialogueRight a{ color: #fff; font-size: 13px; display: inline-block;line-height: 22px; height: 20px; width: 20px; text-align: center;}
.dialogueRight a:hover{ background: #80a93f; border-radius: 5px; color: #c2d7a1;}
.dialoguebd{padding: 15px 10px; float: left;background: #f9f8f5;height: 230px;overflow-y: auto; width: 280px;}
.dialogueList{ width: 100%; display: inline-block;}
.dialogueList li{margin-bottom: 15px;position: relative; width: 100%; display: inline-block;}
.dialogueList .my .avatar, .dialogueList .my div.message{ float: right;}
.dialogueList .avatar{display: inline-block;width: 24px;height: 24px;border-radius:100%; overflow:hidden; vertical-align: top;}
.dialogueList  div.message{ display: inline-block;max-width: 154px;background: #fff;border: 1px solid #f3f3f3;padding: 10px;margin: 0 15px;position: relative;border-radius: 3px;word-wrap: break-word;word-break: normal;}
.dialogueList .my div.message{background: #e3f7c9;color: #333;border-color: #d7eebd;}
.dialogueList  div.message:before{content: "";display: inline-block;width: 10px;height: 10px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);position: absolute;left: -6px;top: 5px;border-left: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;}
.dialogueList .my div.message:before{    right: -6px;left: auto;border: none;background: #e3f7c9;border-right: 1px solid #d7eebd;border-top: 1px solid #d7eebd;}
.dialogueList .wx-face{width: 22px !important;vertical-align: middle;margin: -3px 1px 0 1px;}
.dialogueList li.tip{text-align: center;margin: -5px 0 5px 0;}
.dialogueList .nomore{display: inline-block;color: #ccc; display: none;}
.dialogueList .more-chats{color: #0078b6;cursor: pointer;}
.dialogueList .more-chats:hover{ text-decoration: underline;}
.dialogueList .wx-img{ max-width: 130px;}
.toolbar{height: 30px;line-height: 30px;padding: 0 6px;border-top: 1px solid #e7e6e2; width: 280px; display: inline-block; float: left;}
.toolbar a{ font-size: 18px; padding: 0 5px; color: #999;}
.dialogueSend{padding: 4px 10px;height: 46px; width:280px; display: inline-block;}
.dialogueSend .dialogueSendText{ border: none; width: 100%; line-height: 20px; color: #333; background: none;}
.dialogueSend .dialogueSendTip{color: #aaa;margin-right: 7px; height: 25px;line-height: 25px;display: inline-block;}

/*配置公众号*/
.publicNumberList{ width: 100%; display: inline-block;}
.publicNumberList li{ width:340px; position: relative; padding:10px 15px; display: inline-block; float: left; background: #f5f5f5; margin: 0 15px 15px 0;}
.publicNumberList .logo{ float: left; height:47px; margin-right: 15px;}
.publicNumberList .logo img{ height: 100%;}
.publicNumberList .title{ font-size: 14px; margin-top: 2px;}
.publicNumberList .label{ color: #999; margin-top: 8px;}
.publicNumberList .ding,.publicNumberList .fu{ position: absolute; right:10px ; top:10px; font-size:24px; color: #F0501E;}
.publicNumberList .relieve{ position:absolute; right:10px; bottom: 10px; color: #666;}
.publicNumberList .fu{ color: #009900;}
/*评价管理*/
.evaluateComment .title .name{ width:50%}
.evaluateComment .title .name i{ font-size: 16px; vertical-align: middle; margin-left: 5px;}
.serviceWaterfall .evaluateComment .time{  color: #e61f1f;margin-top: ;}
.evaluateComment .picture{ width: 100%; display: inline-block; height: 70px; overflow: hidden; margin: 10px 0 0;}
.evaluateComment .picture a{ width: 70px; margin-right: 5px; float: left; text-align: center; display:inline-block; height: 70px; overflow: hidden;}
.evaluateComment .picture a img{ height: 100%; width: auto;}
.evaluateComment .picture a:nth-child(4n){ margin-right: 0;}
.evaluateComment .handleComment{ width: 100%; margin-top: 10px; text-align: right; color: #999;}
.evaluateComment .handleComment span{ margin-left: 16px; cursor: pointer;}
.evaluateComment .handleComment span i{ margin-right: 5px;}
.evaluateComment .handleComment span:hover{ color: #007AFF;}
.evaluateComment .reply{ position: relative; padding: 3%; background: #f5f5f5; border-radius: 5px; font-size:.7rem; color: #666; margin-top: 15px}
.evaluateComment .arrow:before{ content: '\e600'; position: absolute; color: #f5f5f5; top:-18px; left:10%; font-size: 30px}
.evaluateComment .replycontent{ line-height: 20px}
.evaluateComment .replycontent i{ color: #d4282d}
.shopEvaluateList { padding: 5px 0;}
.shopEvaluateList li{ width: 15.8%; float: left; margin-right: 1%; box-shadow: 0px 0px 5px #ddd; margin-bottom: 1%;}
.shopEvaluateList li:nth-child(6n){ margin-right: 0;}
.shopEvaluateList li h5{ font-size: 15px; color: #000; padding:0 10px; margin: 10px 0 5px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.shopEvaluateList li p{ font-size: 12px; color: #999; margin: 0 10px 10px;}
.shopEvaluateList li:hover{ box-shadow: 0px 0px 7px #999;}
.shopEvaluateList li:hover h5{ color: #3a88dc;}
.SelectTemplateBtnSmall .graybtn.fr{ float: right; margin-left: 10px;}
.SelectTemplateBtnSmall .graybtn{ font-size: 12px; padding: 4px 0; width: 20%;}
.display label{ width:50%; text-align: center; display: inline-block; float: left; margin-top: 10px;}
.display label input{ margin-right: 5px;}

/*产品中心*/
.myTesting{ border: 1px solid #eee; margin-bottom: 17px;}
.myTestList{ width: 32.5%; color: #666; padding: 15px 0; position: relative; vertical-align: top; display: inline-block; text-align: center;}
.myTestList span{ font-size: 22px; margin-bottom:5px; display: inline-block;}
.myTestList:before{ content: ''; position: absolute; top: 20%; right: 0; bottom: 20%; border-right: 1px solid #f5f5f5;}
.myTestList:last-child:before{ border: none;}
.shopTestPhoto{ width: 50px; height: 50px; margin: 5px 10px; display: inline-block;}

/*2018-05-18 积分商城卡片*/
.integralShop{ width: 100%; display: inline-block;}
.integralShop li{ width: 260px; float: left; margin:0 15px 15px 0; border: 1px solid #eee;}
.integralShop li .integralShopTop{ width: 100%; display: inline-block;}
.integralShop li .photo{ width: 260px; height: 260px; overflow: hidden;}
.integralShop li .photo img{ width: 100%; height: 100%;}
.integralShop li .title{ font-size: 15px; padding: 10px; color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.integralShop li .integralShopLabel{ padding: 0 10px; display: block;}
.integralShop li .integralShopLabel .integral{  font-size:15px; color: #d4282d; float: left; width: 100%;}
.integralShop li .integralShopLabel .Stock{ color: #999; float: left; margin-top: 5px;}
.integralShop li .integralShopLabel .sort{ float: right; margin-top: -13px;}
.integralHandle{ width: 100%; display: inline-block; float: left; margin-top: 10px; height: 35px; line-height: 36px; border-top: 1px solid #eee;}
.integralHandle a{ width: 25%; text-align: center; float: left; display: inline-block; height: 100%; position: relative;}
.integralHandle a.c-FF5722{ color: #FF5722;}
.integralHandle a.c-999{ color: #999;}
.integralHandle a i{ margin-right: 2px;}
.integralHandle a :before{ content: ''; position: absolute; top: 30%; right:0; bottom:26%; border-right:1px solid #eee;}
.integralHandle a:hover{ color: #28a6f5;}
/*资讯管理*/
.zxmainSearch{ border: 2px solid #00c1df; width: 40%; height: 40px; background: #fff; float: left;}
.zxmainSearchText{ margin: 10px 0; height: 20px; width: 75%;background: #fff; border: none; padding: 0 10px; font-size: 14px;}
.zxmainSearchBtn{ float: right; border: none; border-radius: 0; background: #00c1df; color: #fff; height: 36px; width:18%; font-size: 16px;}
.zxmainSeven{ width: 55%; border:1px solid #dddddd; float: right; background: #fff;}
.zxmainSevenTit{ background: #f9f9f9; width: 100%; line-height: 38px; text-align: center; font-weight: 300; font-size: 14px;color: #333;}
.zxmainSevenList{ width: 100%; display: inline-block; float: left; padding: 8px 0;}
.zxmainSevenList li{ width: 14%; float: left; text-align: center; border-right: 1px solid #dddddd; color: #333;}
.zxmainSevenList li.last,.mainAnalyzeList li.last{ border: none;}
.zxmainSevenList li p{ margin-bottom: 5px;}
.zxmainSevenList li i{ font-size: 24px}
.evaluateStatistics .zxmainSeven{ width: 48.5%; margin-bottom: 20px;}
.evaluateStatistics .zxmainSevenLeft{float: left;}
.evaluateStatistics.mainAnalyzeList li p{ margin-bottom: 10px;}

/*分店管理*/
.tableSelect{ position: relative; width: 100%; cursor: pointer;}
.tableSelect .handleList{ width:100px; left: 50%; right: inherit; margin-left: -50px;}
.tableSelect .handleList:before{ right: 33px;}
.tableSelect .handleList a:hover{ color: #0075F8; text-decoration: none;}
.tableSelect .handleList li.active a{ color: #0075F8;}

/*专卖店*/
.monopolyList li{ padding: 20px 0; border-bottom: 1px dashed #eee; width: 100%; display: inline-block; float: left;}
.monopolyList li .photo{ width: 173px; height: 173px; float: left; margin-right: 20px;}
.monopolyList li .photo img {width: 100%;height: 100%;}
.monopolyList li .title{ font-size: 18px; color: #000; }
.monopolyList li .title em{ color: #999; font-size: 12px; margin-left: 20px;}
.monopolyList li .label{ margin: 15px 0;}
.monopolyList li .label span{ width:180px; display: inline-block; color: #666; font-size: 14px;}
.monopolyList li .handle{ margin-top: 10px;}
.monopolyList li .handle a{ margin-right: 10px;}
.mainColor{font-size: 12px;height: 22px; width: 40px;text-align: center;color: #fff;display: inline-block;float: left;line-height: 21px;margin-right: 10px;margin-top: 1px;}

/*活动管理*/
.activeManage .inforRight .buttonSmall{ margin: 4px 2px;min-width: 55px; text-align: center;}
.addActiveBorder{ border: 1px solid #efeeee; border-top: none;}
.ticketHandle span,.ticketHandle a{ font-size: 16px; margin: 0 5px; cursor: pointer;}
.ticketHandle a:hover{ text-decoration: none;}

.enrollDoDel{ color: #ccc; font-size: 18px; display: inline-block; margin-top: 5px; cursor: not-allowed;}
.enrollDoDel:hover{ color: #ccc;}
.enrollDoDelBtn{ color: #8ba1bd; cursor: pointer;}
.enrollDoDelBtn:hover{ color: #048de4;}
.enrollCon{ width: 100%; display: inline-block; float: left;}
.enrollBtnAdd{ margin: 20px 0;}
.enrollBtnAdd a{display: inline-block;text-align: center; width: 138px;height: 40px;line-height: 40px;border: 1px solid #0099e9; color: #0099e9;border-radius: 3px;background-color: #fff;}
.enrollCon .enrollBtnAdd a:hover,.enrollRight a:hover{ text-decoration: initial; border:1px solid #0099e9}
.enrollConSelect{ width: 100%; display:none; background: #f9fafc; padding: 15px 0; position: relative;}
.enrollConClose{ position: absolute; right: 10px; top:10px; font-size: 20px;overflow: hidden; z-index: 10; display: inline-block; color: #999;cursor: pointer;}
.Table .enrollConClose:hover{  color: #666;}
.enrollConList{position: relative; text-align: left; padding: 5px 0;padding-left:120px;}
.enrollConList .enrollTitle{display: inline-block; text-align: right; width: 100px;height: 30px;line-height: 30px;margin:5px 0; position: absolute; top:8px; left: 18px;}
.enrollRight{ padding-right: 20px;display: inline-block; min-width: 700px;}
.enrollRight a{width: 88px; margin:5px 0;display: inline-block;height: 28px;line-height: 28px;text-align: center;background-color: #fff;border: 1px solid #ecf0f5;float: left;margin-right: 9px;}
.enrollRightWidth a{ width: 187px;}
.redioInputAdd,.checkInputAdd{ margin-left: 36px;}
.Table .redioInputAdd:hover,.Table .checkInputAdd:hover{ text-decoration: inherit; border: 1px solid #0099e9; color: #0099e9;}
.Table .closeRadio{ position: absolute;    position: absolute;color: #c1cede;top: -12px;right: -6px;font-size: 16px; display: none; cursor: pointer;}
.enrollFoot{ width: 100%; display: inline-block; text-align: center; padding: 50px 0;}
.enrollFoot .btn_Preview{width: 140px; display: inline-block; height: 50px;line-height: 50px;background-color: #fff;color: #0099e9;box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);font-size: 16px;border-radius: 5px;}
.enrollFoot .btn_Post{display: inline-block;color: #FFF;width: 213px;height: 50px;line-height: 50px;margin-left: 48px;font-size: 16px; border-radius: 5px; background: #0099e9;}
.enrollFoot .btn_Preview:hover {background-color: #f5f5f5;}
.enrollFoot .btn_Post:hover {color: #fff; background: #0082c6;}
.formInput.InTitleActive li{ width: 100%; border-bottom: 1px solid #eee;}
.formInput.InTitleActive li .InTitle { width: 100% !important; text-align: left;}
.scratchEwmCon{ position: absolute;padding: 15px;background: #fff;line-height: 1.5;color: #666;width:180px;box-shadow: 0 0 10px #ddd;position: absolute;top: 100%;margin-top: 10px;right: -15px; display: none; z-index: 50;}
.scratchEwmCon .tipsArrow{position: absolute;background: url(../images/new1.png) no-repeat;background-position: 0 -19px;display: block;right: 25px;top: -8px;width: 16px; height: 8px; display: block;}

/*配置店招*/
.shopInviting li{width:300px;float: left; margin:10px; position: relative; border: 1px solid #f5f5f5;}
.shopInviting li .photo{ width: 100%; height: 117px;}
.shopInviting li .title{ font-size: 14px; padding: 10px; text-align: center;}
.shopInviting li .handle{ background: #f5f5f5; width: 100%; text-align: center; display:block; overflow: hidden;}
.shopInviting li .handle a{ width: 50%; display: inline-block; float: left; font-size: 16px; padding: 10px 0;}

/*分店列表*/
.myTestingEight { display: flex;}
.myTestingEight .myTestList{ width: 12.5%;}
.myTestingEightTitle{ font-size: 14px; margin-top: 15px; text-align: center;}
.BranchSearch{ position: relative;}
.BranchSearch:after{ font-family:"iconfont" !important;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: '\e6ab'; font-size: 14px; margin-left: 10px;}
.BranchSearchCon{ border: 1px solid #ddd; height: 22px; width: 200px; display: block; overflow: hidden;}
.BranchSearchCon .BranchSearchText{ width: 140px; height: 22px; line-height: 22px; font-size: 12px; border: none; padding: 0 10px; float: left;}
.BranchSearchCon .BranchSearchBtn{ display: inline-block;width: 40px; height: 22px; line-height: 22px; font-size: 12px; border: none; background: #ddd; float: right; cursor: pointer; color: #666; }


@media screen and (max-width: 1400px){
    .userDetialsInforCon{ margin-left: 0;}
    .userDetialsLabel{  width: 100px;margin-left:6px;}
    .themeNullArrow{ top:-12px;width:31%;}
    .mainInforRight{ margin-left: 9px;}
    .mainTitPadd{ padding: 0 13px;}
    .mainDetialsInfor{ margin-left:447px;}
    .MainLeft{ width: 79%;}
    .MainRight{ width: 21%; display: inline-block;}
    .index-left {width: 63%; }
    .index-right {width: 35%; display: inline-block; vertical-align: top;}
    .indexuser dt { height: 130px; width: 130px;}
    .userDetialsInforCon { font-size: 12px;}
    .indexBook { width: 35%;}
    .userDetialsInfor {padding-right: 1%; width: 99%;}
    .userDetialsInforNew{ width: 98%; padding:1.2%  1%;}
    .userDetialsInforNew dt{ margin-right: 0;}
    .userDetialsInforNew .userDetialsInforCon{ margin-left: 10px;}
    .classifyLable { padding: 2px 3px 1px;}
}

@media screen and (max-width: 1380px){
    .index-left {width: 63%; }
    .index-right {width: 35%; display: inline-block; vertical-align: top;}
    .indexuser dt { height: 120px; width: 120px;}
    .userDetialsInforCon { font-size: 12px;}
    .userDetialsInfor dt { margin-right: 0;}
    .indexBook { width: 34.5%;}
    .classifyLable { padding: 2px 2px 1px;}
    .inforCenterpro { width: 48%;}
    .wb31{width: 28%;}
}


/* wxs20180929 */
.Muproduct .title{position:absolute;top:20px;left:440px;height:28px;line-height:28px;font-size:20px;color:#333}
.Muproduct .title .title-str{margin-right:10px;cursor:pointer}
.Muproduct .title .tag{display:inline-block;height:19px;line-height:19px;padding:0 2px;font-size:12px;border:1px solid #508cee;border-radius:2px;vertical-align:middle;margin-left:10px;box-sizing:border-box;color:#508cee}
.Muproduct .title .tag:first-child{margin-left:20px}
.Muproduct .title .tagRed { border: 1px solid #ed221c;color: #ed221c;}

.inforManage .Muproduct {position: relative; height: 246px; background: #fff; margin-top: 20px; padding: 0;}
.Muproduct .pd-img { width:400px;position: absolute; left: 20px; top: 20px;}
.Muproduct .pd-img img {height:220px;width:400px;}
.Muproduct .pd-info{position:absolute;top:90px;left:440px;width:66%;padding-bottom: 10px;border-bottom:1px solid #e0e0e0;}
.Muproduct .pd-info p{font-size:14px;color:#666;line-height:23px;margin:0; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.Muproduct .activity{position:absolute;top: 198px;left:440px;font-size:18px;color:#ff5000;line-height:24px;}
.Muproduct .price{position:absolute;right:184px;bottom:12px;height:42px;font-size:34px;color:#ff5000;line-height:42px}
.Muproduct .price span{font-size:16px}
.Muproduct .order {position:absolute;right:380px;top:198px;height:32px;font-size:22px;color:#ff5000;line-height:32px}
.Muproduct .order span{font-size:18px}
.Muproduct .item-btn{position:absolute;height:36px;line-height:36px;width:100px;text-align:center;background-color:#508cee;color:#fff;border-radius:2px;right:20px;bottom:10px;font-size:16px;cursor:pointer}
.Muproduct .item-btn:hover{background:#3470d3}
.Muproduct .inforRight { width: auto; margin-top: 30px;}
.formInputRate100 {float: left; width: 100%; padding: 0;}
.formInputRate {float: left; width: 60%; padding: 0;}
.RateRight {float: left; width: 30%; margin-top: 2%;}
.RateRight a { margin: 3% 2% 0;}
/* tab */
/*选项卡*/
.tab-hd{ font-weight:normal; font-size:16px;}
.tab-hd span{ padding:0 20px;}
.tab-hd span a { color: #000;}
.tab-hd span a:hover{ text-decoration:none}
.tab-bd-con{ width:100%}
.tab-hd span.current a{ color:#00A2CA; border-bottom:1px solid #00A2CA; padding-bottom:2px}