@charset "utf-8";
/* 拼接通用样式组合 */

/*transition*/
.CssAll{ transition:all ease 1s; -webkit-transition:all ease 1s; -o-transition:all ease 1s; -moz-webkit-transition:all ease 1s; -ms-transition:all ease 1s;}
.CssAll-ffast{ transition:all cubic-bezier(0.45,1,0.45,1) 0.5s; -o-transition:all cubic-bezier(0.45,1,0.45,1) 0.5s; -webkit-transition:all cubic-bezier(0.45,1,0.45,1) 0.5s; -ms-transition:all cubic-bezier(0.45,1,0.45,1) 0.5s;}

/*anminate*/
.animate-fillboth{animation-fill-mode:both; -webkit-animation-fill-mode:both;}

/*浮动*/
.floatL{ float:left;}
.floatR{ float:right;}
.floatLwidth{ float:left; width:100%;}

/*宽度(px)*/
.wid-20{ width:20px;}
.wid-25{ width:25px;}
.wid-30{ width:30px;}
.wid-40{ width:40px;}
.wid-50{ width:50px;}
.wid-64{ width:64px;}
.wid-80{ width:80px;}
.wid-100{ width:100px;}
.wid-292{width:292px;}

/*宽度(%)*/
.width-15{ width:15%;}
.width-20{ width:20%;}
.width-25{ width:25%;}
.width-40{ width:40%;}
.width-50{ width:50%;}
.width-94{ width:94%;}
.width-100{ width:100%;}

/*高度*/
.hei-26{ height:26px;}
.hei-30{ height:30px;}
.hei-32{ height:32px;}
.hei-36{ height:36px;}
.hei-292{ height:292px;}

/*高度(%)*/
.height-100{ height:100%;}

/*宽度和高度*/
.widh-5{ width:5px; height:5px;}
.widh-20{ width:20px; height:20px;}
.widh-32{ width:32px; height:32px;}

/*垂直居中*/
.line-18{ line-height:18px;}
.line-20{ line-height:20px;}
.line-24{ line-height:24px;}
.line-28{ line-height:28px;}
.line-30{ line-height:30px;}
.line-32{ line-height:32px;}
.line-36{ line-height:36px;}
.line-44{ line-height:44px;}

/*定位*/
.posAbs{position:absolute;}
.relaTv{ position:relative;}
.posFix{ position:fixed;}

/*-上方(定位使用)-*/
.top-0{ top:0px;}
.top-5{ top:5px;}

/*-左边(定位使用)-*/

/*-右边(定位使用)-*/
.right-0{ right:0;}

.bottom-0{ bottom:0px;}

/*文本对齐*/
.text-L{ text-align:left;}
.text-R{ text-align:right;}
.text-C{ text-align:center;}

/*缩进*/

