﻿
.mcont{ width:1200px; margin:0 auto;}
.item-left{    width: 231px;
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 2px solid #d5d5d5;
    border-radius: 3px;
    background: #fff;
    float: left;
    margin-bottom: 15px;}
.left-head{
        width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
}
.left-head span{
        flex: 1;
    text-align: center;
    font-size: 16px;
    
    cursor: pointer;
    line-height: 42px;
    background-color:#3ba1e8;
    color:#fff;
}
.left-head span.on{
    background-color:#fff;
    color:#3ba1e8;
    font-weight: 600;
}

.left-list ul li{
    padding-left:15px;
    border-bottom: 1px solid #ededed;
    height:45px;
    line-height:45px;
     background-image:url(../images/r.png);
     background-position:200px center;
     background-repeat:no-repeat;
     cursor:pointer;
}
.left-list ul li.on ,.left-list ul li:hover{
    background-image:url(../images/r_on.png);
    color:#1296db;
}
.item-right{
        width: 946px;
    background-color: #fff;
    float: right;
    margin-bottom: 25px;
}
.yxList{ margin:15px 0;  background-color:#fff; height:auto; padding:22px 0;}
.yxList .dxLogo{ width:120px; padding-left:15px; float:left; text-align:center;}
.yxList .dxLogo img{ width:85%;}
.yxList .dxCont{ width:850px; float:left; margin-left: 14px;}
.yxList .dxName{ font-size:15px; margin-bottom:3px; font-weight:bold;line-height:34px;}
.yxList .dxCont .dxAttr{ margin-top:5px;}
.yxList .dxCont .dxAttr span{ margin-right:12px; padding:0px 9px; border-radius:3px; color:#888888; font-size:13px; border: 1px solid #dfdede;}
.yxList .dxLink{ width:150px; float:right;margin-top: 28px;}
.yxList .dxLink a{font-weight: 400;width: 84px;background: #f9f9f9;border: 1px solid #e7e7e7;border-radius: 3px;color: #333;height: 35px;display: block;text-align: center;font-size: 14px;line-height: 35px;cursor: pointer;}
.yxList .dxLink a:hover{ color:#fff;background-color:#3ba1e8}

.yxList .dxCont .dxAttr2{ margin-top:5px;}
.yxList .dxCont .dxAttr2 span{ margin-right:17px; color:#333333; font-size:14px; }
.yxList .dxCont .dxAttr2 a{margin-right:17px; color:#4da8e8; font-size:14px;}

.yxSearch{ padding:0.1rem 0rem 0.1rem 0.2rem; }
.tjItemInput{ width:1075px; float:right;}
.tjItemInput .yxInp{ border:1px solid #E6E6E6; width:450px; height:34px; font-size:14px; border-radius:3px 0 0 3px; padding-left:15px; margin:5px 0px;}
.tjItemInput .yxSearch{ padding:7px 18px; }
.tjItemInput .yxSearch{ color:#fff; background-color:#3ba1e8; border-radius:0px 3px 3px 0px;  }

.zyInput{  float:left; margin-bottom:5px;}
.zyInput .yxInp{ border:1px solid #E6E6E6; width:400px; height:37px; font-size:14px; border-radius:3px 0 0 3px; padding-left:15px;}
.zyInput .yxSearch{ padding:9px 18px; }
.zyInput .yxSearch{ color:#fff; background-color:#3ba1e8; border-radius:0px 3px 3px 0px;  }

.ptSearch{ padding:9px 18px; }
.ptSearch{ color:#fff; background-color:#3ba1e8; border-radius:3px;  }

.right-list{ background-color:#fff; padding:12px 8px;}
.list-item{ padding-bottom:20px;}
.list-item .list-top{width: 98%;height: 45px;margin: 0 auto;display: flex;align-items: center;background: #f8f8f8;border-radius: 3px;padding-right:30px;justify-content: space-between;}
.list-item .list-top div{display: flex;align-items: center;}
.list-item .list-top b{ display: inline-block;width: 6px;height: 24px;background: #3ba1e8;margin-left: 10px;border-radius: 15px;}
.list-item .list-top div span{ color: #333;font-size: 22px;display: inline-block;margin-left: 10px;}
.list-class{width: 100%;height: 30px;line-height: 30px;color: #333;font-size: 15px;font-weight: 560;}
.zy-item{display: flex;flex-wrap: wrap;}
.zy-item a{font-size: 14px;color: #666;text-align: left;line-height: 28px;width: 220px;}
.zy-item a:hover{ color:#3ba1e8;}
.item-box{ width:880px; margin:0 auto;padding-top: 10px;}

.tabList { width:100%; background-color:#fff; margin-top:10px;}
.tabList tr th{ line-height:38px; font-weight:600; font-size:14px; border:1px solid #3ba1e8; text-align:center; }
.tabList tr td{ padding:10px 3px;border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;  text-align:center;}
.tabList tr:hover td{ background-color:#68b7ef; color:#fff;}
.tabList tr:hover td a{ color:#fff;}
.tabList tr:hover td.nohover{ background-color:#fff; color:#666;}
.tabList tr:hover td span{  color:#fff;}

.yxMenu { background-color:#fff; line-height:42px;background-color:#e6e6e6;}
.yxMenu ul li{ float:left; padding:0 22px; font-size:17px;}
.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;}
.yxCont{ background-color:#fff; padding:20px; margin-bottom:10px;}
.yxCont p{ line-height:28px; margin-bottom:15px; text-indent:2em;}
.nrTit{display: flex;align-items: center; margin-bottom:15px; margin-top:10px;}
.nrTit b{    display: inline-block;width: 6px;height: 24px;background: #3ba1e8;margin-left: 10px;border-radius: 15px;}
.nrTit span{    color: #333;font-size: 22px;display: inline-block;margin-left: 10px;}


ul.tjSeaInput{ width:1085px; float:right;}
ul.tjSeaInput .yxInp{ border:1px solid #E6E6E6; width:880px; height:34px; font-size:14px; border-radius:3px 0 0 3px; padding-left:12px;}
ul.tjSeaInput .yxSearch{ padding:7px 18px; }
ul.tjSeaInput .yxSearch{ color:#fff; background-color:#3ba1e8; border-radius:0px 3px 3px 0px;  }
ul.tjSeaInput>li{ float:left; display:inline-block; }

.control{ position:relative;}
.control .collegeList{ margin-left: 0; position:absolute; left:0; top:40px; z-index:9999; background-color:#fff; width:450px; padding-left:0.2rem; border:1px solid #dcdbdb; display:none;}
.control .professionalList{ margin-left: 0; position:absolute; left:0; top:40px; z-index:9999; background-color:#fff; width:450px; padding-left:0.2rem; border:1px solid #dcdbdb; display:none;}
.nameInp{ width:506px; line-height:30px;height:30px; border:1px solid #e5e5e5; border-radius:5px; padding-left:5px;}
.control ul li{ cursor:pointer; padding-left:12px}

.yx2List{ margin:10px 0;  background-color:#fff; height:auto; padding:22px 0;}
.yx2List .dxLogo{ width:120px; padding-left:15px; float:left; text-align:center;}
.yx2List .dxLogo img{ width:70px;}
.yx2List .dxCont{ width:480px; float:left; 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{ width:550px; float:right;margin-top: 28px;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{ width:90px;}
.yx2List .dxLink span.sp2{width:200px;}
.yx2List .dxLink span.sp3{width:83px;}
.yx2List .dxLink a:hover{ color:#fff;background-color:#3ba1e8}

.yx2List .dxLink span.sp4{width:300px; margin-left:30px; font-weight:600;}
.yx2List .dxLink span.sp5{width:100px; cursor:auto;}

.yx2Title{margin:10px 0;  background-color:#e3e3e3; height:auto; padding:12px 0;  }
.dx-info{width:668px; display:inline-block; padding-left:33px; font-size:18px; font-weight:600;}
.zy-name{width:303px; display:inline-block;font-size:18px; font-weight:600;}
.sppc{width:100px; display:inline-block;font-size:18px; font-weight:600;}


.syl-yxInfo{width:668px; display:inline-block; padding-left:33px; font-size:18px; font-weight:600;}
.syl-xkName{width:303px; display:inline-block;font-size:18px; font-weight:600;}
.jbw{width:100px; display:inline-block;font-size:18px; font-weight:600;}
.eyy{width:100px; display:inline-block;font-size:18px; font-weight:600;}

.yx2List .dxLink span.syl-sp1{width:300px; margin-left:30px; font-weight:600;}
.yx2List .dxLink span.syl-sp2{width:100px;}
.yx2List .dxLink span.syl-sp3{width:100px;}

.dxOther{ width:210px; float:left;color:#333;}
.dxOther2{ width:365px; float:right;margin-top: 12px;color:#a5a5a5;}
.dxOther2 p{ color:#000; text-align:center;}
.dxOther div p { line-height:25px;}
.dxOther div p span{color: #0096ff;}

.yxTitle{display:flex-wrap;display: -webkit-flex;margin:10px 0; align-items:center; background-color:#d8d8d8; height:auto; padding:12px ; font-size:17px; font-weight:600; padding-left:15px; }
.yxItem{ display:flex-wrap;display: -webkit-flex; background-color:#fff; margin-bottom:8px;justify-content:flex-start;align-items: center; padding:8px 0;}
.yxItem-logo{ padding:0px 12px;}
.yxItem-logo img{ width:75px;}
.yxItem-info-name{ font-weight:600; font-size:15px; padding-bottom:7px;}
.yxItem-info-attr span{ margin-right:12px; padding:0px 9px; border-radius:3px; color:#888888; font-size:13px; border: 1px solid #dfdede;display: block;
    float: left;
    margin-bottom: 5px;}
.yxItem-cell-b{ font-weight:bold;}
.yxItem-cell-b span{ font-weight:normal;}
.mgr10 span{ margin-right:10px;}
.yxItem-cell-2{ width:150px;}
.yxItem-zyName{ font-weight:600;}
.yxItem-cell-1 p{ font-size:12px;}
.yxItem-cell-2 p span{ color:#0096ff;}
.yxItem-cell-2 .yxItem-cell-pm{ color:#888888; font-size:13px;}
.yxItem:hover{background-color:#e7e7e7;}
.yxItem-cell-3{ width:100px; text-align:center}

.list-item .item-box input{ width:16px; height:16px; margin-right:3px;}

.input-number{
	width: 95px;
	height: 38px;
	border: #d9d9d9 1px solid;
    overflow:hidden;
}
.input-number input[type='text']{
	float: left;
	padding: 10px 0 10px 10px;
	padding-left: 10px;
	width: 60px;
	font-size: 14px;
}
.input-number .number-handler-wrap{
	margin-left: 60px;
	border-left: #d9d9d9 1px solid;
}
.input-number .number-handler-wrap span{
	display: block;
	width: 100%;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}
.input-number .number-handler-wrap span.flase{
	color: #999;
	background: #f8f8f8;
}
.input-number .number-handler-wrap span:last-child{
	border-top: #d9d9d9 1px solid;
}

.zTitle{text-align:center;align-items: center; font-size:13px;}
.zitem { text-align:center; font-size:14px; display:flex;}
.yxSel a.showBtn{background-color:#188eee;}
.yxSel a:hover{color:#fff;}
.accInfo {margin-bottom:10px;line-height: 55px;height: 60px;display: flex;align-items: center;}
.accInfo .line b {display: inline-block;width: 6px;height: 24px;background: #188eee;border-radius: 25px;position: relative;top: 6px; margin-right:6px;}
.accInfo div.line{ font-size:16px; margin-left:15px;font-weight:600;}
.accInfo div.field{  margin-left:50px; margin-right:15px; font-size:16px;}
.accInfo div.field span{ font-weight:600;}
.accInfo b{ display:inline-block;}
.detTop{ display:flex; justify-content:space-between; width:100%;border-radius:3px;border-bottom: 1px solid #188eee;background: #fff;box-shadow: 0 3px 3px 3px rgba(0,0,0,0.05); }
.excelBtn a{background-color:red; color:#fff; display:block; width:160px; height:32px; border-radius:3px; margin-right:15px; line-height:32px; }
.excelBtn{display:flex;  align-items:center;flex-wrap: wrap; text-align:center;justify-content:center;}


.selList{ display:none;}
.selList ul li{ display:flex; flex-wrap:nowrap;  width:100%;line-height:34px;justify-content: space-between;}
.selList ul li div{ text-align:center;width:140px;}
.selList ul li div:first-child{ width:177px;}
.selList ul li div:last-child{ width:82px;}
.selList ul li.selTitle{background-color: #188eee; color:#fff; line-height:30px;}
.yxItem input[type='checkbox'],.yxTitle input[type='checkbox']{width:22px; height:22px;}
.selList ul li div:last-child span{ border:1px solid #188eee; font-size:12px; border-radius:3px; padding:3px 5px; cursor:pointer; }
.selList ul li:hover{ background-color:#8ff5ff;}

.groupItem{ display:flex-wrap;display: -webkit-flex; margin-bottom:4px;margin-top:4px; justify-content:flex-start;align-items: center; border-bottom:1px solid #dddddd; padding-bottom:6px;}
.yxItem div .groupItem:last-child{ border-bottom:none; padding-bottom:0; }
.groupItem:hover{ }
.nobg .yxItem:hover {
    background-color: #fff;
}
ul.tjItem{ width:1085px; float:right;}
ul.tjItem li{ float:left; display:inline-block; border:1px solid #dcdbdb; margin-right:15px; line-height:28px; padding:0px 10px; font-size:15px; cursor:pointer;  margin:5px; border-radius:3px;}
ul.tjItem li.on{ border:1px solid #3ba1e8; color: #fff; background-color:#3ba1e8;}
.grey{ color:#a1a1a1;}
.sbox #zhItem{float:left;}
.sbox ul.tjItem{ width:717px; float:left;}
.sbox ul.tjItem li{line-height: 24px;    padding: 0px 8px;font-size: 14px;}
.sbox .tjTit { margin:2px;}

.updown{ margin-left:auto; margin-right:15px; color:red; cursor:pointer;}

.history{ position:relative; background:#eeeeee}
.history ul li{ display:flex; flex-wrap:nowrap;  width:100%; padding:7px 0; justify-content: space-between;align-items: center; background:#FFF; margin-top:1px;}
.history ul li div{ text-align:center;width:170px;}
.history ul li.selTitle{background-color: #188eee; color:#fff; line-height:30px;}
.history ul li.selTitle:hover{ background-color:#188eee;}
.history ul li:hover{ background-color:#8ff5ff;}

.tjItem p .sex_m{  margin-top:5px; margin-right:5px}
.tjItem p label{ margin-right:18px;}

.gktit{ width:1200px; margin:0 auto;}
.gkmenu li{ display:inline-block; width:140px; text-align:center; line-height:28px;height: 28px;background: #eee; margin:1px 1px 0 0;border-radius: 3px;}
.gkmenu li a{color: #333; display:block; width:100%;height:100%;}
.gkmenu li:hover,.gkmenu li:hover a{ color:#fff; background:#F4CA20;}
.analysis{
    width: 925px;
    padding:0 20px;
    height: 130px;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 2px solid #c6c6c6;
    border-radius: 3px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin-top: 13px;
}
.box-left {
    flex: 9;
}
.box-left p{font-size: 22px;color: #333; line-height:36px;}
.box-right b{ width:36px;height:36px; background-image:url(../images/sc.png);background-repeat: no-repeat; background-size:100%; }
.box-right b.ac{ background-image:url(../images/sc2.png);}
.zyjxtit{ border-bottom:1px solid #dfdede;}
.zyjxtit ul li{ display:inline-block; padding:0 10px; line-height:42px; font-size:15px;  text-align:center; margin-right:10px; }
.zyjxtit ul li a{  display:block; width:100%; height:100%;}
.zyjxtit ul li:hover,.zyjxtit ul li.on{ background-color:#1296db;color:#fff; border-radius:3px 3px 0 0;}
.zyjxtit ul li:hover a{color:#fff;}
.subtit{ font-weight:600; line-height:42px;display: flex;align-items: center; font-size:17px; margin-top:10px;}
.zyjxcont b.b-d{    width: 4px;
    height: 4px;
    background: #333333;
    border-radius: 50%;
    margin-right:10px;
}
.subnr{ line-height:28px; text-indent:2em;}
.zyjxcont .yxList{ border-bottom:1px solid #dfdede;}
.zyjxcont .yxList .dxCont{ width:630px; float:left; margin-left: 14px;}

.occupation{ text-indent:0;}
.occupation a{ display:inline-block; padding:2px 12px; border-radius:3px; margin:5px; background-color:#f1f1f1; }
.occupation a:hover{background-color:#1296db; color:#fff;}

.nrSubTie{ font-weight:600;  line-height:35px;}
.yxTsbox p{ display:inline-block; padding: 3px 10px; margin:4px; border:1px solid #e6e6e6; border-radius:3px; text-indent:0;}

.left-det .benke-list{ position:absolute; left:230px;top:0px; background-color:#fff; min-height:600px; display:none; border:1px solid #3ba1e8; border-left:none;}
.left-det ul li{ position:relative;}
.left-det  .list-item{ padding-left:20px;}
.titbox{ display:flex; background-color:#fff; padding:0 5px; border-radius:3px;align-items: center;}
.selectBox{ position:absolute; top:31px; width:185px; left:-86px; height:330px; z-index:9; background-color:#fff; border:1px solid #d8d8d8;display:none; }
.eleitem{ height:275px; overflow-y:auto; }
.imgbox{width:20px; height:20px; margin-left:12px; display:flex;}
.imgbox img{width:100%; height:100%;}
.selectBox ul li{ font-weight:normal; font-size:14px; padding-left:38px; border-bottom:1px solid #d8d8d8; background-image:url(../images/sel.png); background-repeat:no-repeat; background-position:10px center; cursor:pointer; }
.selectBox ul li.on{ background-image:url(../images/seled.png); color:#188eee }

.selectBtn{ margin:10px auto 4px; background-color:#188eee; width:120px;  text-align:center; line-height:32px; color:#fff; border-radius:5px; cursor:pointer;}

.tdAttr span {
    margin-right: 4px;
    padding: 0px 4px;
    border-radius: 3px;
    color: #888888;
    font-size: 13px;
    border: 1px solid #dfdede;
}

.sylbox{ display:flex;}
.yx3List{ margin:10px 0; width:592px;  background-color:#fff; height:auto; padding:22px 0;}
.yx3List .dxLogo{ width:90px;float:left; text-align:center;}
.yx3List .dxLogo img{ width:70px;}
.yx3List .dxCont{ width:285px; float:left; padding-left:5px;}
.yx3List .dxName{ font-size:15px; margin-bottom:3px; font-weight:bold;line-height:34px;}
.yx3List .dxCont .dxAttr{ margin-top:5px;}
.yx3List .dxCont .dxAttr span{ margin-right:12px; padding:0px 9px; border-radius:3px; color:#888888; font-size:13px; border: 1px solid #dfdede;}

.yx3List .dxLink{ width:307px; float:right;margin-top: 28px;color:#333;}
.yx3List .dxLink span{color: #0096ff;font-size: 14px;line-height: 35px;cursor: auto; display:inline-block;font-weight: 600;}
.yx3List .dxLink span.sp1{ width:90px;}
.yx3List .dxLink span.sp2{width:200px;}
.yx3List .dxLink span.sp3{width:83px;}
.yx3List .dxLink a:hover{ color:#fff;background-color:#3ba1e8}

.yx3List .dxLink span.sp4{width:300px; margin-left:30px; font-weight:600;}
.yx3List .dxLink span.sp5{width:100px; cursor:auto;}
.yx3Title{margin:10px 0; width:592px;  background-color:#e3e3e3; height:auto; padding:5px 0;  }
.dx-info{ display:inline-block; padding-left:33px; font-size:18px; font-weight:600;}
.zy-name{width:303px; display:inline-block;font-size:18px; font-weight:600;}
.sppc{width:100px; display:inline-block;font-size:18px; font-weight:600;}


.yx3Title .syl-yxInfo{width:280px; display:inline-block; padding-left:5px; font-size:16px; font-weight:600;}
.yx3Title .syl-xkName{width:190px; display:inline-block;font-size:15px; font-weight:600;}
.yx3Title .jbw{width:50px; display:inline-block;font-size:15px; font-weight:600;}
.yx3Title .eyy{width:50px; display:inline-block;font-size:15px; font-weight:600;}

.yx3List .dxLink span.syl-sp1{width:190px; font-weight:600;}
.yx3List .dxLink span.syl-sp2{width:50px;}
.yx3List .dxLink span.syl-sp3{width:50px;}

.zycar {
position: fixed;
right: 0px;
width: 35px;
padding: 10px 5px;
top: 15%;
cursor:pointer;
background-color: #188eee;
color: #fff;
text-align:center;
}
.ed {
right: 240px;
}
.zylist {
position: fixed;
right: 0px;
width: 240px;
height: 75%;
padding: 10px 5px;
top: 15%;
border: 1px solid #188eee;
border-right: none;
z-index: 9990;
background-color: #fff;
display: none;
}
.zylist ul li {
font-size: 13px;
line-height: 25px;
padding-left: 8px;
display: flex;
align-items: center;
justify-content: space-between;
}
.carbtn{ position:absolute; bottom:10px; }
.carbtn button {
background-color: #188eee;
margin-left: 12px;
color: #fff;
height:30px;
width:85px;
line-height:30px;
border-radius:5px;
}
.pdx {
font-size:13px; font-weight:600;
}
.pzy{
padding-left:8px;
}
.carnr{ padding-bottom:40px; height:100%; overflow-y:auto;}
.carnr::-webkit-scrollbar {
width: 10px;
height: 1px;
}
.carnr::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
background-color: skyblue;
background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent );
}

.carnr::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #ededed;
border-radius: 10px;
}
.jt{ width:65%; }
.zyremove img{ margin-right:7px; width:18px; cursor:pointer }




    .zycar {
    position: fixed;
    right: 0px;
    width: 35px;
    padding: 10px 5px;
    top: 15%;
    cursor:pointer;
    background-color: #188eee;
    color: #fff;
    text-align:center;
}
.ed {
    right: 240px;
}
.zylist {
    position: fixed;
    right: 0px;
    width: 240px;
    height: 75%;
    padding: 10px 5px;
    top: 15%;
    border: 1px solid #188eee;
    border-right: none;
    z-index: 9990;
    background-color: #fff;
    display: none;
}
    .zylist ul li {
        font-size: 13px;
        line-height: 25px;
        padding-left: 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
.carbtn{ position:absolute; bottom:10px; }
    .carbtn button {
        background-color: #188eee;
        margin-left: 12px;
        color: #fff;
        height:30px;
        width:85px;
        line-height:30px;
        border-radius:5px;
    }
.pdx2 {
    font-size:13px; font-weight:600;
}
.pzy2{
    padding-left:8px; display:flex;align-items: center;
        justify-content: space-between;
}
.zykk2{ width:100%;}
.turemove img{ margin-right:7px; width:18px; cursor:pointer }
.carnr{ padding-bottom:40px; height:100%; overflow-y:auto;}
    .carnr::-webkit-scrollbar {
        width: 10px;
        height: 1px;
    }
    .carnr::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 10px;
        background-color: skyblue;
        background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent );
    }

    .carnr::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: #ededed;
        border-radius: 10px;
    }
.jt{ width:65%; }
.zyremove img{ margin-right:7px; width:18px; cursor:pointer }

.rankList { width:225px; float:right; background-color:#fff; margin-top:15px; padding:10px;}
.rankListTit{ border-bottom: 2px solid #3ba1e8; color: red; font-size: 18px; line-height: 40px; margin-bottom: 5px;}
.rankList ul li{ line-height:37px;}
.rankList ul li>span{ width:22px; height:22px; line-height:22px; margin:7px 8px 0 0; text-align:center; color:#fff; border-radius:3px; display:block; float:left; background:#d6d6d6;}
.rankList ul li a:hover{ text-decoration:underline;}
.rankList ul li span.top1{ background:#f78735;}
.rankList ul li span.top2{ background:#f4ca20;}
.rankList ul li span.top3{ background:#4b9eef;}