/*边框*/
.bor-0{ border:0;}
.bor-1{ border:1px solid #e4e4e4;}
.bor-top-e4{ border-top:1px solid #e4e4e4;}
.bor-bot-e4{ border-bottom:1px solid #e4e4e4;}
.bor-bot-Red{ border-bottom:1px dashed #FF3333;}

/*圆角*/
.radis-4{ border-radius:4px;}
.radis-6{ border-radius:6px;}
.radis-50{ border-radius:50px;}
.radis-o{ border-radius:50%; overflow:hidden;}

/*外边距*/
.mar-auto{ margin:0 auto;}
.mar12{ margin:12px;}

.marTB-5{ margin-top:5px; margin-bottom:5px;}
.marTB-10{ margin-top:10px; margin-bottom:10px;}
.marTB-12{ margin-top:12px; margin-bottom:12px;}
.marTB-14{ margin-top:14px; margin-bottom:14px;}
.marTB-50{ margin-top:50px; margin-bottom:50px;}
.marLR-3{ margin-left:3px; margin-right:3px;}
.marLR-7{ margin-left:7px; margin-right:7px;}
.marLR-14{ margin-left:14px; margin-right:14px;}

.marT-1{ margin-top:1px;}
.marT-2{ margin-top:2px;}
.marT-3{ margin-top:3px;}
.marT-4{ margin-top:4px;}
.marT-5{ margin-top:5px;}
.marT-6{ margin-top:6px;}
.marT-7{ margin-top:7px;}
.marT-8{ margin-top:8px;}
.marT-10{ margin-top:10px;}
.marT-12{ margin-top:12px;}
.marT-13{ margin-top:13px;}
.marT-14{ margin-top:14px;}
.marT-16{ margin-top:16px;}
.marT-18{ margin-top:18px;}
.marT-20{ margin-top:20px;}
.marT-22{ margin-top:22px;}
.marT-28{ margin-top:28px;}
.marT-32{ margin-top:32px;}
.marT-33{ margin-top:33px;}
.marT-44{ margin-top:44px;}
.marT-45{ margin-top:45px;}
.marT-50{ margin-top:50px;}
.marT-64{ margin-top:64px;}
.marT-95{ margin-top:95px;}

.marB-1{ margin-bottom:1px;}
.marB-4{ margin-bottom:4px;}
.marB-6{ margin-bottom:6px;}
.marB-7{ margin-bottom:7px;}
.marB-8{ margin-bottom:8px;}
.marB-12{ margin-bottom:12px;}
.marB-20{ margin-bottom:20px;}

.marL-5{ margin-left:5px;}
.marL-7{ margin-left:7px;}
.marL-12{ margin-left:12px;}
.marL-13{ margin-left:13px;}
.marL-14{ margin-left:14px;}
.marL-18{ margin-left:18px;}
.marL-19{ margin-left:19px;}
.marL-22{ margin-left:22px;}
.marL-27{ margin-left:27px;}
.marL-30{ margin-left:30px;}
.marL-32{ margin-left:32px;}
.marL-58{ margin-left:58px;}
.marR-7{ margin-right:7px;}
.marR-14{ margin-right:14px;}
.marR-25{ margin-right:25px;}

/*内边距*/
.pad-5{ padding:5px;}
.pad-7{ padding:7px;}
.pad-10{ padding:10px;}

.padTB-5{ padding-top:5px; padding-bottom:5px;}
.padTB-10{ padding-top:10px; padding-bottom:10px;}
.padTB-12{ padding-top:12px; padding-bottom:12px;}
.padTB-20{ padding-top:20px; padding-bottom:20px;}
.padTB-50{ padding-top:50px; padding-bottom:50px;}

.padLR-5{ padding-left:5px; padding-right:5px;}
.padLR-8{ padding-left:8px; padding-right:8px;}
.padLR-10{ padding-left:10px; padding-right:10px;}
.padLR-14{ padding-left:14px; padding-right:14px;}

.padT-10{ padding-top:10px;}

.padB-7{ padding-bottom:7px;}
.padB-6{ padding-bottom:6px;}
.padB-12{ padding-bottom:12px;}

.padL-7{ padding-left:7px;}
.padL-12{ padding-left:12px;}
.padL-14{ padding-left:14px;}
.padL-20{ padding-left:20px;}
.padL-25{ padding-left:25px;}

.padR-7{ padding-right:7px;}
.padR-14{ padding-right:14px;}

/*--背景--*/
.bg-0{ background:none;}
.bg-vert-cl{ background-position:left center;}
.bg-vert-cc{ background-position:center center;}
.bg-rNo{ background-repeat:no-repeat;}
.bg-rCenter{ background-repeat:no-repeat; background-position:center;}
.bg-size22{background-size:22px;}
.bg-size18{background-size:18px;}

.bg-Black{ background:#000e1f;}
.bg-Black-03{ background-color:rgba(0,0,0,0.30);}
.bg-White{background-color:#fff;}
.bg-White-03{background-color:rgba(255,255,255,0.20);}
.bg-Green{ background-color:#00BBEA;}
.bg-lightGreen{ background-color:#F3F7FA;}
.bg-gray{ background-color:#D3D3D3;}
.bg-darkgray{ background-color:#999999;}
.bg-blue{ background-color:#03A9F4;}
.bg-lightBlue{background-color:#315CA1}
.bg-drBlue{background-color:#173A72}
.bg-Red{background-color:#FF3333;}
.bg-e4e4{ background:#e4e4e4;}
.bg-lightGray{background-color: #f2f2f2;}
.bg-circle{ background:url(../images/general/u77.png);}
.bg-group{ background-color:#FAFAFA;}
.bg-303A37{ background-color:#303A37;}
.bg-fcdfa7{ background-color:#fcdfa7;}
.bg-7bd9ef-02{ background-color:rgba(125,185,239,0.20)}
.bg-White-05{ background-color:rgba(255,255,255,0.50)}
.bg-C7AB84{ background-color:#C7AB84;}
.bg-817866{ background-color:#817866;}

/*字体颜色*/
.clor-White{ color:#fff;}
.clor-Green{ color:#4AB04A;}
.clor-Red{ color:#E84C3D;}
.clor-Grey{ color:#999999;}
.clor-gray{ color:#999999;}
.clor-Blue{ color:#2571d1;}
.clor-Ligblue{ color:#6a92c3;}
.clor-Orange{color:#ff9f1d;}
.clor-wait{color:#F29726}
.clor-success{color:#4AB04A}
.clor-Withdraw{color:#00BBEA}
.clor-e33539{ color:#e33539;}
.clor-F2C32A{ color:#F2C32A;}
.clor-FF4B00{ color:#FF4B00;}
.clor-858585{ color:#858585;}
.clor-dddddd{ color:#dddddd;}
.clor-606060{ color:#606060;}
.clor-ef1616{ color:#ef1616;}
.clor-000000{ color:#000000;}
.clor-White-02{ color:rgba(255,255,255,0.20);}

/*字体*/
.font-ari{ font-family:Arial, Helvetica, sans-serif;}
.font-yahei{font-family:"微软雅黑";}
.font-w-b{font-weight:bold;}
.font-w-n{font-weight:normal;}

.font-12{ font-size:12px;}
.font-13{ font-size:13px;}
.font-15{ font-size:15px;}
.font-14{ font-size:14px;}
.font-16{ font-size:16px;}
.font-18{ font-size:18px;}
.font-20{ font-size:20px;}
.font-24{ font-size:24px;}

.font-c-13{ color:#999; font-size:13px;}
.font-c-15{ color:#999; font-size:15px;}
.font-c-16{ color:#999; font-size:16px;}

.fontb-c-13{ color:#333; font-size:13px;}
.fontb-c-15{ color:#333; font-size:15px;}
.fontb-c-16{ color:#333; font-size:16px;}

/*-旋转-*/
.tra-rot-270{transform:rotate(270deg)}
.tra-rot-180{transform:rotate(180deg)}
.tra-rot-90{transform:rotate(90deg)}

/*展示*/
.dis-none{ display:none;}
.dis-block{ display:block;}
.dis-lineBlk{ display:inline-block;}
.dis-inht{display:inherit;}
/*可见度*/
.visibil-hid{ visibility:hidden;}
.visibil-bili{ visibility:visible;}

/*层*/
.z-10{ z-index:10;}
.z-11{ z-index:11;}
.z-12{ z-index:12;}
.z-13{ z-index:13;}

/*特殊*/
.Boxsize{ box-sizing:border-box;}
.oveFlow{ overflow:hidden;}
.overYau{ overflow-y:auto;}
.gutter-h1{ height:1px; background:#f2f2f2;}
.gutter-h8{ height:8px; background:#f2f2f2;}

/*文字超出后显示省略号*/
.size-omit{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*英文换行*/
.En-line{word-wrap:break-word;}


/*-------------------12.21(King)---------------------*/
.padTB-6{ padding-top:6px; padding-bottom:6px;}
.padTB-8{ padding-top:8px; padding-bottom:8px;}

.marT-17{ margin-top:17px;}
.marT-37{ margin-top:37px;}
.marT-40{ margin-top:40px;}
.marT-60{ margin-top:60px;}
.marT-184{ margin-top:184px;}

.marL-9{ margin-left:9px;}
.marL-21{ margin-left:21px;}


.marR-20{ margin-right:20px;}

.top-12{ top:12px;}
.top-120{ top:120px;}
.top-255{ top:255px;}

.left-50{ left:50px;}
.left-65{ left:65px;}

.line-22{ line-height:22px;}
.line-108{ line-height:108px;}

.bg-58D68D{ background-color:#58D68D;}
.bg-38373C{ background-color:#38373C;}
.bg-E84C3D{ background-color:#E84C3D;}
.bg-erwm{ background:url(../images/general/qrcodeBg.png) no-repeat center center; background-size:125px 285px;}
.bg-00cc01{ background:#00cc01;}
.bg-F44336{ background:#F44336;}
.bg-FC5F29{background-color:#FC5F29;}
.bg-3E93F9{background-color:#3E93F9}
.bg-7DD134{background-color:#7DD134}
.bg-F2C32A{background-color:#F2C32A}
.bg-858585{background-color:#858585;}
.bg-C2C2C2{ background-color:#C2C2C2;}
.bg-E5E4E4{ background-color:#E5E4E4;}




.outl-none{ outline:none;}

.wid-14{ width:14px;}
.wid-35{ width:35px;}
.wid-61{ width:61px;}
.wid-65{ width:65px;}
.wid-71{ width:71px;}
.wid-82{ width:82px;}
.wid-84{ width:84px;}
.wid-87{ width:87px;}

.hei-1{ height:1px;}
.hei-2{ height:2px;}
.hei-8{ height:8px;}
.hei-10{ height:10px;}
.hei-86{ height:86px;}
.hei-80{ height:80px;}
.hei-108{ height:108px;}
.hei-182{ height:182px;}
.hei-196{ height:196px;}
.hei-285{ height:285px;}

.widh-64{ width:64px; height:64px;}
.widh-70{ width:70px; height:70px;}
.widh-80{ width:80px; height:80px;}
.widh-86{ width:86px; height:86px;}

.width-34{ width:34%;}

.bor-1-W{ border:1px solid rgba(255,255,255,0.20);}
.bor-1-W-04{ border:1px solid rgba(255,255,255,0.40);}
.bor-2-W{ border:2px solid #FFFFFF;}
.bor-1-E84C3D{ border:1px solid #E84C3D;}
.bor-1-72AB25{ border:1px solid #72AB25;}
.bor-1-999999{ border:1px solid #999999;}
.bor-left-1-FFF{ border-left:1px solid rgba(255,255,255,0.1);}
.bor-bot-1-FFF{ border-bottom:1px solid rgba(255,255,255,0.1);}
.bor-bot-1-FFF-04{ border-bottom:1px solid rgba(255,255,255,0.4);}
.bor-right-1-FFF-04{ border-right:1px solid rgba(255,255,255,0.4);}
.bor-TB-1-39a037{ border-top:1px solid #39a037; border-bottom:1px solid #39a037;}

.opty-3{ opacity:0.3;}
.trfor230{ transform:rotate(230deg);}
.trfor135{ transform:rotate(135deg);}

.marR-21{ margin-right:21px;}

.marT-24{ margin-top:24px;}
.marT-128{ margin-top:128px;}

.marL-1{ margin-left:1px;}

.wid-70{ width:70px;}
.wid-130{ width:130px;}
.wid-140{ width:140px;}
.top-245{ top:245px;}
.top-295{ top:295px;}
.top-301{ top:301px;}
.left-70{ left:70px;}
.right-70{ right:70px;}
.trfor225{ transform:rotate(225deg);}
.trfor105{ transform:rotate(105deg);}
.trfor70{ transform:rotate(70deg);}

.line-15{ line-height:15px;}
.marR-3{ margin-right:3px;}

.bg-Subtract{ background:url(../images/component/increaseMinusTool_minus.png) no-repeat center center;}
.bg-Add{ background:url(../images/component/increaseMinusTool_add.png) no-repeat center center;}
.bg-selectOK{ background-image:url(../images/general/icon-two-1.png); background-repeat:no-repeat; background-position:center; background-size:10px;}
.bg-selectOK1{background-color:#FF3333; background-image:url(../images/general/icon-two-3.png); background-repeat:no-repeat; background-position:center; background-size:16px;}
.bg-selectdown{background-image:url(../images/general/icon-two-4.png); background-repeat:no-repeat; background-position:center; background-size:16px;}
.bg-selectdown1{background-image:url(../images/general/icon-two-5.png); background-repeat:no-repeat; background-position:right; background-size:16px;}