.public-top-layout {

    width: 100% !important;

}

a{text-decoration: none !important;}

.category {

    display: block !important;

}



.banner_tit .hob{background:url(/data/upload/shop/editor/12302_07.png) no-repeat center;padding:20px;}

.fi_1t{background: url(/data/upload/shop/editor/12303_03.png) no-repeat center;padding: 20px;}

.mean_top{height: 267px;width: 1200px;border: 1px solid #dddddd;}

.left_mean{width: 210px;height: 266px;background:#fff6f6;float: left;}

.rigin_mean{float: right;margin-right:0px;}

.mean_top .left_mean ul li{list-style: none;float: left;margin-top: 18px;margin-left: 2px;}

.mean_top .left_mean ul li a{width: 100px;height: 34px;border: 1px solid #ece0df;display: inline-block;text-align: center;line-height: 34px;text-decoration: none;color: #838282;}



.mean_top .left_mean ul li a:hover{border: 1px solid #ff2832;background: #fff;color:#ff2832}

.mean_top .rigin_mean ul li{list-style: none;float: left;margin-top: 4px;width:184px;height:258px;margin-left: 10px !important;border:1px solid #ddd}

.mean_top .rigin_mean ul li p{

    text-align: center;

    width: 176px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.mean_top .rigin_mean ul li img{

    width:100%;

    height:180px;

}

.n-add-adlist{width:1202px !important;}



.h_3m{background: url(/data/upload/shop/editor/1221_03.png) no-repeat center;padding: 20px;}

.h_2m{background: url(/data/upload/shop/editor/1221_05.png) no-repeat center;padding: 20px;}

.rigin_mean ul li div{font-size: 16px;text-align: center;}

.rigin_mean ul li div p{color: #666666;font-size:14px;line-height:50px;}

.rigin_mean ul li div span{color:#c81623}

.middle-goods-list ul li {

    width: 315px !important;

    height: 235px !important;

    margin-left: 13px;

    margin-top: 8px;

}

.rigin_mean ul{margin-right:-1px !important;}

.rigin_mean ul li:hover{border:1px solid red}



.home-focus-layout{

    height: 400px!important;
    overflow: visible!important;

}



#top_search_form .search_color{



    width:616px;

}



/* Minification failed. Returning unminified contents.

(1311,86): run-time error CSS1019: Unexpected token, found ':'

(1311,86): run-time error CSS1042: Expected function, found ':'

(1311,86): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'

(4190,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'

 */

/*临时样式表，存放移植过来的各种组件的样式，发布前合并到style.css*/

/*侧滑页*/

#pageslide {

    position: fixed;

    top: 0;

    bottom: 0;

    z-index: 15;

    background-color: #fff;

}



.pageslide-container {

    right: 0;

    left: 0;

    background-color: #fff;

    box-shadow: -6px 0 9px rgba(0,0,0,.1);

    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=-45, Color='#d3d3d3')";

    position: absolute;

    top: 0px;

    height: 100%;

    overflow: auto;

    overflow-x: hidden;

    border-left: 1px solid #ddd;

}



.pageslide-container > div:first-child {

    top: 0px;

}



/*评论*/

.comment-body .media-body { width:100%}

.comment-body .media-body .comment-action { visibility: hidden; }

.comment-body .media-body:hover .comment-action { visibility: visible; }

.comment-body .comment-form { margin-top: 10px; }



/*表情*/

.face-box {}

.face-box span { float: left; height: 26px; margin: 0 -1px -1px 0; padding: 0 3px; cursor: pointer; text-align: center; }

.face-box span:hover { position: relative; z-index: 1; border: 1px solid #0088CC; }

.face-box span .bott-ddd { border: 1px solid #ddd; }

.face-box span img {

    width: 20px;

    height: 20px;

    vertical-align: middle;

    border: 0;

}



.bubble-body .bubble-arrow,

.bubble-body .bubble-arrow i { position: absolute; display: block; height: 0; width: 0; font-size: 0; line-height: 0; border-width: 10px 8px; }

.bubble-top-left .bubble-arrow { top: -19px; left: 15px; border-color: transparent transparent #ddd transparent; border-style: dashed dashed solid dashed; }

.bubble-top-left .bubble-arrow i { top: -9px; left: -8px; border-color: transparent transparent #fafafa transparent; border-style: dashed dashed solid dashed; }

.bubble-top-right .bubble-arrow { top: -21px; right: 5px; border-color: transparent transparent rgba(0, 0, 0, 0.2) transparent; border-style: dashed dashed solid dashed; left: auto; }

.bubble-top-right .bubble-arrow i { top: -8px; right: -8px; border-color: transparent transparent #f7f7f7 transparent; border-style: dashed dashed solid dashed; left: auto; }



.bubble-bom-left .bubble-arrow { bottom: -19px; left: 15px; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent; border-style: solid dashed dashed dashed; }

.bubble-bom-left .bubble-arrow i { top: -11px; left: -8px; border-color: #fff transparent transparent transparent; border-style: solid dashed dashed dashed; }

.bubble-bom-right .bubble-arrow { bottom: -19px; right: 5px; border-color: rgba(0,0,0,0.2) transparent transparent transparent; border-style: solid dashed dashed dashed; }

.bubble-bom-right .bubble-arrow i { top: -11px; left: -8px; border-color: #fff transparent transparent transparent; border-style: solid dashed dashed dashed; }



.bubble-left-top .bubble-arrow { top: 10px; left: -13px; border-color: transparent #ddd transparent transparent; border-style: dashed solid dashed dashed; }

.bubble-left-top .bubble-arrow i { top: -7px; left: -6px; border-color: transparent #fff transparent transparent; border-style: dashed solid dashed dashed; }

.bubble-left-bottom .bubble-arrow { bottom: 10px; left: -13px; border-color: transparent #ddd transparent transparent; border-style: dashed solid dashed dashed; }

.bubble-left-bottom .bubble-arrow i { top: -7px; left: -6px; border-color: transparent #fff transparent transparent; border-style: dashed solid dashed dashed; }



.bubble-right-top .bubble-arrow { top: 10px; right: -13px; border-color: transparent transparent transparent #ddd; border-style: dashed dashed dashed solid; }

.bubble-right-top .bubble-arrow i { top: -7px; left: -8px; border-color: transparent transparent transparent #fff; border-style: dashed dashed dashed solid; }

.bubble-right-bottom .bubble-arrow { bottom: 10px; right: -13px; border-color: transparent transparent transparent #ddd; border-style: dashed dashed dashed solid; }

.bubble-right-bottom .bubble-arrow i { top: -7px; left: -8px; border-color: transparent transparent transparent #fff; border-style: dashed dashed dashed solid; }



/*全局样式*/

a:focus,.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{outline:0;}

body {font-family:"Microsoft YaHei","微软雅黑",Arial,"Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;word-wrap: break-word;word-break:break-all;}

ul,li,ol {list-style: none;padding: 0;}

textarea {resize:vertical;}

.indent {text-indent: 2em;}

a:hover, a:focus {color: #2AABE6;text-decoration: underline;}

a:focus{text-decoration: none;}

a:active, a:hover {outline: 0px none;}

a {/*color: #39f;*/ color:#188eee; text-decoration: none;}

.navbar-normal ~ .c_container {min-height:288px;}

.clear {clear:both;}

label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {

    cursor: pointer;

}

label.control-label {cursor:default;}

.score-star img{margin-right:-3px;}

.c_container1000{max-width:1000px; min-width:1000px; margin:0 auto;}

.c_container1200{ max-width:1200px; min-width:1200px; margin:0 auto;}

.btn-primary {background-color:#1caaea;border:0;}

.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {background-color:#149bd8;border:0;}

/*文字颜色*/

.text-highlight {color: #0A8CD2;}

.text-highlight1 {color: #2AABE6;}

.text-highlight2 {color: #39f;}

.text-highlight3 {color: #188eee;}

.text-highlight4 {color: #1a81d1;}

.text-color2EAFF9 {color: #2EAFF9;}

.text-white {color: #FFF;}

.text-black {color: #000;}

.text-normal {color: #333;}

.text-lightdark {color:#666;}

.text-lightgrey {color: #999;}

.text-lightgrey1 {color: #888;}

.text-lightgrey2 {color:#555;}

.text-lightgrey3 {color:#bcbcbc;}

.text-lightgrey4 {color:#6c7886;}

.text-lightgrey5{color:#6c6c6c;}

.text-lightccc{color:#ccc;}

.text-light {color: #AAA;}

.text-light1 {color: #d7d7d7;}

.text-orangeFF763A {color:#FF763A;}

.text-orange {color:#f60;}

.text-midorange{color:#f90;}

.text-lightorange {color:#FF9A19;}

.text-mligorange {color:#ff9932;}



.text-yellow{color:#ff0;}

.text-green {color: #41BC55;}

.text-grey {color: #808080;}

.text-reddark {color: #f30;}

.text-reddark1 {color: #f40;}

.text-midred,.text-orangef0{color:#f00;}

/*.text-midred2 {color: #ff3e2e;}*/

.text-red {color: #d40000;}

.text-lightred {color: #FF7070;}

.text-lightblue {color: #cee4f2;}

.text-midblue {color: #2cabe5;}

.text-lightgreen {color: #42a5ff;}

.text-cyan {color: #080;}

.text-008000{color: #008000;}

.text-brown{color:#976915}

.text-lightcyan {color: #506A3B;}

.text-lightgreycyan {color: #7A876F;}

.text-colorff5253{ color: #ff5253; }

/*背景颜色*/

.bg-grey {background-color:#f6f6f6;}

.bg-grey1 {background-color:#e6eaed;}

.bg-grey2 {background-color:#f5f5f5;}

.bg-grey3 {background-color:#f9f9f9;}

.bg-grey4 {background-color:#e4e4e4;}

.bg-grey5 {background-color:#e6e6e6;}

.bg-grey6{ background-color:#ebebeb;}

.bg-grey7{ background-color:#d4d4d4;}

.bg-grey8{ background-color:#eee;}

.bg-white {background-color:#fff;}

.bg-dark{ background-color:#000;}

.bg-dark35{ background-color:#353535;}

.bg-lightdark{ background-color:#333;}

.bg-greydark {background-color:#f4f4f4;}

.bg-greydark1 {background-color:#f2f2f2;}

.bg-greydark2{background-color:#f7f7f7;}

.bg-greydark3{background-color:#f5f5f5;}

.bg-greydark4{background-color:#f3f3f3;}

.bg-greydark5{background-color:#f0f0f0;}

.bg-greydark6{background-color:#f1f1f1;}

.bg-lightred{background-color:#fd3b3b;}

.bg-red {background-color:#f86b4f;}

.bg-org {background-color:#d66a48;}

.bg-lightorg {background-color:#f60;}

.bg-lightlessorg {background-color:#F17F21;}

.bg-lessorg {background-color:#FFF0E6;}



.bg-highlight {background-color: #1caaea;}

.bg-color1{background-color: #2aabe6;}

.bg-style1 {background:url(/Content/images/myhomepage/home-bg.jpg) center 0 no-repeat #f4f4f4;}

.bg-color2{background-color:#1b110c;}

.bg-blue{background-color:#188eee;}

.bg-lightblue{background-color:#3da0f1;}

.bg-lessblue{background-color:#E0F5FF;}

.bg-green{background-color: #393;}



.bg-dark-opacty6 {background: rgba(0,0,0,0.6)}

.layer-shade-all{position: fixed; top: 0; left: 0; right: 0; bottom: 0;  width: 100%; height: 100%;

    z-index: 98; background-color: rgba(0,0,0,.3);}

.layer-white-posb{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;  width: 100%; height: 100%;

    z-index: 98; background-color: rgba(255,255,255,.7); }

/*边框样式*/

.border-l0{border-left: 0px!important;}

.border-l1 {border-left:1px solid #ccc;}

.border-l2 {border:1px solid #e4e4e4;}

.border-l2t  {border-top:1px solid #e4e4e4;}

.border-l2r  {border-right:1px solid #e4e4e4;}

.border-l2l  {border-left:1px solid #e4e4e4;}

.border-l2b  {border-bottom:1px solid #e4e4e4;}

.border-b2 {border-bottom:1px solid #e4e4e4;}

.border-bot-b1{ border-bottom:1px dotted #e4e4e4;}

.border-bot-b2{ border-bottom:1px dashed #e4e4e4;}

.border-l3 {border:1px solid #d7d7d7;}

.border-b1 {border-bottom:1px solid #d7d7d7;}

.border-l4{border:1px solid #eee;}

.border-l4l{border-left:1px solid #eee;}

.border-b3 {border-bottom:1px solid #eee;}

.border-black-2 {border-bottom:2px solid #333;}

.border-t3 {border-top:1px solid #eee;}

.border-md-b3 {border-bottom:2px solid #eee;}

.border-b4 {border-bottom:1px solid #ddd;}

.border-success {border:1px solid #ccc;}

.border-lightgrey {border:1px solid #999;}

.border-brown{border:1px solid #F6EABA;}

.border-l5{border:1px solid #fff;}

.border-left-blue {border-left:4px solid #0a8cd2;min-height:18px;}

.border-lightred{border:1px solid #fe8989;}

.border-l6{border:1px solid #f2f2f2;}

.border-l6t{border-top:1px solid #f2f2f2;}

.border-colofe5b{border-bottom:1px solid #e5e5e5;}

.border-bottom-blue{border-bottom:2px solid #2aabe6;}

.border-blue39f{border:1px solid #39f;}



.border-lightorange{border:1px solid #ffb380;}

.border-hos{border:1px solid #ddd;border-top: 0;}

.border-color36-top{border-top:1px solid #363636;}



.border-bottomnone{border-bottom:0px!important;}

.border-topnone{border-top:0px!important;}

.border-none {border:none;}

.border-left-none{border-left:none;}

.border-top-none{border-top:none;}

.border-right-none{border-right:none;}

/*圆角*/



.b-radius2 {border-radius:2px;}

.b-radius3,.control-text,textarea {border-radius:3px;}

.b-radius4 {border-radius:4px;}

.b-radius6 {border-radius:6px;}

.border-radius8 {border-radius:8px;}

.border-radius50 {border-radius:50px;}

.b-radius {border-radius:20px;}

.b-radius-per50{border-radius:50%;}

.whitecircle,.greencircle{display:inline-block; width:28px; height:28px; text-align:center; line-height:28px; border-radius:50%; color:#027cff; border:1px solid #027cff; background-color:#fff;}

.greencircle{background-color:#027cff; color:#fff;}

/*字体大小*/

.font-size-12,.fontsize12 {font-size: 12px;}

.font-size-13 {font-size: 13px;}

.font-size-14 {font-size: 14px;}

.font-size-15 {font-size: 15px;}

.font-size-16 {font-size: 16px;}

.font-size-18 {font-size: 18px;}

.font-size-20 {font-size: 20px;}

.font-size-22{font-size: 22px;}

.font-size-24{font-size: 24px;}

.font-size-25{font-size: 25px;}

.font-size-26{font-size: 26px;}

.font-size-28{font-size: 28px;}

.font-size-30{font-size: 30px;}

.font-size-32{font-size: 32px;}

.font-size-34{font-size: 34px;}

.font-size-36{font-size: 36px;}

.font-size-40{font-size: 40px;}

.font-size-46{font-size: 46px;}

.font-size-48{font-size: 48px;}

.font-bold {font-weight: bold;}

.font-normal {font-weight:normal;}

/*复制样式*/

.zclip embed {opacity: 0;filter: alpha(opacity=0);}

/*链接*/

a.no_line:hover{text-decoration:none;}

a.line{text-decoration:underline;}

a.link1{color:#333;}

a.link1:hover,a.link1.active{color:#2AABE6;}

a.link2{color:#607484;}

a.link2:hover{color:#2AABE6;}

a.link3{color:#69c;}

a.link3:hover{color:#2AABE6;}

a.link4,a.link4:hover{color:#fff; text-decoration:none;}

a.link5 {color:#0a8cd2;}

a.link5:hover,a.link23:hover{color:#0a8cd2; text-decoration:none;}

a.link6,a.link6:hover{color:#fff;}

a.link11:hover,a.link16:hover{color:#0a8cd2; text-decoration:underline;}

a.link8{color:#5a5a5a;}

a.link9,a.link11,a.link23,a.link30{color:#666;}

a.link8:hover,a.link9:hover{color:#2AABE6;}

a.link10{color:#97d2f7;}

a.link10:hover{color:#97d2f7; text-decoration:underline;}

a.link12,a.link12:hover{color:#027cff; }

a.link13{color:#808080;}

a.link13:hover{color:#0a8cd2; text-decoration:none;}

a.link16{color:#999;}

a.link19{color:#2AABE6;}

a.link24{color:#2AABE6; text-decoration:underline }

a.link24:hover{color:#f90;}

a.link25,a.link25:hover{color:#66872f; text-decoration:none; }

a.link26,a.link26:hover{color:#188eee; text-decoration:none; }

a.link27{color:#333;}

a.link27:hover{color:#188eee; text-decoration:none; }

a.link28,a.link28:hover{color: #ff0;}

a.link30:hover,a.link30.active{color: #188eee;}

/*移上去橘黄色*/

a.link14{color:#666;}

a.link15{color:#333;}

a.link17,a.link17:hover{color:#f60;}

a.link18{color:#999;}

a.link20{color:#6c6c6c;}

a.link15:hover,a.link15.active,a.link14:hover,a.link18:hover,a.link20:hover{color:#f60; text-decoration:none;}

a.link_none,a.link_none:hover{color:#999;text-decoration:none; cursor:not-allowed;}

a.link21,a.link21:hover{color:#09f; text-decoration:none;}

a.link22,a.link22:hover{color:#333; text-decoration:none;}



/*宽和百分比*/

.btn-block.width50,.width-percent-50 {width:50%;}

.width-percent-65 {width:65%;}

.width-percent-35 {width:35%;}

.width-percent-33 {width:33.3%;}

.width-percent-90{width:90%;}

.width-percent-100{width:100%;}

.height-percent-100 {height:100%;}



/*宽高*/

.width15 {width:15px;}

.width18 {width:18px;}

.width20 {width:20px;}

.width25 {width:25px;}

.width42 {width:42px;}

.width45 {width:45px;}

.width50 {width:50px;}

.width60 {width:60px;}

.width70 {width:70px;}

.width75 {width:75px;}

.width78 {width:78px;}

.width80 {width:80px;}

.width86 {width:86px;}

.width90 {width:90px;}

.width95 {width:95px;}

.width100 {width:100px;}

.width110 {width:110px;}

.width116 {width:116px;}

.width120 {width:120px;}

.width130 {width:130px;}

.width140 {width:140px;}

.width150 {width:150px;}

.width160 {width:160px;}

.width172 {width:172px;}

.width175 {width:175px;}

.width180 {width:180px;}

.width195 {width:195px;}

.width196{width: 196px;}

.width200 {width:200px;}

.width220{ width:220px;}

.width225 {width:225px;}

.width230 {width:230px;}

.width240 {width:240px;}

.width244 {width:244px;}

.width250 {width:250px;}

.width264 {width:264px;}

.width268 {width:268px;}

.width280 {width:280px;}

.width290 {width:290px;}

.width310 {width:310px;}

.width300 {width:300px;}

.width320 {width:320px;}

.width325{width:325px;}

.width350 {width:350px;}

.width370 {width:370px;}

.width388 {width:388px;}

.width400 {width:400px;}

.width415 {width:415px;}

.width420 {width:420px;}

.width430 {width:430px;}

.width440 {width:440px;}

.width460 {width:460px;}

.width478 {width:478px;}

.width485 {width:485px;}

.width488{width:488px;}

.width510 {width:510px;}

.width528 {width:528px;}

.width540 {width:540px;}

.width560 {width:560px;}

.width590 {width:590px;}

.maxwidth1 {width:651px;}

.width668 {width:668px;}

.width720 {width:720px;}

.width730 {width:730px;}

.width735 {width:735px;}

.width750 {width:750px;}

.width800 {width:800px;}

.width808 {width:808px;}

.width848 {width:848px;}

.width890 {width:890px;}

.width900 {width:900px;}

.width930 {width:930px;}

.width915 {width:915px;}

.width925 {width:925px;}

.width950 {width:950px;}

.width1198 {width:1198px;}



.max-width150{ max-width:150px;}

.max-width155{ max-width:155px;}

.max-width160{ max-width:160px;}

.max-width190{ max-width:190px;}

.max-width195{ max-width:195px;}

.max-width200{ max-width:200px;}

.max-width220{ max-width:220px;}

.max-width250{ max-width:250px;}

.max-width290{ max-width:290px;}

.max-width300{ max-width:300px;}

.max-width310{ max-width:310px;}

.max-width330{ max-width:330px;}

.max-width350{ max-width:350px;}

.max-width375{ max-width:375px;}

.max-width388{ max-width:388px;}

.max-width488{ max-width:488px;}

.max-width540{ max-width:540px;}

.max-width550{ max-width:550px;}

.max-width650{ max-width:650px;}

.max-width680{ max-width:680px;}

.max-width700 {max-width:700px;}



.ypay-minheight{min-height:500px; }

.height7 {height:7px;}

.height10 {height:10px;}

.height18 {height:18px;}

.height20 {height:20px;}

.height25 {height:25px;}

.height30 {height:30px;}

.height34 {height:34px;}

.height36 {height:36px;}

.height40 {height:40px;}

.height45 {height:45px;}

.height46 {height:46px;}

.height50 {height:50px;}

.height52 {height:52px;}

.height55 {height:55px;}

.height60 {height:60px;}

.height66 {height:66px;}

.height80 {height:80px;}

.height85 {height:85px;}

.height88 {height:88px;}

.height90 {height:90px;}

.height100 {height:100px;}

.height140 {height:140px;}

.height160 {height:160px;}

.height371 {height:371px;} /*个人账户-金牌*/

.height411 {height:411px;} /*个人账户-企大*/

.height434 {height:434px;}

.height452 {height:452px;}

.min-height400 {min-height:400px;}

.min-height580 {min-height:580px; }

.min-height600 {min-height:600px; }



/*自定义进度条颜色*/

.progress-bar-lightred{background-color:#ff6662;}



/*自定义按钮*/

.btnsquar{display:inline-block; margin-bottom:0; font-weight:normal; vertical-align:middle; touch-action:manipulation; cursor:pointer; background-image:none; background-color:#9E9E9E; border:1px solid transparent; white-space:nowrap;

    padding:6px 12px; line-height:1.42857143; -webkit-user-select:none; -moz-user-select:none; -webkit-ms-select:none; user-select:none;-webkit-appearance:none;-o-appearance:none; appearance:none; /*去除input默认样式*/

}

.btnsquar.disabled, .btnsquar[disabled], fieldset[disabled] .btnsquar,.btnsquar.light-disabled {cursor:not-allowed; pointer-events:none; opacity:.65; filter:alpha(opacity=65);}

.btnsquar.light-disabled{background-color:#e6e6e6; color:#666;}

.btnsquar:hover{text-decoration:none;}

.btn-none:hover{ color:#fff; cursor:default;}

.btn-darkgrey,.btn-darkgrey:hover,.btn-darkgrey:focus{background-color:#ccc; border-color:#ccc; color:#fff;}

.btn-lightoranger{ background-color:#f60; border-color:#f60;}

.btn-lightoranger:hover,.btn-lightoranger:focus{ background-color:#fd7f2c; border-color:#fd7f2c; color:#fff;}

.btn-oranger{ background-color:#f40; border-color:#f30;}

.btn-oranger:hover,.btn-oranger:focus{ background-color:#f60; border-color:#f60; color:#fff; }

.btn-yellow{ background-color:#FFD020; border-color:#FFD020;}

.btn-yellow:hover,.btn-yellow:focus{ opacity: 0.9; filter:alpha(opacity=90);  }

.btn-croci{ background-color:#ffe5d1; border-color:#f1cbb7; color:#E7590D;}

.btn-croci:hover,.btn-croci:focus{ background-color:#FFEAE0; border-color:#f1cbb7; color:#E7590D;}

.btn-green{ background-color:#048c0b; border-color:#048c0b;}

.btn-green:hover,.btn-green:focus{ background-color:#05980d; border-color:#05980d; color:#fff; }

.btn-white{ background-color: #fff; border-color: #188eee; color: #188eee;}

.btn-white:hover,.btn-white:focus{ color: #188eee;}

.btn-blue{ background-color:#09c; border-color:#09c;}

.btn-blue:hover,.btn-blue:focus{ background-color:#04ace4; border-color:#04ace4; color:#fff;}

.btn-text-blue{ background-color:#fff; border-color:#09c;}

.btn-text-blue:hover,.btn-text-blue:focus{ background-color:#04ace4; border-color:#04ace4; color:#fff;}

.btn-textbg-blue{ background-color:#E0F5FF; border-color:#39f;}

.btn-textbg-blue:hover,.btn-textbg-blue:focus{ background-color:#04ace4; border-color:#04ace4; color:#fff;}

.btn-lightblue{ background-color:#51aded; border-color:#51aded;}

.btn-lightblue:hover,.btn-lightblue:focus{ background-color:#6bbcf5; border-color:#6bbcf5; color:#fff;}

.btn-darkblue{ background-color:#2aabe6; border-color:#2aabe6;}

.btn-darkblue:hover,.btn-darkblue:focus{ background-color:#2EBAFA; border-color:#2EBAFA; color:#fff;}

.btn-middarkblue{ background-color:#188eee; border-color:#188eee;}

.btn-middarkblue:hover,.btn-middarkblue:focus{ background-color:#1995fa; border-color:#1995fa; color:#fff;}

.btn-pink{ background-color:#f36; border-color:#f36;}

.btn-pink:hover,.btn-pink:focus{ background-color:#fd5982; border-color:#fd5982; color:#fff;}

.btn-red{ background-color:#ff4a00; border-color:#ff4a00;}

.btn-red:hover,.btn-red:focus{ background-color:#fb733c; border-color:#fb733c; color:#fff; }

.btn-lightred{ background-color:#f65c38; border-color:#f65c38;}

.btn-lightred:hover,.btn-lightred:focus{ background-color:#F36747; border-color:#F36747; color:#fff; }

.btn-darkred{ background-color:#cc0000; border-color:#cc0000;}

.btn-darkred:hover,.btn-red:focus{ background-color:#d80303; border-color:#d80303; color:#fff; }

.btn-grey{background-color:#f6f6f6; border-color:#ccc; color:#666;}

.btn-grey:hover,.btn-grey:focus{ background-color:#f6f6f6; border-color:#2AABE6; color:#666;}

.btn-disable {color:#fff;cursor:not-allowed;background-color:#bebebe;border-color:#bebebe;}

.btn-disable[disabled] {background-color: #bebebe;border-color: #bebebe;}

.btn-disable:hover,.btn-disable:focus {color:#fff;background-color: #bebebe; border-color: #bebebe;}

/*字体排列*/

.text-center-md,.text-left {text-align:left;}

.text-center {text-align:center;}

.text-right {text-align:right;}



/*呈现方式*/

.d-tab-cell {display: table-cell;}

.d-table {display: table;}

.d-block {display: block;}

.d-in-block {display: inline-block;}

.cell-all {width:100%;}

/*显示隐藏*/

.visiblity-hidden {visibility: hidden;}

.hidden {display: none;}

/*移动端隐藏*/

.mobile-hidden {display:none;}

/*oveflow*/

.flow-hidden-x {overflow-x:hidden;}

.flow-hidden-y {overflow-y:hidden;}

.flow-hidden {overflow:hidden;}

/*鼠标样式*/

.hand {cursor: pointer!important;pointer-events:auto;}

.cursor-default {cursor: default;}

/*padding类*/

.p0{padding:0;}

.p5{padding: 5px;}

.p10 {padding: 10px;}

.p15 {padding: 15px;}

.p20 {padding: 20px;}

.p25 {padding: 25px;}

.p30 {padding: 30px;}

.p40 {padding: 40px;}



.pl0{padding-left: 0px!important;}

.pl5{padding-left: 5px;}

.pl8 {padding-left: 8px;}

.pl10 {padding-left: 10px;}

.pl12 {padding-left: 12px;}

.pl15 {padding-left: 15px;}

.pl20 {padding-left: 20px;}

.pl25 {padding-left: 25px;}

.pl30 {padding-left: 30px;}

.pl35 {padding-left: 35px;}

.pl40 {padding-left: 40px;}

.pl45 {padding-left:45px;}

.pl50 {padding-left: 50px;}

.pl60 {padding-left:60px;}

.pl65 {padding-left: 65px;}

.pl80 {padding-left:80px;}

.pl120 {padding-left:120px;}

.pl180 {padding-left:180px;}



.pr0{padding-right: 0px!important;}

.pr3 {padding-right:3px;}

.pr5{padding-right: 5px;}

.pr8 {padding-right: 8px;}

.pr10 {padding-right: 10px;}

.pr15 {padding-right: 15px;}

.pr20 {padding-right: 20px;}

.pr25 {padding-right: 25px;}

.pr30 {padding-right: 30px;}

.pr35 {padding-right: 35px;}

.pr40 {padding-right: 40px;}

.pr55{padding-right: 55px;}



.pt3 {padding-top: 3px;}

.pt5 {padding-top: 5px;}

.pt6 {padding-top: 6px;}

.pt7 {padding-top: 7px;}

.pt10 {padding-top: 10px;}

.pt15 {padding-top: 15px;}

.pt20 {padding-top: 20px;}

.pt23 {padding-top:23px;}

.pt25 {padding-top: 25px;}

.pt30 {padding-top: 30px;}

.pt35 {padding-top: 35px;}

.pt40 {padding-top:40px;}

.pt45 {padding-top: 45px;}

.pt50 {padding-top: 50px;}

.pt55 {padding-top: 55px;}

.pt60 {padding-top: 60px;}

.pt65 {padding-top: 65px;}

.pt70 {padding-top: 70px;}

.pt75 {padding-top: 75px;}

.pt80 {padding-top: 80px;}

.pt100{padding-top: 100px;}

.pt-xs0-sm10 {padding-top:0;}



.pb5 {padding-bottom: 5px;}

.pb6 {padding-bottom: 6px;}

.pb7 {padding-bottom: 7px;}

.pb10 {padding-bottom: 10px;}

.pb15 {padding-bottom: 15px;}

.pb20 {padding-bottom: 20px;}

.pb25 {padding-bottom: 25px;}

.pb30 {padding-bottom: 30px;}

.pb35 {padding-bottom:35px;}

.pb40 {padding-bottom:40px;}

.pb50 {padding-bottom:50px;}

.pb60 {padding-bottom:60px;}

.pb65 {padding-bottom:65px;}

.pb70 {padding-bottom: 70px;}

.pb80 {padding-bottom: 80px;}

.pb100 {padding-bottom:100px;}

.pb110 {padding-bottom:110px;}

.pb140 {padding-bottom:140px;}



.ph2 {padding-left: 2px;padding-right: 2px;}

.ph3 {padding-left: 3px;padding-right:3px;}

.ph4 {padding-left: 4px;padding-right:4px;}

.ph5 {padding-left: 5px;padding-right: 5px;}

.ph6 {padding-left: 6px;padding-right:6px;}

.ph8 {padding-left: 8px;padding-right: 8px;}

.ph10 {padding-left: 10px;padding-right: 10px;}

.ph11 {padding-left: 11px;padding-right: 11px;}

.ph14 {padding-left: 14px;padding-right: 14px;}

.ph15 {padding-left: 15px;padding-right: 15px;}

.ph16 {padding-left: 16px;padding-right: 16px;}

.ph17 {padding-left: 17px;padding-right: 17px;}

.ph20 {padding-left: 20px;padding-right: 20px;}

.ph24 {padding-left: 24px;padding-right: 24px;}

.ph25 {padding-left: 25px;padding-right: 25px;}

.ph30 {padding-left: 30px;padding-right: 30px;}

.ph35 {padding-left: 35px;padding-right: 35px;}

.ph40 {padding-left:40px;padding-right:40px;}

.ph50 {padding-left:50px;padding-right:50px;}

.ph55 {padding-left:55px;padding-right:55px;}

.ph60 {padding-left:60px;padding-right:60px;}



.pv2 {padding-top: 2px;padding-bottom: 2px;}

.pv3 {padding-top: 3px;padding-bottom: 3px;}

.pv4 {padding-top: 4px;padding-bottom: 4px;}

.pv5 {padding-top: 5px;padding-bottom: 5px;}

.pv7 {padding-top:7px;padding-bottom:7px;}

.pv8 {padding-top:8px;padding-bottom:8px;}

.pv9 {padding-top:9px;padding-bottom:9px;}

.pv10 {padding-top: 10px;padding-bottom: 10px;}

.pv12 {padding-top: 12px;padding-bottom: 12px;}

.pv13 {padding-top: 13px;padding-bottom: 13px;}

.pv14 {padding-top: 14px;padding-bottom: 14px;}

.pv15 {padding-top: 15px;padding-bottom: 15px;}

.pv17 {padding-top: 17px;padding-bottom: 17px;}

.pv18 {padding-top: 18px;padding-bottom: 18px;}

.pv20 {padding-top: 20px;padding-bottom: 20px;}

.pv25 {padding-top: 25px;padding-bottom: 25px;}

.pv30 {padding-top: 30px;padding-bottom: 30px;}

.pv40 {padding-top: 40px;padding-bottom: 40px;}

.pv50 {padding-top: 50px;padding-bottom: 50px;}

.pv60 {padding-top: 60px;padding-bottom: 60px;}

.pv115 {padding-top:115px;padding-bottom:115px;}



/*行高*/

.lh14 {line-height: 14px;}

.lh16 {line-height: 16px;}

.lh18{line-height: 18px;}

.lh20 {line-height: 20px;}

.lh22 {line-height: 22px;}

.lh23 {line-height: 23px;}

.lh24 {line-height: 24px;}

.lh25 {line-height: 25px;}

.lh26 {line-height: 26px;}

.lh28 {line-height: 28px;}

.lh29 {line-height: 29px;}

.lh30 {line-height: 30px;}

.lh32 {line-height:32px;}

.lh33 {line-height:33px;}

.lh34 {line-height:34px;}

.lh35 {line-height:35px;}

.lh38 {line-height:38px;}

.lh36 {line-height: 36px;}

.lh40 {line-height: 40px;}

.lh42 {line-height: 42px;}

.lh44 {line-height: 44px;}

.lh45 {line-height: 45px;}

.lh48 {line-height: 48px;}

.lh50 {line-height: 50px;}

.lh52 {line-height: 52px;}

.lh55 {line-height: 55px;}

.lh56 {line-height: 56px;}

.lh60 {line-height: 60px;}

.lh70 {line-height:70px;}

.lh85 {line-height:85px;}

.lh90{line-height: 90px;}

.lh140 {line-height:140px;}





/*margin类*/

.mv0auto{margin:0 auto;}

input.m0 {margin:0;}

.m0{margin:0;}

.m5{margin:5px;}

.m10{margin:10px;}

.m15{margin:15px;}

.mt0{margin-top:0px!important;}

.mt2 {margin-top:2px;}

.mt3 {margin-top:3px;}

.mt4 {margin-top:4px;}

.mt5 {margin-top:5px;}

.mt7 {margin-top:7px;}

.mt8 {margin-top:8px;}

.mt10 {margin-top:10px;}

.mt12 {margin-top:12px;}

.mt13 {margin-top:13px;}

.mt18 {margin-top:18px;}

.mt15 {margin-top:15px;}

.mt20 {margin-top:20px;}

.mt22 {margin-top:22px;}

.mt25 {margin-top:25px;}

.mt30 {margin-top:30px;}

.mt32 {margin-top:32px;}

.mt35 {margin-top:35px;}

.mt40 {margin-top:40px;}

.mt45 {margin-top:45px;}

.mt50 {margin-top:50px;}

.mt55 {margin-top:55px;}

.mt60 {margin-top:60px;}

.mt65 {margin-top:65px;}

.mt70 {margin-top:70px;}

.mt75 {margin-top:75px;}

.mt80 {margin-top:80px;}

.mt85 {margin-top:85px;}

.mt90 {margin-top:90px;}

.mt100 {margin-top:100px;}

.fmt2{ margin-top:-2px;}

.fmt5{ margin-top:-5px;}

.fmt7{ margin-top:-7px;}

.fmt8{ margin-top:-8px;}

.fmt10{ margin-top:-10px;}

.fmt20{margin-top:-20px;}

.fmt30{margin-top:-30px;}



.mb0 {margin-bottom:0;}

.mb3 {margin-bottom: 3px;}

.mb5 {margin-bottom: 5px;}

.mb7 {margin-bottom: 7px;}

.mb10 {margin-bottom:10px;}

.mb15 {margin-bottom:15px;}

.mb17 {margin-bottom:17px;}

.mb20 {margin-bottom:20px;}

.mb25 {margin-bottom:25px;}

.mb30 {margin-bottom:30px;}

.mb40 {margin-bottom:40px;}

.mb45 {margin-bottom:45px;}

.mb50 {margin-bottom:50px;}

.mb55 {margin-bottom:55px;}

.mb65 {margin-bottom:65px;}

.mb70 {margin-bottom:70px;}

.mb75 {margin-bottom:75px;}

.mb120 {margin-bottom:120px;}

.mb150{margin-bottom: 150px;}



.ml5 {margin-left:5px;}

.ml8 {margin-left:8px;}

.ml9{margin-left:9px;}

.ml10 {margin-left:10px;}

.ml15 {margin-left:15px;}

.ml17{margin-left:17px;}

.ml20 {margin-left:20px;}

.ml23 {margin-left:23px;}

.ml25 {margin-left:25px;}

.ml26 {margin-left:26px;}

.ml30 {margin-left:30px;}

.ml35 {margin-left:35px;}

.ml40 {margin-left:40px;}

.ml45 {margin-left:45px;}

.ml50 {margin-left:50px;}

.ml60 {margin-left:60px;}

.ml70 {margin-left:70px;}

.ml75 {margin-left:75px;}

.ml80 {margin-left:80px;}

.ml85 {margin-left:85px;}

.ml90 {margin-left:90px;}

.ml100 {margin-left:100px;}

.ml128{margin-left:128px;}

.ml148{margin-left:148px;}

.ml150{margin-left: 150px;}

.ml155{margin-left:155px;}

.ml220 {margin-left:220px;}

.ml265 {margin-left:265px;}

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

.fml5 {margin-left:-5px;}

.fml10{margin-left:-10px;}



.mr2 {margin-right:2px;}

.mr5 {margin-right:5px;}

.mr8 {margin-right:8px;}

.mr10 {margin-right:10px;}

.mr15 {margin-right:15px;}

.mr20 {margin-right:20px;}

.mr25 {margin-right:25px;}

.mr30 {margin-right:30px;}

.mr35 {margin-right:35px;}

.mr40 {margin-right:40px;}

.mr50 {margin-right:50px;}

.mr65 {margin-right:65px;}

.mr100{margin-right:100px;}

.mr170{margin-right:170px;}

.fmr1{margin-right:-1px;}



.mv5 {margin-top:5px;margin-bottom: 5px;}

.mv8 {margin-top:8px;margin-bottom: 8px;}

.mv10 {margin-top:10px;margin-bottom: 10px;}

.mv15 {margin-top:15px;margin-bottom: 15px;}

.mv20 {margin-top:20px;margin-bottom: 20px;}

.mv25 {margin-top:25px;margin-bottom: 25px;}



.mh10 {margin-left:10px;margin-right:10px;}

.mh15 {margin-left:15px;margin-right:15px;}

.mh20{margin-left: 20px;margin-right: 20px;}

.mh25 {margin-left: 25px;margin-right:25px;}

.mhf10 {margin-left: -10px;margin-right: -10px;}

.mh-15 {margin-left:-15px;margin-right:-15px;}

.mh-auto {margin-left:auto;margin-right:auto;}







/*进度条样式*/

.progress-style1 { background-color: #fff;border-radius:0;box-shadow:none;}



/*定位*/

.over-layer-white{position:absolute; left:0; top:0; right:0; bottom:0; height:100%; z-index:10; background-color:#fff; opacity:0.7; filter:alpha(opacity=70);}

.over-layer-dark{position:absolute; left:0; top:0; right:0; bottom:0; height:100%; z-index:10;background-color:#000; opacity:0.7; filter:alpha(opacity=70);}

.opacity30{opacity:0.3; filter:alpha(opacity=30);}

.pr{position: relative;}

.pa{position: absolute;}

.pf{position: fixed;}

.psb_bottom{position:absolute; bottom:0; left:0; right:0;}

.psb_all{position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0}

.zindex1{z-index:1;}

.zindex12{z-index:12;}

/*定位值*/

.pos_t0{top:0;}

.pos_t1{top:1px;}

.pos_t_percent50{top:50%;}

.pos_t2{top:2px;}

.pos_t3{top:3px;}

.pos_t4{top:4px;}

.pos_t5{top:5px;}

.pos_t6{top:6px;}

.pos_t7{top:7px;}

.pos_t8{top:8px;}

.pos_t10{top:10px;}

.pos_t14{top:14px;}

.pos_t20{top:20px;}

.pos_t25{top:25px;}

.pos_t60{top:60px;}

.pos_ft1{top:-1px;}

.pos_ft2{top:-2px;}

.pos_ft3{top:-3px;}

.pos_ft4{top:-4px;}

.pos_ft5{top:-5px;}

.pos_ft7{top:-7px;}

.pos_ft8{top:-8px;}

.pos_ft9{top:-9px;}

.pos_ft10{top:-10px;}

.pos_fr10{right:-10px;}

.pos_r0{right:0;}

.pos_r3{right:3px;}

.pos_r6{right:6px;}

.pos_r10{right:10px;}

.pos_r20{right:20px;}



.pos_b0{bottom:0;}

.pos_b4{bottom:4px;}

.pos_b10{bottom:10px;}

.pos_b15{bottom:15px;}

.pos_b40{bottom:40px;}

.pos_fb1{bottom:-1px;}

.pos_fb3{bottom:-3px;}

.pos_fb10{bottom:-10px;}

.pos_l0{left:0;}

.pos_l10{left:10px;}

.pos_fl2{left:-2px;}

.pos_fl6{left:-6px;}

.pos_fl50{left:-50px;}

.pr-ft5{position: relative;top: -5px;}

/*竖直定位*/

.v-top {vertical-align: top;}

.v-bottom {vertical-align: bottom;}

.v-mid {vertical-align: middle;}

.v-base {vertical-align: baseline;}



/*文字排列*/

.over-hidden {overflow: hidden;}

.ellipsis {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal;word-break:normal;}

.nowrap {white-space: nowrap;word-wrap: normal;word-break:normal;}

.haswrap {white-space: normal;word-wrap: normal;word-break:normal;}

.break {word-break: break-all;word-wrap: break-word;word-break:break-all;}

.ellipsis-width70 {line-height:16px;padding-top:5px;display:inline-block;width:70px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal;word-break:normal;}

.l-through {text-decoration: line-through;}

/*双行文本*/

.one-line,.one-line-inblock { max-height: 20px;overflow: hidden;line-height: 20px;}

.one-line-md,.one-line-md-inblock { max-height:30px;line-height: 30px;}

.one-line-bg,.one-line-bg-inblock{ max-height: 40px;line-height: 40px;}

.one-line,.one-line-md,.one-line-bg,.one-line-inblock,.one-line-md-inblock,.one-line-bg-inblock{display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal;word-break:normal;}

.one-line-inblock,.one-line-md-inblock,.one-line-bg-inblock{display:inline-block;}



.two-line {display: block;max-height: 40px; line-height: 20px; -webkit-line-clamp:2;-ms-line-clamp:2; -moz-line-clamp:2; -o-line-clamp:2;line-clamp:2; }

.two-line-md {display: block;max-height: 50px; line-height: 25px;-webkit-line-clamp:2;-ms-line-clamp:2; -moz-line-clamp:2; -o-line-clamp:2;line-clamp:2; }

.two-line-sm {display: block;max-height: 34px;line-height: 17px; -webkit-line-clamp:2;-ms-line-clamp:2; -moz-line-clamp:2; -o-line-clamp:2;line-clamp:2;}

.three-line{display: block;max-height: 60px;line-height: 20px;-webkit-line-clamp:3;-ms-line-clamp:3; -moz-line-clamp:3; -o-line-clamp:3;line-clamp:3;}

.three-line-sm{display: block;max-height: 54px;line-height: 18px; -webkit-line-clamp:3;-ms-line-clamp:3; -moz-line-clamp:3; -o-line-clamp:3;line-clamp:3}

.four-line{display: block;max-height: 80px;line-height: 20px;-webkit-line-clamp:4;-ms-line-clamp:4; -moz-line-clamp:4; -o-line-clamp:4;line-clamp:4;}

.four-md-line{max-height: 100px;line-height: 25px;-webkit-line-clamp:4;-ms-line-clamp:4; -moz-line-clamp:4; -o-line-clamp:4;line-clamp:4;}

.five-line{max-height: 100px;line-height: 20px;-webkit-line-clamp:5;-ms-line-clamp:5; -moz-line-clamp:5; -o-line-clamp:5;line-clamp:5;}

.five-md-line{max-height: 120px;line-height: 24px;-webkit-line-clamp:5;-ms-line-clamp:5; -moz-line-clamp:5; -o-line-clamp:5;line-clamp:5;}



.two-line,.two-line-sm,.three-line,.three-line-sm,.four-line,.five-line,.two-line-md,.four-md-line,.five-md-line{

    position: relative;display: block;text-overflow: ellipsis;overflow: hidden;word-wrap: normal;word-break:normal;

    display: -webkit-box; -webkit-box-orient:vertical;

    display: -ms-box; -ms-box-orient:vertical;

    display: -moz-box; -moz-box-orient:vertical;

    display: -o-box; -o-box-orient:vertical;

    display: box; box-orient:vertical;

}

/*.five-line:after{content: '...'; position: absolute; bottom: 0; right: 0; padding: 0 10px 1px 42px; color:#999; font-weight: bold;   */

/*background: url(/Content/images/ypay/ellipsis_bg.png) repeat-y;}*/

/********多行文本的省略问题  165px********/

.five-line-hide {

    width: 320px;

    height: 100px;

    line-height: 20px;

    overflow:hidden;

    margin-right:-70px;

}

.five-line-hide .prop {

    float: left;

    width: 1px;

    height: 100px;

    background: transparent;

}

.five-line-hide .main {

    float: right;

    width: 319px;

}

.five-line-hide .end {

    float: right;

    position: relative;

    width: 1px;

    background: #FFA;

}

.five-line-hide .realend {

    position: absolute;

    width: 27px;

    top: -23px;

    left: 292px;

    background: #fff;

    font-size: 13px;

    text-align: center;

}

/*加载*/

.loading-cnt {

    width: 130px;

    height: 110px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-box-align: center;

    display:-webkit-flex ; display:flex;

    -webkit-align-items:center; -ms-flex-align:center; align-items:center;

    -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;

    -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column;

    text-align: center;

    background: rgba(0,0,0,.65);

    border-radius: 6px;

    color: #fff;

    font-size: 16px;

}

.loading-bright {

    width: 37px; height: 37px; display: block; margin: 10px 0 8px;

    background-image: url(/Content/images/ypay/loading_sprite_white.png);

    background-size: auto 37px;

    -o-animation: am-rotate 1s steps(12) infinite;

    -ms-animation: am-rotate 1s steps(12) infinite;

    -moz-animation: am-rotate 1s steps(12) infinite;

    -webkit-animation: am-rotate 1s steps(12) infinite;

    animation: am-rotate 1s steps(12) infinite;

}

.loading-cnt-fixed, .loading-cnt-absolute{

    position: fixed;

    left: 50%; margin-left: -65px;

    top:25%; z-index: 1040;

}

.loading-cnt-fixed .load_layer{position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%;

    background: rgba(255,255,255,0.2) }

.loading-cnt-absolute{

    position: absolute;

}

.loading-cnt-absolute .load_layer{position: absolute;}

@media(min-width: 640px) {

    .ymall-loading .loading-bright{background-image:url(/Content/images/ypay/loading_sprite_white.gif); background-size: cover;

        margin: 10px auto 8px;}

}



@-moz-keyframes am-rotate {

    from {

        background-position: 0 0;

    }

    to {

        background-position: -444px 0;

    }

}

@-webkit-keyframes am-rotate {

    from {

        background-position: 0 0;

    }

    to {

        background-position: -444px 0;

    }

}

@-o-keyframes am-rotate {

    from {

        background-position: 0 0;

    }

    to {

        background-position: -444px 0;

    }

}

@-ms-keyframes am-rotate {

    from {

        background-position: 0 0;

    }

    to {

        background-position: -444px 0;

    }

}

@keyframes am-rotate {

    from {

        background-position: 0 0;

    }

    to {

        background-position: -444px 0;

    }

}

/*tag*/

.tag-orange-arrow{display: inline-block; min-width: 46px; text-align: center; height: 24px; line-height: 24px; color: #fff; background-color: #f60;}

.tag-orange-arrow:after{

    content: ''; position: absolute;  right:-20px; top: 0;

    border: 12px solid transparent;

    border-left: 8px solid #f60;

    width: 0;

    height: 0;

    position: absolute;

}

/*水平线*/

.dash-hr {margin: 15px 0;height: 0;border-top:dashed 1px #E4E4E4;}



/*可变小*/

.image-change {position: relative;display: block;}

.image-change img {position: absolute;left:0;top:0;width:100%;height: 100%;}



/*默认比例1:1*/

.image-rect{position: relative;display: block;width: 100%;padding-top:100%;}

.image-rect img {position: absolute;left:0;top:0;width: 100%;height: 100%;}

.img-selection.active:after {content: "\e013";font-family: 'Glyphicons Halflings';position: absolute;left:0;top:0;font-size: 20px;color: #FFF;background-color:#8DD64C;text-align:center;display: block;width: 30px;height: 30px;}

.img-selection-area {height: 200px;overflow: auto;}



/*默认比例16:9*/

.image-scale {position: relative;display: block;width: 100%;padding-bottom: 56.25%;overflow:hidden;}

.image-scale img {position: absolute;left:0;top:0;width:100%;height: 100%;}

.image-scale .num-block {position: absolute;left: 0;top:0;z-index: 9;width: 26px;height: 26px;line-height: 26px;}

.image-scale .image-contarner {position: absolute;left:0;top:0;width:100%;height: 100%;text-align: center;}

.image-scale .image-contarner:after {vertical-align:middle;content:"";display:inline-block;height:100%;line-height:100%;}

.image-scale .image-contarner img {position: static;line-height: 100%;max-width: 100%;max-height: 100%;width: auto;height: auto;}



.user-photo{display:inline-block; width:auto; height:auto; overflow:hidden; border-radius:50%;}

.only_phone{ display:inline-block; width:16px; height:16px; background:url(/Content/images/ypay/phone.png) center 2px no-repeat;}

.none_phone{ display:inline-block; width:16px; height:18px; background:url(/Content/images/ypay/phone_show_none.png) center 1px no-repeat;}

.none_show_phone{ display:inline-block; width:16px; height:16px; background:url(/Content/images/ypay/phone_show_none.png) center 2px no-repeat;}

.peck_gift{display:inline-block; width:25px; height:18px; background:url(/Content/images/ypay/peck_gift.png) center 2px no-repeat;}

.peck_question{display:inline-block; width:18px; height:18px; background:url(/Content/images/ypay/peck_question.png) center no-repeat;}

.linkico{display:inline-block; width:24px; height:24px; background:url(/Content/images/ypay/linkico.png) center no-repeat;}

.imgico{display:inline-block; width:16px; height:16px; background:url(/Content/images/ypay/imgico.png) center no-repeat;}

.listico{display:inline-block; width:16px; height:16px; background:url(/Content/images/ypay/listico.png) center no-repeat;}

.expereonico{display:inline-block; width:16px; height:16px; background:url(/Content/images/ypay/expereonico.png) center no-repeat;}

.warnxico{display:inline-block; width:16px; height:16px; background:url(/Content/images/ypay/warnxico.png) center no-repeat;}

.arrowtop{display:inline-block; width:18px; height:9px; background:url(/Content/images/ypay/arrowtop.png) center no-repeat;}

.shoppingcart_ico{display:inline-block; width:32px; height:32px; background:url(/Content/images/ypay/shoppingcart_ico.png) no-repeat left center;}

.onlinechat{ display:inline-block; padding:4px 0 4px 20px; background:url(/Content/images/ypay/onlinechat.png) no-repeat left center; }

.iconphonecall {display:inline-block;  padding:4px 0 4px 20px;background:url(/Content/images/ypay/tel.png) no-repeat left center;}

.pay_success{display:inline-block; width:128px; height:128px;background:url(/Content/images/success.png) center -16px no-repeat; }

.pay_sm_success{display:inline-block; width:75px; height:100px;background:url(/Content/images/success-sm.png) center  no-repeat; }

.pay_fail{display:inline-block; width:230px; height:148px;background:url(/Content/images/pay-fail.png) center no-repeat;}

.pay_error{display:inline-block; width:215px; height:138px;background:url(/Content/images/error-ypay.png) center no-repeat;}

.mpay_success,.mpay_fail{display:inline-block; width:50px; height:50px;background:url(/Content/images/mobile/successico.png) center  no-repeat; background-size: cover; }

.mpay_fail{background-image: url(/Content/images/mobile/failico.png);}

.moneybag,.linepayicon,.fmaicon, .onlineico, .gold-ticket, .cardicon{display:inline-block; width:20px; height:20px;background:url(/Content/images/ypay/pay/moneybag.png) center no-repeat; }

.linepayicon{background:url(/Content/images/ypay/linepayicon.png) center no-repeat; }

.fmaicon{background:url(/Content/images/ypay/pay/fmaicon.png) center no-repeat; }

.onlineico{background-image: url(/Content/images/ypay/pay/onlineico.png)}

.gold-ticket{background:url(/Content/images/ypay/pay/gold-ticket.png) no-repeat;}

.cardicon{background:url(/Content/images/ypay/pay/cardico.png) no-repeat;}



.flowerico{display:inline-block; width:16px; height:16px;background:url(/Content/images/ypay/flower.png) center no-repeat;}

.exclamation{display:inline-block; width:40px; height:40px;background:url(/Content/images/ypay/exclamation.png) center no-repeat;}

.arrow_radian{display:inline-block; width:85px; height:72px;background:url(/Content/images/ypay/arrow_radian.png) center no-repeat;}

.bookico{display:inline-block; width:128px; height:128px;background:url(/Content/images/ypay/book.png) center no-repeat;}

.pushpin{display:inline-block; width:9px; height:15px;background:url(/Content/images/ypay/pushpin.png) center no-repeat;}

.adduser{display:inline-block; width:16px; height:16px;background:url(/Content/images/ypay/adduser.png) center no-repeat;}

.circle-plus-o{display:inline-block; width:18px; height:18px;background:url(/Content/images/ypay/circle-plus-o.png) center no-repeat;}

.dialogtip{display:inline-block; width:128px; height:128px;background:url(/Content/images/ypay/dialogtip.png) no-repeat;}

.dialogtip.course_success{ background-position:0 0;}

.dialogtip.course_cart{ background-position:-128px 0;}

.dialogtip.ordersubmit_error{ background-position:-256px 0;}

.dialogtip.order_error{ background-position:-384px 0;}

.dialogtip.wishlist_ico{ width:100px; height:100px; background-position:-530px -15px;}

.dialogtip.wishfull_ico{ width:100px; height:100px; background-position:-664px -15px;}

.addcartico{display:inline-block; width:120px; height:120px;background:url(/Content/images/ypay/addcartico.png) no-repeat;}



.issuedico{display:inline-block; width:60px; height:47px;background:url(/Content/images/ypay/issuedico.png) no-repeat;}

.waitpayico{display:inline-block; width:60px; height:47px;background:url(/Content/images/ypay/waitpayico.png) no-repeat;}

.canclepayico{display:inline-block; width:60px; height:47px;background:url(/Content/images/ypay/canclepayico.png) no-repeat;}

.finishpayico{display:inline-block; width:60px; height:47px;background:url(/Content/images/ypay/finishpayico.png) no-repeat;}

.flagico{display:inline-block; width:16px; height:16px;background:url(/Content/images/ypay/flagico.png) no-repeat;}

.circle-tick{display:inline-block; width:20px; height:20px;background:url(/Content/images/ypay/circle-tick.png) no-repeat;}



.qqico{display:inline-block; width:79px; height:24px;background:url(/Content/images/ypay/qqico.png) no-repeat;}

.beanmanageico{display:inline-block; width:110px; height:25px;background:url(/Content/images/ypay/beanmanageico.png) no-repeat;}

.dengico,.orangetipico{display:inline-block; width:20px; height:20px;background:url(/Content/images/ypay/deng.png) no-repeat;}

.clockwarn_ico{display:inline-block; width:72px; height:72px;background:url(/Content/images/ypay/clockwarn_ico.png) center no-repeat;}

.white-phone{display:inline-block; width:16px; height:16px;background:url(/Content/images/ypay/white-phone.png) center no-repeat;}

.clockico{display:inline-block; width:32px; height:32px;background:url(/Content/images/ypay/clock.png) center no-repeat;}

.telico{display:inline-block; width:16px;  height:14px; background:url(/Content/images/mobile/acinentphone.png) center no-repeat;  background-size: cover;}

.orangetipico{background-image:url(/Content/images/ypay/orangetipico.png); }

.arrow-right{display:inline-block; width:6px; height:10px;background:url(/Content/images/ypay/arrowico-right.png) no-repeat -8px -22px;}

/*progressbox播放详情满意度进度条*/

.progressbox{width:410px; height:14px;background:url(/Content/images/ypay/progress.png) center no-repeat;}

.progressbox .progressover{height:14px; background:url(/Content/images/ypay/progressover.png) left center no-repeat;}

/*课程分类图标*/

.textico{display:inline-block; float: left; width:35px; height:35px; background:url(/Content/images/ypay/courses_ico.png) no-repeat;}

.iconVideo{background-position:0 0; }

.iconVideo:hover{background-position:-87px 0;}

.iconArticle {background-position:0 -52px; }

.iconArticle:hover{ background-position:-87px -52px;}

.iconTXT,.iconPPT ,.iconWord,.iconExcel,.iconImage,.iconPDF{background-position:0 -106px;}

.iconTXT:hover,.iconPPT:hover,.iconWord:hover,.iconExcel:hover,.iconImage:hover{background-position:-87px -106px; }

.iconLocalScorm,.iconRemoteScorm { background-position:0 -161px; }

.iconLocalScorm:hover ,.iconRemoteScorm:hover { background-position:-87px -161px;}

.iconAudio{ background-position:0 -216px;}

.iconAudio:hover{background-position:-87px -216px;}

.iconSilverlightCourse{background-position:0 -271px;}

.iconSilverlightCourse:hover{background-position:-87px -271px;}

.iconRecordingCourse{background-position:0 -326px;}

.iconRecordingCourse:hover{background-position:-87px -326px;}

.iconChapterExam  {background-position:0 -381px;}

.iconChapterExam :hover {background-position:-87px -381px;}

.iconLink{ background-position:0 -436px;}

.iconLink:hover{ background-position:-87px -436px;}

.iconHtml{background-position:0 -491px; }

.iconHtml:hover{ background-position:-87px -491px; }

.iconXuanYes{background-position:0 -556px; }

.iconXuanYes:hover{ background-position:-87px -556px; }

/*图标字体图标*/

.imgicon{display: inline-block; background:url(/Content/images/ypay/imgicon.png) no-repeat;}

.imgicon.reddollarico{width: 21px; height: 19px; background-position:-29px 0;}

.imgicon.voucherico{width: 22px; height: 17px; background-position:-28px -34px;}



/*比例5:3*/

.image-scale-3-5 {position: relative;display: block;padding-bottom: 60%;}

.image-scale-3-5 img {position: absolute;left:0;top:0;width:100%;height: 100%;}



/*云学堂logo比例23：8*/

.image-scale-8-23 {position: relative;display: block;padding-bottom:34.782%;}

.image-scale-8-23 img {position: absolute;left:0;top:0;width:100%;height: 100%;}



/*右上角标签*/

.top-right {position:absolute;top:-11px;right:-12px;}



/*模拟漂亮的复选框，单选框*/

label.radio-pretty {position:relative;font-weight:normal;margin-bottom:0;}

label.radio-pretty input {position:absolute;left:-9999px;z-index:-9999;top:0;opacity:0;filter: alpha(opacity=0);}

label.radio-pretty> span:before {content:"\f1db";}

label.radio-pretty> span {-moz-user-select:none;}

label.radio-pretty span:before {color:#ccc;font-size:18px;margin-right:2px;margin-left:-2px;vertical-align:-2px; font-family: FontAwesome;}

label.radio-pretty:hover span:before {color:#0a8cd2;}

label.radio-pretty.checked span:before {content:"\f192";color:#0a8cd2;}



label.radio-red-pretty {position:relative;font-weight:normal;margin-bottom:0;}

label.radio-red-pretty input {position:absolute;left:-9999px;z-index:-9999;top:0;opacity:0;filter: alpha(opacity=0);}

label.radio-red-pretty> .fontico:before {content:"\f1db";}

label.radio-red-pretty> .fontico {-moz-user-select:none;}

label.radio-red-pretty .fontico:before {color:#ccc;font-size:18px;margin-right:2px;margin-left:-2px;vertical-align:-2px; font-family: FontAwesome;}

label.radio-red-pretty:hover .fontico:before {color:#fe786b;}

label.radio-red-pretty.checked .fontico:before {content:"\f192";color:#fe786b;}



label.radio-blue-pretty {position:relative;font-weight:normal;margin-bottom:0;}

label.radio-blue-pretty input {position:absolute;left:-9999px;z-index:-9999;top:0;opacity:0;filter: alpha(opacity=0);}

label.radio-blue-pretty> .fontico:before {content:"\f1db";}

label.radio-blue-pretty> .fontico {-moz-user-select:none;}

label.radio-blue-pretty .fontico:before {color:#ccc; margin-right:2px;margin-left:-2px;vertical-align:-2px; font-family: FontAwesome;}

label.radio-blue-pretty:hover .fontico:before {color:eee;}

label.radio-blue-pretty.checked .fontico:before {content:"\f058";color:#188eee;}





label.checkbox-pretty {position:relative;font-weight:normal;margin-bottom:0;}

label.checkbox-pretty input {position:absolute;left:-9999px;z-index:-9999;top:0;opacity:0;filter: alpha(opacity=0);}

label.checkbox-pretty> .fontico:before {content:"\f096";}

label.checkbox-pretty> .fontico {-moz-user-select:none;}

label.checkbox-pretty .fontico:before {min-width:20px;color:#ccc;font-size:18px;margin-right:2px;margin-left:-2px;vertical-align:-2px; font-family: FontAwesome;display:inline-block;}

label.checkbox-pretty:hover .fontico:before {color:#188eee;}

label.checkbox-pretty.checked .fontico:before {content:"\f046";color:#188eee;}



label.radio-img {position:relative; margin-bottom:0;}

label.radio-img input {position:absolute;left:-9999px;z-index:-9999;top:0;opacity:0;filter: alpha(opacity=0);}

label.radio-img> span:before {content:""; display: inline-block; width: 14px; height: 14px; background:url(/Content/images/ypay/pay/radio_img.png) no-repeat;}

label.radio-img> span {-moz-user-select:none;}

label.radio-img:hover span:before,label.radio-img.checked span:before {background-image:url(/Content/images/ypay/pay/radio_active_img.png);}





/*标签输入框*/

.tag-list { background-color:#FFF;width: auto;height: 100%;position: relative;border:solid 1px #E4E4E4;border-radius:4px;padding: 7px 0;}

.tag-list.has-error {border-color:#a94442;}

.tag-data {display: none}

.tags-input {width: 100%;}

.tags {width: inherit;height: 0;position: absolute;padding: 0 0 0 10px}

.tag {padding: 1px 3px;margin: 1px;float: left;line-height: 28px;font-size: 14px}

.label {text-shadow: none;font-weight: normal;font-size: 14px;padding: 2px 5px}

/*打标签*/

.label.tag {cursor:pointer;margin-right:7px;padding:0 16px;background-color:#EDF0F2;border-radius: 15px;color: #333;margin-bottom: 4px;}

.label.tag .icon-close {color:#FFF;font-style:normal;font-family: 'Glyphicons Halflings';display: inline-block;-webkit-font-smoothing:antialiased;line-height:1;vertical-align: middle;margin-top:-2px;}

.label.tag .icon-close:before {content: "\e014";}

.tag-list input {border: 0;outline: 0;box-sizing: content-box;line-height: 28px;width:180px;}

a.label:hover { background: #888}

.label.labelblue{cursor:pointer;margin-right:7px;padding:0 16px;background-color:#EDF0F2;border-radius: 15px;color: #333;margin-bottom: 10px;}

a.labelblue:hover { background: #009DD9}

.tag.btn-info {background-color:#009DD9;border-radius:20px;color: #FFF;}

/*基于bootstrap自定义弹框样式*/

.dialogbox{width:600px; margin:0 auto;}

.modal-style1 .modal-header {padding:11px;}

.modal-style1 .modal-content {background-color:#f0f6fa;}

.modal-style1 .modal-body {background-color:#fff;border-radius:0 0 6px 6px;}

.modal-style1 .modal-footer {padding:10px 27px 10px;background-color:#f0f6fa;border-radius:0 0 6px 6px;}

.modal-style1 .modal-footer .ml20 {margin-left:20px;}

.modal-style1 .modal-footer .btn {padding:6px 21px;}

.modal-style1 .modal-body {padding:0;}

.modal-style1 .modal-main {padding:20px 0 20px 30px;}

.modal-style1 .modal-main1 {padding:15px;}

.modal-style1 .form-edit-1 .form-control {width:100%;box-shadow:none;}



.modal-styleypay .modal-header {padding:11px;background-color:#fff;}

.modal-styleypay .modal-content {background-color:#a6a6a6; padding:5px;}

.modal-styleypay .modal-body {padding:0;background-color:#fff;}

.modal-styleypay .modal-footer {padding:10px 27px 10px;background-color:#fff;border-radius:0 0 6px 6px;}

.modal-styleypay .modal-footer .ml20 {margin-left:20px;}

.modal-styleypay .modal-footer .btn {padding:6px 21px;}

.modal-styleypay .modal-main {padding:20px 30px 20px 30px;}

.modal-styleypay .modal-main1 {padding:15px;}

.modal-styleypay .form-edit-1 .form-control {width:100%;box-shadow:none;}



.modal-styleypay .edialogclose,.modal-quickselect .edialogclose{position:absolute;top:-20px;right:-20px;width:36px;height:36px; background:url(/Content/images/ypay/dialog-close.png) no-repeat left top;z-index:1005;cursor:pointer;}

.modal-styleypay .edialogclose:hover,.modal-quickselect .edialogclose:hover {  background:url(/Content/images/ypay/dialog-close.png) no-repeat left -36px;  }

.modal-quickselect .edialogclose{top:-18px;right:-18px;}

.modal-dialog.modal-midmd{width:630px;}

.modal-dialog.modal-bigmd{width:750px;}

/*基于bootstrap自定义页码样式

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color:#f60; border-color:#f60;}

.pagination>li>a, .pagination>li>span{color:#666;}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{color:#f60;}

.pager li>a, .pager li>span{padding:2px 8px; border-radius:0; color:#666; font-size:12px;}

.pager li>a:hover, .pager li>a:focus{color:#f60; background-color:#fff; border-color:#f60; }*/

.pager li>a, .pager li>span{padding:3px 8px 1px 8px; border-radius:0; color:#666; font-size:12px;}

.pager li>a:hover, .pager li>a:focus{color:#2aabe6; background-color:#fff; border-color:#2aabe6; }



/*导航条*/

.navbar-normal {background-color:white;box-shadow:0 2px 4px #d4d4d4;}

.c_container {width:100%;position:relative;margin-top:170px}

.c_container_tansparent {width:100%;position:relative;}

.navbar-normal .navbar-brand {display:block;width:138px;height:50px;background:url(/Content/images/logo3.png) center center no-repeat;}

.navbar-normal .navbar-collapse.collapse {float:none;}

.navbar-normal .active {background-color:#2AABE6;}

.navbar-normal .active a {color:#fff;}

.navbar-normal .navbar-nav.navbar-right {position: absolute;right: 0px;top: 0px;margin: 0px;}

.navbar-normal .navbar-nav.navbar-right >li {height:50px;line-height:50px;margin-left:15px;}

.navbar-normal .navbar-toggle {border: 0 none;margin: 0;margin-right: 0;margin-top: 0;padding: 0;}



.navbar-normal .navbar-nav.navbar-right li {float:left;}

.navbar-normal .navbar-nav.navbar-right > li > a {display: inline;font-size: 13px;font-weight: normal;padding: 0;}

.navbar-normal  .navbar-nav li a:hover {background-color: transparent;}

.text-lightdark .fa-bell {top:5px;}

.text-lightdark.mr {margin-right:20px;cursor:pointer;}

.navbar-normal .navbar-toggle {padding:0;}

.navbar-normal .navbar-toggle .fa {color:#00a1c3;font-size:16px;}

.navbar-normal .search-collapsed {margin-top:0;float: none;}

.navbar-normal .form-search .form-control {width: 100%;}



/*页脚*/

/*.footer { width: 100%; text-align:center;font-size:12px;line-height:24px;}*/

.footer{text-align: center;}





/*注册居右注册错误*/

.error-ps-right .pr > .field-validation-error {position:absolute;left:100%;top:50%;color:#C00;font-size:12px;padding-left:0;width:300px;margin-top:-9px;}



/*警示框*/

.alert-style1 {position:fixed;left:50%;margin-left:-160px;top:0px;z-index:100;}

.page_error{ display:inline-block; width:210px; height:210px; background: url(/Content/images/page_error.png);}

.maintenance_error{ display:inline-block; width:256px; height:205px; background: url(/Content/images/maintenance_error.png);}

/*自定义按钮类*/

.btn-posab{position: absolute;right: 20px;bottom: 15px;}

.btn[role='auto_width']{width: auto;}

.btn-xsm {font-size:13px;padding:4px 20px;}

.btn-md,.btn-nm {height: 40px; }

.btn-nm {font-size:16px; padding-bottom:8px;  padding-top:8px; }

.btn.font-size-18 {font-size: 18px;}

.btn.btn-text-blue {color:#2AABE6; background: #FFF;border:solid 1px #2AABE6;}

.btn.btn-bg-blue {color: #FFF;background-color: #2AABE6;}

.btn-verify {background:#7AADD9;color:#FFF;}

.btn-nobg {outline: 0!important;cursor:default;border-color: transparent;padding-left:0;padding-right: 0;background-color: transparent;}

.btn-nobg:focus {outline: 0;}

.btn-nobg:active {box-shadow: none;}

.btn-link:hover {text-decoration: none;}

.btn.hand {cursor: pointer;}

.btn-nobg.btn-bdgrey {height:27px;border:solid 1px #e4e4e4;border-radius:0;padding:0 10px;}

.btn-bg-white {color: #333;background-color: #fff;}

.btn-bggrey-noradius {background-color:#fbfbfb;color:#333;border:1px solid #d7d7d7;border-radius:0;}

.btn-bggrey-noradius:hover {background-color:#f3f3f3;}

.btn.btn-text-blue.special-hover:hover {color:#fff;background-color:#149bd8;}

.btn.btn-primary.special-hover:hover {color: #0A8CD2; background: #FFF;border:solid 1px #2AABE6;}

input.special-text {color:#999;text-align:left;}





/*上传文件样式覆盖*/

.file-box { position:relative;width:251px}

.file-box .txt{ height:27px; border:1px solid #cdcdcd; width:160px;}

.file-box .btn-bdgrey { border:1px solid #cdcdcd; border-left:0;padding:0 17px;}

.file-box .file{ position:absolute; top:0; right:0; height:27px; filter:alpha(opacity: 0); opacity: 0;width:260px;cursor:pointer; }



/*空数据*/

.none-data{ display:inline-block; background: url(/Content/images/none-data.png) no-repeat;}

.none-data.ico1{ height:146px;  margin:80px auto; padding-left:200px; padding-top:40px;  background-position:0 -301px;}

.none-data.ico2{height:200px; margin:80px auto; padding-left:190px; padding-top:75px;  background-position:0 -516px;}

.none-data.ico3{height:50px; margin:80px auto; padding-left:40px; background-position:0 4px;}

.none-data.ico4{height:50px; margin:80px auto; padding-left:80px; background-position:0 -96px;}



.ynone-data{ display:inline-block; width:225px; height:125px; background: url(/Content/images/ypay/ypay_nonedata.png) no-repeat;}

.ynone-data.none-course{ background-position:-496px -150px;}

.ynone-data.none-comment{ background-position:0 -301px;}

.ynone-data.none-buyorder{ background-position:-248px -150px;}

.ynone-data.none-cart{ background-position:-496px 0;}

.ynone-data.none-myorder{ background-position:0 0;}

.ynone-data.none-searchorder{ background-position:-248px 0;}

.ynone-data.none-account{ background-position:0 -453px;}

.ynone-data.none-searchaccount{ background-position:-496px -301px;}

.ynone-data.none-wallet{ background-position:-248px -301px;}

.ynone-data.none-searchwallet{ background-position:0 -150px;}

.ynone-data.none-mywish{ background-position:-248px -454px;}

.ynone-data.none-staffwish{ background-position:-496px -454px;}

.ynone-data.none-staffgz-wish{ background-position:0 -606px;}

.ynone-data.none-didi{background-position:-248px -606px;}

.ynone-data.none-searchdidi{background-position:-496px -606px;}

.ynone-data.none-huihui{background-position:0px -756px;}

.ynone-data.none-searchhuihui{background-position:-248px -756px;

}

.post-nonedata{

    display:inline-block; width:290px; height:250px; background: url(/Content/images/ypay/post-nonedata.png) no-repeat;

}



.konwledge_file .table-border-style{ min-height:760px;}

.konwledge_file .table-border-style .none-data,.table-border-style .border-top-none{ border-top:none; position:absolute; width:198px;}



/*div实现select*/

.select {color:#999;position:relative;border:solid 1px #E4E4E4;height:40px;border-radius: 4px;font-size: 14px;cursor: pointer;background-color: #FFF;}

.select .option {height: 40px;padding:5px 10px;position: relative;line-height:28px;}

.select .option:after { content: '';

    /*content: "\f0d7";font:normal normal normal 14px/1 FontAwesome;color: #666;line-height:28px;*/

    position: absolute;right:10px;top:50%; margin-top: -3px; width: 10px; height: 5px;

    background:url(/Content/images/ypay/zo_arrow.png) 0 -71px;



}

.select .option-list {z-index:10;background-color:#FFF;left:-1px;right:-1px;display: none;position: absolute;top:100%;border: solid 1px #E4E4E4;border-radius: 4px;border-top-left-radius: 0;border-top-right-radius: 0;}

.select.open .option-list {display: block;}

.select .option-list li {line-height: 30px;padding: 0 5px; border-top: 1px solid rgba(255,255,255,.4);}

.select .option-list li:hover,.select .option-list li.selected {background-color: #2AABE6;color: #FFF;}

.select.open {border-bottom-left-radius: 0;border-bottom-right-radius: 0;}

.select:focus {outline: 0;}

.select-style1 {height:34px;}

.select-style1 .option {height:34px;line-height:22px;}

.select-style1 .selectable:hover,.select-style1  .selectable.selected  {background-color:#2AABE6;color: #FFF;}

/*.select-style1 .option:after{ top:9px;  }*/



/*标签，筛选*/

.label-screen {color:#888;font-size:14px;padding:0 10px; }

.label-screen .title {margin-top:13px;font-weight:bold;color:#666;padding-left:10px;width:94px;}

.label-c>div,.label-c >ul ,.screen-c>div{float:left;width:auto;margin-top:0;}

.label-c .title {width:76px;}

.label-screen .content>li ,.label-screen .content  .dropdown {float:left;}

.label-c .content {width:524px;margin:7px 0 7px;}

.label-c .content>li{cursor:pointer;margin-left:20px;line-height:30px;}

.label-c .content>li.active ,.label-c .content>li:hover {color:#0a8cda;}

.label-c .more {cursor:pointer;margin:13px 0 0 0;float:right;}

.label-c .more span:first-child {color:#0a8cda;}

.screen-c {padding-bottom:22px;}

.screen-c .content {min-width:160px;}

.screen-c.border-t1 {border-top:1px dotted #e4e4e4;}

.screen-c .btn {cursor:pointer;margin-top:6px;}

.screen-c .dropdown+.dropdown {margin-left:20px;}

.screen-c .caret {color:#aaa;}

.screen-c .search-has-icon {margin:13px 0 0 200px;}



/*搜索框*/

/*默认搜索框*/

.form-control{

    -webkit-box-shadow:inset 0 1px 1px rgba(248, 248, 248, 0.075);

    -moz-box-shadow:inset 0 1px 1px rgba(248, 248, 248, 0.075);

    -o-box-shadow:inset 0 1px 1px rgba(248, 248, 248, 0.075);

    box-shadow:inset 0 1px 1px rgba(248, 248, 248, 0.075);

}

.search-primary {position:relative;}

.search-primary .txt {color:#aaa;float:left;border: 1px solid #d7d7d7;height:26px; padding:4px 58px 4px 9px; line-height:14px; vertical-align:middle; font-size:12px;}

.search-primary .txt:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}

.search-primary .btn {position:absolute;z-index:2;right:1px;top:1px;padding:0 15px;color:#333;float:left;background-color:#f2f2f2;height:24px;line-height:8px;border-radius:0;font-size:12px;border-left:1px solid #d7d7d7;}

.search-primary .txt.width175 {width:221px;}

.form-control.yellowstyle,.form-control.bluestyle{ border:1px solid #ddd; border-radius:0px;}

.form-control.yellowstyle:focus{border-color:#f60; box-shadow:none; -webkit-box-shadow:none;}

.form-control.bluestyle:focus,.form-control.txtstyle:focus{border-color:#2aabe6; -webkit-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }

.form-control.txtstyle{display:inline-block; border:0; border-radius:0px; padding:0 10px; height:18px; border-bottom:1px solid #ddd;

    -moz-box-shadow:inset 0 0 0 rgba(255, 255, 255, 0.075);

    -ms-box-shadow:inset 0 0 0 rgba(255, 255, 255, 0.075);

    -o-box-shadow:inset 0 0 0 rgba(255, 255, 255, 0.075);

    -webkit-box-shadow:inset 0 0 0 rgba(255, 255, 255, 0.075);

    box-shadow:inset 0 0 0 rgba(255, 255, 255, 0.075);



}

.form-control.input-validation-error,.form-control.input-validation-error:focus {

    -moz-border-color:#dd4800;

    border-color:#dd4800;

    -ms-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255, 255, 255, 0.6);

    -o-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255, 255, 255, 0.6);

    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255, 255, 255, 0.6);

    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255, 255, 255, 0.6);



}

.form-control.bg-white{background-color:#fff; }

/*验证错误*/

.input-validation-error {border-color:#dd4800;}

.input-validation-error:focus {border-color:#dd4800;}

.pr > .field-validation-error {position:absolute;left:0;top:100%;color:#C00;font-size:12px;padding-left:8px;}

.field-validation-error-pl0 .pr > .field-validation-error {padding-left:0;}

.pr >.row .field-validation-error {position:absolute;left:0;top:100%;color:#a94442;font-size:12px; padding-left:8px;}



/*付款方式选择*/

.sellbagbox.sellpsb{position:absolute;top:0; left:0; bottom:0; right:0; padding:20px 0; border:1px dashed #fff; }

.sellbagbox .paystyle,.sellbagbox .dis_paystyle,.sellbagbox .only_paystyle{cursor:pointer; display: inline-block; padding: 0 5px; min-width: 74px; text-align: center; color:#666; line-height: 24px; background-color:#fff;}

.sellbagbox .paystyle.border-grey,.sellbagbox .dis_paystyle.border-grey{border: 1px solid #999;}

.sellbagbox .paystyle.border-light,.sellbagbox .dis_paystyle.border-light{cursor:pointer; border: 1px solid #bcbcbc; background:url(/Content/images/ypay/paystylenone.png) #fff no-repeat right bottom;}

.sellbagbox .paystyle:hover{text-decoration:none;}

/*蓝色效果*/

.paystyle-ul li.active .paystyle,

.sellbagbox .paystyle.active,

.sellbagbox .only_paystyle{ border: 1px solid #2aabe6; color:#2aabe6; background:url(/Content/images/ypay/paystyle_blue.png) #fff no-repeat right bottom;}

/*橘色效果*/

.sellbagbox.paystyle_orange li.active .paystyle,

.sellbagbox.paystyle_orange .paystyle.active,

.sellbagbox.paystyle_orange .only_paystyle{border: 1px solid #f60; color:#f60; background:url(/Content/images/ypay/paystyle.png) #fff no-repeat right bottom;}



.sellbagbox .paystyle.active,.paystyle-ul li.active .paystyle,.sellbagbox .dis_paystyle.border-light{cursor:default;}

.sellbagbox .dis_paystyle .over,.sellbagbox .only_paystyle .over{cursor:default; position:absolute; left:0; top:0; right:0; bottom:0; background-color:#fff; opacity:0.7; filter:alpha(opacity=70);}

.paystyle-ul{ margin-bottom:0;}

.paystyle-ul li,.paystyle-ul li a{ display:inline-block;}

.paystyle-ul li.active .payconpany{ background-color:#e6e6e6;}

/*按钮为图标*/

.search-has-icon {height:28px;position:relative;}



.search-has-icon .txt {border:1px solid #e4e4e4;font-size:12px;color:#aaa;padding:4px 39px 4px 10px;width:236px;float:left;}

.search-has-icon .txt:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}

.search-has-icon .icon {position:absolute;z-index:2;right:0;top:0;color:#b8bbc1;width:39px;height:28px;cursor:pointer;float:left;text-align:center;line-height:28px;}

.search-has-icon .icon .fa-search {vertical-align:top;padding-top:5px;}

/*文本框focus*/

.upload-know-area.modifyinfo .control-text:focus,.upload-know-area.modifyinfo textarea:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}

/*图片文字组合*/

.img-text-group .icon {float:left;margin-right:10px;}

.img-text-group .text {float:left;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.knowledge-type {height:16px;width:16px;margin-right:10px;float:left;}

.knowledge-type.excel {background: url(/Content/images/Knowledgetype/excel.gif);}

.knowledge-type.pdf {background: url(/Content/images/Knowledgetype/PDF.gif);}

.knowledge-type.ppt {background: url(/Content/images/Knowledgetype/PPT.gif);}

.knowledge-type.txt {background: url(/Content/images/Knowledgetype/TXT.png);}

.knowledge-type.word {background: url(/Content/images/Knowledgetype/Word.gif);}

.knowledge-type.course {background: url(/Content/images/Knowledgetype/course.gif);}

.knowledge-type.video {background: url(/Content/images/Knowledgetype/video.gif);}

.knowledge-type.scorm {background: url(/Content/images/Knowledgetype/scorm.gif);}

.knowledge-type-big{ display:inline-block; width:27px; height:33px; margin-right:10px;float:left; background: url(/Content/images/Knowledgetype/file_style.png) no-repeat ;}

.knowledge-type-big.video { background-position:0 0;}

.knowledge-type-big.word,.knowledge-type-big.doc {background-position:-52px 0;}

.knowledge-type-big.file,.knowledge-type-big.course {background-position:-103px 0;}

.knowledge-type-lg{margin-right:10px;float:left; display:inline-block; width:28px; height:32px;  background: url(/Content/images/Knowledgetype/ico_file.png) no-repeat ;}

.knowledge-type-lg.excel { background-position:-164px 0;}

.knowledge-type-lg.pdf {background-position:-246px 0;}

.knowledge-type-lg.ppt {background-position:-82px 0;}

.knowledge-type-lg.txt {background-position:-410px 0;}

.knowledge-type-lg.word {background-position:0 0;}

.knowledge-type-lg.video {background-position:-328px 0;}

.knowledge-type-lg.course {background-position:-492px 0;}

.knowledge-type-lg.scorm {background-position:-552px 0;}

/*表格样式*/



.table-primary {width:100%; }

.table-primary th {height:32px;line-height:32px;font-weight:normal; border-bottom:1px solid #e4e4e4; background-color:#f7f7f7;}

.table-primary .text-left:first-child {padding-left:8px;}

.table-primary input[type="checkbox"] {margin:0px 10px 0 0;float:left;}

.table-primary td  input[type="checkbox"] {margin-left:20px;}

.table-primary  .knowledge-type {margin-top:11px;}

.table-primary .active {color:#51aded;}

.table-primary tr {border-top:1px solid #e4e4e4;}

.table-primary.first-bordernone tr:first-child{border-top:0;}

.table-primary label.checkbox-pretty {margin-left:10px;}

.table-primary.all-bordernone tr{border-top:0;}

.table-primary.thborder-btnone th{border-bottom:none}



.table-primary.has-bordered {border:1px solid #e4e4e4;}

.table-border-style {border:1px solid #e4e4e4;}

.table-border-style .table-primary tr:first-child {border-top:0;}

.table-border-style  th:first-child {padding-left:20px;}

.table-border-style  div .table-primary tr+tr {border-top:1px solid #f2f2f2;}

.table-primary.padding-lg td:first-child,.table-primary.padding-lg th:first-child {padding-left:25px;}

.table-primary.all-has-border td,.table-primary.all-has-border th{border-right:1px solid #e4e4e4;}

.table-primary.all-has-border td:last-child,.table-primary.all-has-border th:last-child{border-right:0;}

.table-primary .thborder-btnone th{border-bottom:none}

/*表格样式2*/

.table-primary.style2 th{font-weight:bold; border-bottom:0; background-color:#fff;}

.table-primary.style3 th{font-weight:bold; border-bottom:0;}

/*表格样式3*/

.table-brown td{border:1px solid #F6EABA; background-color: #FFFBF5;}

.table-brown th {background-color: #FFF0D6;}

.table-white td{border:0;}

.table-white tr.bg-white td{background-color: #fff;}



/*企业订单*/

.table-primary .item table+table{border-top: 1px solid #e4e4e4;}



/*行业选择表格*/

.options-table {width:100%;}

.options-table th,.options-table td {border:1px solid #eaeaea;padding:4px;}

.options-table table th,.options-table table td {border:0;padding-top:2px;padding-bottom:2px;}

.options-table table td {width:1%}

.options-table .radio-pretty {margin-bottom:0;}

/*表格(上传收藏)*/

.table-oprate {width:100%;font-size:12px;}

.table-oprate tr {line-height:40px;}

.table-oprate th {font-weight:normal;height:32px;line-height:32px;}

.table-oprate th,.table-oprate td {padding:0 5px;}

.table-oprate th:first-child,.table-oprate td:first-child {padding-left:15px;}

.table-oprate tbody tr:hover {background-color:#f5f5f5;}

.table-oprate .checkbox-pretty {float:left;margin-right:8px;}

.table-oprate td {color:#999;}

.table-oprate td a.text {color:#333;font-size:14px;line-height:40px;}

.table-oprate td a.text:hover  {color:#0a8cd2;}

.table-oprate td .icon-text .knowledge-type {margin-top:12px;}

.table-oprate td>span {float:right;color:#606672;font-size:20px;cursor:pointer;display:none;}

.table-oprate td>span.fa-trash-o {margin-top:13px;}

.table-oprate td>span.fa-pencil-square-o {margin:14px 10px 0 0;}

.table-oprate tr:hover td>span {display:block;}

.table-oprate td .discuss {width:420px;font-size:14px;color:#333;line-height:20px;margin-left:30px;padding:10px 0;}

/*tab 选项卡*/

/*自定义tab1-1*/

.nav-tabs.nav-normal {background-color: #FFFFFF;}

.nav-tabs.nav-normal.no-sapce li a {padding-left: 2px;padding-right: 2px;}

.nav-tabs.nav-normal {border-bottom:solid 1px #DDD;}

.nav-tabs.nav-normal > li {float: none;margin-bottom: 0;display:table-cell;text-align:center;width:1%;}

.nav-tabs.nav-normal li .fa {margin-right:7px;color: #b6b6b6;}

.nav-tabs.nav-normal li .iconfont {margin-right:7px;color: #b6b6b6;}

.nav-tabs.nav-normal li a {color:#666;padding: 10px 0;margin-bottom:-1px;border-bottom-width: 0;}

.nav-tabs.nav-normal li a:focus {background: none;}

.nav-tabs.nav-normal li a:hover {background-color:transparent;border-color:transparent;/*border-bottom-color: #2AABE6;*/border-bottom-width:2px;}

.nav-tabs.nav-normal li.active a:focus {border-color:transparent;border-bottom-color: #2AABE6;border-bottom-width:2px;}

.nav-tabs.nav-normal li.active .fa {color: #2AABE6;}

.nav-tabs.nav-normal li.active .iconfont {color: #2AABE6;}

.nav-tabs.nav-normal li.active a {color: #2AABE6;border-color:transparent;border-bottom-color: #2AABE6;border-bottom-width:2px;border-radius: 0;}

.nav-tabs.nav-normal li.selected a {border-color:transparent;border-bottom-color: #2AABE6;border-bottom-width:2px;border-radius: 0;}

.nav-tabs.nav-normal li.active a:hover {border-color:transparent;border-bottom-color: #2AABE6;border-bottom-width:2px;}

.nav-tabs.nav-normal .btn-bg-blue {margin-right:15px;}

/*自定义tab1-1*/

.nav-tabs.nav-normal.style1 {border-bottom:solid 2px #e7e7e7;text-align:center;margin:0 15px;}

.nav-tabs.nav-normal.style1>li {display:inline-block;width:auto;padding-left:50px;}

.nav-tabs.nav-normal.style1>li +li {}

.nav-tabs.nav-normal.style1 li a {color:#0A8CD2;padding:15px 20px;margin-bottom:-2px;}

.nav-tabs.nav-normal.style1 .active a  {font-weight:bold;border-bottom-width:3px;}

.nav-tabs.nav-normal.style1 li a:hover {border-bottom-width:3px;}

.nav-tabs.nav-normal.style1 li.active a:focus {border-bottom-width:3px;}

.nav-tabs.nav-normal.style1 li.selected a {border-bottom-width:3px;}

.nav-tabs.nav-normal.style1 li.active a:hover {border-bottom-width:3px;}

/*自定义tab1-2*/

.nav-tabs.nav-normal.style2{border-bottom:3px solid #eee;}

/*2px线*/

.nav-tabs.nav-normal.style2.bor-width-two{border-bottom:2px solid #eee;}

.nav-tabs.nav-normal.style2 > li {text-align:left; width:auto;}

.nav-tabs.nav-normal.style2  li a {padding:14px 25px; border-bottom-width:3px; margin-bottom:-3px;

    -webkit-transition:.3s;

    -o-transition:.3s;

    -ms-transition:.3s;

    -moz-transition:.3s;

    transition:.3s;

}

.nav-tabs.nav-normal.style2.bor-width-two li a {border-bottom-width:2px; margin-bottom:-2px; }

/*.nav-tabs.nav-normal.style2 li.active a {color: #f60;border-bottom-width:3px; border-bottom-color: #f60; } 由橙色变成蓝色*/

.nav-tabs.nav-normal.style2 li.active a {color: #188eee;border-bottom-width:3px; border-bottom-color: #188eee; }

.nav-tabs.nav-normal.style2.bor-width-two li.active a {border-bottom-width:2px;}

/*.nav-tabs.nav-normal.style2 li:hover a {color: #f60;   }*/

.nav-tabs.nav-normal.style2 li:hover a {color: #2aabe6;   }

/*自定义tab1-3*/

.nav-tabs.nav-normal.style3 {background-color: #f2f2f2;}

.nav-tabs.nav-normal.style3 > li {text-align:left; width:auto;}

.nav-tabs.nav-normal.style3  li a,.nav-tabs.nav-normal.style4  li a {

    padding:10px 30px;

    -webkit-transition:.3s;

    -o-transition:.3s;

    -ms-transition:.3s;

    -moz-transition:.3s;

    transition:.3s;

}

.nav-tabs.nav-normal.style3 li.active a {color: #42a5ff; border-bottom-color: #51aded; }

.nav-tabs.nav-normal.style3 li:hover a{color: #42a5ff;}

.nav-tabs.nav-normal.style3>li.active>a, .nav-tabs.nav-normal.style3>li.active>a:hover, .nav-tabs.nav-normal.style3>li.active>a:focus{background-color:#f2f2f2;}

.nav-tabs.nav-normal.style3{border-bottom:#f2f2f2;}

/*自定义tab1-4*/

.nav-tabs.nav-normal.style4 > li {float:left; width:50%;}

.nav-tabs.nav-normal.style4 li.active a{color: #188EEE; border-bottom-color: #188EEE;}

.nav-tabs.nav-normal.style4 li:hover a{color: #188EEE;}



/*自定义tab3*/

.nav-tabs.nav-nonebj>li>a{color:#666;}

.nav-tabs.nav-nonebj>li>a:hover{background-color:transparent; border-color:transparent;}

.nav-tabs.nav-nonebj>li.active>a, .nav-tabs.nav-nonebj>li.active>a:hover, .nav-tabs.nav-nonebj>li.active>a:focus{background-color:#fff;border: 1px solid #ddd;border-bottom-color:transparent;}

.nav-tabs.nav-nonebj>li.active>a{color:#0a8cd2;}

/*自定义tab4*/

.nav-tabs.nav-topblue  {}

.nav-tabs.nav-topblue>li>a {border-radius:0;color:#666;border-top-width:2px;}

.nav-tabs.nav-topblue>li>a:hover {background-color:#fff;color:#027cff;border:1px solid #fff;border-top-width:2px;border-bottom-width:0;}

.nav-tabs.nav-topblue>li.active>a, .nav-tabs.nav-topblue>li.active>a:hover, .nav-tabs.nav-topblue>li.active>a:focus {color:#027cff;border: 1px solid #ddd;border-bottom-color: transparent;border-top:2px solid #51aded;}

/*自定义tab5*/

.nav-tabs.new-style-nav{border-bottom:2px solid #eee;text-align:center;width: 90%;}

.nav-tabs.new-style-nav li {text-align:left; width:auto;border-color: transparent;margin-bottom:0;}

.nav-tabs.new-style-nav li a {padding:10px 25px; border-bottom-width:2px;color:#333;margin-bottom: -2px;

    -webkit-transition:.3s;

    -o-transition:.3s;

    -ms-transition:.3s;

    -moz-transition:.3s;

    transition:.3s;

}

.nav-tabs.new-style-nav li.active a {color: #188eee;border-bottom-width:2px;border-color: transparent; border-bottom-color: #188eee;}

.nav-tabs.new-style-nav li:hover a,.nav-tabs.new-style-nav li a:hover,.nav-tabs.new-style-nav li a:focus {color: #2aabe6;background-color: transparent;border-color: transparent;}

.nav-tabs.new-style-nav li.active:hover a,.nav-tabs.new-style-nav li.active a:hover,.nav-tabs.new-style-nav li.active a:focus{color: #188eee;border-bottom-color: #188eee;}

.new-btn-borderb{border-bottom: 2px solid #eee;width: 10%;padding-bottom:9px;}

/*自定义tab6-名师详情*/







/*线下课订单*/

.select-tabs li.active a{color: #188EEE;}

.select-tabs.select-tab-line li+li a{border-left: 1px solid #e4e4e4;}



/*弹框风格1*/

.form-edit-1 .warn{display:inline-block; padding-left:20px; background:url(/Content/images/warn.png) left 17px no-repeat; }

.form-edit-3 .form-control{ width:100%;}

.form-edit-3 .form-control{ color:#666; border-color:#e4e4e4;}

.form-edit-3 .form-control:focus{border-color:#66afe9;}

.form-edit-3 .control-label.label2{width:85px; float:left; padding-left:15px; text-align:right; color:#808080; font-size:14px; font-weight:normal;}

.form-edit-3 .form-group .form-control.no-input{padding-left:0; padding-right:0; height:auto; min-height:34px;}

.form-edit-3 .form-group .form-control.no-border{border-color:transparent; box-shadow:none;}

.form-edit-3 .form-group.form-inline .radio-inline{ padding-top:0; float:left; margin-top:6px;}

.form-edit-3 .divider{height:1px; margin:9px 0; overflow:hidden; background-color:#e4e4e4;}

.form-edit-3 .selectup .option-list{top:auto; bottom:100%; margin-bottom:1px;}

.form-edit-3 .img-photo{ position:absolute; top:0; right:60px;}

.form-edit-3 .img-photo .overbj{position:absolute; bottom:0px; width:100%; height:25px; background:#000; opacity:0.5; filter:alpha(opacity=50); }

.form-edit-3 .img-photo .text{position:absolute; bottom:0px; width:100%; height:25px; color:#fff; line-height:25px; text-align:center;  }



.welltip{display:inline-block; position:relative; top:-5px; padding:2px 10px; border-radius:4px;}

.welltip.tip-orange{ background-color:#ff875a;}

.welltip.tip-blue{ background-color:#7cbf44;}

.welltip .tansj-orange,.welltip .tansj-blue{position:absolute; bottom:0; left:-4px; display:inline-block; width:8px; height:4px;}

.welltip .tansj-orange{background:url(/Content/images/ypay/tansj.png) center no-repeat;}

.welltip .tansj-blue{background:url(/Content/images/ypay/tansjblue.png) center no-repeat;}

/*crumbslist*/

.crumbslist li{position:relative; float:left;  padding:0 48px 0 57px; height:38px; line-height:38px; color:#808080; text-align:center; background-color:#f2f2f2; }

.crumbslist li .arrowfl,.crumbslist li .arrowfr{position:absolute; top:0; display:inline-block; height:38px; background:url(/Content/images/ypay/crumbslistico.png) no-repeat;}

.crumbslist li .arrowfl{ width:7px; left:-5px;  background-position:0 -64px;z-index:9;}

.crumbslist li .arrowfr{width:19px; right:-19px; background-position:0 -193px; z-index:10;}

.crumbslist li.step-first .arrowfl{ width:7px; left:-5px; background-position:0 -64px;}

.crumbslist li.step-last{ margin-right:15px; }

.crumbslist li.step-last .arrowfr{width:19px; right:-19px;  background-position:0 -322px;z-index:9;}

.crumbslist li.step{background-color:#f60; color:#fff;}

.crumbslist li.step.step-first .arrowfl{width:7px; left:-5px; background-position:0 0; }

.crumbslist li.step .arrowfl{background-position:0 -69px;}

.crumbslist li.step .arrowfr{ width:19px; right:-14px; background-position:0 -129px; z-index:10;}



/*购买页面-15-3-31*/

.playwrap_pa{position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;}

.playwrap .playtitle_hide{ height:54px; overflow:hidden;}

.playwrap .playtitle_hide img{max-height:52px;}

.playwrap .play-box .playcomment{position:absolute; bottom:0; left:0; right:0; height:50px;   }

.playwrap .play-box .medialeft,.play-box .mediaright{ position:absolute;}

.playwrap .play-box .medialeft{ right:300px; top:0; left:0; bottom:0;  height:100%;  }

.playwrap .play-box .mediaright{ right:0; top:0; bottom:0;border-left:1px solid #e4e4e4; width:300px;   }

.playwrap .play-box .play-content{ position:absolute; top:0; bottom:0; left:0; right:0;  overflow:hidden;  }

.playwrap .play-box .play-over{position:absolute; top:0; bottom:0; left:0; right:0; z-index:999;  }

.playwrap .exclamationTip{position:absolute; left:50%; top:50%; margin-top:-88px; margin-left:-180px; width:360px; height:156px; }

.playwrap .arrow_radian{position:absolute; left:80px; bottom:40px;}

.playwrap .play-box .btnhidearrow{position:absolute; top:50%; margin-top:-24px; left:-1px; z-index:50; width:15px; height:48px; text-align:center; line-height:46px; color:#7c7c7c; border:1px solid #414141; background:#2a2a2a;}

.playwrap .play-box .btnshowarrow,.playwrap .play-box .btnhidearrow{color:#31adf2;}

.playwrap .play-box .btnshowarrow .btnshowarrow-text{height:108px; width:24px; position:absolute; top:50%; margin-top:-54px; display:block;}

.playwrap .play-box .btnshowarrow {position:absolute;display:none; right:0;  top:0; bottom:0; width:34px; padding:215px 5px; background:#1a1a1a; color:#31adf2; text-align:center; line-height:20px; }

.playwrap .play-box .btnshowarrow:hover{color:#31adf2;}



.operate-ul li{ float:left;cursor:pointer; text-align:center; /*padding-left:45px;padding-right:45px;*/  margin:1px 0 0px; color:#666;}

.operate-ul li.active,.operate-ul li:hover{color:#f60;}

.operate-ul li.line,.operate-ul li .line{border-left:1px solid #e6e6e6; height:30px; margin-top:22px; padding:0;}

.playwrap{ }

.playwrap .play-title-hidden{width:195px; overflow:hidden; max-height:40px;}

.playwrap .play-box{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:auto; border:1px solid #e4e4e4; }

.playwrap .play-box .nav-play{background-color:#f2f2f2; }

.playwrap .play-box .nav-play li{ float:left;}

.playwrap .play-box .nav-play li a{ display:inline-block; width:149px; height:40px; line-height:40px; font-size:15px; text-align:center;  color:#666; background-color:#f2f2f2;  }

.playwrap .play-box .nav-play li a:hover{ text-decoration:none; }

.playwrap .play-box .nav-play li.active a{  text-decoration:none; color:#333; font-weight:bold; background-color:#fff;}

.playwrap .playstart{opacity:0; filter: alpha(opacity=0);  position:absolute; top:-35px; left:0; right:0; z-index:5; height:35px; line-height:35px; background-color:#000;}

.playwrap .playstart .playstart_over{ position:relative; z-index:9;}



/*课程目录*/

.catalogue-line{}

.catalogue-list dt{position:relative; height:36px; line-height:36px; padding:0 22px 0 0;  background:url(/Content/images/ypay/line.png) repeat-y 70px center; }

.catalogue-list dt .chaptertop{display:inline-block; height:36px; line-height:36px; width:53px; text-align:center; }

.catalogue-list dt .sectiontop{display:inline-block; height:36px; line-height:36px; width:140px; margin-left:38px;}

.catalogue-list dd{ cursor:pointer; position:relative; height:40px; line-height:40px; background:url(/Content/images/ypay/line.png) repeat-y 70px center;}

.catalogue-list .chapter{ display:inline-block; padding-left:10px; width:53px;  height:40px; line-height:40px; text-align:left;   }

.catalogue-list .chapter i{ font-style:normal; margin-left:-3px;}

.catalogue-list .section{ width:162px; display:inline-block; margin-left:38px; }

.catalogue-list .num {position:absolute; top:11px; left:63px; display:inline-block; width:15px; height:15px; background:url(/Content/images/ypay/point_small.png) #fff no-repeat center; }

.catalogue-list .num.numtop{ position:absolute; left:60px; top:7px; width:20px; height:20px;  line-height:20px; text-align:center; background:url(/Content/images/ypay/point_top.png) #fff no-repeat center;}

.catalogue-list a{ display:block; height:40px; line-height:40px; color:#666; }

.catalogue-list dd a:hover .num ,.catalogue-list a.active .num{background:url(/Content/images/ypay/point_select.png) no-repeat center; }

.catalogue-list a.active,.catalogue-list a:hover{color:#333; background-color:#f2f2f2;}

.catalogue-list dd.ddtop{background:url(/Content/images/ypay/line-dd-top.png) repeat-y 70px center; }

.catalogue-list dt.top{ background:url(/Content/images/ypay/line-top.png) repeat-y 70px center;}

.catalogue-list dd.last{background:url(/Content/images/ypay/line-last.png) repeat-y 70px center;}

.catalogue-list dt.onlyone{background:none;}

.catalogue-list dd.onlyone{background:none;}



/*相关课程*/

/*.catalogue-ul{}

.catalogue-ul li{position:relative; height:36px; line-height:16px; padding:10px 0 10px 14px; border:1px solid #eee; margin-bottom:10px; background:url(/Content/images/ypay/arrright.png) 0 center  no-repeat;}

.catalogue-ul .tip{position:absolute; right:5px; top:8px; display:inline-block; vertical-align:middle; height:18px; line-height:14px; padding:2px 5px; border-left:1px solid #e6e6e6; }

.catalogue-ul .tip .tansj{position:absolute; left:-4px; bottom:0; display:inline-block; width:8px; height:4px;  background:url(/Content/images/ypay/tansj.png) center no-repeat;}

.catalogue-ul .name{max-width:230px; display:inline-block;}*/

/*.catalogue-ul.noborder li{border-bottom:0;}

.catalogue-change li{ height:auto;background:url(/Content/images/ypay/bluepoint.png) 10px 16px  no-repeat;}

.catalogue-change li .pic{border:3px solid #ccc;}

.catalogue-change li .pic,.catalogue-change li .brief,.catalogue-change li:hover .tip,.catalogue-change li.active .tip{display:none;}

.catalogue-change li:hover,.catalogue-change li.active{background:none;  padding-left:0; border-bottom:0; }

.catalogue-change li:hover .name,.catalogue-change li.active .name{color:#333; font-size:14px; line-height:30px;}

.catalogue-change li:hover .name:hover,.catalogue-change li.active .name:hover{color:#0a8cd2;}

.catalogue-change li:hover .pic,.catalogue-change li:hover .brief,.catalogue-change li.active .pic,.catalogue-change li.active .brief{display:block;}*/



.catalogue-change li .pic{border:3px solid #ccc;}

.catalogue-change li.active{background:none; height:auto; padding-left:0; border-bottom:0; border:1px solid #fff; border-bottom-color:#eee; padding: 20px 0 20px 0; }

.catalogue-change li.active .name{color:#333; font-size:14px; line-height:30px;}

.catalogue-change li.active .name:hover{color:#0a8cd2;}





/*2017年4月27日15:17:55 修改*/

.coursetag{display: inline-block; position: relative; top:-3px; margin-left: 5px; font-size: 12px; color: #fff; text-align: center; width: 44px; height: 20px; line-height: 18px;

    border-radius: 2px; border: 1px solid #fff;}

.coursetag.tag-open{border-color:#f90; color:#f90; }

.coursetag.tag-train{border-color:#188EEE; color:#188EEE;}

.coursetag.tag-online{border-color:#6c3; color:#6c3;}

.coursetag.tag-bag{border-color:#3c9; color:#3c9;}



.slide-list li{position: relative;}

.relate-tag{display: inline-block; position: absolute; top:0; left: 0;  font-size: 12px; color: #fff; padding-left: 5px; width:58px; height: 21px;

    line-height: 21px;  }

.relate-tag.tag-open{background:url(/Content/images/ypay/tag-yellow.png) center no-repeat; }

.relate-tag.tag-train{background:url(/Content/images/ypay/tag-blue.png?v=919) center no-repeat; }

.relate-tag.tag-online{background:url(/Content/images/ypay/tag-cyan.png) center no-repeat; }

.relate-tag.tag-bag{background:url(/Content/images/ypay/tag-green.png) center no-repeat; }

.relate-tag.tag-recommend{padding-left: 0px; text-align: center; width: 54px; height: 24px; line-height: 24px; background: #F07269; }







.catalogue-ul{}

.catalogue-ul li{position:relative; height:48px; line-height:18px; padding:15px 0 15px 0px; border-bottom:1px dashed #eee;   }

.catalogue-ul li:last-child{  border-bottom-style: solid;}

.catalogue-ul .tip{position:absolute; right:5px; top:15px; display:inline-block; vertical-align:middle; height:18px;

    line-height:18px;   }

.catalogue-ul .tip .tansj{position:absolute; left:-4px; bottom:0; display:inline-block; width:8px; height:4px;  background:url(/Content/images/ypay/tansj.png) center no-repeat;}

.catalogue-ul .name{max-width:185px; display:inline-block;}







.side-tip{float:left; padding:3px 8px 1px 16px; background:url(/Content/images/ypay/tag.png) #f80 left center no-repeat; text-align:center;}

.tagbox{ margin-left:48px;}

.tagbox dd{ float:left; padding:2px 10px; text-align:center; margin-bottom:10px; background-color:#e2e2e2; border-radius:4px; margin-left:10px;}

.capter-dl dt{font-weight:normal;}

.capter-dl dd{ margin:10px 0; height:35px; line-height:35px; overflow:hidden;}



.comment_entry .myfavourite{position:absolute; top:0; right:0; padding:5px; width:55px; height:48px; text-align:center; border-left:1px solid #e4e4e4;}

.comment_entry .myfavourite a{color:#999;}

.comment_entry .myfavourite a:hover,.comment_entry .myfavourite a.active{color:#f60; text-decoration:none;}

.comment_entry .myfavourite a.active{ cursor:default;}



.package-ul{margin-left:-41px;}

.package-ul li{ float:left; margin-left:41px; width:200px;}

.package-ul li .price{ padding:0 5px;  background-color:#f80; border-radius:12px 0px 0px 12px;}

/*促销优惠*/

.paywell span{cursor:pointer; margin:15px 15px 0 0; color:#666;}

.paywell span .icon{color:#fe8989;}

.paywell span.active,.paywell span.active:hover{ background-color:#2aabe6; color:#fff; border-color:#fff;}

.paywell span:hover{border-color:#2aabe6;}

.paywell span.active .icon{color:#fff;}

.paywell span.active{cursor:default;}



/*点赞 评论 收藏*/

.operarea:hover,.operarea.active a{ color:#0a8cd2; cursor:pointer; text-decoration:none;}

.operarea:hover .num,.operarea.active .num{color:#999;}

.operarea.active .hollow,.operarea .sincere{display:none;}

.operarea.active .sincere{display:inline-block;}

.operarea .weixin-down{ position:relative; top:-3px; right:-3px;}

.operarea.view-in-phone{position:relative; }

.operarea.view-in-phone .weixin-img{ position:absolute; top:20px; left:0; display:none;}

.operarea.view-in-phone:hover .weixin-img{display:block;}

.operarea.active, .operarea.active a{color:#999;}

/*课时介绍*/

.comment_entry .ico-line{ display:inline-block; width:5px; height:15px; background-color:#51aded;}

.comment_entry .user-photo{ display:inline-block; width:43px; height:43px; border-radius:21px; overflow:hidden;}

.comment_entry .com-tip{ padding:2px 8px; margin-right:5px; color:#808080; background-color:#edf0f2; border-radius:10px;}

.comment_entry .pointbj{display:block; width:342px; height:16px; background:url(/Content/images/ypay/pointbj.png) no-repeat center;}/*ypay*/

/*评分展示区*/

.graderesaultnew {line-height:20px;padding:0 5px 0 12px;}

.graderesaultnew .gradtitle .leftpart {float:left; line-height:30px; color:#666666; font-size:12px;}

.graderesaultnew .gradtitle .leftpart .number {color:#FF6600; font-weight:bold; font-size:28px;}

.graderesaultnew .gradtitle .leftpart .avg { line-height:16px; padding-top:10px;}

.graderesaultnew .gradtitle .rightpart {color:#666666; float:left; padding:6px 0px 0px 20px; width:150px; line-height:18px;}

.graderesaultnew .gradbody .gradslider {width:28px;height:21px;margin-top:5px;margin-left:18px;text-align:center;line-height:18px;color:#FFF;font-family:arial;font-size:12px;background: url(/Content/images/comment/slider.png) left top no-repeat;}

.graderesaultnew .gradbody .gradscore {width:420px;height:40px;background: url(/Content/images/comment/scorebar.png) no-repeat;}

/*评论输入区*/

.comment_entry .comment_content{ padding:10px 20px; background-color:#eff3f8; border:1px solid #e4e4e4;}

.comment_entry .comment_content .functions{ position:relative; top:-3px;}

/*评论展示区*/

/*ypay*/

.comment_box .comment_show li{padding:24px 0; min-height:100px; overflow: hidden; border-bottom:1px dotted #e4e4e4;}

.comment_box .comment_show .metainfo{ width:100px;}

.comment_box .comment_show .score-star{position:relative; top:-2px;}

.comment_box .comment_show li .avatar{display:inline-block;background:#FFF;border-radius:20px;  height:40px;overflow:hidden;width:40px;}



.study-right .studyer{ height:40px; line-height:40px; border-bottom:1px solid #ccc;}

.study-right .studyer .studyer-title{ position:relative; top:-3px; display:inline-block; border-bottom:3px solid #51aded;}

.study-right .studyer .slide-list{ width:240px; height:80px;}

/*购买付款-2017年11月20日9:56:44修改*/

/*支付头部*/

.pay-header{ line-height: 54px;}

.pay-header .yxtlogo{display: inline-block; width: 149px; height: 54px; background:url(/Content/images/ypay/pay/yxtlogo.png) center no-repeat;}

.pay-header .has-leftline{ position: relative; padding-left: 15px; margin-left: 6px;}

.pay-header .has-leftline:before{ content: ''; position: absolute; left: 0; top:50%; margin-top: -15px; display: inline-block; height: 30px; border-left: 1px solid #999; }

.pay_online { padding:25px 0 5px;  border-radius:4px;}

.pay_online .forward_box { position:absolute; width:100%; z-index:2; top:20px; left:0; height:47px; background:#fff; opacity:0.8; filter:alpha(opacity=80);}

.pay_online .forward{ position:relative; z-index:3; top:16px; margin-left:20px; width:194px; height:43px; display:inline-block;  background:url(/Content/images/ypay/forward.png) no-repeat ;}

.pay_online .pay_span{ display:inline-block; position:relative;  width:190px;}

.pay_online .pay_span .radio{ position:absolute; top:10px; left:0;}

.select_online{ line-height:22px; position:relative; padding-left:45px; }

.select_online .select_ico,

.select_online .select_none,

.select_online .select_active_none{ cursor:pointer; display:inline-block; position:absolute; left:0; top:50%; margin-top: -11px;  width:20px; height:20px; background:url(/Content/images/ypay/pay/select_ico.png) no-repeat; }

.select_online .select_ico.active{background:url(/Content/images/ypay/pay/select_active_ico.png) no-repeat; }

.select_online .select_none{background:url(/Content/images/ypay/pay/select_none.png) no-repeat ; cursor: default; pointer-events:none;}

.select_online .select_active_none,

.select_online .select_ico.select_active_none{background:url(/Content/images/ypay/pay/select_active_none.png) no-repeat; cursor: default;  pointer-events:none;}

.select_online.haschild .select_ico,

.select_online.haschild .select_none,

.select_online.haschild .select_active_none{left: -80px;}

/*购买付款-2017年11月20日9:56:44修改 end*/



.select_wallet_ico{cursor:pointer; display:inline-block; position:absolute; left:0; top:0; width:20px; height:20px; background:url(/Content/images/ypay/select_wallet.png) no-repeat 0 0px; }

.select_wallet_ico.active{background:url(/Content/images/ypay/select_wallet_active.png) no-repeat 0 0px; }

.title-menu {  display: inline-block;   border-bottom: 2px solid #2aabe6;  line-height: 30px;  margin-bottom: -2px;}

/*猜你喜欢*/

.like-list li{position:relative; float:left; width:230px; padding:5px; border:1px solid #ccc;}

.like-list li+li{margin-left:7px; display:inline; }

.like-list .fivepay{position:absolute; top:0; right:0; display:block; width:64px; height:64px;background:url(/Content/images/ypay/entry/51pay.png) center no-repeat ;}

.like-list .link-img {display: block; width: 220px;height: 124px;overflow:hidden; }

.like-list .link-img img {width: 100%;height: 100%;}

.l-you .l-arrow-r:hover i,.l-you .l-arrow:hover i{/*color:#f60;*/ color:#2aabe6;}

.detail-like .like-list li+li{margin-left:12px;}



/*新版猜你喜欢 2017年4月27日17:23:59*/

.favlist{}

.favlist li{position: relative; float: left; width: 221px; height: 180px;}

.favlist li+li{margin-left:23px; display:inline; }



.cpcourselist{ margin-left:-20px;  }

.cpcourselist li{position: relative; float: left; margin-left:20px; margin-bottom: 20px; display:inline;  width: 224px; height: 180px;}





/*课程详情猜你喜欢 不支持试看后期不做删除 2017年7月25日 15:59:29*/

.unsupport-container .unsupportview{background: rgba(0,0,0,.9); z-index:99;}

.unsupport-container .unsupportipbox{ height: 40%;}

.unsupport-container .unsupportip{top:30%;  line-height: 42px;}

.unsupportipico{display: inline-block; width: 42px; height: 42px; background:url(/Content/images/ypay/unsupportipico.png) center no-repeat; background-size: cover;}

.viewfavlist{width: 1340px; margin: 0 auto;  }

.viewfavlist li{ float: left; width: 290px; height: 163px;}

.viewfavlist li+li{margin-left:60px; display:inline; }

/*课程详情猜你喜欢 2017年7月25日 15:59:29*/



/*选课车*/

.sellbagbox .sellbag_edit {position:absolute;top:0; right:0; display: inline-block; cursor: pointer; width: 40px;height: 22px;overflow:hidden; vertical-align: middle; text-align:center; color:#999; margin-top:0;  }

.sellbagbox .sellbag{position: relative; }

.mod_orderform, .mod_sureorderform{ position:relative;/*min-height: 581px;*/ padding-bottom:50px; }

/*确认订单*/

.mod_sureorderform{padding-bottom:72px;}

.mod_orderform .totalitemdeal{

    /*z-index:1000;*/

    z-index:99;

    border:solid 1px #E3E3E3; height:50px;overflow:hidden; position:fixed; bottom:0;width:1200px; border-top:0; }

.mod_orderform .totalitemdeal.sureorder{height:72px; width:1201px;}

.mod_orderform .totalitemdeal.height90{height: 90px;}

.joincart{width:160px; height:57px;}

.joincart .joincartbtn{display:inline-block; position:absolute; top:0; left:0;  width:160px; height:57px; z-index:5;}

.joincart .joincartbtn_show{display:inline-block; position:absolute; top:-4px;  z-index:5;left:146px; padding:14px; width:250px; height:71px;}

.joincart .joinbj_cover{display:inline-block; position:absolute; top:-4px;  z-index:0;left:0;  width:430px; height:71px; background-color:#ffecdf; border:1px solid #fca;}

/*我的订单*/

.orderlayout .item .item_list{ overflow:hidden; margin-bottom:0;}

.orderlayout .item .item_list+.item_list{border-top:1px solid #eee;}

.orderlayout .order_list .summary .title{height:52px; display:inline-block}

.orderlayout .item .item_list li,.ypay_layout .course_list .item .item_list li{ float:left; height:153px; padding:20px 0; width:750px;}

.orderlayout .item .item_list li{width:721px; height:130px;}

.orderlayout .item .item_list li.w_1,.ypay_layout .course_list .item .item_list li.w_1{width:140px}

.orderlayout .item .item_list li.w_1{width:180px}

.orderlayout .item span{ display:inline-block;}

.orderlayout .item_list .w_1{ width:306px;}

.orderlayout .item_list .w_2{ width:134px; vertical-align:top;}

.orderlayout .item_list .w_3{ width:120px; vertical-align:top;}

.orderlayout .item_list .w_4{ width:124px;  vertical-align:top;}

.orderlayout .item_right{width:280px; top:0; height:100%;}

/*.orderlayout .payposb{ position:absolute; *//*top:50%;*//* left:0px; margin-top:-20px; width:308px;}*/

.orderlayout .payposb{display: table-cell; vertical-align: middle; width: 308px;}

.orderlayout .send{ position:absolute; top:20px; left:0; right:0; width:308px; display:inline-block;  }

.orderlayout .bottom-more{}

.orderlayout .bottom-more .popselect{cursor:pointer; position:absolute; top: -15px; left:40px; z-index:4;}

.orderlayout .bottom-more .arrow{ display:inline-block; width:10px; height:9px; background:url(/Content/images/mCSB_buttons.png) no-repeat;}

.orderlayout .bottom-more .arrow.arrowup{ background-position:-99px -7px;}

.orderlayout .bottom-more .arrow.arrowdown{background-position:-99px -26px;}

.orderlayout .bottom-more .pop-over{display:none; position:absolute; top: -17px; left: -3px; z-index:2; width:130px;  padding:36px 10px 10px; background:#fff; border:1px solid #e4e4e4;}



.page-small-list .pager{margin:0 0 4px; float:right; width:105px;}

/*我的账户*/

.account-top{height:110px; width: 468px; }/*2015-12-29修改 *//*2017-3-7 13:54:07修改 */

.account-top .acc_manage{position:relative; top:1px;  font-size:12px;}

.account-top-last{width:48%;}/*修改成2块*/

.account-top-last .over-layer-dark{position:absolute; top:-15px; left:0; right:-17px; bottom:-15px; opacity:0.2; filter:alpha(opacity=20);}



/*我的账户toB*/

/*12-29修改*/

.accountlist-tobbox{height:111px;  }

.accountlist-tob{position:absolute;height:111px; width:1200px; left:0; top:0; }

.account-tob-top{width:42%; padding-left:15px; height:61px;}

.account-tob-mid{width:27%; padding-left:15px; height:61px;}

.account-tob-top-last{width:31%; padding:0 0 0 20px;  height:61px;}

.accountlist-tob .acc_manage{font-size:12px; position:absolute; top:2px;}

.account-tob-top .acc_manage{right:15px;}

.account-tob-mid .acc_manage{right:15px;}

.account-tob-top-last .acc_manage{right:15px;}

.picmiddle,.picmiddle-lg{max-height:71px; line-height:71px; vertical-align:middle;}

.picmiddle>img,.picmiddle-lg>img{display:inline; width:auto; height:auto; max-height:71px; vertical-align:middle;}

.picmiddle-lg{max-height:91px; line-height:91px;}

.picmiddle-com{max-height:65px; line-height:65px; vertical-align:middle;}

.picmiddle-com>img{display:inline; width:auto; height:auto; max-height:65px; vertical-align:middle;}

/*12-29修改*/



.cata-select-box {padding:10px 20px;}

.cata-select-box .select-row {height:32px;}

.select-row {line-height: 22px;overflow: hidden;}

.select-row + .select-row {margin-top:8px;}

.select-row .row-title {color: #333;width: 60px; text-align:right;}

.select-row .select-list {margin-left:45px;position: relative;}

.select-row .select-list > ul {margin-right:35px;margin-bottom: 0;}

.select-row .select-list > ul li {margin-right:20px;margin-bottom:10px;cursor: pointer;border-radius: 3px;padding:0 8px;float: left;color: #666;}

.select-row .select-list > ul li.active,.select-row .select-list > ul li:hover {background: #2aabe6;color: #FFF;}



.count-popover{width:140px;}

.count-popover:hover .countlist{display:block;}

.count-popover:hover a{color:#f60}

.countlist{display:none; position:absolute; top:28px; left:-10px; z-index:5; width:498px; background:#fff; border-left:1px solid #e6e6e6; border-right:3px solid #e6e6e6; border-bottom:3px solid #e6e6e6;

    border-top:1px solid #e6e6e6; border-radius:5px;}

.countlist .arrowtop{position:absolute; top:-9px; left:16px;}

/*优惠券*/

.vouchersbox{margin-left:-24px;}

.vouchersbox .vouchers{margin-bottom:24px; margin-left:24px; height:165px; /*width: 384px;width: 370px;*/ }

.vouchers .voucherico{ display:inline-block; width:85px; height:100px; background:url(/Content/images/ypay/voucherico.png) center repeat ;}

/* 余额分配 */

.bind_list li{ position:relative; margin-bottom:10px; color:#999;  height:56px; line-height:24px; padding:15px 20px;  border-bottom:1px solid #f2f2f2; }

.bind_list li:first-child{background-color: #f2f2f2; color:#333; height:45px; padding:10px 20px; }

.bind_list li.clickdisabled .bgcover{ background-color:#C5C5C5; opacity:0.2; filter: Alpha(Opacity=20); position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; z-index:2; }

.bind_list li.clickdisabled {border-color:#fff;}

.bind_list li.clickdisabled .surebtn{color:#666;}

.bind_list .surebtn{cursor:pointer; position:absolute; top:-1px; right:-1px; z-index:0; height:56px; width:80px; line-height:56px; color:#2aabe6; text-align:center; border:1px solid #e4e4e4;}

.bind_list .surebtn:hover, .bind_list .surebtn.active{border-color:#2aabe6;}

.bind_list .select_ico{float:left; display:inline-block;  width:150px;  height:24px; background:url(/Content/images/ypay/rebind_ico.png) no-repeat 0 1px; padding-left:30px; }

.bind_list .select_ico.active{background:url(/Content/images/ypay/rebind_ico.png) no-repeat 0 -25px;}

.bind_list .check_ico,.allbind_list .check_ico{  cursor:pointer; display:inline-block;  width:80px; height:24px; line-height:24px; padding-left:25px; background:url(/Content/images/ypay/rebind_ico.png) no-repeat 0px -178px; text-align:left;}

.bind_list .check_ico{float:left;}

.bind_list .check_ico.on,.allbind_list .check_ico.on{background:url(/Content/images/ypay/rebind_ico.png) no-repeat 0px -151px;}

.bind_list .txtstyle{ width: 106px; height: 24px; line-height: 24px; border: 1px solid #ddd;}



.bind_list_didi .overbg{position: absolute; top:-15px; bottom: -15px; left: 0; width: 100%; background-color: #f2f2f2; }

.arrow-didi{display:inline-block; position: absolute;  left: 0; z-index: 4; top:50%; margin-top: -4px; width:6px; height:8px; background:url(/Content/images/ypay/arrow-didi.png) no-repeat ; }

.check_pay_ico,.check_limt-ico{cursor:pointer; display:inline-block;  width:75px; height:24px; line-height:24px; padding-left:25px; text-align:left; background:url(/Content/images/ypay/rebind_ico.png) no-repeat 0px -178px;  }

.check_pay_ico.on{background-position: 0 -151px;}

.check_limt-ico{width:85px;  background:url(/Content/images/ypay/select_ico.png) no-repeat 0px -212px; }

.check_limt-ico.on{background-position: 0 -180px;}





.bind_list .turn{cursor:pointer; position:relative;  margin-top:2px; display:inline-block; height:20px; line-height:20px;  background:url(/Content/images/ypay/rebind_ico.png) no-repeat 0 -86px; padding-left:40px;}

.bind_list .turn.turnon{ background:url(/Content/images/ypay/rebind_ico.png) no-repeat 0 -109px; color:#Fe7e3d; font-weight:bold; }

.bind_list .price_off{  width:64px; background:none; border:0; border-bottom:1px solid #eee;}



.bind_tip{ border-top:1px solid #ddd; background-color:#F5F5F5; min-height:65px; padding:25px 40px; width:531px; font-size:14px; }

.bind_tip.fontsize2{font-size:16px;}

.bindcard .posr{ position:relative;}

.bindcard .load{ position:absolute; bottom:-3px; width:545px; height:20px;}

.prbodyover{ position:relative;}

.prbodyover .bodyover{ cursor:not-allowed; position:absolute; top:0; left:0; right:0; bottom:0; z-index:9; background:#fff; opacity:0.5; filter:alpha(opacity=50);}

/*alert弹框*/

.card{ -webkit-box-shadow:2px 2px 10px #ccc; -moz-box-shadow:2px 2px 10px #ccc; -o-box-shadow:2px 2px 10px #ccc; box-shadow:2px 2px 10px #ccc; border:1px solid #e6e6e6; border-radius:8px;}



/*指定员工*/

.choose-row .iconfont { vertical-align:middle;}

.choose-row .close-style2 {cursor:pointer; /*visibility: hidden;*/ visibility: visible;}

.choose-row:first-child .close-style2 {visibility: visible;}

.choose-row:hover .close-style2 {visibility: visible;}

.choserow-list{ margin-left:-15px;}

.choserow-list .choose-row {margin-left:15px;}



/*我的红包sort-blue*/

.sort-dl,.sort-blue {cursor:pointer;}

.sort-dl.active{color:#f60;}

.sort-dl .sort-up,.sort-dl .sort-down,.sort-dl .sort-disup,.sort-dl .sort-disdown,

.sort-blue .sort-up,.sort-blue .sort-down,.sort-blue .sort-disup,.sort-blue .sort-disdown{display:inline-block; width:9px; height:9px; background:url(/Content/images/ypay/arrow.png) no-repeat;}

.sort-dl .sort-up{ background-position:-2px -14px;}

.sort-dl .sort-down{background-position:-2px -1px;}

.sort-dl .sort-disup,.sort-blue .sort-disup{background-position:-2px -44px;}

.sort-dl .sort-disdown,.sort-blue .sort-disdown{background-position:-2px -29px;}

.sort-blue .sort-up{ background-position:-2px -73px;}

.sort-blue .sort-down{background-position:-2px -60px;}



.sort-bar {padding:0 12px 0 0; min-height: 40px; background: #F7F7F7;border: solid 1px #E4E4E4;}

.sort-bar .sort-list {line-height: 38px; margin-bottom:0;}

.sort-bar .sort-list li {float: left;cursor: pointer;padding:0 20px;color: #666;}

.sort-bar .sort-list li.active {background: #FFF;color: #f60;border-right:solid 1px #E4E4E4;}

.sort-bar .sort-list li + li.active,.sort-bar .sort-blue-list li + li.active {border-left:solid 1px #E4E4E4;}

.sort-bar .sort-blue-list li.active {background: #FFF;color:#188eee;border-right:solid 1px #E4E4E4;}



/*名师*/

.sort-bar.seach-sort-bar,.sort-bar.teacher-sort-bar{border:0; border-bottom: solid 1px #E4E4E4;}

.sort-bar.teacher-sort-bar{ border-top: solid 1px #f3f3f3; border-color: #f3f3f3;   height: 44px;}

.sort-bar.teacher-sort-bar .sort-list {line-height: 42px; margin-bottom:0;}

.sort-bar.teacher-sort-bar .sort-list li{padding:0 30px;}

/*课程 搜索*/

.seach-sort-bar .seach-sort,.course-bar .seach-sort{line-height: 48px;}







.sort-bar li>a{color: #666;}

.sort-bar li.active>a{color:#188eee;}



.listmore .bottom-more .popselect{cursor:pointer; position:absolute; top: 0; width:125px; left:0; text-align:center; z-index:4;}

.listmore .bottom-more .arrow{ display:inline-block; width:10px; height:9px; background:url(/Content/images/ypay/arrow_btn.png) no-repeat;}

.listmore .bottom-more .arrow.arrowup{ background-position:0 -54px;}

.listmore .bottom-more .arrow.arrowdown{background-position:0 3px;}

.listmore .bottom-more .pop-over{display:none; position:absolute; top: -1px; left: -3px; z-index:2; width:125px;  /*padding:36px 10px 10px;*/ padding:38px 0 0; background:#fff; border:1px solid #e4e4e4;}

.listmore .bottom-more.tab-top{position:absolute; top:0; left:0; right:0; bottom:0; height:103%; width:100%; /*border-bottom:1px solid #e4e4e4;*/  }

.listmore .bottom-more.statebox .popselect,.listmore .bottom-more.stylebox .popselect{height:100%; width:100%; top: 0px; text-align:center;   line-height:38px; /*left:2px; top: 3px;*/ }

.listmore .bottom-more.stylebox .popselect{ left:0;   }

.listmore .bottom-more.statebox {width:124px; right:10px;  }

.listmore .bottom-more.tab-top .pop-over{top: -1px; width:100%;}



/*网站顶部*/

.headerbox .head-upper{ height:30px; line-height:24px; padding:3px;}

.headerbox .new_yxt{max-height:80px;}

.headerbox .new_yxt .head-loch{ position: absolute;left:360px;}

.headerbox .new_yxt .head-loch .search-record{position: absolute; z-index:100; width: 465px; background-color: #fff; border: 1px solid #ccc; border-top:0;}

.search-record ul>li{height: 30px; padding: 0 15px; position: relative; }

.search-record ul>li a{color: #333; display: inline-block; width: 95%;}

.search-record ul>li .delico{display:none; position: absolute; right: 0px; top: 0px; width: 35px; height: 30px;}

.search-record ul>li .delico:after{content: ''; position: absolute; left: 10px; top: 9px; display: inline-block; width:14px; height: 14px; background:url(/Content/images/ypay/headicofont.png) 0 -117px no-repeat;}

.search-record ul>li .delico:hover:after{background-position: -36px -117px;}

.search-record ul>li:hover{background-color:#F2F2F2; }

.search-record ul>li:hover .delico{display: inline-block;}



/*头部签到*/

.btn_qian{padding:2px 10px;font-size:12px;color:#fff;background:#2aabe6;margin-top:1px;}

.btn_qian:hover,.btn_qian:focus{color:#fff;}

/*头部公司账户管理*/

.companybtnbox{position:relative; width:92px; height:29px;   border-top:1px solid #f5f5f5; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5;  }

.companybtnbox .companybtn{position:absolute; padding-left:5px; left:0; top:0; right:0; bottom:0; z-index:100; color:#6c6c6c; }

.companybtnbox .companybtn:hover{color:#2AABE6;}

.companybtnbox .company-menu{display:none; position:absolute; left:-1px; top:27px; z-index:100; padding:0 10px; width:160px; background-color:#fff; border:1px solid #eee; line-height:22px;}

.companybtnbox:hover{ border-color:#eee;}

.companybtnbox:hover .companybtn{ border-color:#eee;background-color:#fff;}

.companybtnbox:hover .company-menu{display:block;background-color:#fff;}

.company-menu li{padding-left:15px; background:url(/Content/images/ypay/point-small.png) left center no-repeat;}

/*头部云学堂导航*/

.navyxt{position:relative; width:102px; height:30px; color: #666;  background-color: #fff;  }

.yxtico {display: inline-block; width: 16px; height: 11px; background:url(/Content/images/ypay/headicofont.png) -36px -65px no-repeat;}





/*头部字体图标*/

.headerbox .g-icon{font-size:13px;}

.g-icon.icon-mywish,.g-icon.icon-ygwish,.g-icon.icon-yhuihui,.g-icon.icon-ygszhpz,.g-icon.icon-ceping{display:inline-block; margin-top:6px; width:13px; height:13px; background: url(/Content/images/ypay/headicofont.png) 0 0 no-repeat;}

.g-icon.icon-ygwish{background-position:0 -37px;}

.g-icon.icon-yhuihui{background-position:-37px 0;}

.g-icon.icon-ygszhpz{background-position:-37px -37px;}

.g-icon.icon-wode,.g-icon.icon-wodezhanghu{margin-top:1px;}

.g-icon.icon-ceping{background-position:0px -90px;}



.nodrop{margin-left: 15px;}

.hasdrop{margin-left: 10px;}

.hasdrop+.nodrop{margin-left: 8px;}

.hasdrop+.hasdrop{margin-left:2px;}

.yxtdrop{margin-left: 5px;}

.hasdrop+.yxtdrop{margin-left: 0px;}



/*头部logo*/

.headerbox .new_yxt .head_height{max-height:80px; padding:20px 0 0 0;}

.headerbox .new_yxt .yxtmall_height{max-height:75px; padding:12px 0 0 0;}

.headerbox .head_height .menulogo,.headerbox .yxtmall_height .menulogo{max-height:50px; /*max-width:300px;*/ box-sizing:border-box; line-height:45px; padding:0; vertical-align:middle; }

.headerbox .head_height .menulogo>img,.headerbox .yxtmall_height .menulogo>img{ display:inline; width:auto; height:auto; max-height:45px;vertical-align:middle;}

.headerbox .yxtmall_height .menulogo>img{max-height:38px;}

.menulogo .t-title{position:relative; top:-2px; line-height:30px; margin-left:20px;}

/*头部乐小才*/

.headerbox .infobox:hover .info-content{display:block; }

.headerbox .infobox:hover .infoover{background-color:#fff; border:1px solid #e4e4e4; border-bottom:0;}

.headerbox .infobox .fa-angle-down,.headerbox .infobox:hover .fa-angle-up{display:inline-block;}

.headerbox .infobox:hover .fa-angle-down,.headerbox .infobox .fa-angle-up{display:none;}

.headerbox .info-content.info-center{width:175px;  padding:0; }

.headerbox .infoover{display:inline-block; position:relative; z-index:999; padding:0 5px 4px;   border:1px solid #f5f5f5; border-bottom:0;}

.headerbox .infoover .info-envelope.active .info-point{position:absolute; top:-2px; right:8px; display:inline-block; width:6px; height:6px; background: url(/Content/images/point2.png)  center no-repeat;}

.headerbox .info-content{display:none; position:absolute; top:28px; left:0; z-index:998; width:364px; padding:0 12px 2px; background-color:#fff; border:1px solid #e4e4e4;}

/*头部乐小才下拉列表*/

.info-personlist {padding:10px 20px;}

.info-personlist li{height:36px; line-height:36px;}

.info-centerico{ margin-top:10px; display:inline-block; width:22px; height:20px; background: url(/Content/images/info-centerico.png)  no-repeat;}

.info-centerico.ico1{background-position:0 0;}

.info-centerico.ico2{background-position:0 -35px;}

.info-centerico.ico3{background-position:0 -75px;}

.info-centerico.ico4{background-position:0 -112px;}

.info-centerico.ico5{background-position:0 -150px;}

.info-centerico.ico6{background-position:0 -184px;}

/*头部消息中心*/

.headerbox .info-list li{padding:12px; color:#999; border-bottom:1px solid #f2f2f2;  }

.headerbox .info-list li.active{ background: url(/Content/images/point2.png) left 20px no-repeat; }

.headerbox .info-list li span{ color:#666;}

.headerbox .info-list li.active>span{font-weight:bold; }

/*头部搜索*/

.headerbox .head-search{ margin-top:4px;}

.headerbox .head-search .input-md40{ width:375px; height:40px; padding:10px 16px; font-size:14px; line-height:1.33; border-radius:6px;}

.headerbox .head-search .form-control-feedback{height:40px; line-height:40px;}

.headerbox .head-search .form-control{ border:1px solid #d7d7d7;}

/*.headerbox .head-search .form-control:focus{border-color:#66afe9}*/

/*.headerbox .head-search .blue-input{ width:582px; height:40px; padding:10px 260px 10px 16px; font-size:12px; line-height:1.33;  border:2px solid #00aaef; border-radius:0; -webkit-box-shadow:none; box-shadow:none; }*/

.headerbox .head-search .grey-input{width:465px; height:42px; padding:10px 56px 10px 16px; font-size:12px; line-height:1.33;  border:1px solid #ccc; border-radius:0; -webkit-box-shadow:none; box-shadow:none; }

.headerbox .head-search .searchyamllbtn{height:42px; width:42px; line-height:40px;background:url(/Content/images/ypay/searchico.png) #188eee center 6px no-repeat ;}

.headerbox .head-search .searchyamllbtn:hover{background-color:#1586e2;}

.headerbox .head-search .searchbtn{height:40px; width:48px; line-height:40px;background:url(/Content/images/search.png) no-repeat center 6px #00aaef; }

.headerbox .head-search .searchbtn:hover{background-color:#14b6f8;}

/*.headerbox  .searchtip{position:absolute; right:48px; top:5px; width:212px; text-align:right;}*/

.headerbox  .searchtip{position:absolute; left:0px; top:45px; width:465px; height: 18px; line-height: 18px; overflow: hidden;  }



/* 搜索结果搜索框*/

.search-result-box{border-top:1px solid #efefef; padding-top: 25px;}



.search-result-box .orange-input{width:465px; height:42px; padding:10px 56px 10px 16px; font-size:12px;

    line-height:1.33;  border:1px solid #ccc; border-radius:0; -webkit-box-shadow:none; box-shadow:none;

}

.search-result-box .orange-input:focus{outline: 0;}

.search-result-box .searchbtn{height:42px; width:42px; line-height:40px;

    background:url(/Content/images/ypay/searchico.png) #ff6800 center 6px no-repeat ;}

.search-result-box .searchbtn:hover{background-color:#ed6202;}



/*头部导航*/

.headerbox .comp-nav li{float: left;  }

.headerbox .comp-nav li a{display:inline-block;color:#fff; height:40px;line-height: 40px; padding:0 30px;}

.headerbox .comp-nav li a:hover,.headerbox .comp-nav li a.active{ text-decoration:none; background: #1998D5;}

.comp-nav .red_dot{display:inline-block;width:6px;height:6px;position:absolute;left:95px;top:10px;background:red;line-height:15px;text-align:center;font-size:12px;color:#fff;border-radius:50%}

.comp-nav .hui_icon,.new_nav .hui_icon{width:19px;height:20px;display:inline-block;position:absolute;background:url(/Content/images/huo_hui2.png) no-repeat}



.headerbox .mainnav li{float:left;

    /* margin-right:15px; 首页导航不够放 */

}

.headerbox .mainnav li.first{margin-right:40px;}

.headerbox .mainnav li.hot a{color:#eb6100}

.headerbox .mainnav li .hot_icon{position:absolute; top:4px; right:-10px; display:inline-block; width:9px; height:14px; background:url(/Content/images/ypay/Hico.gif) center no-repeat;}

.headerbox .mainnav li+li{padding:0 30px; }



.headerbox .mainnav li a{position:relative; bottom:2px; z-index:1; display:inline-block; padding:0 4px; height:44px; line-height:44px; color:#333;}

.headerbox .mainnav li a:hover{border-bottom:3px solid #188eee; text-decoration:none; }

.headerbox .mainnav li.active a{ color:#188eee; border-bottom:3px solid #188eee;}



.headerbox .mainnavindex {margin-left:20px;}

.headerbox .mainnavindex li{padding:0 20px; }

.headerbox .mainnavindex li a{bottom:0; height:50px; line-height:50px;}

.headerbox .mainnavindex li.active{height:50px;}



.headerbox .quickclass{}

.headerbox .quickclass a{color:#f60;font-size:14px;}

.headerbox .quickclass a:hover,.headerbox .quickclass li.active  a{font-weight:bold; text-decoration:none;  }



/*有下拉列表的*/

.mainnav .hasdown{position: relative;}

.mainnav .hasdown:hover .mainnavdown{display: block;}

.mainnav .hasdown .mainnavdown{display: none; position: absolute; top: 39px; left: 0; z-index:199; width: 100%; background-color: #fff; border-top:3px solid #188eee; box-shadow: 2px 2px 6px rgba(0,0,0,0.2) }

.mainnav .hasdown .mainnavdown a{ bottom: 0; display: inline-block; /* padding-left: 15px;*/ width: 100%; height: 40px;  line-height: 40px; color: #666; text-align: center;  }

.mainnav .hasdown .mainnavdown a:hover{background-color: #f8f8f8; border: 0;}

.mainnav .hasdown .mainnavdown a.active{color: #188eee; border: 0;}

.mainnav li.hasdown.active a{border: 0; color: #666; }

.mainnav li.hasdown.active>a{color:#188eee;}

.mainnav .hasdown .mainnavdown .fa-sort-up{position: absolute; top:-9px; left: 50%; margin-left: -4.5px; color: #188eee;}

.mainnav.mainnavindex .hasdown .mainnavdown{top:47px;}



.orderstep{width:208px;color:#ccc; float:right;}

.orderstep .circle-stepico{position:relative; z-index:2;  display:inline-block; width:46px; height:30px; text-align:center; line-height:30px; background:url(/Content/images/ypay/circle-grey.png) #fff center no-repeat; }

.orderstep .linestep{position:absolute; top:14px; left:0; display:block; width:100%; border-bottom:2px solid #ccc;}

.orderstep.active {color:#188eee;}

.orderstep.active .circle-stepico{ background:url(/Content/images/ypay/circle-blue.png) #fff center no-repeat; color:#188eee}

.orderstep.active .linestep{border-color:#188eee;}



/*未登陆状态头部导航*/

.headfix{ padding:5px 0; border-bottom:1px solid #ddd;}

.headfix .head_right{position:absolute; right:0; width:368px;}

.headfix .new_nav{position:absolute; right:390px; width:500px; margin-bottom:0;line-height:45px;}

.new_nav li{float:left;margin:0 5px;font-size:16px;}

.new_nav li a{color:#333;padding:0 10px;}

.new_nav li.active a,.new_nav li a:hover{color:#0a8cd2;text-decoration:none;}

.new_head .right_search .form-group{margin-top:8px;}

.new_head .head-search .searchbtn{height:30px;line-height:30px;  background: url(/Content/images/search.png) no-repeat center 0 #00aaef;}

.new_head .right_search .head-search .blue-input{width:280px;padding:5px 180px 5px 16px;height:30px;}

.new_head .head-search .blue-input{border:1px solid #00aaef;}

.new_head .head-search .searchtip{top:0px;width:135px;}



/*明细播放（B）*/

.score-star.score-small-star img{width:11px;}



.product-info{position:relative;  width:100%; border:1px solid #f5f5f5; padding-bottom:10px; }

.product-info.product-key{width:445px; border-color:#39f;}

.product-info dl{margin-bottom:16px; padding-left:10px;}

.product-info .infotip{display:none; position:absolute; top:0; left:0; z-index: 9; width:100%; height:34px; padding-left:10px; line-height:34px; background-color:#fff; color:#2aabe6; border-bottom:1px solid #39f;}

.product-info dl .td-type{width:60px; text-align:left; color:#666; float:left; font-weight:normal;}

.product-info dl.td-color{margin-bottom: 10px;}

.product-info dl dt,.product-info dl dd{ line-height:30px;}

.product-info .td-warn{margin-bottom:9px; margin-top:-5px;}



.tb-stock .tb-text{float:left; width:48px; height:30px; font-size:16px; line-height:30px; text-align:center; color:#666; border:1px solid #ccc; outline:0; background-color:#fff;}

.tb-stock .tb-text[disabled],.tb-stock .tb-text.disabled{cursor:not-allowed; border-color:#D3D3D3; color:#999;}

.tb-stock a,.tb-stock a:hover{display:block; float:left; width:26px; height:30px; border:1px solid #ccc; line-height:30px;  vertical-align:top; text-align:center; background-color:#ededed; overflow:hidden; color:#666;

}

.tb-stock .tb-reduce,.tb-stock .tb-disreduce{border-right:0!important; }

.tb-stock .tb-increase,.tb-stock .tb-disincrease{border-left:0!important;}

.tb-stock .tb-disreduce,.tb-stock .tb-disreduce:hover,.tb-stock .tb-disincrease,.tb-stock .tb-disincrease:hover{color:#ccc; cursor:not-allowed; border-color:#D3D3D3;}



.product-key .freeview,.product-info .td-cancel,.product-key .addshopcrt,.product-key .personal_buy,.product-key .td-buy,.product-info .td-sure,.product-key .toview,.product-key .wrantip{display:none;}

.product-key .logintip{z-index:-1;}

.product-key .infotip,.product-key .td-cancel,.product-key .td-sure{display:inline-block;}



/*.paywell-detailplay{position:absolute; width:100px; height:100px; top:0; right:0;}*/

/*2017年11月1日 09:44:53 修改*/

.paywell-detailplay{position:absolute; display: inline-block; width:68px; height:59px; bottom:0; right:0;

    background:url(/Content/images/ypay/doubleEleven/paywell.png) center no-repeat; background-size: cover;}

.paywell-detailplay.paywell-lg{width:86px; height:75px; background-image: url(/Content/images/ypay/doubleEleven/paywell-lg.png)}

.paywell-detailplay.paywell-dujia{bottom: 0px;}

.product-info .freeviewico{display:inline-block; width:19px; height:19px; background:url(/Content/images/ypay/freeviewico.png) center no-repeat;}

/*.product-info .course-shelf{position:absolute; top:-100px; left:270px; z-index:5; display:inline-block; width:264px; height:160px; background:url(/Content/images/ypay/course-shelf.png) center no-repeat;}*/

.course-shelf{ display:inline-block; width:171px; height:84px;  background:url(/Content/images/ypay/course-shelf.png) center no-repeat;}

.product-info .course-shelf,.product-info .course-buydone,.product-info .course-assign,.product-info .course-purchase,.product-info .course-alreadyadd,.product-info .course-aladdcom{ position:absolute; z-index:5; display:inline-block;top:-30px; left:270px; width:171px; height:84px;

    background:url(/Content/images/ypay/course-buydone.png) center no-repeat;}

.product-info .course-alreadyadd{background:url(/Content/images/ypay/alreadyadd.png) center no-repeat;}

.product-info .course-aladdcom{background:url(/Content/images/ypay/aladdcom.png) center no-repeat;}

.product-info .course-purchase{background:url(/Content/images/ypay/course-purchase.png) center no-repeat;}

.product-info .course-assign{background:url(/Content/images/ypay/course-assign.png) center no-repeat;}

.product-info .course-shelf{background:url(/Content/images/ypay/course-shelf.png) center no-repeat;}

.orderdetailbox{border:1px solid #b4db94; border-bottom-width:3px; background-color:#e5fbd3; background-color: rgba(229,251,211,.65); border-radius: 3px 3px 0 0;}

.orderdetail-ul{margin-left:200px; height:25px; overflow:hidden;}

.product-info  .sellbagbox .paystyle{position:relative; }

.product-info  .sellbagbox .paystyle .tooltip{min-width:350px; top:28px; left:-1px; display:none;

    -ms-transition:all 0.3s ease-in 0.1s;

    -moz-transition:all 0.3s ease-in 0.1s;

    -o-transition:all 0.3s ease-in 0.1s;

    -webkit-transition:all 0.3s ease-in 0.1s;

    transition:all 0.3s ease-in 0.1s;}

.product-info  .sellbagbox .paystyle:hover .tooltip{display:block;}

.wrantip{display:inline-block; padding:0 10px 0 5px;  border:1px solid #bfe6f9 ; background-color:#f1fbfe; }

/*2017年7月25日 15:07:06 不支持试看 位置不能高于warntip*/

.unfreeview:hover{

    background-color: #bebebe; border-color: #bebebe; cursor: not-allowed;

}

.unfreeview:hover .unsupported_preview{display: block;}

.unsupported_preview{cursor: default; width: 95px; display: none; position: absolute; top:-14px; right: -106px; z-index: 1;}

.unsupported_preview:before,.unsupported_preview:after{

    content: '';

    position: absolute; bottom: 3px; left: -7px;

    border-top:6px solid transparent; border-bottom:6px solid transparent;

    border-right: 7px solid #bfe6f9;

}

.unsupported_preview:after{

    bottom: 4px; left: -6px;

    border-top:5px solid transparent; border-bottom:5px solid transparent;

    border-right: 6px solid #f1fbfe;

}

/*有效期提示-课程详情、确认订单、交易详情*/

/*只针对课程详情图片最大宽设置*/

img.des{max-width:100%;}

.warntip:hover .warntipbox{display: block;}

.warntipbox{ display: none; position: absolute; top:-40px; left:-15px; z-index: 1;  cursor: default; width: 230px; line-height: 28px; color: #0A8CD2; font-size: 12px; font-style:normal;

    border: 1px solid #bfe6f9; background-color:#f1fbfe;}

.warntipbox:before,.warntipbox:after{

    content: '';

    position: absolute; bottom: -7px; left: 16px;

    border-left:6px solid transparent; border-right:6px solid transparent;

    border-top: 7px solid #bfe6f9;

}

.warntipbox:after{

    bottom: -6px; left: 17px;

    border-left:5px solid transparent; border-right:5px solid transparent;

    border-top: 6px solid #f1fbfe;

}

.warntipbox.tip-right{right: -15px; left: auto;}

.warntipbox.tip-right:before,.warntipbox.tip-right:after{right: 16px; left: auto;}

.warntipbox.tip-right:after{right: 17px; left: auto;}



.orangetip{top:-35px; left: -20px; z-index: 5; width: 300px; background-color: #fff;  border: 1px solid #f60;}

.orangetip:before,.orangetip:after{

    content: '';

    position: absolute; bottom: -7px; left: 16px;

    border-left:6px solid transparent; border-right:6px solid transparent;

    border-top: 7px solid #f60;

}

.orangetip:after{

    bottom: -6px; left: 17px;

    border-left:5px solid transparent; border-right:5px solid transparent;

    border-top: 6px solid #fff;

}



/*课程包*/

.coursedetial{position:absolute; top:0; left:0; width:100%; height:100%; padding:50px 80px;}

.coursebag-box{padding:20px 20px 40px;}

.coursebag-list{top:23px; padding-top:23px; padding-bottom:46px; padding-left:40px; border-left:1px solid #2aabe6;}

.coursebag-list .coursebag-title{position:absolute; left:-1px; top:-23px; display:block; padding:0 15px; min-width:120px; height:46px; line-height:46px; color:#fff; text-align:center; font-size:20px; border-radius:25px; background-color:#2aabe6;}

.coursebag-list .coursebag-icon{position:absolute; left:-48px; top:-2px; background-color:#fff; }

.coursebag-list .course-each{margin-top:30px; position:relative;}

.coursebag-list .courseeach-entry{}

.coursebag-banner{height:400px; /*height:100%;*/  }

.courseeach-entry{width:865px;}

.totalitemdealbox{height:70px; margin-top:30px;}

.coursebag-order.totalitemdeal{

    /*z-index:500;*/

    z-index:99;

    padding:16px 0; background-color:#333;height:70px; overflow:hidden; position:fixed; bottom:0; left:0; width:100%;  }

.coursebag-order .sale-title{margin-right:7px;}



.coursebag-order .coursebag-shelf,

.coursebag-order .coursebag-buydone,

.coursebag-order .course-purchase,.coursebag-order .course-assign{ position:relative; top:-16px; display:inline-block; width:148px; height:70px; background:url(/Content/images/ypay/coursebag-shelf.png) center no-repeat;}

.coursebag-order .course-buydone{ background:url(/Content/images/ypay/coursebag-buydone.png) center no-repeat;}

.coursebag-order .course-purchase{background:url(/Content/images/ypay/coursebag-purchase.png) center no-repeat;}

.coursebag-order .course-assign{background:url(/Content/images/ypay/coursebag-assign.png) center no-repeat;}



/*全部课程2015-12-8*/

.new_courselevel{ height: 30px;margin-bottom: 15px;}

.level_ul li{float:left;}

.level_ul li .new_leveltext{position: relative;z-index:100;display: inline-block;padding: 0 10px;height: 30px;line-height: 28px;color: #333;vertical-align: top;cursor: pointer;border: 1px solid #009aff;background-color: #fff;max-width:200px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal;word-break:normal;}

.level_ul li .new_leveltext{height:30px;cursor: default;border:none;}

.level_ul li.default .new_leveltext{border: 1px dotted #009aff;}

.level_ul li.zero_level .new_leveltext{padding-left:0;}

.level_ul li .gt{display: inline-block;color:#666;font-size:20px;padding:0 10px;margin-top:3px;}

.second_wrap .down_courselevel{border-top:dotted 1px #e4e4e4; padding-top:10px;}



.new_coursewrap:focus{outline: none;}

.new_coursewrap .postmenu{border-top:dotted 1px #e4e4e4; padding-top:10px;}

.new_coursewrap{border:1px solid #e4e4e4;padding:10px 0 0;}

.new_coursewrap .down_courselevel+.down_courselevel{padding-top:10px; border-top:dotted 1px #e4e4e4}

.down_courselevel ul li{display:inline-block;line-height:24px;margin-right: 20px;margin-bottom: 10px;cursor: pointer;border-radius: 3px;padding: 0 8px;float: left;color: #666;}

.down_courselevel ul li a{color:#666;}

.down_courselevel ul li.active,.down_courselevel ul li:hover,.down_courselevel ul li:focus{color: #188eee;}

.down_courselevel .course_title,.jiangshi_citiao .course_title_normal{width:75px;color:#000;line-height:24px;}

.new_coursewrap .select-list .more{position:absolute; right:0; top:2px; color:#188eee;}

.new_coursewrap .down_courselevel .postlist{margin-right:40px; width:90%; height:34px; overflow:hidden;  }

.new_coursewrap .down_courselevel .postlist,.new_coursewrap .down_courselevel .allcourselist{margin-bottom:0;}

/*内训列表 名师列表*/

.new_coursewrap .course_directory .course_title{cursor:pointer; width:95px;}

.new_coursewrap .course_directory .course_title:hover,.new_coursewrap .course_directory .course_title.active{color: #188eee;}

/*.new_coursewrap .course_directory .course_title.active{cursor:default;}*/

.new_coursewrap .course_directory .allcourselist{margin-left:95px;}



.jiangshi_citiao ul li{margin-bottom: 5px;}

.jiangshi_citiao .course_title_normal{ width: 70px;}

.jiangshi_citiao .course_title_normal:hover{color: #09f}

.jiangshi_citiao .course_title{color: #09f; width: 70px;}



.course-list-online {margin-left:-26px;}

.course-list-online .courseonline-li {float:left; margin-bottom:25px; margin-left:26px;width: 280px; height:235px; padding-bottom: 10px; background-color:#fff; }

/*.courseonline-li img {width: 280px;height: 158px;}*/

/*搜索结果*/

.search-bob-row{padding-bottom:25px;}

.search-bob-row+.search-bob-row  {padding-top:25px; border-top:solid 1px #eee;}

.search-bob-media + .search-bob-media{padding-top:30px; border-top:solid 1px #eee;}

.search-course-tag{position: relative; display: inline-block; max-width: 104px; text-align: center;height: 30px;

    overflow: hidden; white-space: nowrap; word-break: normal; word-wrap: normal; text-overflow: ellipsis;

}

.search-course-tag+.search-course-tag{padding-left:16px;}

.search-course-tag+.search-course-tag:before{content: ''; border-left: 1px solid #39f; position: absolute; top:50%; margin-top:-5.5px; left: 8px; height: 11px;}

/*云豆首页*/

/*滚动样式*/

.banner-nav-box{box-shadow:1px 10px 14px 0px rgba(0,0,0,.1); z-index:99; height: 420px;}

.selectcourse-banner{width: 970px; margin-left: 230px;}

.selectcourse-banner .modal-animation,.selectcourse-banner .modal-animation .modal-animation-container{width: 970px;height: 420px; border-radius: 0 6px 6px 0; }

.selectcourse-banner .modal-animation,.teacher-banner .modal-animation,.jigou-banner .modal-animation {position: relative;}

.selectcourse-banner .modal-animation .modal-animation-container,

.teacher-banner .modal-animation .modal-animation-container,

.jigou-banner .modal-animation .modal-animation-container{position: relative;overflow: hidden; height: 420px; width: 100%;}

.teacher-banner .modal-animation .modal-animation-container{border-radius: 6px;}



.selectcourse-banner .modal-animation .modal-animation-item,

.teacher-banner .modal-animation .modal-animation-item,

.jigou-banner .modal-animation .modal-animation-item {position: absolute;width: 100%;height:100%;top:0;left:-100%;}

.selectcourse-banner .modal-animation .modal-animation-item:first-child,

.teacher-banner .modal-animation .modal-animation-item:first-child,

.jigou-banner .modal-animation .modal-animation-item:first-child{left:0;z-index: 50;}

.selectcourse-banner .carousel-indicators li,

.teacher-banner .carousel-indicators li,

.jigou-banner .carousel-indicators li{width:12px; height:12px; border-radius:12px;}

.selectcourse-banner .carousel-indicators li.active,

.teacher-banner .carousel-indicators li.active,

.jigou-banner .carousel-indicators li.active{margin:1px;}

.carousel-indicators{bottom: 0;}



.swiper-container.mall-swiper-container{width: 944px; height: 420px; margin-left: 256px;}

.swiper-container.mall-swiper-container .swiper-wrapper {width: 944px; height: 420px; }

.swiper-container.mall-swiper-container .swiper-wrapper .swiper-slide a{ display: block;  height: 420px; overflow: hidden; border-radius: 0 9px 9px 0;}

.swiper-container.mall-swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active a{

    border-radius: 0 6px 6px 0;}





.bean_right{width:400px; height:400px; }

.bean_right .filter{position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fcf1e1;  }

.bean_right .user_active{padding:12px 22px; height:85px; background-color:#fff;}

.bean_right .what_bean{padding:12px 22px;}

.bean_right .what_bean .signtip .signdaily{display:inline-block; padding-left:60px;  width:120px; height:50px; line-height:50px; background:url(/Content/images/ypay/sign.png) no-repeat; }

.bean_right .what_bean .signtip .tip-content{position:absolute; bottom:-15px; padding:10px 15px 20px; width:278px; height:177px;background:url(/Content/images/ypay/signcontent.png) no-repeat;  }

.bean_right .what_bean .signtip .signbj{padding-left:60px;  background:url(/Content/images/ypay/sign.png) left center no-repeat; }

.bean_right .what_bean .signtip .sinbot,.bean_right .what_bean .tasktip .sinbot{ margin-top:5px; line-height:20px; border-top:1px solid #d1b07c; }

.bean_right .what_bean .tasktip .donework{display:inline-block; padding-left:60px;  width:120px; height:50px; line-height:50px; background:url(/Content/images/ypay/task.png) no-repeat; }

.bean_right .what_bean .tasktip .tip-content{position:absolute; bottom:-6px; left:68px; padding:10px 15px 20px; width:281px; height:134px;background:url(/Content/images/ypay/taskcontent.png) no-repeat;  }

.bean_right .what_bean .tasktip .signbj{padding-left:60px;  background:url(/Content/images/ypay/task.png) left center no-repeat; }



.borders{ position:relative; display:inline-block; width:100%;  height:1px; border-bottom:1px solid #eee; }

.borders .course_title{position:absolute; top:-13px; height:25px; line-height:25px;  display:inline-block;   padding-right:10px; background-color:#fff;}

.exchangelist{  /*background:url(/Content/images/ypay/exchangelistbj.png) 0 0 repeat-y;*/}

.exchangelist .item{/*float:left;*/ position:relative; float:left;  width:232px; height:228px; padding:23px 12px 0 0;  }

.exchangelist .item .filter {background:#000; opacity:0.5; filter:alpha(opacity=50); color:#fff; font-size:12px;}

.exchangelist td{ border-bottom:1px solid #eee; }

.exchangelist tr td + td{padding-left:10px; width:243px; border-left:1px solid #eee;}

.exchangelist .giftico,.exchangelist .exchagebtn{display:inline-block; position:absolute; }

.exchangelist .giftico{z-index:1; top:8px; right:3px; width:52px; height:52px;  }

.exchangelist .giftico.ico0{background:url(/Content/images/ypay/gift.png) center no-repeat;}

.exchangelist .giftico.ico1{background:url(/Content/images/ypay/bookico.png) center no-repeat;}

.exchangelist .giftico.ico2{background:url(/Content/images/ypay/office.png) center no-repeat;}

.exchangelist .giftico.ico3{background:url(/Content/images/ypay/extra.png) center no-repeat;}

.exchangelist .exchagebtn{right:13px; bottom:15px; width:60px; height:23px; line-height:23px; text-align:center; font-size:12px; color:#fff; border:1px solid #f60; background-color:#f60;border-radius:2px; }

.exchangelist .exchagebtn:hover{ text-decoration:none; color:#f60; background-color:#fff;  }



/*企大首页*/

.huo_banner{width:100%;height:88px;background:url(/Content/images/ypay/huo_shop.jpg) no-repeat center;}

.huo_banner a{height:100%;width:100%;display:inline-block}

.headerbox .course_just{width:220px; height:50px; line-height:50px; background-color:#188eee; padding-left:10px;}

/*2017年12月13日17:41:28 官网改版*/

.just_box{position:absolute; z-index:99; width:230px; height:420px; border-radius: 4px 0 0 4px; }

.just_box .filter{background:#003649; border-radius: 6px 0 0 6px; }

.just-nav{width:230px;  transition:0s; -webkit-transition:0s;}

.just-nav .course_just{padding: 0 15px; height: 56px; line-height: 56px;}

.just-nav .course_just .fa{color:#c2cdd2; margin-right: 13px; font-size: 18px;}

.just-nav .navlist{padding: 0 15px;}

.just-nav .navlist .arrowico-right{float:right; margin-top:3px; display:inline-block; width:8px; height:14px; background: url(/Content/images/ypay/arrowico-right.png) 0 0 no-repeat;}

.just-nav .navlist:hover .arrowico-right{background: url(/Content/images/ypay/arrowico-right.png) 0 -30px no-repeat;}

.just-nav .navlist:hover{background-color:#fff;}

.just-nav .navlist:hover .navlisthide{position: relative; }

.just-nav .navlist:hover .navlisthide:after{content: ''; display: block; top:0px;position: absolute; bottom: 0; right: -16px; height: 86px; border-right: 1px solid #fff; z-index: 101;}

.just-nav .navlist:hover dt a{ color: #333;}

.just-nav .navlist:hover dd a{ color: #666;}

.just-nav .navlist .navlisthide{margin-bottom:0; padding-top: 15px; height:86px;  }

.just-nav .navlisthide dd{float:left;  line-height:28px; }

.just-nav .navlisthide dd + dd{margin-left: 10px;}

.just-nav .navlist dt{ margin-bottom:5px;}

.just-nav .navlist+.navlist .navlisthide{border-top:1px solid rgba(255,255,255,0.1);}

.mod-nav{position:absolute;   padding:24px 14px 0 24px;  left:256px; top:0px; z-index:100; display:block; opacity:1;filter:alpha(opacity=100); width:944px; min-height: 420px;}

.bjcover-white{position:absolute; left:0; right:0; bottom:0; top:0; width: 100%; z-index:-1; border-radius: 0 6px 6px 0; box-shadow: 1px 10px 14px 0px rgba(0,0,0,.1);  background-color:#fff; opacity:1; filter:alpha(opacity=100);}

.mod-nav-list{margin-bottom:0px; }

.mod-nav-list .mod-nav-title{display:inline-block; vertical-align:middle; margin-right: 18px; color:#333; font-size:14px; max-width: 86px;  text-align:left;}

.mod-nav-list .mod-nav-side-li{ line-height:22px;  padding:6px 0;}

.mod-nav-list .mod-nav-side-li+.mod-nav-side-li{border-top:1px solid #e5e5e5;}

.mod-nav-list .mod-nav-min{font-size: 12px; display:inline-block; vertical-align:middle; width: 540px; }

.mod-nav-list .mod-nav-min>a{position: relative; float: left; display:inline-block; vertical-align:middle; text-align:left;  padding:0 18px;}

.mod-nav-list .mod-nav-min>a:hover{color:#666;}

.mod-nav-list .mod-nav-min>a:before{ content: '';  height: 12px; position: absolute; left: 0; top:50%; margin-top: -6px; border-left: 1px solid #e0e0e0;}



/*.mod-nav .ad_img{position: absolute; bottom:20px; right: 20px;}*/

.mod-nav .mod-navright{width: 240px;}

.mod-navleft{width: 645px;}

.mod-navleft .qalist{margin-left: -20px; }

.mod-navleft .qalist li{padding:4px 20px;  border:1px solid #188EEE; max-width: 300px; float: left; margin-left: 20px;}

.sidebox{position:absolute; right:0; top:0; z-index:99; width:200px; height:392px; padding-top:258px; margin-top:37px; background: url(/Content/images/ypay/mokey.png) 0 no-repeat;}



.djbpico{display: inline-block; width: 312px; height: 31px; background: url(http://www.yxt.com/Content/images/ypay/djbp.png) center no-repeat;}

/*banner上导航新改版 2018年3月29日15:32:49*/

.banner-nav-list{float: left; padding: 10px 0 10px 16px;width:256px; height:420px; background:#003649; border-radius: 6px 0 0 6px;}

.banner-nav-list>li{cursor:pointer; padding: 5px 20px 5px 10px; line-height: 30px; height: 40px; color: #fff; }

.banner-nav-list>li .banner-nav-first{ width: 70px; }

.banner-nav-list>li .banner-nav-next{ color: #99afb7;}

.banner-nav-list>li .banner-nav-next + .banner-nav-next{ margin-left: 8px; }

.banner-nav-list>li .arrowico-right{float:right; margin-top:11px; display:inline-block; width:6px; height:10px;

    background: url(/Content/images/ypay/arrowico-right.png) -8px 0 no-repeat;}

.banner-nav-list>li .arrowico-right{background-position: -8px -11px no-repeat;}

.banner-nav-list>li:hover{ border-radius: 6px 0 0 6px; background-color: rgba(255,255,255,.5);}

.banner-nav-list>li:hover .banner-nav-next{ color: #fff;}

.banner-nav-list>li .mod-nav{ cursor: default; opacity: 0; display: none;}

.banner-nav-list>li:hover .mod-nav{opacity: 1; display: block;}





.postmenubox{width:925px; height:320px; background: url(/Content/images/ypay/postmenubj.png) center -9px no-repeat;}

.postmenubox .list{position:absolute; display:table; padding:4px 2px; width:130px; height:44px; text-align:center; line-height:18px;}

.postmenubox .list .word{display:table-cell; vertical-align:middle;}

.postmenubox .toplist1{left:11px; top:0; }

.postmenubox .toplist2{left:369px; top:0; }

.postmenubox .toplist3{left:585px; top:0; }

.postmenubox .toplist4{left:789px; top:0; }



.postmenubox .botlist1{left:22px; top:260px; }

.postmenubox .botlist2{left:186px; top:260px;}

.postmenubox .botlist3{left:408px; top:260px;}

.postmenubox .botlist4{left:779px; top:260px;}



.postmenubox .center-title{position:absolute; top:75px; display:inline-block; padding:30px 30px 30px; width:150px; height:150px; text-align:center; color:#fff;  }

.postmenubox .center-title:hover{text-decoration:none;}

.postmenubox .center-title .main-t{letter-spacing:2px; margin-top:65px;}

.postmenubox .center-title.title01{left:52px;}

.postmenubox .center-title.title02{left:277px;}

.postmenubox .center-title.title03{left:498px;}

.postmenubox .center-title.title04{left:725px;}



.postmenubox .center-title .pic{position:absolute; left:50%; margin-left:-26px; width:52px; height:52px; }

.postmenubox .center-title .pic>img{position:absolute; left:0; top:0;}



/*冠军课程 height:460px; height:375px;*/

.popularbox,.newarrival,.favorbox{width:285px; height: 460px;  background-color:#F7F8F9; }

.favorbox{ height:280px;}

.newarrival{ height:365px; }

.newarrival li{line-height: 25px; margin-bottom: 12px;}

.arrivallist .numico{position:relative; top:-2px; margin-right: 1px; display: inline-block; width: 20px; height: 20px; background: url(/Content/images/ypay/numico.png) center no-repeat;}

.numico.ico01{background-position: 0 0;}

.numico.ico02{background-position: 0 -20px;}

.numico.ico03{background-position: 0 -40px;}

.numico.ico04{background-position: 0 -60px;}

.numico.ico05{background-position: 0 -80px;}

.numico.ico06{background-position: 0 -100px;}

.numico.ico07{background-position: 0 -120px;}

.numico.ico08{background-position: 0 -140px;}



.hotplaylist li{position:relative; padding-left:25px;   margin-bottom:20px;}

.hotplaylist .num{ position:absolute; top:0; left:0px; display:block; width:16px; height:16px; font-size:12px; text-align:center; line-height:16px; color:#fff; border-radius:3px; background-color:#999;}

.hotplaylist .num.num1{background-color:#ff3e3e;}

.hotplaylist .num.num2{background-color:#ff7755;}

.hotplaylist .num.num3{background-color:#34b862;}

.hotplaylist .imgpic{display:none;}

.hotplaylist li.active{height:65px;}

.hotplaylist li.active .imgpic{display:block;}

.hotplaylist .title{width:206px; height: 16px;overflow: hidden;line-height: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal;word-break:normal;}

.hotplaylist li.active .title{width:auto; display: block;height: 36px;overflow: hidden;line-height: 18px; white-space:normal;}

.hotsalelist li{float:left; width:110px; height:150px; margin-left:13px; margin-bottom:15px;}

.hotsalelist li .imgpic{width:110px; height:62px;}

.hotsalelist li .two-line{height:40px;}



.favorlist{ }

.favorlist li{position:relative; padding-left:20px; height:42px; line-height:42px;}

/*.favorlist li+li{border-top:1px dashed #eee;}*/

.favorlist .colorline{position:absolute; top:50%; left:8px; margin-top:-6px; display:inline-block; width:2px; height:12px; background-color:#ee6a53;}

.favorlist .colorline.line2{background-color:#00c490;}

.favorlist .colorline.line3{background-color:#4fa9f2;}

.favorlist .colorline.line4{background-color:#d69b16;}

.favorlist .colorline.line5{background-color:#b76691;}

.favorlist .colorline.line6{background-color:#ff99cc;}

.favorlist .colorline.line7{background-color:#ce4300;}

.favorlist .colorline.line8{background-color:#6a6aff;}



.module-ul {margin-left:-20px;}

.module-ul li{float:left; margin-left:20px; margin-bottom:20px;}

.module-ul li a{ display:inline-block; padding:18px 22px; width:285px; height:81px; text-align:center; border-radius: 4px;}

.module-ul a.style1{color:#769733; background:url(/Content/images/ypay/xtb_01.png) left center no-repeat;}

.module-ul a.style2{color:#ff8515; background:url(/Content/images/ypay/xtb_02.png) left center no-repeat;}

.module-ul a.style3{color:#188eee; background:url(/Content/images/ypay/xtb_03.png) left center no-repeat;}

.module-ul li a:hover{text-decoration:none; opacity:0.8; filter: alpha(opacity=80);}

/*独家爆品*/

.dujiacourse li{position: relative; float: left; width:287px; height:310px; }

.dujiacourse li:hover img{opacity: 0.9; transition: all .3s; border-radius: 4px;}

.dujiacourse li + li{margin-left: 17px;}



/*定制内训*/

.traincourse li{position:relative; float:left; width:285px; height:245px; margin-bottom:15px;}

.traincourse li+li{margin-left: 20px;}

.traincourse .link_img{display:block;width:285px;height:160px;overflow:hidden;position:relative}

/*精选方案*/

.jingxcourse li{ width: 427px; height: 394px; float: left;

    -webkit-transition: .6s;

    -moz-transition: .6s;

    -ms-transition: .6s;

    -o-transition: .6s;

    transition: .6s;}

.jingxcourse li+li{margin-left: 40px;}

.jingxcourse li:hover{

    -webkit-box-shadow:0px 4px 8px #d4d4d4;

    -moz-box-shadow: 0px 4px 8px #d4d4d4;

    box-shadow: 0px 4px 8px #d4d4d4;}

.jingxcourse li a{color: #333;}

.jingxcourse li:hover a{color:#188eee;}

.jingxinfo{overflow: hidden; height: 100px; line-height: 20px;}



.peoplelist{margin-left:-22px; }

.peoplelist li{float:left;  position:relative; margin-left:22px; width:100px; height:100px;}

.peoplelist li img{border-radius:10px;}

.peoplelist li .peonanme{position:absolute; bottom:0; right:0; display:inline-block; padding:0 3px; min-width:62px; height:30px; line-height:30px; text-align:center;}

.peoplelist li .filter{background:#fff; opacity:0.7; filter:alpha(opacity=70); border-radius:8px 0 0; }



.partnerlist{}

.partnerlist img{max-width: 199px; max-height: 68px;}

.partnerlist li{display:table; float:left; margin-left:-1px; margin-top:-1px; width:201px; height:70px;  text-align:center; border:1px solid #eee; }

.partnerlist li span{display:table-cell;vertical-align:middle;}

/*解决方案-销售包*/

.salebag_banner{margin:0 auto; width:1200px; height:420px; border-radius: 6px; background:url(/Content/images/ypay/entry/salebag_banner.jpg) no-repeat center;}

.salebaglist{margin-bottom:30px;}

.salebaglist .item{padding-bottom:35px; padding-top:35px; border-bottom:1px solid #eee;}

/*.salebaglist .item+.item{padding-top:35px; }*/

.salebaglist .taglist{margin-left:-10px;}

.salebaglist .taglist li{display:block; float:left; margin:0 0 10px 10px;}

.salebaglist .taginfo{display: block; color:#666; height: 75px;overflow: hidden;line-height: 25px;text-overflow: ellipsis;overflow: hidden;word-wrap: normal;word-break:normal;}



.salebag-select {padding:15px 5px; height:70px; }

.salebag-select .sort-list {border:solid 1px #E4E4E4; margin-bottom:0;}

.salebag-select .sort-list li {float: left;height:30px; line-height:30px;cursor: pointer;padding:0 20px;color: #333;}

.salebag-select .sort-blue-list li.active { color:#188eee; }

.salebag-select li+li{border-left:1px solid #eee;}

.salebag-select .search-has-icon .icon{height:32px;}

.salebag-select .search-has-icon .txt{padding:6px 39px 7px 10px; }

.salebag-select .search-has-icon .icon .fa-search{margin-top:4px;}

/*速选课*/

/*.quick_navbox{position:fixed;left:0;top: 175px; height:100%; z-index:400;}

.quick_navbox .frestudy-nav,.quick_navbox .frestudy-minnav{position:absolute; width:0; z-index: 400;}

.quick_navbox .frestudy-nav{ left:0px; overflow:hidden;}

.quick_navbox .frestudy-minnav{width: 33px; height:114px; background:url(/Content/images/ypay/sxknav.png) 0 no-repeat; z-index: 401;}

.quick_navbox .frestudy-minnav:hover{ background:url(/Content/images/ypay/sxknav_hover.png) 0 no-repeat;}

.frestudy-nav .nav-list{ }

.frestudy-nav .nav-list li{ padding-bottom:10px; width:100%; height:42px; line-height:32px; color:#fff; cursor:pointer;  text-align:center; background:url(/Content/images/ypay/frestudy-nav.png) 0 0 no-repeat;}

.frestudy-nav .nav-list li:hover, .frestudy-nav .nav-list li.active{color:#FDF532; font-weight:bold; transition:color ease-in-out 1s;}

.frestudy-nav .last{position:relative; top:-25px; width:100%; height:33px; background:url(/Content/images/ypay/frestudy-nav.png) 0 -76px no-repeat;}*/



.loadselect{position:fixed; bottom:80px; height:30px; padding-top:5px; width:1200px;}

.quick_navbox{position:fixed;left:2px;top: 175px;  z-index:400;}

.quick_navbox .frestudy-minnav{position:absolute; left:0px; z-index: 400;  width:44px;height:138px;  background:url(/Content/images/ypay/frestudy-minnav.png) 0 no-repeat; z-index: 401;}

.quick_navbox .frestudy-minnav:hover{ background-position:-44px 0;}



.quick_navbox .frestudy-nav{width:152px; overflow:hidden; padding:18px 4px; background-color:#2c9ff1; border-radius:3px; }

.frestudy-nav .navtab{width:100%; border-top:1px solid #4dacf2;}

.frestudy-nav .navtab td{height:40px; cursor:pointer; padding:5px 0px 4px 8px; width:74px; line-height:18px; text-align:left;border-bottom:1px solid #4dacf2;}

.frestudy-nav .navtab td:hover,.frestudy-nav .navtab td.active{ background-color:#167ecb; }

.frestudy-nav .navtab td>a{ color:#fff;}

.frestudy-nav .navtab td:hover a,.frestudy-nav .navtab td.active a{font-weight:bold; color:#fef732; text-decoration:none;}

.frestudy-nav .navtab td.active1 a{font-weight:bold; color:#f30; text-decoration:none;}

.frestudy-nav .navtab tr td + td{border-left:1px solid #4dacf2; }

.quick_navbox .frestudy-navbox{position:absolute; left:-154px; opacity:0; filter:alpha(opacity=0); width:138px;}

.quick_navbox .closenav{position:relative; top:-15px; left:0; width:152px; height:63px; background:url(/Content/images/ypay/closenav.png) 0 no-repeat;}



.selectbox .w-1{width:149px;}

.selectbox .w-1-1{width:148px;}

.selectbox .w-2{width:154px;}

.selectbox .w-2-1{width:153px;}

.selectbox .w-3{width:340px;}

.selectbox .w-3-1{width:339px;}

.selectbox .w-4{width:100px;}

.selectbox .w-5{width:76px;}

.selectbox .w-6{width:128px;}

.selectbox .w-7{width:109px;}

.selectbox .w-8{width:93px;}

.selectbox .w-9{width:107px;}

.selectbox .w-10{width:51px;}

.selectbox .w-11{width:1050px;}

.selectbox .w-12{width:896px;}



.selectbox .w-tc-1{width:446px;}

.selectbox .w-tcli-1{width:445px;}

.selectbox .w-tc-2{width:122px;}

.selectbox .w-tc-3{width:126px;}

.selectbox .w-tc-4{width:163px;}

.selectbox .w-tc-5{width:129px;}

.selectbox .w-tc-6{width:100px;}

/*.selectbox .w-tc-7{width:118px;}*/

.selectbox .w-tc-8{width:88px;}





.s-clist li,.s-tc-clist li{float:left; color:#666; height:36px;  font-weight:bold; font-size:12px; line-height:36px; background-color:#d4d4d4;}

.s-tc-clist li{}

.s-clist li+li{border-left:1px solid #ccc;}

.selectbox .s-tab-ul{ text-align:center;}

.s-tab-ul li{display:inline-block; width:220px; height:80px; line-height:80px; text-align:center; }

.s-tab-ul li+li{ margin-left:19px;}

.s-tab-ul li>a{display:inline-block; width:220px; height:80px; color:#fff; border-radius:5px;}

.s-tab-ul li>a.active{ background-image:url(/Content/images/ypay/triangle.png); background-repeat:no-repeat; background-position:center 71px;}

.s-tab-ul li>a:hover{ color:#fff; text-decoration:none; opacity:0.8; filter:alpha(opacity=90);}

.s-tab-ul .bg1{background-color:#febd68;}

.s-tab-ul .bg2{background-color:#99bef0;}

.s-tab-ul .bg3{background-color:#ff8e8e;}

.s-tab-ul .bg4{background-color:#a1de8a;}

.s-tab-ul .bg5{background-color:#bca8f2;}



.selectbox .listitem{border:1px solid #e6e9ed; border-top:0;}

.listitemtab td+td{border-left:1px solid #e6e9ed;}

.listitemtab td.pretd,.listitemtab td.childtd{border-top:1px solid #e6e9ed;}

.classdetial li+li{border-left:1px solid #e6e9ed;}

.selectbox .preclass,.selectbox .childclass,.selectbox .classdetial{float:left;}

.classdetial ul li{ height:42px; line-height:42px; float:left; display:inline; border-top:1px solid #e6e9ed;}

.classdetial ul.s-active,.classdetial ul.s-active:hover{background-color:#FFF3E6;}

.classdetial ul:hover{background-color:#f2f2f2;}

.classdetial .s-chk{display:inline-block; width:14px; height:14px; background:url(/Content/images/ypay/select_ico.png) 0 -97px no-repeat;}

.classdetial .s-active .s-chk{background:url(/Content/images/ypay/select_ico.png) 0 -125px no-repeat;}

.classdetial.modal-classdetial li{border-top:0;border-bottom:1px solid #e6e9ed;}

.classdetial.modal-classdetial li+li{ border-left:0;}





.s-totalbox{height:80px; margin-top:30px;}

.s-totalbox .s-total {z-index:390; overflow:hidden; position:fixed; bottom:0; left:0;

    padding:16px 0; right:0; height: 80px;font-size:13px;color:#fff;line-height: 48px;background-color: #333;}

.s-total .s-num-b{padding-left:90px; margin-right: 30px;}

.s-total .cartico,.s-total .cartmoneyico{position:relative; top:5px; display:inline-block; width:30px; height:30px; background:url(/Content/images/ypay/cart.png) 0 no-repeat;}

.s-total .cartmoneyico{background:url(/Content/images/ypay/cartmoney.png) 0 no-repeat;}

.s-total .s-numbox {position:absolute;top:-24px; left:20px; width:88px; height:35px;}

.s-total .s-num{ height:20px; line-height:20px; border-radius:10px; padding:1px 8px;}

.s-total .s-num.red{ background-color:#cc0000;}

.s-total .s-num.green{ background-color:#048c0b;}

.s-total .hidenum{position: absolute;top:-30px;right:-65px;padding:0 10px;height: 24px;font-size:16px;line-height:24px;text-align:center; background-color: #666;opacity: 0;filter:alpha(opacity=0); border-radius:5px;}

.s-total .cartmoneyico .clicktip,.s-total .cartico .clicktip{position:absolute; left:-90px; top:0; display:inline-block; width:89px; height:37px; background:url(/Content/images/ypay/clicktip.png) 0 no-repeat;}

.s-total .cartico .clicktip{}

.numbox{display:inline-block; width:44px; height:28px; color:#666;}

.numbox .num-text{float:left; width:30px; height:26px; line-height:26px; text-align:center; color:#666; border:1px solid #ccc; outline:0; background-color:#fff;}

.numbox .num-text[disabled],.numbox .num-text.disabled{cursor:not-allowed; border-color:#D3D3D3; color:#999;}

.numbox .num-reduce,.numbox .num-increase,.numbox .num-disreduce,.numbox .num-disincrease{ display:block;  width:12px; height:13px; line-height:11px;  text-align:center; background-color:#fff;  color:#666; border:1px solid #ccc;  border-left:0;

    background:url(/Content/images/ypay/triangle.png) #fff 3px -67px no-repeat;

}

.numbox .num-increase,.numbox .num-disincrease{border-bottom:0; background-position:3px -82px;}

.numbox .num-disreduce,.numbox .num-disincrease{cursor:not-allowed; color:#999; background-color:#ededed; }



.modeselect .modedown{position:relative; width:85px; height:25px; line-height:23px; text-align:left; padding-left:10px; border:1px solid #ccc; background-color:#fff;}

.modeselect .modedown .caretico{position:absolute; top:8px; right:10px; display:block;  width:10px; height:7px; background:url(/Content/images/ypay/triangle.png) 0 -44px no-repeat;}

.modeselect .modemenu{border:1px solid #ccc; border-top-color:#eee; border-radius:0; min-width:85px;  height:25px; line-height:24px; padding:0 10px; margin-top:-1px; box-shadow:none;}

.modal-arrow{position:absolute; z-index:4; bottom:-10px; left:106px; display:inline-block; width:20px; height:10px;  background:url(/Content/images/ypay/triangle.png) 0 -16px no-repeat;}

.modal-arrow.arrow-r{right:350px; left:auto;}



/*4个专题页*/

.demo_wrap{width:990px;margin:0 auto;padding-top:10px;padding-bottom:10px;}

.demo_info .demo_title{width:100%;border-bottom:1px solid #2aabe6;margin-bottom:20px;}

.demo_title .title_text{display:inline-block;width:100px;border-bottom:7px solid #2aabe6;font-size:24px;font-weight:bold;line-height:30px;color:#2aabe6;padding-bottom:5px;}

.demo_info ul li{color:#666;font-size:16px;line-height:35px;}

.demo_info ul li .blue_dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#2aabe6;position:relative;top:-2px;margin-right:5px;}

.demo_info ul li p{margin-bottom:0;}

.demo_teacher{background-color:#2aabe6;width:100%;overflow:hidden;position:relative;height:455px;}

.demo_teacher .teacher_info{width:585px;padding:90px 0 0 90px;display:inline-block;}

.demo_teacher .teacher_info h2{font-size:20px;color:#fff;font-weight:bold;margin-bottom:15px; margin-top:0;}

.demo_teacher .teacher_info p{font-size:16px;line-height:30px;color:#fff;word-break:normal;}

.demo_teacher .teacher_img{position:absolute;bottom:-1px;right:0;}

.demo_teacher .teacher_title{position:absolute;width:111px;height:111px;background:url(/Content/images/ypay/demo4_ming.png) no-repeat;top:0;left:0;}



.offline_course{width:990px;margin:20px auto 0}

.offline_course .offline_img{width:575px;height:323px;float:left}

.offline_course .offline_img img{width:100%;height:100%}

.offline_course .offline_div{width:375px;float:right}

.offline_name{font-size:20px;line-height:35px;color:#666;margin:0;font-weight:bold}

.offline_btn{margin-left:30px;display:inline-block;width:120px;height:35px;line-height:35px;text-align:center;font-size:14px;font-weight:bold;color:#fff;background:#2aabe6;text-decoration:none;border-radius:6px;

    position:relative;top:-5px}

.offline_btn:hover,.offline_btn:focus{text-decoration:none;color:#fff}

.demo4_fixed{position:fixed;bottom:0;z-index:99;width:100%;display:none;}

.demo4_fixed .demo4_filter{background: #000;opacity: 0.7;filter: alpha(opacity=70);height: 100%;width: 100%;position: absolute;z-index: 1;}

.demo4_fixed .demo4_filterText{position:relative;z-index:99; text-align:center; color:#fff;padding:15px 0;overflow:hidden; font-weight: bold;}

.demo4_fixed .new_price{color:#ff0000;font-size:60px;margin:0 15px;display:inline-block;position:relative;top:8px;}



.mo-banner {

    background: url(/Content/images/ypay/zhuanti/banner.png) no-repeat center; height: 340px; position: relative;

}

.mo-banner .pr {

    height: 100%;

}

.mo-divider {

    background: url(/Content/images/ypay/zhuanti/divider.png) repeat-x left bottom; width: 100%; height: 60px;

}

#mini {

    left: 370px; bottom: 10px; color: rgb(255, 255, 255); font-size: 14px; position: absolute;

}

#mini-1 {

    left: 125px; width: 355px; height: 80px; bottom: 0px; position: absolute;

}

#new-1 {

    width: 365px; height: 80px; right: 135px; bottom: 0px; position: absolute;

}

#new {

    right: 160px; bottom: 10px; color: rgb(255, 255, 255); font-size: 14px; position: absolute;

}

#mini:hover {

    color: rgb(255, 255, 0);

}

#new:hover {

    color: rgb(255, 255, 0);

}



.mo-flybox {

    background: url(/Content/images/ypay/zhuanti/flybox.png) no-repeat center; top: 50%; width: 160px; height: 527px; right: 0px; margin-top: -263px; position: fixed; z-index: 1001;

}

.mo-box {

    padding: 10px; left: 12px; width: 118px; height: 257px; bottom: 37px; position: absolute;

}

.mo-box li {

    background: url(/Content/images/ypay/zhuanti/dt.png) no-repeat left; padding-left: 10px; margin-top: 8px;

}

.mo-box a {

    color: rgb(102, 102, 102);

}

.mo-box .more {

    color: rgb(0, 153, 204); margin-top: 8px; float: right;

}

.mo-head {

    padding: 25px 0px;

}

.mo-head .mo-l {

    padding: 5px; border-radius: 3px; border: 1px solid rgb(215, 215, 215); border-image: none; float: left; background-color: rgb(255, 255, 255);

}

.mo-head .mo-r {

    width: 730px; color: rgb(85, 85, 85); line-height: 28px; font-size: 16px; margin-right: 30px; float: right;

}

.mo-body .mo-up {

    background: url(/Content/images/ypay/zhuanti/upbg.png) no-repeat left 0px; width: 100%; height: 70px;

}

.mo-white {

    background-color: rgb(255, 255, 255);

}

.mo-table {

    border: 1px solid rgb(230, 230, 230); border-image: none; border-collapse: collapse;

}

.mo-table th {

    height: 40px; font-size: 16px; background-color: rgb(230, 230, 230);

}

.mo-table td {

    padding: 10px 0px; border: 1px solid rgb(230, 230, 230); border-image: none; text-align: center; font-size: 14px;

}

.mo-table .fl {

    width: 223px; text-align: left; color: rgb(0, 153, 204); line-height: 24px; overflow: hidden; font-size: 13px; margin-left: 25px; white-space: nowrap;

}

.mo-table .fl:hover {

    text-decoration: underline;

}

.mo-t-2 .fl {

    width: 240px; color: rgb(102, 135, 47); margin-left: 30px; white-space: normal;

}

.mo-bt {

    background: url(/Content/images/ypay/zhuanti/btn-bg.png) no-repeat center; width: 350px; height: 66px; margin-right: 40px; float: right; position: relative;

}

.mo-bt-2 {

    background: url(/Content/images/ypay/zhuanti/btn-bg-2.png) no-repeat center; width: 350px; height: 66px; margin-right: 40px; float: right; position: relative;

}

.mo-btn {background: url(/Content/images/ypay/zhuanti/btn-buy-2.png) no-repeat 0 0;

    border-image: none; width: 133px; height: 42px;

    display:inline-block; cursor: pointer;

}

.mo-btn:hover {

    background: url(/Content/images/ypay/zhuanti/btn-buy-2.png) no-repeat 0 -49px;

}

.mo-price {

    left: 20px; top: 0px; color: rgb(255, 255, 0); font-size: 28px; position: absolute;

}

.mo-text {

    left: 40px; bottom: 8px; color: rgb(255, 255, 255); font-size: 13px; position: absolute;

}

.course-list-1 {

    background: url(/Content/images/ypay/zhuanti/course-list-1.png) no-repeat left; width: 220px; height: 55px; margin-left: 20px; display: inline-block;

}

.course-list-2 {

    background: url(/Content/images/ypay/zhuanti/course-list-2.png) no-repeat left; width: 220px; height: 55px; margin-left: 20px; display: inline-block;

}

.mo-con-1 {

    background: url(/Content/images/ypay/zhuanti/body-1.png) no-repeat 660px 58px; height: 450px; padding-left: 55px; margin-top: 40px; position: relative;

}

.mo-con-1 h1 {

    color: rgb(51, 51, 51); line-height: 34px; font-size: 26px; margin-bottom: 15px;

}

.mo-con-1 p {

    width: 560px; color: rgb(102, 102, 102); line-height: 30px; font-size: 16px;

}

.mo-con-1 img {

    margin-top: 20px; margin-bottom: -10px; margin-left: -10px;

}

.mo-con-2 {

    height: 500px; background-image: url(/Content/images/ypay/zhuanti/body-2.png);

}

.mo-con-2 h1 {



}

.mo-con-2 .mo-p {

    background: url(/Content/images/ypay/zhuanti/pbg.png) no-repeat left 2px; height: 20px; line-height: 20px; padding-left: 30px; font-size: 18px; margin-top: 15px;

}

.mo-course {

    margin-top: 50px; margin-bottom: 20px;

}

.mo-course h1 {

    color: rgb(85, 85, 85); font-size: 32px;

}

.mo-h {

    left: 660px; top: 0px; position: absolute; margin:0; padding:0;

}

.container-w .bannerr .mask-left {

    background: rgb(242, 242, 242);

}

.container-w .bannerr .mask-right {

    background: rgb(242, 242, 242);

}

.container-w .bannerr .banner-li {

    background: rgb(242, 242, 242);

}

.container-w a:hover img {

    opacity: 0.7;

}

.faq-1 {

    background: url(/Content/images/ypay/zhuanti/1.png) no-repeat center rgb(242, 242, 242); height: 313px;

}

.faq-2 {

    background: url(/Content/images/ypay/zhuanti/2.png) no-repeat left; height: 124px;

}

.faq-3 {

    background: url(/Content/images/ypay/zhuanti/3.png) no-repeat left; height: 236px;

}



/*公开课2016-1-15*/

.openlist{margin-top:30px; padding:20px 20px 0; background-color:#f0f0f0;}

.openlist .opentitle{width:77px;line-height:30px;  }

.openlist .opendate,.openlist .openaccess{margin-left:-9px; width:1092px;}

.opendate li,.openaccess li{cursor:pointer; float:left; margin-left:9px;  width:75px; height:30px; line-height:30px; text-align:center; color:#999; background-color:#fff; border:1px solid #e8e8e8;}

.openaccess li{margin-bottom:20px;}

.opendate li:hover,.openaccess li:hover,.opendate li.active,.openaccess li.active{border-color:#188eee; color:#188eee;}

.opendate li.active,.openaccess li.active{cursor:default; }



.courseopen-list{margin-left:-13px;}

.courseopen-list .listitem{float:left; margin-left:13px; margin-bottom:25px; width:290px; height:274px;}

.courseopen-list .tiplist{margin-left:-10px; height:24px; overflow:hidden;}

.courseopen-list .tiplist span{display:inline-block; padding:0 8px; margin-left:10px; height:24px; /*width:72px;*/ overflow:hidden; line-height:24px; text-align:center; background-color:#e8e8e8; border-radius:4px; }



.classlist{margin-left:-8px; height:90px; overflow:hidden;}

.classlist span{cursor:pointer; float:left; margin-top:15px; margin-left:8px;  padding:0 5px; height:30px; line-height:30px; text-align:center; color:#999; background-color:#fff; border:1px solid #e8e8e8;}

.classlist span:hover,.classlist span.active{border-color:#188eee; color:#188eee;}

.classlist span.active{cursor:default; }



/*.chatgift{display:inline-block; height:36px; line-height:36px;background-color:#f60; border-radius:5px;}*/

/*.chatgift:hover,.chatgift:focus{text-decoration:none; color:#fff; background-color:#fd7f2c;}*/

/*.chatgift .chatgiftico{position:absolute; top:-5px;left:-22px; display:inline-block; width:42px; height:42px; background:url(/Content/images/ypay/giftchat.png) center no-repeat;}*/

/*2017年3月1日16:31:34 改版修改*/

.chatgift{display:inline-block; width: 180px; height:45px;  line-height:45px;background-color:#f60; border-radius:3px;}

.chatgift:hover,.chatgift:focus{text-decoration:none; color:#fff; background-color:#fd7f2c;}

.chatgift .chatgiftico{position:absolute; top:-12px;left:-36px; display:inline-block; width:75px; height:68px; background:url(/Content/images/ypay/giftchat.png) center no-repeat; background-size: cover;}

.chatgift.btn-disable{color: #ebebeb; color: #fff; background-color:#bebebe;}



/*测评详情咨询有惊喜样式*/

.cepinggift{display:inline-block; padding-left: 70px; height:50px; line-height:50px; color:#f60; background-color:#FFE9D7; border: 1px solid #f60; border-radius:5px;}

.cepinggift:hover,.cepinggift:focus{text-decoration:none; color:#f60;  }

.cepinggift .cepinggiftico{position:absolute; top:3px; left: 5px;  display:inline-block; width:42px; height:42px; background:url(/Content/images/ypay/gift_cp.png) center no-repeat;}

.cepinggift .cepinggiftico:after{content: ''; height: 30px; position:absolute; top:50%; right:-8px; margin-top: -15px;  border-right: 1px solid #f60;}



.online-contact {position: fixed; top: 50%; right: 0; z-index: 1001; margin-top:-137px; padding:150px 7px 10px 13px; width:140px; height:274px; background:url(/Content/images/ypay/online-contact.png) center no-repeat;}

.online-contact p{margin-bottom:10px;}

.online-contact .online-phone{display:inline-block; width:20px; height:20px; background:url(/Content/images/ypay/online-phone.png) center no-repeat; }

.online-contact .online-QQ{display:inline-block; width:20px; height:20px; background:url(/Content/images/ypay/online-QQ.png) center no-repeat; }



/*名师内训*/

.techtrain_banner{width:100%;height:340px;background:url(/Content/images/ypay/entry/techtrain_banner.png) no-repeat center;}

.techmanager_banner{width:100%;height:460px;background:url(/Content/images/ypay/entry/techmanager_banner_v1.png) no-repeat center;}

.techtrain-list .tiplist{margin-left:-10px; height:24px; overflow:hidden;}

.techtrain-list .tiplist span{display:inline-block; padding:0 8px; margin-left:10px; height:24px; /*width:72px;*/ overflow:hidden; line-height:24px; text-align:center; background-color:#e8e8e8; border-radius:4px; }

.techtrain-list .item{margin-bottom:30px;}

/*心愿单*/

.wishbtn{display:inline-block; position:relative; top:-13px; width:173px; height:53px; padding:12px 0 0 54px; background:url(/Content/images/ypay/wishbtn.png) no-repeat center;}

.wishbtn:hover,.wishbtn:focus{opacity:0.9; filter:alpha(opacity=90); text-decoration:none; color:#fff; background:url(/Content/images/ypay/wishbtn_hover.png) no-repeat center;}

.wishbtn.disabled{background:url(/Content/images/ypay/wishbtndone.png) no-repeat center;}

.wishbtn.disabled:hover,.wishbtn.disabled:focus{cursor:not-allowed; opacity:1; filter:alpha(opacity=100); color:#fff;}

.wish_editbox{background-color:#eee; top:-5px; right:9px; width:64%;}

.wish_editbox .form-control{height:66px;}

.whishlist-tab .whishlist-tabitem { cursor: pointer; }

.whishlist-tab .whishlist-tabitem.active{ color: #188eee; cursor: default; }

/*直播课*/

.replay_icon{width:14px;height:14px;background:url(/Content/images/ypay/replay_icon.png) no-repeat;display:inline-block;position:relative;top:2px;margin-right:5px;}

.replay_whiteicon{width:14px;height:14px;background:url(/Content/images/ypay/replay_whiteicon.png) no-repeat;display:inline-block;position:relative;top:2px;margin-right:5px;}

.orange_liveicon{width:19px;height:14px;background:url(/Content/images/ypay/orange_liveicon.png) no-repeat;display:inline-block;position:relative;top:2px;margin-right:5px;}

.white_liveicon{width:19px;height:14px;background:url(/Content/images/ypay/white_liveicon.png) no-repeat;display:inline-block;position:relative;top:2px;margin-right:5px;}

.live_icon{width:43px;height:41px;position: absolute;top:0;right:0;background:url(/Content/images/ypay/my_live.png);}



.live_banner{width:100%; margin:0 auto;}

.live_banner img{width:100%;height:100%;}

.live_banner .modal-animation-container{width:100%;height:330px;position: relative;overflow: hidden;}

.live_banner .modal-animation-container .modal-animation-item{position: absolute;width:100%;height:100%;top:0;left:-100%;}

.live_banner .modal-animation-container .banner1{left:0;z-index:50;}

.live_banner .modal-animation-container .filter,.live_banner .modal-animation-container .filter_text{width:100%;height:50px;position:absolute;left:0;bottom:0;}

.live_banner .modal-animation-container .filter{z-index:51;opacity: 0.6;filter:alpha(opacity=60); background-color:#000;}

.live_banner .modal-animation-container .filter_text{z-index:52;font-size: 18px;padding-left: 50px;color:#fff;}

.live_banner .modal-animation-container .live_btn{display:inline-block;padding:3px 10px;font-size:14px;background:#ff6600;}

.live_banner .modal-animation-container .live_div{width:100%;height:330px;}

.live_banner .btn-prev,.live_banner .btn-next{width:50px;height:80px;position: absolute;top:50%;z-index:55;line-height: 80px;margin-top: -40px;text-align: center;cursor: pointer;}

.live_banner .btn-prev{left:-50px;}

.live_banner .btn-next{right:-50px;}

.live_banner .btn-prev:after,.live_banner .btn-next:after{position: absolute;content: "";background-color: #000;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.3;filter:alpha(opacity=30);z-index: -1;}

.live_banner .btn-prev .fa,.live_banner .btn-next .fa{font-size:50px;color:#fff;vertical-align:middle;}

.live_course{margin-left:-25px;}

.live_course li{position:relative; width:280px;float:left; margin:40px 0 0 25px;

    -webkit-box-shadow:0 0 4px #ddd; -moz-box-shadow:0 0 4px #ddd;

    -o-box-shadow:0 0 4px #ddd; -ms-box-shadow:0 0 4px #ddd;

    box-shadow:0 0 4px #ddd;

}

.live_course li .text-live{color:#ff6600;}



.liveinfo{height:324px;}

.liveinfo .live-theme{max-height:182px; line-height:20px; overflow:hidden;}

.live_clock{position:absolute; bottom:0; left:8px; padding:4px 30px 4px 12px; width:95%; height:60px; background-color:#188eee; border-radius:0 30px 30px 0;}

.live_clock .livetime_btn{display:inline-block; width:158px; height:52px; text-align:center; color:#188eee; font-weight:bold; line-height:48px; border-radius:5px; border:2px solid #fff; background-color:#fff;}

.live_clock .livetime_btn.disabled{cursor:not-allowed; opacity:0.6; filter:alpha(opacity=60); }

.live_clock .livetime_btn.disabled:hover{ background-color:#fff;color:#188eee; }

.live_clock .livetime_btn:hover{text-decoration:none;  background-color:#188eee; color:#fff;}



/*企业出行订单*/

.ddcircle-gre,.ddcircle-red{display: inline-block; width: 12px; height: 12px; background:url(/Content/images/ypay/ddcircle-gre.png) center no-repeat;}

.ddcircle-red{background:url(/Content/images/ypay/ddcircle-red.png) center no-repeat;}

.dd-car,.ddquick-car{display: inline-block; width: 20px; height: 20px; background:url(/Content/images/ypay/dd-car.png) center no-repeat;}

.ddquick-car{background:url(/Content/images/ypay/ddquick.png) center no-repeat;}

.viewbox .viewover{background-color: #f7f7f7; position: absolute; top:40px; left: -11px; right: -11px; z-index: 9; padding: 10px;}



/*登录*/

.loginbox{position:fixed; height:60px; box-shadow:0 2px 6px rgba(0,0,0,0.2); padding-left:50px; }

.screen-bg {position: fixed;left:0;top:60px;width: 100%;height: 100%;z-index:-1;}

.layout-register .filter{background: #FFF;opacity:0.6;filter: alpha(opacity=80);position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: -1;border-radius: 8px;}

.layout-register {padding:140px 20px 0;position: relative;z-index: 9;}

.layout-register .register-form {font-size:14px;width:100%;margin: 0 auto;max-width: 480px;position: relative; }

.layout-register .register-form .filter {background: #FFF;opacity:0.6;filter: alpha(opacity=60);position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: -1;border-radius: 8px;}

.layout-register .content {padding:20px 30px 10px; position:relative; z-index:4;}

.layout-register .form-in .form-group .form-control {height:40px;position: relative;z-index: 3;

    background-color: transparent;line-height:18px; background-color:#fff;}

.layout-register .has-icon-before {position: relative;}

.layout-register .has-icon-before .form-icon-before {position: absolute;left:13px;top:10px;z-index: 5; }

.layout-register .has-icon-before .form-control {padding-left: 40px;}

.layout-register .login-ico{display:inline-block; width:18px; height:21px; background:url(/Content/images/ypay/login-ico.png) -1px 0 no-repeat;}

.layout-register .login-ico.user{background-position:0px -29px;}

.layout-register .login-ico.psd{background-position:0px -68px;}

/*官网登录*/

.yxtlogin-bg {

    width: 100%; height: 100vh; background:url(/Content/images/ypay/login/login-bg.jpg) #f2f2f2 center top repeat;

}

.yxtlogin-register .register-form {position: absolute; top:50%; left: 50%; padding: 50px 58px; margin-left: -253px; margin-top: -288px; width: 506px; height: 576px; background:url(/Content/images/ypay/login/form-bg.png) center top no-repeat;}

.yxtlogin-register .lclogo{display: inline-block; width: 98px; height: 98px; background:url(/Content/images/ypay/login/lclogo.png); background-size: cover;}

.yxtlogin-register .form-group .form-control {position: relative; height:48px; line-height:18px; box-shadow: none; background-color: #fff; border-radius: 4px; border-color: #ddd;}

.yxtlogin-register .has-icon-before {position: relative;}

.yxtlogin-register .has-icon-before .form-icon-before {position: absolute; left:1px; top:1px; z-index: 1; }

.yxtlogin-register .has-icon-before .form-control {padding-left: 54px;}

.yxtlogin-register .login-ico{display:inline-block; width:48px; height:46px; background-color: #f4f4f4; border-right: 1px solid #ddd;}

.yxtlogin-register .login-ico:after{content: ''; position: absolute; left: 17px; top:17px; width:14px; height:14px;

    background:url(/Content/images/ypay/login/icon.png) -1px 0 no-repeat;}

.yxtlogin-register .login-ico.user:after{background-position:-1px -42px;}

.yxtlogin-register .login-ico.psd:after{background-position:-1px -84px;}

.yxtlogin-register .btn-login{border: 0; width: 390px; height: 50px; background:url(/Content/images/ypay/login/icon.png) 0 -192px no-repeat;}

.yxtlogin-register .btn-login:hover{background-position: 0 -257px; }

.yxtlogin-register .btn-login[disabled],.yxtlogin-register .btn-login.btn-disabled{cursor: not-allowed; background-position: 0 -127px;}

/*新名师推荐*/

.teacherlist{ margin-left: -25px; }

.teacherlist .blue-tec,.teacherlist .red-tec{position: absolute; left: 9px; bottom: 17px; display: inline-block; padding-top: 6px; width: 132px; height: 28px;

    line-height: 22px; color: #fff;  background:url(/Content/images/ypay/blue-tec.png) center no-repeat;}

.teacherlist .red-tec{background:url(/Content/images/ypay/red-tec.png) center no-repeat;}

.teacherlist li{float: left; margin-left: 25px;  margin-bottom:25px; padding: 15px 12px; width: 220px; height: 280px; text-align: center; background-color: #f7f7f7; /*border: 1px solid #f2f2f2;*/}

.jisngshi-list li{height:300px; }

.teacherlist li .avatar,.teacherphoto .avatar,.teacher_avatar_sm{display:inline-block;width:150px; height:150px;background:#FFF;border-radius:50%; overflow:hidden;}

.teacherphoto .avatar{ width:250px; height:250px; }

.teacher_avatar_sm{width:100px; height:100px;}

.teacher_topinfo{height: 280px;}

.teacico{display: inline-block;  background:url(/Content/images/ypay/teacico.png?v=1719)  0 no-repeat;}

.teacico.num,.teacico.score,.teacico.level{float: left;   margin-right:8px;  width: 24px; height: 24px;}

.teacico.num{ margin-right: 12px; background-position: -62px -56px;}

.teacico.score{background-position: 0 -56px;}

.teacico.level{background-position: -120px -56px;}

.teacico.man{float: left;  margin-top: 2px; margin-right:10px; width: 28px; height: 28px; background-position: -74px -1px;}

.teacico.skilled{float: left;  margin-top: 2px; margin-right:10px; width: 25px; height: 24px; background-position: -145px 0px;}

.teacico.course{float: left;  margin-right:10px; width: 28px; height: 28px; background-position: 0 -110px;}

.teacico.book{float: left;  margin-right:10px; width: 28px; height: 29px; background-position: 0 0;}

.teacico.point{ float: left;  margin-top: 8px; margin-right:10px; width: 6px; height: 6px; background-position: -71px -131px;}

.courselist{margin-left: -5px;}

.courselist li{float: left; margin-left: 20px; width: 316px; margin-bottom: 6px; margin-top: 5px; line-height: 24px;}



.chatbtn{display:inline-block; height: 22px; padding: 0px 5px; line-height: 20px; border: 1px solid #f60; border-radius: 2px;}

.chatbtn .chatico{ float:left; display: inline-block; width: 20px; height: 20px;  background:url(/Content/images/ypay/chatico.png) center no-repeat;}

.chatbtn .chatword{position: relative; margin-left: 5px; padding-left: 5px;}

.chatbtn .chatword:before{content: ''; position: absolute; top: 5px; left: 0; height: 10px; border-right: 1px solid #f60;}

.chatbtn:hover{ background-color: #f60;}

.chatbtn:hover .chatico{background:url(/Content/images/ypay/chatico_hover.png) center no-repeat;}

.chatbtn:hover .chatword{color: #fff;}

.chatbtn:hover .chatword:before{border-color: #fff;}

/*保险*/

.bx_banner{width:100%;height:280px;background:url(/Content/images/ypay/entry/bxbj.jpg) #d2f2ff no-repeat center;}

.bxdetaillist+.bxdetaillist{border-top:1px solid #e4e4e4; padding-top:8px;}

.tbcare-list .num{display:inline-block; width:26px; height:26px; line-height:26px; text-align:center; color:#fff; font-weight:bold; background-color:#ccc; border-radius:50%;}

.share-entry p{text-indent:2em;}

.planstyle{}

.planstyle.active{cursor:default; color:#2aabe6; background:url(/Content/images/ypay/paystyle_blue.png) #fff no-repeat right bottom; border: 1px solid #2aabe6; }



.scure{margin-top: 30px; display: table; border-bottom: 1px solid #e4e4e4;}

.scure .leftitem{width: 200px; display: table-cell; vertical-align: top;}

.scure .rightitem{padding-top: 30px; width: 1000px; display: table-cell; vertical-align: top;}

.scurelist li{float: left; margin-bottom: 15px; margin-left:20px; width: 480px; height: 114px; display: inline;}



.scure.item1{ border-top: 1px solid #f60;}

.scure.item2{ border-top: 1px solid #39c;}

.scure.item3{ border-top: 1px solid #393;}



.scure.item1 .leftitem{ background-color: #f60;}

.scure.item2 .leftitem{ background-color: #39c;}

.scure.item3 .leftitem{ background-color: #393;}



.leftitem .item1ico,.leftitem .item2ico,.leftitem .item3ico{

    display: inline-block; width: 120px; height: 120px;

    position: absolute; bottom: 15px; right:15px;

    background:url(/Content/images/ypay/yiwai.png)  no-repeat center;

}

.leftitem .item2ico{background:url(/Content/images/ypay/team.png)  no-repeat center;}

.leftitem .item3ico{background:url(/Content/images/ypay/health.png)  no-repeat center;}

/*会议方数购买*/

.squarelist{position: relative; padding-left: 80px;}

.squarelist .gives{display:none; position: absolute; top:-28px; left:10px; width: 80px; height: 28px; text-align: center; line-height: 28px; color: #a7800c;

    background-color: #FFE252; border-radius: 40px;

}

.squarelist .gives:after{content: ''; width: 0; height: 0;  position: absolute; left: 10px; bottom: -6px;

    border-left: 6px solid transparent; border-right: 6px solid transparent; border-top:6px solid #FFE252;

}

.squarelist dd.active .gives,.squarelist dd:hover .gives{display: inline-block; }



.squarelist dt,.squarelist dd{float: left;}

.squarelist dt{width: 80px; position: absolute; left: 0px; line-height: 27px; font-weight: normal;}

.squarelist dd{cursor: pointer; position: relative; margin-right: 10px; margin-bottom: 10px; border-radius: 3px; border: 1px solid #e4e4e4; padding: 4px 15px;}

.squarelist dd:hover,.squarelist dd.active{border-color: #188eee; color: #188eee;}

.squarelist dd.normal{cursor:default; border-color: #e4e4e4; color: #666;}



/*手机支付*/

.msg-box {

    width: 200px;

    top:0;

    z-index: 10000;

    opacity: 0;

    font-size: 14px;

    color: #fff;

    border-radius:6px;

    background-color: rgba(0,0,0,0.5);

    position: fixed;

    line-height: 24px;

    text-align: center;

    padding: 8px 10px;

    trsnform:translate3d(0,0,0);

    border-color: #fff;



}

/*字体模拟选择框*/

.radio-blue-point {position:relative;font-weight:normal;margin-bottom:0;}

.radio-blue-point .input {position:absolute;left:-9999px;z-index:-9999;top:0;opacity:0;filter: alpha(opacity=0);}

.radio-blue-point .fontico {-moz-user-select:none;}

.radio-blue-point .fontico:before{content:"\f1db"; color:#ccc;font-size:18px;margin-right:2px;margin-left:-2px;vertical-align:-2px; font-family: FontAwesome;}

.radio-blue-point:hover .fontico:before {color:#188eee;}

.radio-blue-point.checked .fontico:before {content:"\f192";color:#188eee;}



.radio-blue-point2 {position:relative; cursor: pointer; font-weight:normal;margin-bottom:0;}

.radio-blue-point2 .fontico { position: relative; -moz-user-select:none; display: inline-block; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 50%;}

.radio-blue-point2 .fontico:before{position: absolute; top:4px; left: 4px; content: ''; display: inline-block;

    width: 8px; height: 8px;  border-radius: 50%;}

.radio-blue-point2:hover .fontico:before,.radio-blue-point2.checked .fontico:before {background-color: #188eee;}

.radio-blue-point2.checked{cursor: default;}







.checkbox-orange-tick{position: relative; font-weight:normal; margin-bottom:0;}

.checkbox-orange-tick .input {position:absolute;left:-9999px;z-index:-9999;top:0;opacity:0;filter: alpha(opacity=0);}

.checkbox-orange-tick .fontico:before {content:"\f096";}

.checkbox-orange-tick .fontico {-moz-user-select:none;user-select:none;}

.checkbox-orange-tick .fontico:before {min-width:20px;color:#ccc;font-size:18px;margin-right:2px;margin-left:-2px;vertical-align:-2px; font-family: FontAwesome;display:inline-block;}

.checkbox-orange-tick:hover .fontico:before {color:#f60;}

.checkbox-orange-tick.checked .fontico:before {content:"\f046";color:#f60;}

.checkbox-orange-tick.select_active_none .fontico:before,.checkbox-orange-tick.select_active_none:hover .fontico:before{color:#ccc; }



.checkbox-blue-tick{position: relative; font-weight:normal; margin-bottom:0;}

.checkbox-blue-tick .input {position:absolute;left:-9999px;z-index:-9999;top:0;opacity:0;filter: alpha(opacity=0);}

.checkbox-blue-tick .fontico:before {content:"\f096";}

.checkbox-blue-tick .fontico {-moz-user-select:none;user-select:none;}

.checkbox-blue-tick .fontico:before {min-width:20px;color:#ccc;font-size:18px;margin-right:2px;margin-left:-2px;vertical-align:-2px; font-family: FontAwesome;display:inline-block;}

.checkbox-blue-tick:hover .fontico:before {color:#188eee;}

.checkbox-blue-tick.checked .fontico:before {content:"\f046";color:#188eee;}

.checkbox-blue-tick.select_active_none .fontico:before,.checkbox-blue-tick.select_active_none:hover .fontico:before{color:#ccc; }



.radio-blue-tick {position:relative;font-weight:normal;margin-bottom:0;}

.radio-blue-tick .input {position:absolute;left:-9999px;z-index:-9999;top:0;opacity:0;filter: alpha(opacity=0);}

.radio-blue-tick> .fontico:before {content:"\f1db";}

.radio-blue-tick> .fontico {-moz-user-select:none;}

.radio-blue-tick .fontico:before {color:#ccc; margin-right:2px;margin-left:-2px;vertical-align:-2px; font-family: FontAwesome;}

.radio-blue-tick.checked .fontico:before {content:"\f058";color:#188eee;}



.checkico-blue-tick{position: relative; font-weight:normal; margin-bottom:0;}

.checkico-blue-tick .input {position:absolute;left:-9999px;z-index:-9999;top:0;opacity:0;filter: alpha(opacity=0);}

.checkico-blue-tick .fontico {-moz-user-select:none;user-select:none;}

.checkico-blue-tick .fontico:before {content: ''; display:inline-block; width: 20px; height: 20px;  background:url(/Content/images/mobile/checkico.png) center no-repeat;}

.checkico-blue-tick.checked .fontico:before {background:url(/Content/images/mobile/check_blue.png) center no-repeat;}

.checkico-blue-tick.select_active_none .fontico:before{background:url(/Content/images/mobile/check_active_none.png) center no-repeat; }



.radioico-blue-tick{position: relative; font-weight:normal; margin-bottom:0;}

.radioico-blue-tick .input {position:absolute;left:-9999px;z-index:-9999;top:0;opacity:0;filter: alpha(opacity=0);}

.radioico-blue-tick .fontico {-moz-user-select:none;user-select:none;}

.radioico-blue-tick .fontico:before {content: ''; display:inline-block; width: 22px; height: 22px;  background:url(/Content/images/mobile/radioico2.png) center no-repeat; background-size: cover;}

.radioico-blue-tick.checked .fontico:before {background-image:url(/Content/images/mobile/radio_blue2.png);}







.orderitembox{}

.orderitembox .orderitem {margin-top:0; padding-top:15px; padding-bottom:15px;}

.orderitembox .orderitem + .orderitem{border-top:1px solid #e4e4e4;}

.orderlist .orderitem{background-color:#f2f2f2; }

.orderlist .orderitem + .orderitem{border-top:0; margin-top:10px;}

.myordertabfix {position:fixed; z-index:5;}



.sureboxfix{height: 50px;}

.surebox{position:fixed; bottom:0; width:100%; background-color:#fff;  z-index:5; }

/*.onsalelist{padding-left:20px; margin-bottom:20px; height:120px; }*/

/*.onsalelist.notuse{height:70px;}*/

/*.onsalelist .onsaleitemlabel{width:100%;  height:100%;}*/

/*.onsalelist .onsaleitem,.onsalelist.notuse .onsaleitem{display:inline-block; padding:15px 10px 15px; width:100%; height:100%; border:1px solid #e4e4e4; border-radius:5px;  background:url(/Content/images/mobile/sideico.png) #fff left top repeat-x;}*/

/*.onsalelist.notuse .onsaleitem{background:url(/Content/images/mobile/side_noneico.png) #fff left top repeat-x;}*/

/*.onsalelist .fontico{position:absolute; top:2px; left:-20px;}*/

/*.walletlist{height:176px;}*/

/*.surebox-wallet{margin-left:-15px;margin-right:-15px; margin-bottom:-15px;}*/



/*优惠活动*/

.onsalelist{ padding-left:25px; padding-right:5px;  margin-bottom:15px;}

.onsalelist  .onsaleitemlabel{width:100%;  height:100%;}

.onsalelist  .fontico{position:absolute; top:2px; left:-20px;}

.onsalelist  .timeend{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; line-height: 35px; margin-top: 10px;}

.onsalelist .onsaleitem{display:inline-block; padding:15px 10px 20px; width:100%;  height:auto; min-height:100%; border:1px solid #e4e4e4; border-radius:5px;  background:url(/Content/images/mobile/sideico.png) #fff left top repeat-x;}

.onsalelist.notuse{ height:100%;}

.onsalelist.notuse .onsaleitem{

    display:inline-block; padding:15px 10px 60px; width:100%;

    height:auto; min-height:100%; border:1px solid #e4e4e4; border-radius:5px;

    background:url(/Content/images/mobile/side_noneico.png) #fff left top repeat-x;

}

.onsaleitem .media-left{width:108px;}

.onsalelist .media-body{word-break:break-all;}



.count_detial{ margin-bottom:0;}

.count_detial .count_titlebox{height:40px;}

.count_detial .count_titlebox .count_title{display:block; background-color:#fff; width:100%; border-bottom:1px solid #e4e4e4;}

.count_detial .count_titlebox:first-child  .count_title{position:fixed;}

.count_detial .count_item{border-bottom:1px solid #e4e4e4;}



/*支付pc-收银台*/



.headbox{position:fixed; top:0; width:100%; background-color:#fff; z-index:6;}

.surebox{position:fixed; bottom:0; z-index:5; width:100%;  background-color:#f4f4f4;}

.paymode .fontico{position: absolute; top:9px;}

.txtstyle{width: 70px; display:inline-block; border:0; border-radius:0px; padding:0 12px; height:18px; border-bottom:1px solid #ddd;

    -webkit-moz-shadow:inset 0 0 0 rgba(255, 255, 255, 0.075);

    -webkit-ms-shadow:inset 0 0 0 rgba(255, 255, 255, 0.075);

    -webkit-o-shadow:inset 0 0 0 rgba(255, 255, 255, 0.075);

    -webkit-box-shadow:inset 0 0 0 rgba(255, 255, 255, 0.075);

    box-shadow:inset 0 0 0 rgba(255, 255, 255, 0.075);

}

.txtstyle:focus{border-color:#2aabe6; -webkit-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }

.txtstyle.bg-none{background:none;}



.payitem{margin-top:0; padding:10px;}

.payitem:hover{ background-color:#FCFCFC;}

.payitemlabel{width:100%; display:block;}

.payitemlabel+.payitemlabel{

    border-top:1px solid #e4e4e4;

}

.payitemlabel .fontico{position: absolute; z-index:5; top:50%; right: 10px; margin-top:-14px; }

.payitem{ margin-top:0; padding:10px 0; }

.weixinico{ display:inline-block; width:40px; height:40px; border-radius: 10px; background:url(/Content/images/mobile/weixin.png) center no-repeat;}

.zhifbico{display: inline-block; width: 40px; height: 40px;  border-radius: 10px; background:url(/Content/images/mobile/zhifb.png) center no-repeat;}

.fmaico{ display:inline-block; width:40px; height:40px;  border-radius: 10px; background:url(/Content/images/mobile/fmaico.png) center no-repeat;}

.payitem:hover{ background-color:#FCFCFC;}

/* 收银台-炫星卡 */

.xuanxing-card-pay{

    float: left;  margin-left:30px; margin-bottom: 22px; width:296px; height:143px; border:1px solid #E0E0E0; border-radius:10px;

}

.xuanxing-card-pay .card-top{width:100%; height:60px; line-height:60px; background-color: #2EAFF9; border-radius:10px 10px 0 0;}

.xuanxing-card-pay.active{position: relative; border-color: #f60; border-width: 2px;}

.xuanxing-card-pay.active:after{ content:''; position: absolute; bottom:0; right:0; display: inline-block;  width: 28px; height: 28px;  background: url(/Content/images/ypay/pay/card_active.png) no-repeat;}

.xuanxing-card-pay.active .card-top{border-radius:8px 8px 0 0;}

.none-card{ display: inline-block;  width: 144px; height: 100px;  background: url(/Content/images/ypay/pay/none_card.png) no-repeat;}

/*手机支付成功*/

.pay_sm_success{display:inline-block; width:75px; height:100px;background:url(/Content/images/mobile/success-sm.png) center  no-repeat; }

.pay_sm_fail{display:inline-block; width:75px; height:100px;background:url(/Content/images/mobile/fail-sm.png) center 8px no-repeat; }

.payfailico{display:inline-block; width:37px; height:43px; background:url(/Content/images/mobile/payfailico.png) center no-repeat; background-size:100% 100%;}

.mlikelist .likeitem{margin-bottom:20px;}

.mlikelist .likeitem .entail{ margin-top:3px;}



.list-default>li{display:-webkit-box;}

.list-default>li+li{border-top:1px solid #E4E4E4;}

.list-default .whitespace-h{ padding-left:10px; padding-right:10px;}

.list-default .list-cover-img{position: relative; width: 144px; height: 81px; margin: 10px 10px 10px 0; }

.list-default .list-cover-img>img{width: 100%; height: 100%; position: absolute; left: 0; top:0;}

.list-default .list-info{width:100%; display: -webkit-box; -webkit-box-flex:1; -webkit-box-orient:vertical;

    -webkit-box-pack:center; padding-top:10px; padding-bottom:10px;

}

.list-default .col-flex-1{ float: none; width: 100%; height: 0; -webkit-box-flex:1;}



.timeico,.eyeico{display: inline-block; width: 12px; height:12px; background:url(/Content/images/mobile/time.png) center no-repeat; background-size:cover;}

.eyeico{ width: 16px; height:9px; background-image:url(/Content/images/mobile/eye.png);}

/* 收银台-炫星卡H5 */

.none-mcard{ display: inline-block;  width: 147px; height: 114px;  background: url(/Content/images/mobile/none_card.png) no-repeat; background-size:cover;}

.xuanxing-card-mlist .xuanxing-card-mpay{

    margin-bottom:14px; height:115px;

    border-top:5px solid #188EEE;

    border-radius:5px 5px 5px 5px;

    -webkit-box-shadow:0px 2px 10px rgba(0,0,0,.1);

    box-shadow:0px 2px 10px rgba(0,0,0,.1);

}



.xuanxing-card-mlist .give-card, .xuanxing-card-paylist .give-card{ position: relative; top:-3px; display: inline-block;  width: 43px; height: 18px; line-height: 18px; color:#fff; text-align: center; background: #80AFCE; border-radius:2px;}

.xuanxing-card-mlist .give-card:before, .xuanxing-card-paylist .give-card:before{ content:'';position: absolute; top:6px; left:-4px; border-right: 4px solid #80AFCE;

    border-top:3px solid transparent; border-bottom:3px solid transparent; }

.xuanxing-card-paylist .give-card{background:#88CCF4; }

.xuanxing-card-paylist .give-card:before{ border-right: 4px solid #88CCF4; }



/*手机支付*/



/*专题*/

.qgs-banner{background:url(/Content/images/ypay/zhuanti/qgs-banner.jpg) #f7f7f7 no-repeat center; height: 300px; }

.fucheng{position: fixed; top:350px; right: 0; z-index: 99;}

.qgs_title{display: inline-block; padding: 8px 8px 0 0; width: 202px; height: 54px; background:url(/Content/images/ypay/zhuanti/qgs_title.png) center no-repeat ;}

.coursehight dt{padding-left: 20px; background:url(/Content/images/ypay/zhuanti/xing.png) left 9px  no-repeat;   }

.qgs_tab{ margin-left:-24px; }

.qgs_tab li{cursor: pointer;

    float: left; margin-left: 24px; margin-bottom: 20px; width: 282px; height: 100px;  text-align: center; border: 1px solid #fff;

}

.qgs_tab li .bg{height: 90px; padding: 10px; }

.qgs_tab li .bg .title{display: block; line-height: 70px}

.qgs_tab li .info{display: none;}

.qgs_tab li.active,.qgs_tab li:hover{position: relative; z-index: 9; text-align: left; background-color:#fff ; border: 1px solid #e4e4e4;  }

.qgs_tab li.active .title,.qgs_tab li:hover .title{ line-height: 28px;}

.qgs_tab li.active .info,.qgs_tab li:hover .info{ display: block;}

.qgs_tab li.active .bg,.qgs_tab li:hover .bg{background-color:#fff ;  }



.qgs_tab .tab1 .bg{background-color:#ff8787 ; }

.qgs_tab .tab1.active .title,.qgs_tab .tab1:hover .title{ color: #ff8787;}

.qgs_tab .tab2 .bg{background-color:#8bb9f8 ; }

.qgs_tab .tab2.active .title,.qgs_tab .tab2:hover .title{ color: #8bb9f8;}

.qgs_tab .tab3 .bg{background-color:#b88ff1 ; }

.qgs_tab .tab3.active .title,.qgs_tab .tab3:hover .title{ color: #b88ff1;}

.qgs_tab .tab4 .bg{background-color:#feaa72 ; }

.qgs_tab .tab4.active .title,.qgs_tab .tab4:hover .title{ color: #feaa72;}

.qgs_tab .tab5 .bg{background-color:#48d9db ; }

.qgs_tab .tab5.active .title,.qgs_tab .tab5:hover .title{ color: #48d9db;}

.qgs_tab .tab6 .bg{background-color:#ff87ba ; }

.qgs_tab .tab6.active .title,.qgs_tab .tab6:hover .title{ color: #ff87ba;}

.qgs_tab .tab7 .bg{background-color:#c93 ; }

.qgs_tab .tab7.active .title,.qgs_tab .tab7:hover .title{ color: #c93;}

.qgs_tab .tab8 .bg{background-color:#79bbe9 ; }

.qgs_tab .tab8.active .title,.qgs_tab .tab8:hover .title{ color: #79bbe9;}

.tabcontent{min-height: 500px;}

.tabcontent>div{display: none;}

.tabcontent>div.active{display: block;}



.language{display: inline-block; width: 150px; height: 12px; background:url(/Content/images/ypay/zhuanti/qi.png)  no-repeat;  }

.language.ico1{background-position:0 0; }

.language.ico2{background-position:0 -16px; }

.language.ico3{background-position:0 -32px; }

.language.ico4{background-position:0 -50px; }

.language.ico5{background-position:0 -66px; }



.nologintop{ position: fixed; width: 100%; height: 30px; z-index:999; line-height: 30px; background-color:#b30b0b; }

.nologintip,.willexpire{position: absolute; top:58px; height: 40px; z-index:9; background-color: #e8e8e8; padding: 8px 10px; width: 326px;}

.nologintip .tiparrowup{position: absolute; left:20px;  top:-23px; color: #e8e8e8;}



.willexpire{background-color: #f1fbfe; color:#0A8CD2; border: 1px solid #bfe6f9}

.willexpire .tiparrowup:before,.willexpire .tiparrowup:after{

    content: '';

    position: absolute; top: -11px; left: 19px;

    border-left:10px solid transparent; border-right:10px solid transparent;

    border-bottom: 10px solid #bfe6f9;

}

.willexpire .tiparrowup:after{

    top: -10px;

    border-left:10px solid transparent; border-right:10px solid transparent;

    border-bottom: 10px solid #f1fbfe;

}





/*自费公费*/

.zifei{

    position: relative; top:-1px;

    display: inline-block; width: 16px; height: 16px; color: #fff; text-align: center; line-height: 16px; font-size: 11px;

    background-color: #c00; border-radius: 4px; -webkit-transform:scale(0.875); -moz-transform:scale(0.875); -o-transform:scale(0.875); -ms-transform:scale(0.875); transform:scale(0.875);

}

/*公司账户-企业套餐*/

.qiye_tcpover{}

.qiye_tcpover .popover{top: 20px; left: -63px;  width: 186px; background-color: #f2fafe;}

.qiye_tcpover .popover.bottom>.arrow:after{border-bottom-color: #f2fafe;}

/*.qiye_tcpover:hover .popover{display: block;}*/

.qiye_tcpover.bg-white .popover{background-color: #fff;}

.qiye_tcpover.bg-white .popover.bottom>.arrow:after{border-bottom-color: #fff;}

.qiye_tcinfo div{line-height: 30px;}

.qiye_tcinfo div+div{ border-top: 1px solid #e4e4e4;}



/*手机-企业出行企业充值*/

.money-list{padding-top: 15px;}

.money-list li>span{display: block; margin-bottom: 15px; width: 100%; height: 40px; line-height: 40px; color: #999;  text-align: center; border: 1px solid #ddd; border-radius: 5px;}

.money-list li>span.active{color: #2aabe6; border-color: #188eee;}

/*手机名师管家 课程&周边支付*/

.teac-sureboxfix{height:40px;}

.teac-sureboxfix .surebox{position:fixed; bottom:0; z-index:5; width:100%;}

/*云豆搬家*/

.ydbj_01,.ydbj_02{width: 100%; height:398px;  background:url(/Content/images/ypay/entry/ydbj_01.png) #3D9EFF center no-repeat; }

.ydbj_02{height: 444px;  background:url(/Content/images/ypay/entry/ydbj_02.png) #5DDA66 center no-repeat;}

/*中欧在线改版*/

.zo_banner{width: 100%; height:265px;  background:url(/Content/images/ypay/entry/zo_banner.jpg) #C2ECFA center no-repeat;}

.zo_title{position: relative;  padding-left: 15px;}

.zo_title:after{content: ""; position: absolute; left:0; top:50%; margin-top: -7px; display: inline-block; width: 8px; height: 14px; background:url(/Content/images/ypay/zo_arrow.png) 0 0 no-repeat; }

.leader_list{width: 530px;}

.teaccourse_list{width: 605px;}

.leader_list>dt,.teaccourse_list>dt{position: relative; float: left; margin-right: 6px; width: 100px; height: 40px; line-height: 40px; color: #fff; text-align: center; background-color: #CCCCCC;}

.leader_list>dt:after,.teaccourse_list>dt:after{content: ""; position: absolute; right:-6px; top:50%; margin-top: -6px; display: inline-block; width: 6px; height: 12px; background:url(/Content/images/ypay/zo_arrow.png) 0 -47px no-repeat; }

.leader_list>dt.active,.teaccourse_list>dt.active{background-color: #3A97CE;}

.leader_list>dt.active:after,.teaccourse_list>dt.active:after{background:url(/Content/images/ypay/zo_arrow.png) 0 -24px no-repeat;}

.leader_list>dd,.teaccourse_list>dd{ cursor: pointer; float: left; padding: 0 3px; margin: 0 12px; height: 40px; line-height: 40px;  }

.leader_list>dd{margin-right:42px; }

.leader_list>dd.active,.teaccourse_list>dd.active{cursor:default; border-bottom: 2px solid #3A97CE;}

.zo_info{width: 690px; height: 266px;}

.zo_course_head{height: 50px; width: 100%; background:url(/Content/images/ypay/zo_grey.png) center bottom no-repeat;}

.zo_course_head .zo_headtitle{position: absolute; bottom: 8px; left:42px; display: inline-block; padding-bottom: 4px; width: 130px; height: 38px; line-height: 34px; background:url(/Content/images/ypay/zo_title.png) center bottom no-repeat;}

.zo_table th+th{ border-left: 1px solid #F2F2F2;}

.zo_table tr{border-bottom: 1px solid #F2F2F2;}

.zo_table td{position: relative; padding-left: 35px; color:#36f; }

.zo_table td:before{content: ""; position: absolute; left:15px; top:50%; margin-top: -2px; display: inline-block; width: 4px; height: 4px; background:url(/Content/images/ypay/zo_arrow.png) 0 -64px no-repeat; }

.zo_table td.zo_td_title{padding-left: 0px;text-align: center; color:#333; border-right: 1px solid #F2F2F2;  }

.zo_table td.zo_td_title:before,.zo_table td.hasnonepoint:before{ background:none;}

.zo_content{min-height: 500px;}

.zo_content .zo_tabitem{display: none;}

.zo_content .zo_tabitem.active{display: block;}

/*//刷新转圈圈开关*/

.refresh-checked{position: relative;}

.refresh-checked input{opacity: 0;position: absolute; left: 0; top:0; width: 100%; height: 100%; z-index:9;}

.refresh-checked input:checked~.refreshico,.refresh-checked input:target~.refreshico{background:url(/Content/images/mobile/refreshgrey.png) center no-repeat; background-size: cover;}

.refresh-checked .refreshico{display: inline-block; width: 16px; height: 19px ; background:url(/Content/images/mobile/refreshgrey.png) center no-repeat; background-size: cover; }



/*测评明细页*/



.cp_notallow{display: inline-block; padding: 2px; width: 20px; height: 20px; line-height:16px; background-color: #188EEE; border-radius: 2px;}

.cp_notallow:after{content: ''; display: inline-block; width: 16px; height: 16px;background:url(/Content/images/ypay/ceping/cp_notallow.png) center no-repeat; }

.ycp-data{width: 240px; height: 263px; background:url(/Content/images/ypay/ceping/cp_nonedata.png) no-repeat;}

.ycp-data.none-cp{background-position: 0 0;}

.ycp-data.none-plancp{background-position: -480px 0;}

.ycp-data.none-cping{background-position: -240px 0;}



.ceping_banner{width:100%;height:420px;background:url(/Content/images/ypay/ceping/ceping_banner.jpg) no-repeat center;}

.cpindex_list{margin-left: -180px;}

.cpindex_list .cpindex_item{float: left; margin-left: 180px; width: 510px; height:310px;  }

.cpindex_zy{width: 510px; height: 290px;  }

.cpindex_zy .btnsquar{position: absolute; left: 50%; margin-left: -55px; bottom: 35px;}



.cp_step{margin-left:-4px;}

.cp_step .step{position: relative; float: left; margin-left: 4px; width: 286px; height: 68px; line-height: 68px;}

.cp_step .step.step_yellow{background:url(/Content/images/ypay/ceping/step_yellow.png) center no-repeat; }

.cp_step .step.step_green{background:url(/Content/images/ypay/ceping/step_green.png) center no-repeat; }

.cp_step .step.step_blue{background:url(/Content/images/ypay/ceping/step_blue.png) center no-repeat; }

.cp_step .step.step_pink{background:url(/Content/images/ypay/ceping/step_pink.png) center no-repeat; }

.cp_step .step .hasarrow{position: absolute; left: -20px; top:50%; margin-top: -20px; display: inline-block; width: 40px; height: 40px;}

.cp_step .step.step_green .hasarrow{background:url(/Content/images/ypay/ceping/arrow_green.png) center no-repeat; }

.cp_step .step.step_blue .hasarrow{background:url(/Content/images/ypay/ceping/arrow_blue.png) center no-repeat; }

.cp_step .step.step_pink .hasarrow{background:url(/Content/images/ypay/ceping/arrow_pink.png) center no-repeat; }



.cp_list{margin-left: -48px;}

.cp_list .cp_item{float: left; margin-left: 48px; width: 576px; height: 533px;}



.cpico{display: inline-block; width: 16px; height: 16px; background:url(/Content/images/ypay/ceping/cpico.png) 0 0 no-repeat;  }

.cpico.timeico{background-position: 0 -29px;}

.cpmanage_list{margin-left: -15px;}

.cpmanage_item{float:left; margin-left: 15px; margin-top: 30px; width: 390px; height: 190px;}

.cpmanage_item .cpmanage_info{width: 346px; height: 190px;}

.cpmanage_item .state{display: inline-block; width: 42px; height: 190px; display: table; vertical-align: middle;}

.cpmanage_item .state>i{font-style: normal; display: table-cell; vertical-align: middle;}

.cpmanage_item .state.nostart{background-color: #74BEF2;}

.cpmanage_item .state.hasover{background-color: #888888;}

.cpmanage_item .state.cping{background-color: #6AC66F;}

.cpmanage_item .state.unpublished{background-color: #ccc;}

.cpmanage_item .state.mycpover{background-color: #888;}

.cpmanage_item .state.cpfinish{background-color: #f66;}



.cp_step{}

.cp_step li{position: relative; float: left; padding: 0 30px; min-width:160px; text-align: center; height: 45px; line-height: 45px;}

.cp_step li.active{ color: #fff; background-color: #188eee;}

.cp_step li.active:before,.cp_step li.active:after{content: ''; position: absolute; top:0; display: inline-block; width: 16px; height: 45px;  }

.cp_step li.active:before{left:0; background:url(/Content/images/ypay/ceping/cp_step.png) #f6f6f6 0 0 no-repeat;}

.cp_step li.active:after{right:0; background:url(/Content/images/ypay/ceping/cp_step.png) #f6f6f6 -22px 0 no-repeat;}

.cp_step li.first-step{padding-left: 16px;}

.cp_step li.first-step.active:before{left:0; background-image: none; background-color: #188eee;}

.cp_step li.first-step.active:after{right:0; background:url(/Content/images/ypay/ceping/cp_step.png) #f6f6f6 -22px 0 no-repeat;}



.cp_step li.last-step.active:before{left:0; background:url(/Content/images/ypay/ceping/cp_step.png) #f6f6f6 0 0 no-repeat;}

.cp_step li.last-step.active:after{right:0; background-image: none; background-color: #188eee;}



.new-date-style.Wdate{height:34px;border: 1px solid #ddd;border-radius: 0;}



/*简历支付*/

.resume-icon{width:23px;height:23px;display: inline-block;background: url(/Content/images/mobile/u100.png) no-repeat;}

.text-orangef30{color: #ff3300;}

.zhifubao-icon{width:26px;height:26px;display:inline-block;background: url(/Content/images/mobile/u30.png) no-repeat;position: relative;top:5px;}

.surebox2 {position: fixed;bottom: 40px;z-index: 5;width: 100%;background-color: #f4f4f4;}

.text-bottom{width:100%;position: absolute;bottom:20px;}

.fail-link{width:50%;}

.pay-success-list li{border-top:1px solid #e4e4e4;line-height:40px;margin:0 10px;}

.pay-success-list li:first-child{border:0;}

.buy-icon{display: inline-block;width:20px;height:20px;background: url(/Content/images/mobile/u93.png) no-repeat;position: relative;top:3px;}

.unitPrice-icon{display: inline-block;width:20px;height:20px;background: url(/Content/images/mobile/u95.png) no-repeat;position: relative;top:3px;}

.allPrice-icon{display: inline-block;width:20px;height:20px;background: url(/Content/images/mobile/u98.png) no-repeat;position: relative;top:3px;}



/*课程续费管理*/

.renew-ul li{float: left; padding: 0 5px; line-height: 34px;}

.renew-ul li+li{margin-left: 8px;}

.renew-ul li span{color:#666; cursor: pointer;}

.renew-ul li span:hover{color:#188eee; text-decoration: none;}

.renew-ul li.active span{color:#188eee; cursor: default;}



/*搜索页面、机构详情*/

.seach-renew-ul li+li{margin-left: 20px;}

.seach-renew-ul li{line-height: 48px;}



.renew-qst-icon{background: url(/Content/images/ypay/u98.png) no-repeat center;width: 16px;height: 16px;display: inline-block;color: #ff6600;position: relative;top: 2px;}

.renew-text-orange{color: #ff6600;}

.table-primary.renew-table th{font-weight: bold;}

/*.text-middle-renew{position: relative;top: 50%;margin-top: -20px;}*/

/*.text-middle-renew2{position: relative;top: 50%;margin-top: -20px;}*/

.mod_renewform{ position:relative; padding-bottom:90px; }

.mod_renewform .renew-bottom{z-index:1000; position:fixed; bottom:0; padding: 20px; height: 90px;width:1200px;background-color: #f7f7f7; overflow:hidden;}





/*平安团险*/

.safe-right{width: 645px;}

.safe-detail{width: auto}

.safe-detail li{font-size: 12px;line-height: 24px;}

.safe-tip{height: 50px;background-color: #f5f5f5;width: 100%;}

.new-safe-list .nav-tabs.nav-normal{background:#f2f2f2;}

.new-safe-list .nav-tabs.nav-normal.style2{border-color:#f2f2f2;}

.new-safe-list .nav-tabs.nav-normal.style2 li a{padding:15px 35px;}

.new-safe-list .nav-tabs.nav-normal.style2 li.active a{background:#fff;}

.safegroup-table{width: 1004px;}

.safegroup-table.table{margin-bottom:0;}

.safegroup-table td.first{border-right: 1px solid #e4e4e4;}

.safegroup-table.table>tbody>tr>td,.safegroup-table.table>tfoot>tr>td{vertical-align:middle;padding:25px 10px;}

.safegroup-bottom{border-top:1px solid #e4e4e4;padding:30px;}

.safe-link{font-size:12px;color:#3399FF;border:1px solid #3399FF;display: inline-block;background-color: #e8f7ff;padding: 0 10px;line-height: 22px;margin:0 5px 10px 5px;}

.flower-icon{background: url(/Content/images/ypay/u183.png) no-repeat center;width: 19px;height: 19px;display: inline-block;position: relative;top: 4px;}

/*保险订单管理*/

.orderlayout .payposb2 {position: absolute;top:50%;left: 0px;margin-top: -40px;width: 308px;}

/*列表格式*/

.table.table-primary.format-list tr,.table.table-primary.format-list tr th{border:0;text-align: center;}

.table.table-primary.format-list tr th{font-weight: bold;text-align: center;line-height: 30px;}

.table.table-primary.format-list tr td{vertical-align: middle;border-bottom: 1px solid #ddd;line-height: 30px;}

/*保险详情 意外+旅游*/

.insruance-container{border:1px solid #e4e4e4;}

.insruance-bottom{z-index:111;position:absolute;height: 50px;background-color: #f7f7f7;bottom: 0;width: 100%;border-top: 1px solid #ddd;}

/*平安团险定点医院*/

.table.table-primary.hospital-table{margin: 0;}

.table.table-primary.hospital-table td{border-right: 1px solid #e4e4e4;vertical-align: middle;}

.table.table-primary.hospital-table td:last-child{border-right: 0;}

/*保险首页*/

.insurance_banner{width:100%;height:280px;background:url(/Content/images/ypay/insurance/insurance_banner.png) #339900 no-repeat center;}

.alpha-word{position: absolute; left:10px; bottom:20px; width: 140px; height: 84px; padding: 20px 0; text-align: center;}

.team_r_top{width: 543px; height: 178px; background:url(/Content/images/ypay/insurance/tem1.png) right top no-repeat;}

.team_r_bot .team_item{float:left; width: 180px; height: 178px;}

.team_r_bot .team_item+.team_item{padding-left: 5px; border-left: 1px solid #e4e4e4;}

.team_item.team_01{background:url(/Content/images/ypay/insurance/tem2.png) center bottom no-repeat;}

.team_item.team_02{background:url(/Content/images/ypay/insurance/tem3.png) center bottom no-repeat;}

.team_item.team_03{background:url(/Content/images/ypay/insurance/tem4.png) center bottom no-repeat;}



.travel_top{width: 1000px; height: 162px; background:url(/Content/images/ypay/insurance/travel1.png) 728px  10px no-repeat;}

.travel_bot .travel_item{float:left; width: 500px; height: 195px;}

.travel_bot .travel_item+.travel_item{padding-left: 20px; border-left: 1px solid #e4e4e4;}

/*2016/12/13保险修改*/

.team_c{width: 384px; height:357px; background:url(/Content/images/ypay/insurance/accident1.png) center bottom no-repeat;}

.accident_r_top{width: 1000px; height: 170px; background:url(/Content/images/ypay/insurance/accident2.png) right bottom no-repeat;}

.accident_r_bot .accident_item{float:left; padding-top: 55px; padding-left: 10px; width:33.333%; height: 188px;}

.accident_r_bot .accident_item+.accident_item{border-left: 1px solid #e4e4e4;}

.accident_item.team_01{background:url(/Content/images/ypay/insurance/triangle_orange.png) left top no-repeat;}

.accident_item.team_02{background:url(/Content/images/ypay/insurance/triangle_blue.png) left top no-repeat;}

.accident_item.team_03{background:url(/Content/images/ypay/insurance/triangle_purple.png) left top no-repeat;}

.point_bg{display: inline-block; width: 4px; height: 4px; position: relative; top:-3px; background:url(/Content/images/ypay/point-small.png) left center no-repeat;}

.notallow_ico{display: inline-block; width: 20px; height: 20px; border-radius: 3px;  background:url(/Content/images/ypay/notallow_ico.png) #188EEE center no-repeat;}



/*2017双11-2017年11月2日13:04:43*/

.doubleleven-header{width: 100%; height: 550px; background:url(/Content/images/ypay/doubleEleven/header.png) #fb312a center no-repeat;}

.doubleleven-course{width: 100%; height: 1160px; background-color: #fec24a;}

.titlebox{padding: 52px 0 1px;}

.titlebox .title01,.titlebox .title02{display: inline-block; width: 420px; height: 174px;

    background:url(/Content/images/ypay/doubleEleven/title1.png) center no-repeat; }

.titlebox .title02{background:url(/Content/images/ypay/doubleEleven/title2.png) center no-repeat; }



.doubleleven-course .courseslist{ margin-left: -10px; }

.doubleleven-course .courseslist li{

    float: left; margin-left: 10px; margin-top: 14px; padding: 13px 10px; width: 292px; height: 266px; background-color: #fff;

}

.doubleleven-info{padding-top: 18px; width: 100%; height: 650px; background-color: #fe881d;}

.doubleleven-footer{padding-top: 80px; height: 240px;}



/*双11活动宣传页 end*/

/*头部new提示*/

.new_icon{display: inline-block;width: 9px;height: 14px;position: absolute;top: 4px; right: -10px; background: url(/Content/images/ypay/new-icon.png) no-repeat center;}

/*会汇账户管理加续约*/

.xuyueico{display: inline-block; width: 24px;height: 12px;position: relative;top:-8px; right: -5px;  background: url(/Content/images/ypay/xuyueico.png) no-repeat center;}

.xypopover{display: none; position: absolute; top:25px;z-index: 9; width: 220px; height: 55px; box-shadow: 0 3px 6px rgba(0,0,0,.175); }

.xypopover:before{

    content:''; position: absolute; top:-7px; left:7px;

    display: inline-block; width: 13px;height: 7px;background: url(/Content/images/ypay/triangle-top.png) no-repeat center;

}

.xuyueico:hover .xypopover{display: block;}



/*会汇订单加备注*/

.zhuanrang{display: inline-block;  position: relative;  min-height: 55px; width:100%; }

.zrpopover{ position: absolute; top:2px; left: 27px; z-index: 9; min-width: 265px;  max-height: 80px; overflow: hidden; text-align: left; padding-left: 5px ; background-color: #F1F1F1; box-shadow: 1px 3px 5px rgba(0,0,0,.175); }

.zrpopover:before{

    content:''; position: absolute; top:-7px; left:7px;

    display: inline-block; width: 13px;height: 7px;background: url(/Content/images/ypay/triangle-top-grey.png) no-repeat center;

}





/*机构*/

.highsamewrap{ overflow: hidden; height: 100%; overflow: hidden;}

.highsamewrap .highleft{display: inline;  height: 100%; overflow: hidden; margin-bottom: -9999px; padding-bottom: 9999px;}

.highsamewrap .highright{height: auto;margin-bottom: -9999px; padding-bottom: 9999px;}

.jigouwrap{position: relative; min-height: 550px;}

.jigouwrap:before,.jigouwrap:after{content:''; position: absolute; left: 0; bottom: 0; width: 950px; border-bottom: 1px solid #e4e4e4;}

.jigouwrap:after{ right: 0; left: auto; width: 220px; }

/*德鲁克管理学院*/

.dlkbanner{width:100%;height:280px;background:url(/Content/images/ypay/zhuanti/dlkbanner.png) #080808 no-repeat center}

.itemtop_left{width: 698px; }

.dlktitle{}

.dlktitle:before{content: '';

    position: absolute; left: 0; top:3px; display: inline-block; width: 5px; height: 16px; background-color: #75163B;}

.dlkbj{width: 1200px; height: 630px;  background:url(/Content/images/ypay/zhuanti/dlkbj.png)  no-repeat center;}



.squareicolist{}

.squareicolist>li{ position: relative; padding-left: 25px; margin-bottom: 15px;  }

.squareicolist>li:before{content: '';

    position: absolute; left: 0; top:6px; display: inline-block;width: 14px; height:14px;}



.squareicolist-blue>li:before{background-color:#4BABCF; }

.squareicolist-blue>li a:hover,.squareicolist-blue>li a:focus{color:#4BABCF;}

.squareicolist-yellow>li:before{background-color:#FF9900; }

.squareicolist-yellow>li a:hover,.squareicolist-yellow>li a:focus{color:#FF9900;}



.itembot_left,.itembot_right{width: 50%;}

.itembot_right{padding-left: 295px;}

.itembot_title{top:5px; padding-top: 85px; width: 260px; height: 260px; text-align: center; display: table-cell; vertical-align: middle; }

.itembot_left .itembot_title{right: 0;}

.itembot_right .itembot_title{left: 0;}



/*2017年3月1日15:36:14 名师内训改版*/

.teacher_content .item+.item{ border-top: 1px solid #f2f2f2;}

.teacher_content .teaccode{width:175px; float: right; margin-left: 20px; margin-bottom: 40px; padding: 10px; background-color: #F2F2F2; border-radius: 7px; box-shadow: 2px 2px 5px rgba(0,0,0,.3);}

.teacher_content .teaccode>img{border-radius: 7px;}

.teacourseico{float: left; display: inline-block; margin-right: 15px; width: 24px; background:url(/Content/images/ypay/teacourseico.png) no-repeat center}

.teacourseico.zybj{height: 24px; margin-top:1px; background-position: 2px 0;}

.teacourseico.szjy{height: 18px; margin-top:6px; background-position: 0px -39px;}

.teacourseico.sktd{height: 22px; margin-top:4px; background-position: 0px -72px;}

.teacourseico.zykc{height: 20px; margin-top:6px; background-position: 2px -109px;}

.teacourseico.fwkh{height: 18px; margin-top:6px; background-position: 0px -144px;}

.teacourseico.kcqy{height: 18px; margin-top:5px; margin-right: 5px; background-position: 0px -177px;}

.teacourseico.kcsh{height: 18px; margin-top:5px; margin-right: 5px; background-position: 0px -210px;}

.teacourseico.kcdx{height: 18px; margin-top:5px; margin-right: 5px; background-position: 0px -243px;}



.tecnav_list li{

    float: left; position: relative; padding: 16px 30px; cursor: pointer;

}

.tecotent .tecotent_item+.tecotent_item{display: none;}

.tecnav_list li+li{border-left: 1px solid #e4e4e4;}

.tecnav_list li.active{background-color: #fff; color: #188eee; }

.tecnav_list li.active:after{content: ''; position: absolute; top:0; left: 0; width: 100%;  border-top: 2px solid #188eee;}



/*2017年3月27日 16:44:52 在线课改版*/

.course_breadcrumb{}

.course_breadcrumb dt,.course_breadcrumb dd{ float: left; cursor: pointer; line-height: 20px; height: 22px; font-weight: normal; }

.course_breadcrumb dt:hover,.course_breadcrumb dd:hover,.course_breadcrumb dt.active,.course_breadcrumb dd.active{color: #188eee;}

/*.course_breadcrumb dt{line-height: 22px;}*/

.course_breadcrumb dd{position: relative; margin-left: 30px; padding-left:5px;

    /*border: 1px solid #D6D6D6; border-radius: 1px;*/

}

.course_breadcrumb dd:before{content: '>'; position: absolute; left: -20px; font-size: 14px; color: #999;}



.close-md{position:relative; float: right; cursor:pointer; display: inline-block; width: 22px; height: 22px; }

.close-md:before{content: ''; position: absolute; top:6.5px; left: 6.5px; display: inline-block; width: 15px; height: 15px; background:url(/Content/images/ypay/imgicon.png) 0px -65px no-repeat;}





.course-nav-list-hidden{max-height: 245px; overflow: hidden;}

.course-nav-list .course-nav-title{display:inline-block; position: relative; padding:12px 0px; line-height: 22px;

    vertical-align:middle; margin-right: 10px; color:#333; font-size:16px;  text-align:left;

    /*width: 160px; 最多4个字修改为99*/

    width: 99px;

}

.course-nav-list .course-nav-title:after{ content: '';  height: 16px; position: absolute; right: 0; top:15px;

    /*top:50%; margin-top: -8px;*/

    border-left: 1px solid #ccc;}

.course-nav-list .course-nav-side{ line-height:22px;  padding:0px 10px;}

.course-nav-list .course-nav-side{border-top:1px solid #F2F2F2;}

.course-nav-list .course-nav-min{display:inline-block; vertical-align:middle; width: 1008px; }

.course-nav-list .course-nav-min a{position: relative; float: left; display:inline-block; vertical-align:middle; text-align:left;  padding:2px 10px;}

.course-nav-list a:hover,.course-nav-list a.active{color:#188eee; text-decoration: none;}

/*.course-nav-side-min{padding: 10px 0px; width: 100%; box-shadow:2px 2px 5px rgba(0,0,0,.2); border-radius: 1px; background-color: #F8F8F8;}*/

.course-nav-side-min{padding: 8px 0px; width: 100%; border-top:1px dashed #e4e4e4; font-size: 13px;}

.course-nav-side-min a{padding:2px 10px;}

.openico{ display: inline-block; width: 12px; height: 10px; background:url(/Content/images/ypay/imgicon.png) 0 -89px no-repeat;}

/*2017年3月28日 12:56:03 机构页面*/

.jigoubanner{width: 100%; height: 420px;}

.jigoulist img,.list-jgimg img{max-width: 208px; max-height: 98px;}



.jg-img img{max-width: 198px;}

.select-jglist{margin-left: -20px;}

.select-jglist .four-md-line{width: 330px;}

.select-jglist li{float: left; margin-left: 20px; margin-bottom: 20px; width: 590px; height: 230px; background-color: #fff; padding: 20px;}

.select-jglist .list-jgimg{ margin-right: 10px;}

.list-jgimg{display:table; width:210px; height:100px;  text-align:center; border:1px solid #eee;}

.list-jgimg span{display:table-cell;vertical-align:middle;}

.jg-courselist{margin-left: -10px;}

.jg-courselist a{float: left; display: inline-block; width: 265px; line-height: 30px; margin-left: 10px;}



.jigoulist{margin-left: -20px;}

.jigoulist li{display:table; float:left; margin-left: 20px;  margin-top:20px; width:210px; height:100px;  text-align:center; border:1px solid #eee; }

.jigoulist li span{display:table-cell;vertical-align:middle;}



/*2017年4月12日 16:50:11 问题*/

.questionlist{

    margin-left: -17px;

}

.questionlist li{float: left;  margin-left: 17px; margin-bottom: 20px;  padding: 15px; width: 218px; height: 118px;

    border: 1px solid #DEDEDE; border-radius: 12px; background-color: #fff;

}



.questionlist li .mid{ width: 186px; height: 86px; display: table-cell; vertical-align: middle;}

.questionlist li:hover,.questionlist li.active{

    border-color: rgba(24,142,238,.2); color: #188eee;

}





.eqlayer{

    position: absolute; left: 50%; top:50%; margin-left: -550px; margin-top: -360px;  width: 1100px; height: 720px; background-color: #f8f8f8;

}

.eqlayer .joinbtn{ width: 1020px;}

.eqlayer .close-md{position: absolute; }

.eqlayerbox{

    position: absolute; width: 1020px; height: 550px; background:url(/Content/images/ypay/fiveline.png) center no-repeat;

}

/*问题对应5个课程 */

.eqlayerbox .eqtitle{position: absolute; top:162px; left: 285px; text-align: center; width:450px; height: 246px;}

.eqlayerbox .eqtitle .mid{display: table-cell; vertical-align: middle; height: 218px;  width: 450px; }

.eqlayerbox .eqtitle .titleshadow{display: block; background-color: rgba(255,255,255,1); box-shadow: 1px 1px 8px rgba(0,0,0,.3);}

.eqlayerbox .eqtitle .eqico{position: relative; top:6px; margin-right: 10px; display: inline-block; width: 32px; height: 32px; background:url(/Content/images/ypay/eqico.png?v=170417) center no-repeat;}

.eqlayerbox .item{position: absolute; width: 220px; height: 158px; padding: 10px 8px; text-align: center; box-shadow: 1px 1px 8px rgba(0,0,0,.3);border-radius: 3px;}



.eqlayerbox .checkico{position: absolute; left: 10px; top:10px; cursor: pointer; display: block; width: 24px; height: 24px; background:url(/Content/images/ypay/imgicon.png?v=170417) -26px -76px no-repeat;}

.eqlayerbox .checkico.active{background-position:-26px -53px; }

.eqlayerbox .item.item_01,.eqlayerbox .item.item_02{top:0;}

.eqlayerbox .item.item_01{left: 272px;}

.eqlayerbox .item.item_02{right: 272px;}

.eqlayerbox .item.item_03,.eqlayerbox .item.item_04{top:198px;}

.eqlayerbox .item.item_03{left: 0px;}

.eqlayerbox .item.item_04{right: 0px;}

.eqlayerbox .item.item_05{left: 392px; bottom: 0;}

/*问题对应6个课程 */

.eqlayerbox1,.eqlayerbox2{ background:url(/Content/images/ypay/sixline.png) center no-repeat;}

.eqlayerbox1 .item.item_05{left: 272px; bottom: 0;}

.eqlayerbox1 .item.item_06{right: 272px; bottom: 0;}

/*问题对应7个课程 */

.eqlayerbox2 .item.item_03,.eqlayerbox3 .item.item_03{top:0;}

.eqlayerbox2 .item.item_01,.eqlayerbox3 .item.item_01{left: 140px;}

.eqlayerbox2 .item.item_02,.eqlayerbox3 .item.item_02{left: 400px; }

.eqlayerbox2 .item.item_03,.eqlayerbox3 .item.item_03{right: 140px; left: auto;}

.eqlayerbox2 .item.item_04,.eqlayerbox2 .item.item_05,

.eqlayerbox3 .item.item_04,.eqlayerbox3 .item.item_05{top:198px;}

.eqlayerbox2 .item.item_04,.eqlayerbox3 .item.item_04{left: 0px; }

.eqlayerbox2 .item.item_05,.eqlayerbox3 .item.item_05{right: 0px; left: auto; bottom:auto;}

.eqlayerbox2 .item.item_06{left: 272px; right: auto; bottom: 0;}

.eqlayerbox2 .item.item_07{right: 272px; bottom: 0;}

/*问题对应8个课程 */

.eqlayerbox3 .item.item_06{left: 140px; right: auto; bottom: 0;}

.eqlayerbox3 .item.item_07{right: 400px; bottom: 0;}

.eqlayerbox3 .item.item_08{right: 140px; bottom: 0;}

/*问题对应9个课程 */

.eqlayerbox4 .item.item_04,.eqlayerbox5 .item.item_04{top:0;}

.eqlayerbox4 .item.item_01,.eqlayerbox5 .item.item_01{left: 0;}

.eqlayerbox4 .item.item_02,.eqlayerbox5 .item.item_02{left:260px;}

.eqlayerbox4 .item.item_03,.eqlayerbox5 .item.item_03{right:260px; left: auto; top:0;}

.eqlayerbox4 .item.item_04,.eqlayerbox5 .item.item_04{right: 0; left: auto;}

.eqlayerbox4 .item.item_05,.eqlayerbox5 .item.item_05{top:198px;left: 0px; }

.eqlayerbox4 .item.item_06,.eqlayerbox5 .item.item_06{top:198px;right: 0px; }

.eqlayerbox4 .item.item_07{left: 140px;  bottom: 0;}

.eqlayerbox4 .item.item_08{right: 400px; bottom: 0;}

.eqlayerbox4 .item.item_09{right: 140px; bottom: 0;}

/*问题对应10个课程 */

.eqlayerbox5 .item.item_07{left: 0px;  bottom: 0;}

.eqlayerbox5 .item.item_08{left: 260px; bottom: 0;}

.eqlayerbox5 .item.item_09{right: 260px; bottom: 0;}

.eqlayerbox5 .item.item_010{right: 0px; bottom: 0;}



/*2017年4月17日 16:50:15 内训课增加020学习模式*/

.studymode{width: 100%; height: 254px; border-top:1px solid #dcdcdc;  background:url(/Content/images/ypay/studymode.png) center 35px no-repeat;}

.studymode .modetitle{left: 50%; top:-15px; margin-left: -96px;}

.studymode .modeitem{float: left; padding-top: 180px; width: 20%; height: 254px; }



/*轮播-swiper*/

.course-bullet,.index-bullet{cursor: pointer; margin: 0 4px; display: inline-block; width: 8px; height: 8px; border:1px solid  #fff; border-radius: 50%; background-color: transparent;}

.index-bullet{width: 12px; height: 12px;}

.course-bullet-active,.index-bullet-active{background-color: #fff;}



.Zebra_DatePicker.dp_visible{z-index: 102;}

/*支付页弹出层-积分商城*/

.layer-tip{

    position: fixed; z-index: 100; top: 50%; left: 50%; margin-left: -145px; margin-top: -88px; width: 290px;

    height: 176px; font-size: 17px; background-color: #fff; border-radius: 4px;

    -webkit-animation-fill-mode:both;

    animation-fill-mode:both;

    -webkit-animation-duration:.3s;

    animation-duration:.3s;

    -webkit-animation-name:fadeIn;

    animation-name:fadeIn;

}

.layer-tip .layer-footer{position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; line-height: 45px; border-top: 1px solid #E0E0E0;}

.layer-tip .layer-footer .layer-btn-cancel{display: inline-block; float: left; height: 45px; width: 50%; text-align: center; color: #1a81d1; border-right: 1px solid #E0E0E0;}

.layer-tip .layer-footer .layer-btn-ok{display: inline-block; float: left; height: 45px; width: 50%; text-align: center; color: #999; }

.layer-tip .layer-body{

    width: 100%; height: 131px;

    display: -webkit-flex; display: -ms-flex;  display: -moz-flex;  display: -o-flex; display: flex;

    -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;

    -webkit-align-items:center; -ms-flex-align:center; align-items:center;

}

@-webkit-keyframes fadeIn {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}



@keyframes fadeIn {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}







@media(min-width: 768px) {

    /*弹框距离顶部*/

    .modal-dialog{margin:200px auto;}



}

@media(max-height: 720px) {

    .eqlayer{margin-top: -250px;}

}



/*2018年5月-专题领导力*/

.lingdl-title{

    display: inline-block; position: relative;  color: #42f;

    padding: 5px 52px; background: url(/Content/images/ypay/zhuanti/ldlico.png) -7px -106px repeat-x;

}

.lingdl-title:before, .lingdl-title:after{

    content: ''; position: absolute; left: -14px; bottom: 14px; display: inline-block; width: 45px; height: 14px;

    background: url(/Content/images/ypay/zhuanti/ldlico.png) 0 0;

}

.lingdl-title:after{left: auto; right: -14px; background-position: -77px 0; }

.lingdl-info-content .lingdl-info{position: relative; float: left; width: 390px;

    /*height: 200px; */

    padding:25px 20px 20px; border:1px solid #2cc390; border-radius: 6px; }

.lingdl-info-content .lingdl-info + .lingdl-info{ margin-left: 15px; }

.lingdl-info-content .lingdl-info.info-border2{border-color: #16c3e8;}

.lingdl-info-content .lingdl-info.info-border3{border-color: #de55a9;}

.lingdl-info-content .lingdl-info-title{ display: inline-block; top:-18px; left: 13px; padding-left: 27px;

    min-width: 110px; height: 36px; line-height: 24px; border: 5px solid #fff;

    background-color: #2cc390; border-radius: 20px;}

.lingdl-info-content .lingdl-info-title.info-title-bgcolor2{ background-color: #16c3e8; }

.lingdl-info-content .lingdl-info-title.info-title-bgcolor3{ background-color: #de55a9; }

.lingdl-info-content .lingdl-info-title:before{ content: ''; position: absolute; left: 8px; top:5px;

    display: inline-block; width: 14px; height: 14px;

    background: url(/Content/images/ypay/zhuanti/ldlico.png) -10px -38px;}

.lingdl-info-content .lingdl-info-title.info-title-bgcolor2:before{ background-position: -38px -38px; }

.lingdl-info-content .lingdl-info-title.info-title-bgcolor3:before{ background-position: -66px -38px; }



.doctoral-info-content, .bright-spot, .lingdl-time-content, .lingdl-recommend-content{ border: 1px solid #ddd; }

.doctoral-info-content .doctoral-info{ width: 574px; line-height: 22px; }



.mentor-group { width: 590px; border:1px solid #2cc390;}

.mentor-group .mentor-group-title{ color: #2cc390; }

.mentor-group .mentor-group-list{ width: 378px; line-height: 22px; }

.mentor-group .mentor-group-list li, .bright-spot .bright-spot-list li,

.lingdl-sign-content .discounts-list li{position: relative;}

.mentor-group .mentor-group-list li:before, .bright-spot .bright-spot-list li:before,

.lingdl-sign-content .discounts-list li:before{ content: ''; position: absolute;  left: -10px; top:8.5px; width: 4px; height: 4px;

    background: url(/Content/images/ypay/zhuanti/ldlico.png) -107px -61px;}

.mentor-group.mentor-group-pink { border-color: #de55a9; }

.mentor-group.mentor-group-pink .mentor-group-title{ color: #de55a9; }

.mentor-group.mentor-group-pink .mentor-group-list li:before{ background-position: -107px -78px; }



.bright-spot .bright-spot-list { line-height: 23px; }

.bright-spot .bright-spot-list li:before, .lingdl-sign-content .discounts-list li:before{ background-position: -107px -43px; }



.lingdl-sign-content{ }

.lingdl-sign-content .lingdl-info{ padding-left: 15px; padding-right: 15px;}

.lingdl-sign-table, .lingdl-time-table{ line-height: 28px; background-color: #eaeaea; }

.lingdl-sign-table th, .lingdl-time-table th{line-height: 30px; background-color: #d6d6d6; }

.lingdl-sign-table th,.lingdl-sign-table td { border: 2px solid #fff; }

.lingdl-time-table th,.lingdl-time-table td { line-height: 22px; border: 4px solid #fff; }



.lingdl-sign-content .adress-pink{ color: #de55a9; }

.lingdl-sign-content .price-blue{ color: #16c3e8; }

.lingdl-sign-content .lingdl-info-title.info-title-bgcolor1:before{ background-position: -10px -72px; }

.lingdl-sign-content .lingdl-info-title.info-title-bgcolor2:before{ background-position: -38px -72px; }

.lingdl-sign-content .lingdl-info-title.info-title-bgcolor3:before{ background-position: -66px -72px; }



/*支付二维码*/

.ico-webchat, .ico-zfb{display: inline-block; width: 20px; height: 20px;  background-image: url(/Content/images/ypay/pay/ico.png);  }

.ico-webchat{ width: 32px; height: 28px; background-position: -120px 0;  }

.ico-zfb{ width: 32px; height: 31px; background-position: -120px -51px;  }

.ico-pay-phone{ display: inline-block; width: 306px; height: 422px;  background-image: url(/Content/images/ypay/pay/pay_phone.png); }

.ico-refresh{ display: inline-block; width: 22px; height: 19px;  background-image: url(/Content/images/ypay/pay/refresh.png); }

/*测评结果*/

.ico-lampico, .ico-cpreport, .ico-cpstar{ display: inline-block; width: 28px; height: 31px;

    background-image: url(/Content/images/ypay/ceping/ico.png); }

.cpreport-lefttitle{ top:50%; margin-top: -50px; }

.cp-report td{ border:2px solid #fff; }

.ico-cpreport{ width: 20px; height: 24px; background-position: 0 -41px; }

.ico-cpstar{ width: 20px; height: 20px; background-position: 0 -78px; }

.cp-report .bg-colorgreyef{ background-color: #efefef; }

.cp-report .bg-colorgreyea{ background-color: #eaeaea; }

.cp-report .bg-colorgreyf8{ background-color: #f8f8f8; }

.cp-report .bg-colorgreyf2{ background-color: #f2f2f2; }

.cp-report .bg-colorred{ background-color: #F27072; }

.cp-report .bg-colororange{ background-color: #F8AB70; }

.cp-report .bg-colorblue{ background-color:#BBE0F2;  }

.cp-report .cp-report-title{ border-bottom: 1px solid rgba(255,255,255,.4); }

.cp-report .report-list{  min-height: 110px; }

/*测评首页*/

.yzc-banner{padding-top: 140px; width: 100%; height: 420px; background: url(/Content/images/ypay/ceping/yzc_banner.jpg) #5372f9 center; }

.yzc-tab-height{ height: 92px; }

.yzc-tab{height: 92px; box-shadow: 0px 2px 12px rgba(0,0,0,.1);   }

.yzc-tab.active{ position: fixed; width: 100%; left: 0; top:0; z-index: 100; background-color: #fff; }

.yzc-tab-list{}

.yzc-tab-list li{cursor: pointer; position: relative; float: left;  }

.yzc-tab-list li a{ color: #333; display: block;  padding: 35px 52px;}

.yzc-tab-list li:hover a, .yzc-tab-list li.active a{ color: #188eee; }

.yzc-tab-list li:after{content: ''; position: absolute; bottom: -1px;  width: 0; left: 50%;  }

.yzc-tab-list li.active:after{content: ''; left: 0; width: 100%; border-bottom: 1px solid #188eee; }



.yzc-about{position: relative; z-index: 2; width: 1150px; margin: 0 auto; background-color: #F2F5F7; }

.yzc-about01, .yzc-about02{position:absolute; left: 0; height: 170px; width: 50%; background-color: #F2F5F7;}

.yzc-about02{ right: 0; left: auto; }

.ico-leftquotes, .ico-rightquotes{ display: inline-block; width: 90px;  height: 170px; background: url(/Content/images/ypay/ceping/ico_leftquotes.jpg); }

.ico-rightquotes{ background: url(/Content/images/ypay/ceping/ico_rightquotes.jpg); }



.yzc-challenge{padding-top: 78px; width: 100%; height: 860px; background: url(/Content/images/ypay/ceping/yzc_challenge.jpg) #646272 center; }

.yzc-challenge-list{position: relative; height: 140px; margin-top: 310px; margin-left: -75px; font-size: 20px; }

.yzc-challenge-list:before{ content: ''; display: table;}

.yzc-challenge-list:after{ content: ''; position: absolute; left: 100px; right: 25px; top:50%; margin-top: -1px;

    clear: both; border-bottom: 2px dashed #9c9fab;}

.yzc-challenge-list li{position: relative; z-index: 2; float: left; padding: 28px 15px;  margin-left: 100px;  width: 140px; height: 140px;

    color: #6c7699; background-color: #fff; border:13px solid #abaeba; border-radius: 50%;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

.yzc-challenge-list .challenge-info{ position: absolute; left: 50%; padding:33px 13px; margin-left: -90px;

    width: 180px; height: 180px; line-height: 28px; font-size: 14px; border-radius: 10px; background-color: #fff; }

.yzc-challenge-list .challenge-info:after{ content:''; position: absolute; left: 50%; margin-left: -15px;

    border-left: 15px solid transparent; border-right: 15px solid transparent; }

.yzc-challenge-list .challenge-info.top{ top:-196%; }

.yzc-challenge-list .challenge-info.top:after{ bottom: -15px; border-top: 16px solid #fff; }

.yzc-challenge-list .challenge-info.bottom{ bottom:-196%; }

.yzc-challenge-list .challenge-info.bottom:after{ top: -15px; border-bottom: 16px solid #fff;}

.yzc-challenge-list li:hover{  background-color: #ef7468; border-color: #fff; color: #fff;-webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);}

.yzc-challenge-list li:hover .challenge-info{ background-color: #ef7468; }

.yzc-challenge-list li:hover .challenge-info.top:after{ border-top-color: #ef7468;}

.yzc-challenge-list li:hover .challenge-info.bottom:after{ border-bottom-color: #ef7468; }



.yzc-advantage{margin-top: 92px; margin-bottom: 134px; width: 100%; height: 403px; background: url(/Content/images/ypay/ceping/yzc_advantage.png) center no-repeat; }

.yzc-advantage .advantage-info{ position: absolute; }

.yzc-advantage .advantage-info.pos-top{ top:0; left: 162px; width: 255px; }

.yzc-advantage .advantage-info.pos-right{ top:25px; right: 100px; width: 292px; }

.yzc-advantage .advantage-info.pos-bottom{ bottom: -10px; right: 205px; width: 212px; }

.yzc-advantage .advantage-info.pos-left{bottom:0; left: 118px; width: 290px;}



.yzc-value{padding-top: 78px;  width: 100%; height: 700px; background: url(/Content/images/ypay/ceping/yzc_value.jpg) center no-repeat; }

.yzc-value .ico-arrowlr{ display: inline-block; width: 106px; height: 204px; background: url(/Content/images/ypay/ceping/arrow.png) center no-repeat; }

.yzc-value-left{ margin-left: 66px; }

.yzc-value-right{ margin-right: 66px; }

.yzc-value-left, .yzc-value-right{ width: 295px; background-color: #fff; }

.yzc-value-left .yzc-value-title{padding: 28px 0; background-color: #f0736a; }

.yzc-value-left .yzc-value-info{ height: 295px; padding: 35px 18px; }

.yzc-value-left .yzc-value-bot{ line-height: 48px; color: #c95249; background-color: #fdebea; }

.yzc-value-right .yzc-value-title{padding: 28px 0; background-color: #43d59b; }

.yzc-value-right .yzc-value-info{ height: 295px; padding: 35px 18px; }

.yzc-value-right .yzc-value-bot{ line-height: 48px; color: #2fb37f; background-color: #dcfef1; }



.yzc-scheme-list{ padding: 0 25px; margin-top: 80px; }

.yzc-scheme-list li{position: relative; padding-top: 120px; float: left; width: 250px; height: 380px; border:1px solid #efefef; border-radius: 10px; -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s; }

.yzc-scheme-list li:hover{ -webkit-transform: translate(0,-10px);

    -ms-transform: translate(0,-10px);

    -o-transform: translate(0,-10px);

    transform: translate(0,-10px); }

.yzc-scheme-list li + li{ margin-left: 50px; }

.yzc-scheme-list li .scheme-title{ position: absolute; left: -1px; right: -1px; top: -1px; height: 120px; line-height: 120px; width: 250px; background: url(/Content/images/ypay/ceping/scheme_title01.jpg) center no-repeat;}

.yzc-scheme-list li .scheme-title.scheme-skin02{ background-image: url(/Content/images/ypay/ceping/scheme_title02.jpg) }

.yzc-scheme-list li .scheme-title.scheme-skin03{ background-image: url(/Content/images/ypay/ceping/scheme_title03.jpg) }

.yzc-scheme-list li .scheme-title.scheme-skin04{ background-image: url(/Content/images/ypay/ceping/scheme_title04.jpg) }

.yzc-scheme-list li .scheme-info{ padding: 102px 25px; height: 260px; }



.yzc-xjl{padding: 0 25px; margin-bottom: 92px; height: 602px; width: 100%; background: url(/Content/images/ypay/ceping/yzc_xjl.jpg) 25px center no-repeat; }

.yzc-xjl-table th{ background-color: #284a77; height: 44px; text-align: center; }

.yzc-xjl-table tr td{ height: 66px; padding: 10px 15px 10px 20px; line-height: 22px; }

.yzc-xjl-table .bgcolor1{ background-color: #f8f8f9; }

.yzc-xjl-table .bgcolor2{ background-color: #e1e9f4; }

.yzc-xjl-table td, .yzc-xjl-table th{ border: 1px solid #fff; }

.yzc-tool{ padding-top:80px; height: 780px; width: 100%; background: url(/Content/images/ypay/ceping/yzc_tool.jpg) center no-repeat; }

.yzc-tool-list{ width: 1000px; margin:62px auto; }

.yzc-tool-list li{position: relative; float: left; padding-top: 46px; width: 250px; height: 250px; background-color: rgba(255,255,255,.9);}

.yzc-tool-list li .cover{opacity: 0; font-size: 16px; position: absolute; left: 0; top:0; width: 100%; height: 100%; padding-left: 15px; padding-right: 15px;

    background-color: #ef7468; -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    display: -webkit-flex; display: -ms-flex; display: -ms-flexbox;  display: -moz-flex;  display: -o-flex; display: flex;

    display: box; display: flexbox;

    -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -ms-justify-content:center;

    -webkit-align-items:center; -ms-flex-align:center; align-items:center;

    -ms-flex-pack:center;

}

.yzc-tool-list li:hover .cover{ opacity: 1; }

.yzc-tool-list li.top:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0px; z-index: 1; border-bottom:  1px solid #e6e6e6; }

.yzc-tool-list li.left:after{ left: 10px; }

.yzc-tool-list li.right:after{ right: 10px; }

.yzc-tool-list li.left:hover:after, .yzc-tool-list li.right:hover:after{ left: 0; right: 0; }

.yzc-tool-list li.top:before{ content: ''; position: absolute; left: 0; top:10px; height: 240px; border-left: 1px solid #e6e6e6; }

.yzc-tool-list li.bottom:before{ content: ''; position: absolute; left: 0; bottom: 10px; height: 240px; border-left: 1px solid #e6e6e6; }

.yzc-tool-list .ico-tool01{ display: inline-block; width: 62px; height: 63px;  background: url(/Content/images/ypay/ceping/ico-tool01.png) center top no-repeat;}

.yzc-tool-list .ico-tool02{ display: inline-block; width: 62px; height: 63px;  background: url(/Content/images/ypay/ceping/ico-tool02.png) center top no-repeat;}

.yzc-tool-list .ico-tool03{ display: inline-block; width: 62px; height: 63px;  background: url(/Content/images/ypay/ceping/ico-tool03.png) center top no-repeat;}

.yzc-tool-list .ico-tool04{ display: inline-block; width: 62px; height: 63px;  background: url(/Content/images/ypay/ceping/ico-tool04.png) center top no-repeat;}

.yzc-tool-list .ico-tool05{ display: inline-block; width: 62px; height: 63px;  background: url(/Content/images/ypay/ceping/ico-tool05.png) center top no-repeat;}

.yzc-tool-list .ico-tool06{ display: inline-block; width: 62px; height: 63px;  background: url(/Content/images/ypay/ceping/ico-tool06.png) center top no-repeat;}

.yzc-tool-list .ico-tool07{ display: inline-block; width: 62px; height: 63px;  background: url(/Content/images/ypay/ceping/ico-tool07.png) center top no-repeat;}

.yzc-tool-list .ico-tool08{ display: inline-block; width: 62px; height: 63px;  background: url(/Content/images/ypay/ceping/ico-tool08.png) center top no-repeat;}

.yzc-tool-list .line{ display: inline-block; width: 18px; height: 2px; background-color: #333; }



.yzc-recommend-tool{ margin-left: -5px; }

.yzc-recommend-tool li{ float: left; margin-left: 30px; margin-top: 62px; padding-right: 20px; width: 558px; height: 236px; background-color: #f2f5f7; }

.yzc-recommend-tool .recommend-img01{ display: block; width: 178px; height: 236px; background: url(/Content/images/ypay/ceping/recommend-img01.jpg) center top no-repeat; }

.yzc-recommend-tool .recommend-img02{ display: block; width: 178px; height: 236px; background: url(/Content/images/ypay/ceping/recommend-img02.jpg) center top no-repeat; }

.yzc-recommend-tool .recommend-img03{ display: block; width: 178px; height: 236px; background: url(/Content/images/ypay/ceping/recommend-img03.jpg) center top no-repeat; }

.yzc-recommend-tool .recommend-img04{ display: block; width: 178px; height: 236px; background: url(/Content/images/ypay/ceping/recommend-img04.jpg) center top no-repeat; }

.yzc-recommend-tool .recommend-img05{ display: block; width: 178px; height: 236px; background: url(/Content/images/ypay/ceping/recommend-img05.jpg) center top no-repeat; }

.yzc-recommend-tool .recommend-img06{ display: block; width: 178px; height: 236px; background: url(/Content/images/ypay/ceping/recommend-img06.jpg) center top no-repeat; }

.yzc-recommend-tool .recommend-img07{ display: block; width: 178px; height: 236px; background: url(/Content/images/ypay/ceping/recommend-img07.jpg) center top no-repeat; }

.yzc-recommend-tool .recommend-img08{ display: block; width: 178px; height: 236px; background: url(/Content/images/ypay/ceping/recommend-img08.jpg) center top no-repeat; }

.yzc-recommend-tool .recommend-img09{ display: block; width: 178px; height: 236px; background: url(/Content/images/ypay/ceping/recommend-img09.jpg) center top no-repeat; }

.yzc-recommend-tool .recommend-img10{ display: block; width: 178px; height: 236px; background: url(/Content/images/ypay/ceping/recommend-img10.jpg) center top no-repeat; }



.yzc-case{ margin-top: 55px; margin-bottom: 76px; height: 405px; width: 100%; background: url(/Content/images/ypay/ceping/cp_parter.png) center no-repeat; }

/*.yzcanchorsession{ height:40px; }*/





/*10月大促宣传页*/

.leaflets{ background-image: url(/Content/yxtweb/images/bg-leaflets.png); padding-bottom: 164px; margin-bottom: -30px;}

.leaflets .leaflets-banner{ width: 100%; height: 724px; }

.leaflets .leaflets-banner img { width: 100%; height: 100%;}

.c_container1150{ width: 1150px; margin: 0 auto;}

.leaflets-recharge{ position:relative; width: 900px; height: 260px; margin:0 auto; margin-top:-73px; border-radius: 20px; opacity: .9; z-index: 9;

    background: -webkit-linear-gradient(to bottom, #37219a, #2d167d);

    background: -moz-linear-gradient(to bottom, #37219a, #2d167d);

    background: -o-linear-gradient(to bottom, #37219a, #2d167d);

    background: linear-gradient(to bottom, #37219a, #2d167d); }

.leaflets-recharge-title{ padding-top:33px; margin: 0 auto; }

.leaflets-title-ico{ width: 28px; height: 33px; background: url(/Content/yxtweb/images/activity/leaflets-title-ico.png) no-repeat; vertical-align: text-bottom;}

.leaflets-recharge-content{ padding:0 107px; padding-top:55px; height: 103px;}

.leaflets-recharge-item{ float: left; padding-right: 84px;}

.leaflets-recharge-item span:first-child{ font-size: 40px;}

.leaflets-recharge-item span:last-child{ font-size: 24px;}

.leaflets-recharge-content .leaflets-recharge-item:last-child{ padding-right: 0;}

.leaflets-recharge-line{ float: left; padding-right: 90px; width:1px; height:103px; background: url(/Content/yxtweb/images/activity/fenge.jpg) no-repeat;}



/*.leaflets-sidebar { display: none; width: 140px; top: 0; margin-top: 200px; left: 50%; z-index: 40; }*/

/*@media screen and (min-width: 1539px) and (max-width: 1920px) {*/

/*.leaflets-sidebar{ margin-left: 628px; }*/

/*}*/

/*@media screen and (min-width: 1360px) and ( max-width: 1538px) {*/

/*.leaflets-sidebar{ margin-left: 540px; opacity: .8;}*/

/*}*/

/*@media screen and (min-width: 1280px) and ( max-width: 1365px) {*/

/*.leaflets-sidebar{ margin-left: 525px; opacity: .8;}*/

/*}*/

.leaflets-sidebar { display: none; width: 140px; top: 0;  z-index: 40; }

@media screen and (min-width: 1539px) and (max-width: 1920px) {

    .leaflets-sidebar{ margin-left: 628px; margin-top: 200px; left: 50%; }

}

@media screen and (min-width: 1150px) and ( max-width: 1538px) {

    .leaflets-sidebar{ margin-top: 200px; right:0; opacity: .9;}

}

.leaflets-sidebar li:not(:first-child){ width:140px; height: 40px; border-bottom: 3px solid #3238bd; background: #3c44e0; text-align: center; line-height: 37px; color: #fff;}

.leaflets-sidebar li:not(:first-child):hover{ cursor: pointer;}

.leaflets-sidebar li:not(:first-child) a{ text-decoration: none; color: #fff;}

.leaflets-sidebar li:first-child{ width: 140px; height: 153px; background: url(/Content/yxtweb/images/activity/jiuqiu.png) no-repeat;}

.leaflets-sidebar li:last-child{ border-radius: 0 0 8px 8px; height: 54px;border-bottom: 0; line-height: 70px;}

.leaflets-sidebar li:last-child div{ top:8px; left:62px; width:14px; height:10px; background: url(/Content/yxtweb/images/activity/sanjiao.png) no-repeat;}



.bg-decoration-right{ width: 216px; height: 768px; background: url(/Content/yxtweb/images/activity/bg-decoration-right.png) no-repeat;}

.bg-decoration-left{ width: 216px; height: 768px; background: url(/Content/yxtweb/images/activity/bg-decoration-left.png) no-repeat;}

.bg-decoration-one{ right: 0; top:774px;}

.bg-decoration-two{ left: 0; top:1234px;}

.bg-decoration-three{right: 0;top:2317px;}

.bg-decoration-four{left: 0;top:2716px;}

.bg-decoration-five{right: 0;top:3980px;}

.bg-decoration-six{left: 0;top:4440px;}



.crossknowledge,.qigusi,.learninggym,.globis,.topic-class{ position: relative; width: 1150px; margin: 0 auto; z-index: 39;}

.crossknowledge .crossknowledge-title{ width: 386px; height: 68px; background:url(/Content/yxtweb/images/activity/ck-title.png) no-repeat; margin: 0 auto;}

.crossknowledge-partone{ width: 1150px; height: 214px; border:2px solid #594df2;}

.crossknowledge-logo{ float: left; margin-left: 28px; margin-top: 62px;  margin-right:21px; width: 180px; height: 84px;}

.crossknowledge-logo img{ width: 100%; height: 100%;}

.crossknowledge-details{ margin-top:48px; margin-left:265px; margin-right:36px; text-indent:28px; color: #d2cdff;}

.crossknowledge-more{ right:47px; bottom:24px; width: 110px; height: 38px; border: 1px solid #00e7b4; border-radius: 19px; color: #00e7b4; text-decoration: none; }

.crossknowledge-more:hover,.qigusi-more:hover,.learninggym-more:hover,.globis-more:hover{ color: #180f63; text-decoration: none;

    background: -webkit-linear-gradient(to right, #00c7e8, #00f1a4);

    background: -moz-linear-gradient(to right, #00c7e8, #00f1a4);

    background: -o-linear-gradient(to right, #00c7e8, #00f1a4);

    background: linear-gradient(to right, #00c7e8, #00f1a4);}

.crossknowledge-parttwo{ width: 1150px; padding-top: 70px;}

.crossknowledge-parttwo li{ position:relative; margin-left:33.5px; padding-left:18px; padding-right:18px; padding-top:20px; float: left; width: 361px; height:320px; background: #fff; transition: all .2s linear;}

.crossknowledge-parttwo li:hover,.qigusi-content li:not(:first-child):hover,.globis-content li:not(:first-child):hover,.learninggym-content li:not(:last-child):hover{ transform: translateY(-6px);}

.crossknowledge-parttwo li:first-child{ margin-left: 0;}

.crossknowledge-courseimg,.qigusi-courseimg,.learninggym-courseimg,.globis-courseimg{ width: 326px; height: 183px;}

.crossknowledge-courseimg img,.qigusi-courseimg img,.learninggym-courseimg img,.globis-courseimg img{ width: 100%; height: 100%;}

.crossknowledge-course-title:hover,.qigusi-course-title:hover,.learninggym-course-title:hover,.globis-course-title:hover{ color: #333; text-decoration: none;}

.course-price{ margin-right: 13px; color: #ff6624;}

.old-price{ color: #999;}

.sold-number{ position:absolute; right: 18px; bottom: 28px; color: #999;}



.qigusi .qigusi-title{ width: 245px; height: 62px; background: url(/Content/yxtweb/images/activity/qigusi-title.png) no-repeat; margin: 0 auto;}

.qigusi-content,.learninggym-content,.globis-content{width: 1150px;}

.qigusi-content li:not(:first-child),.globis-content li:not(:first-child){position:relative; margin-left:33.5px; padding-left:18px; padding-right:18px; padding-top:20px; float: left; width: 361px; height:320px; background: #fff; transition: all .2s linear;}

.qigusi-content li:first-child,.globis-content li:first-child{ float:left; width: 361px; height: 320px; margin-left: 0; border: 2px solid #594df2;}

.qigusi-content li:first-child .qigusi-logo{ width: 90px; height: 76px; background: url(/Content/yxtweb/images/activity/qigusi-logo.png) no-repeat; margin: 0 auto; margin-top: 28px;}

.qigusi-details,.globis-details{ padding:28px 26px 26px; color: #d2cdff; text-indent: 28px;}

.qigusi-more,.learninggym-more,.globis-more{ width: 110px; height: 38px; border: 1px solid #00e7b4; border-radius: 19px; color: #00e7b4; text-decoration: none; margin: 0 auto;}



.learninggym .learninggym-title{ width: 240px; height: 62px; background: url(/Content/yxtweb/images/activity/learninggym.png) no-repeat; margin: 0 auto;}

.learninggym-content li:not(:last-child){position:relative; margin-right:33.5px; padding-left:18px; padding-right:18px; padding-top:20px; float: left; width: 361px; height:320px; background: #fff; transition:all .2s linear; }

.learninggym-content li:last-child{float:left; width: 361px; height: 320px; margin-right: 0; border: 2px solid #594df2; }

.learninggym-content li:last-child .learninggym-logo{ width: 136px; height: 70px; background: url(/Content/yxtweb/images/activity/learninggym-logo.png) no-repeat; margin: 0 auto; margin-top: 28px;}

.learninggym-details{ padding:32px 26px 26px; color: #d2cdff; text-indent: 22px;}



.globis .globis-title{width: 220px; height: 62px; background: url(/Content/yxtweb/images/activity/gubisi.png) no-repeat; margin: 0 auto;}

.globis-content{ padding-top: 50px;}

.globis-content li:first-child .globis-logo{ width: 140px; height: 64px; background: url(/Content/yxtweb/images/activity/globis-logo.png) no-repeat; margin: 0 auto; margin-top: 28px;}



.topic-class-title{ width: 268px; height: 62px; background: url(/Content/yxtweb/images/activity/topic-class.png) no-repeat; margin: 0 auto;}

.topic-class-table{ border-collapse: separate; border-spacing: 2px;}

.topic-class-table tr:first-child{ background: #3239C0;}

.topic-class-table tr:first-child td{ font-size: 18px; color: #fff; text-align: center; line-height: 46px;}

.topic-class-table tr:first-child td:first-child{ width: 230px;}

.topic-class-table tr:first-child td:nth-child(2){ width: 340px;}

.topic-class-table tr:first-child td:nth-child(3),.topic-class-table tr:first-child td:nth-child(4){ width: 164px;}

.topic-class-table tr:nth-child(2n){background: #dcddec;}

.bg-dcddec{background: #dcddec;}



.topic-class-tdcolor{ color: #230d75;}

.recommend-ico{width: 28px; height:22px; background: url(/Content/yxtweb/images/activity/tuijian.png) no-repeat; vertical-align: text-bottom;}



.activity-tips{ position: relative; z-index: 39;}

.activity-tips-title{ width: 232px; height: 62px; background: url(/Content/yxtweb/images/activity/activity-tips.png) no-repeat; margin: 0 auto;}

.activity-tips-list{ padding-top: 48px; }

.clear-default-a{ text-decoration: none; color: #230d75;}



/*微课中国行-敬请期待*/

.weike-zgx{ width: 900px; height: 675px; margin: 0 auto; position: relative; top: -70px;}

.weike-zgx img{ width:100%; height: 100%; }



.xuanstar{ width: 100%;}

.xuanstar-banner{ width: 100%; height: 640px;}

.xuanstar-banner img{ width: 100%; height: 100%;}

.xuanstar-swiper-container{ width: 100%; height: 640px; position: relative;}

.swiper-bullets{ bottom: 40px;}

.swiper-bullets span{ width: 24px; height: 2px; background: #fff!important; opacity: 0.5;}

.swiper-container-horizontal .swiper-pagination-bullets{ bottom: 40px;!important;}

.swiper-pagination-bullets span.swiper-pagination-bullet-active{ opacity: 1;}

.swiper-pagination-bullet{ border-radius: 0; }

.see-video{ bottom: 100px; left: 0; right: 0; z-index: 99; display:block; width: 144px; height: 51px; border: solid 1px #ffffff; font-size: 18px; color: #fff; text-align: center; line-height: 51px; letter-spacing: 3px; margin: 0 auto;}

.see-video:hover{ background: #fff; color: #333; text-decoration: none}

.swiper-button-next{ position: absolute; top: 300px; right: 80px; width: 50px; height: 96px; background: url(/Content/yxtweb/images/banner-arrow.png) no-repeat -50px 0;}

.swiper-button-prev{ position: absolute; top: 300px; left: 80px; width: 50px; height: 96px; background: url(/Content/yxtweb/images/banner-arrow.png) no-repeat 0 0;}

.xuanstar-platform{ width: 100%; height: 732px; background: #fff; margin: 0 auto; }

.xuanstar-platform-title{ padding-top: 48px; padding-bottom: 20px; margin-bottom: 0; font-size: 42px; letter-spacing: 0; color: #333; text-align: center;}

.xuanstar-platform-detials{ padding-bottom: 48px; width: 725px; display: block; font-size: 18px; line-height: 32px; letter-spacing: 0; color: #666; text-align: center;margin: 0 auto }

.xuanstar-platform-list li{ float: left; width: 285px; height: 430px; border:1px solid #dbe0e5; margin-right: 20px;}

.xuanstar-platform-list li:last-child{ margin-right: 0;}

.xuanstar-platform-list li>span{ display: block; width: 283px; height: 66px; line-height: 66px; font-size: 20px; color: #666; background: #f5f7fa; text-align: center;}

.xuanstar-platform-item{ margin-top: 62px; padding: 0 17px; height: 20px;}

.xuanstar-platform-item span{ display: inline-block; padding: 0 22px; border-right: 1px solid #dbe0e5; font-size: 20px;  line-height: 20px; color: #333;}

.xuanstar-platform-item span a{ text-decoration: none; color: #333;}

.xuanstar-platform-item span a:hover{ color: blue;}

.xuanstar-platform-item span:last-child{ border-right: 0;}

.xuanstar-platform-img { width: 225px; height: 170px; margin: 0 auto; margin-top: 78px;}

.xuanstar-platform-list li:nth-child(2n) .xuanstar-platform-item{ padding: 0 0; }

.xuanstar-platform-list li:nth-child(2n) .xuanstar-platform-item span{ display: block; text-align: center; }



.xuanstar-content{ position: relative; width: 100%; height: 1042px; background: url(/Content/yxtweb/images/bg1.jpg) center center no-repeat;}

.xuanstar-content-title{ position: absolute; margin-bottom: 0; top: 48px; left: 0; right: 0; font-size: 42px; letter-spacing: 0; color: #fff; text-align: center}

.xuanstar-content-detials{ position: absolute; top: 134px; left: 0; right: 0; width: 598px; display: block; font-size: 18px; line-height: 32px; letter-spacing: 0; color: #fff; text-align: center; margin: 0 auto;}

.xuanstar-content-list{ position: absolute; bottom: 24px; width: 1200px; }

.xuanstar-content-list li{ float: left; width: 700px; padding: 40px 0;}

.xuanstar-content-img{ float: left; width: 100px; height: 98px; }

.xuanstar-content-img img{ width: 100%; height: 100%; }

.xuanstar-content-list li p{ margin-bottom: 20px; font-size: 20px; color: #0175d2; }

.xuanstar-content-list li>div:nth-child(2){ width: 500px; float: left; padding-left: 70px;}

.xuanstar-content-list li div:last-child{ font-size: 12px; color: #999; line-height: 24px;}

.xuanstar-content-list li:nth-child(2n){ width: 500px; }

.xuanstar-content-list li:nth-child(2n)>div:nth-child(2){ width: 300px; float: left; padding-left: 50px;}



.xuanstar-serve{ width: 100%; height: 530px;}

.xuanstar-serve-title{ padding-top: 48px; padding-bottom: 20px; margin-bottom: 0; font-size: 42px; letter-spacing: 0; color: #333; text-align: center;}

.xuanstar-serve-detials{ width: 598px; display: block; font-size: 18px; line-height: 32px; letter-spacing: 0; color: #666; text-align: center; margin: 0 auto;}

.xuanstar-serve-list{ padding-top: 40px;}

.xuanstar-serve-list li{ margin-right: 10px; float: left; width: 232px; padding: 0 20px; text-align: center; }

.xuanstar-serve-list li:last-child{ margin-right: 0;}

.xuanstar-serve-img{ width: 190px; height: 172px; margin-bottom: 60px; padding: 0 9px;}

.xuanstar-serve-img img{ width: 100%; height: 100%; }

.xuanstar-serve-list li p{ margin-bottom: 16px; font-size: 20px; color: #333; }

.xuanstar-serve-list li div{ font-size: 12px; color:#8698aa; }



.xuanstar-content-list li:nth-child(2n)>div:nth-child(2){ width: 300px; float: left; padding-left: 50px;}

.xuanstar-last{ width: 100%; height: 610px; background: url(/Content/yxtweb/images/bg4.jpg) center center no-repeat;}



/*微课中国行*/

.weike-zgx-header { left: 0; top: 0; z-index: 99; width: 100%; height: 80px; background-color: rgba(0, 0, 0, 0.3); }

.weike-zgx-header .weike-zgx-logo { margin-top: 20px; display: block; width: 120px; height: 41px; background: url(/Content/yxtweb/images/weike/weike-zgx/logo1.png) no-repeat; }

.weike-zgx-header .weike-zgx-logo1 { margin-top: 20px; display: block; width: 120px; height: 41px; background: url(/Content/yxtweb/images/weike/weike-zgx/logo2.png) no-repeat; }

.weike-zgx-header .zgx-nav-aside a { margin-right: 80px; float: left; display: block; width: 80px; height: 80px; color: #fff; line-height: 78px; font-size: 20px; font-weight: 400; }

.weike-zgx-header .zgx-nav-aside a:hover { color: #fff; text-decoration: none; }

.weike-zgx-header .zgx-nav-aside a.active { border-bottom: 2px solid #fff; color: #fff; }

.weike-zgx-header .zgx-nav-aside a:last-child { margin-right: 0;}



@media screen and (min-width: 1920px) {

    .sidebar-r { left: 50%; top: 230px; margin-left: 723px; } }

@media screen and (min-width: 1280px) and (max-width: 1919px) {

    .sidebar-r { top: 230px; right: 0; } }

.sidebar-r { position: fixed; padding: 20px 20px; z-index: 199; width: 150px; height: 480px; background: white; border: 1px solid #f57325; opacity: 0.81; border-radius: 3px; list-style: none; }

.sidebar-r li { width: 110px; height: 62px; line-height: 62px; border-bottom: 1px dashed #f57325; text-align: center; user-select: none; list-style: none; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; }

.sidebar-r li a { position: relative; font-size: 18px; color: #f57325; font-weight: bold; text-decoration: none; }

.sidebar-r li a span { position: absolute; top: 7px; left: -15px; width: 9px; height: 10px; background: url(/Content/yxtweb/images/weike/weike-zgx/arrow.png); }

.sidebar-r li a:hover { color: #f57325; }

.sidebar-r li a.active span { display: block!important; }

.sidebar-r li:nth-last-of-type(2) { border-bottom: none; }

.sidebar-r::before { position: absolute; top: -30px; left: 50%; margin-left: -36.5px; content: ''; width: 73px; height: 50px; background: url(/Content/yxtweb/images/weike/weike-zgx/sidebar-icon1.png); }

.sidebar-r li:last-child { position: absolute; bottom: -27.5px; left: 50%; margin-left: -27.5px; content: ''; width: 55px; height: 55px; background: url(/Content/yxtweb/images/weike/weike-zgx/sidebar-icon2.png); cursor: pointer; border-bottom: none; }



.weike-zgx-banner { width: 100%; height: 800px; background: url(/Content/yxtweb/images/weike/weike-zgx/zgx-banner.png) center center no-repeat; }

.weike-zgx-banner a { display: block; position: absolute; bottom: 35px; left: 50%; margin-left: -132px; width: 264px; height: 81px; background: url(/Content/yxtweb/images/weike/weike-zgx/join.png); }



.weike-zgx-box1 { width: 100%; height: 719px; background: #fff; margin: 0 auto; }

.weike-zgx-box1 span:first-child { position: absolute; top: 105px; left: 50%; margin-left: -252px; width: 504px; height: 68px; background: url(/Content/yxtweb/images/weike/weike-zgx/title1.png) no-repeat; }

.weike-zgx-box1 span:last-child { display: inline-block; margin-top: 267px; width: 1200px; height: 271px; background: url(/Content/yxtweb/images/weike/weike-zgx/content1.png) no-repeat; }

.weike-zgx-box1::after { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 111px; background: url(/Content/yxtweb/images/weike/weike-zgx/tiao1.png) no-repeat; }



.weike-zgx-box2 { width: 100%; height: 1140px; background: #fff; margin: 0 auto; }

.weike-zgx-box2 span { position: absolute; top: 108px; left: 50%; margin-left: -252px; width: 504px; height: 68px; background: url(/Content/yxtweb/images/weike/weike-zgx/title2.png) no-repeat; }

.weike-zgx-box2 ul { position: relative; z-index: 19; width: 1200px; margin-top: 240px; }

.weike-zgx-box2 ul li { float: left; width: 570px; height: 316px; margin-right: 60px; margin-bottom: 30px; }

.weike-zgx-box2 ul li img { width: 100%; height: 100%; }

.weike-zgx-box2 ul li:nth-child(2n) { margin-right: 0; }

.weike-zgx-box2::after { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 130px; background: url(/Content/yxtweb/images/weike/weike-zgx/tiao2.png) no-repeat; }

.weike-zgx-box2 div:last-child { width: 133px; height: 409px; position: absolute; top: 387px; right: 0; z-index: 1; background: url(/Content/yxtweb/images/weike/weike-zgx/decorate3.png) no-repeat; }



.weike-zgx-box3 { width: 100%; height: 2048px; background: #fff; margin: 0 auto; }

.weike-zgx-box3 span { position: absolute; top: 108px; left: 50%; margin-left: -281.5px; width: 563px; height: 68px; background: url(/Content/yxtweb/images/weike/weike-zgx/title3.png) no-repeat; }

.weike-zgx-box3 ul { width: 1200px; margin-top: 266px; }

.weike-zgx-box3 ul li { float: left; width: 588px; height: 284px; margin-right: 24px; margin-bottom: 26px; }

.weike-zgx-box3 ul li a { display: block; }

.weike-zgx-box3 ul li a img { width: 100%; height: 100%; }

.weike-zgx-box3 ul li:nth-child(2n) { margin-right: 0; }

.weike-zgx-box3::after { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 130px; background: url(/Content/yxtweb/images/weike/weike-zgx/tiao1.png) no-repeat; }



.weike-zgx-box4 { width: 100%; height: 1841px; background: #fff; margin: 0 auto; z-index: 19; }

.weike-zgx-box4 span:first-child { position: absolute; top: 105px; left: 50%; margin-left: -326px; width: 652px; height: 68px; background: url(/Content/yxtweb/images/weike/weike-zgx/title4.png) no-repeat; }

.weike-zgx-box4 span:nth-child(2) { display: inline-block; margin-top: 267px; width: 1200px; height: 1349px; background: url(/Content/yxtweb/images/weike/weike-zgx/saizhi.png) no-repeat; }

.weike-zgx-box4 span:last-child { width: 178px; height: 494px; position: absolute; top: 830px; left: 0; z-index: -1; background: url(/Content/yxtweb/images/weike/weike-zgx/decorate6.png) no-repeat; }

.weike-zgx-box4::after { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 130px; background: url(/Content/yxtweb/images/weike/weike-zgx/tiao2.png) no-repeat; }



.weike-zgx-box5 { width: 100%; height: 1221px; background: #fff; margin: 0 auto; z-index: 19; }

.weike-zgx-box5 span:first-child { position: absolute; top: 105px; left: 50%; margin-left: -252px; width: 504px; height: 68px; background: url(/Content/yxtweb/images/weike/weike-zgx/title5.png) no-repeat; }

.weike-zgx-box5 span:nth-child(2) { display: inline-block; margin-top: 267px; width: 1200px; height: 1349px; background: url(/Content/yxtweb/images/weike/weike-zgx/content5.png) no-repeat; }

.weike-zgx-box5 span:last-child { width: 121px; height: 397px; position: absolute; top: 206px; right: 0; z-index: -1; background: url(/Content/yxtweb/images/weike/weike-zgx/decorate5.png) no-repeat; }

.weike-zgx-box5::after { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 111px; background: url(/Content/yxtweb/images/weike/weike-zgx/tiao1.png) no-repeat; }



.weike-zgx-box6 { width: 100%; height: 1300px; background: #fff; margin: 0 auto; z-index: 19; }

.weike-zgx-box6 span:first-child { position: absolute; top: 108px; left: 50%; margin-left: -281.5px; width: 563px; height: 68px; background: url(/Content/yxtweb/images/weike/weike-zgx/title6.png) no-repeat; }

.weike-zgx-box6 ul { width: 1200px; margin-top: 271px; }

.weike-zgx-box6 ul li { width: 1200px; height: 281px; margin-right: 60px; margin-bottom: 56px; }

.weike-zgx-box6 ul li img { width: 100%; height: 100%; }

.weike-zgx-box6 ul li:nth-child(2n) { margin-right: 0; }

.weike-zgx-box6 span:last-child { width: 132px; height: 416px; position: absolute; top: 513px; left: 0; z-index: -1; background: url(/Content/yxtweb/images/weike/weike-zgx/decorate4.png) no-repeat; }



.weike-zgx-box7 { width: 100%; height: 747px; background: url(/Content/yxtweb/images/weike/weike-zgx/bottom.png) center center no-repeat; }

.weike-zgx-box7 span:first-child { display: inline-block; margin-top: 256px; width: 836px; height: 86px; font-size: 36px; line-height: 43px; color: #fff; }

.weike-zgx-box7 a { display: block; position: absolute; bottom: 259px; left: 50%; margin-left: -159px; width: 318px; height: 98px; background: url(/Content/yxtweb/images/weike/weike-zgx/download.png); }

.weike-zgx-box7 span:last-child { display: inline-block; margin-top: 220px; margin-bottom: 0; width: 671px; height: 40px; font-size: 36px; font-weight: bold; color: #fff; line-height: 43px; }



/*测评中心-组报告管理页面*/

.ceping-man{ width: 594px;}

.ceping-see-more{ top:-7px; right:57px; overflow:hidden; width:14px; height:14px; border-left:1px solid #e4e4e4; border-top:1px solid #e4e4e4; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}

.ceping-alertmore{ top:40px; left:29px; z-index:9; width: 700px; height: 120px; line-height: 22px; border:1px solid #e4e4e4; box-shadow: 0px 4px 18px -2px rgba(0,0,0,0.1); border-radius: 0 0 4px 4px;}

.ceping-download-ico{ top: 12px; right: 10px; display: inline-block; width: 16px; height: 16px; background: url(/Content/images/ypay/ceping/ico-download.png) no-repeat; }

.ceping-download-ico-gray{ top: 12px; right: 10px; display: inline-block; width: 16px; height: 16px; background: url(/Content/images/ypay/ceping/ico-download-disable.png) no-repeat; cursor: not-allowed;}

.ceping-download-list{ top: 30px; right: 0; z-index: 30; padding: 5px 13px; min-width: 200px; max-width: 340px; background: #fff; box-shadow: 0px 4px 18px -2px rgba(0,0,0,0.1); border-radius: 0 0 4px 4px; border: 1px solid #eee;}

.ceping-download-list li,.ceping-download-list-active li{ padding: 3px; height: 36px; line-height: 29px; text-align: center; border-bottom: 1px solid #eee; }

.ceping-download-list li:last-child,.ceping-download-list-active li:last-child{ border: none; }

.ceping-download-ico-active{ display: inline-block; width: 16px; height: 16px; background: url(/Content/images/ypay/ceping/ico-download.png) no-repeat; vertical-align: sub;}

.ceping-download-list-active{ top: 180px; right: 0; z-index: 30; margin-bottom: 0; padding: 5px 13px;

    min-width: 200px; max-width: 340px;

    background: #fff; box-shadow: 0px 4px 18px -2px rgba(0,0,0,0.1); border-radius: 0 0 4px 4px; border: 1px solid #eee;}

.ceping-download-ico-gray1{ display: inline-block; width: 16px; height: 16px; background: url(/Content/images/ypay/ceping/ico-download-disable.png) no-repeat; cursor: not-allowed; vertical-align: sub}

.ceping-download-ico1{ position: relative; display: inline-block; width: 16px; height: 16px; background: url(/Content/images/ypay/ceping/ico-download.png) no-repeat; cursor: pointer; vertical-align: sub}

.ceping-download-list1{

    min-width: 200px; max-width: 340px; top: 18px; right: 0; z-index: 30; padding: 5px 13px; background: #fff;

    box-shadow: 0px 4px 18px -2px rgba(0,0,0,0.1); border-radius: 0 0 4px 4px; border: 1px solid #eee;

}

.ceping-download-list1 li{ padding: 3px; height: 36px; line-height: 29px; text-align: center; border-bottom: 1px solid #eee;}

.ceping-download-list1 li:last-child{ border: none; }

.ceping-download-list1 li, .ceping-download-list-active li, .ceping-download-list li{

    text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal; word-break: normal;

}

/* 公司账户修改2019年6月5日 13:28:25 绚星E卡*/

.xuanxing-card{padding:16px; }

.xuanxing-card-list{

    margin-left:-14px;

}

.xuanxing-card-list .media{

    position: relative; float: left; margin-top:0; margin-left:14px; margin-bottom:14px; width: 380px; height: 160px; border:1px solid #E1E1E1; border-radius:6px; background: #fff;

}



.xuanxing-card-list .media:before{

    content:''; width: 8px; height: 50px; position: absolute; top:-1px; left: -1px; border-radius:6px 0 0 0; background: #2EAFF9;

}

.xuanxing-card-list .media-left{  padding-left:15px;  padding-right:4px; width: 170px; height:160px;}

.xuanxing-card-list .media-body{ width: 215px; }

.xuanxing-card-list .give-card{ position: relative; display: inline-block;  width: 43px; height: 18px; line-height: 18px; color:#fff; text-align: center; background: #80AFCE; border-radius:2px;}

.xuanxing-card-list .give-card:before{ content:'';position: absolute; top:6px; right:-4px; border-left: 4px solid #80AFCE; border-top:3px solid transparent; border-bottom:3px solid transparent; }

.xuanxing-card-list .cardmanage-btn{ width: 54px; height: 22px; line-height: 22px; color: #2EAFF9; background: #EBF7FE; border-radius:90px;}

.xuanxing-card .toogle-card{color: #2EAFF9;}

.toogleico-up, .toogleico-down{

    display: inline-block; width: 10px;height: 5px;background: url(/Content/images/ypay/triangle.png) no-repeat 0 -112px;

}

.toogleico-down{ background-position: 0 -100px;}

/* 精选方案-分类的展示 */

.salebag-category{margin-left:-20px;}

.salebag-category li{

    cursor: pointer;  float:left; padding:0 30px; margin-left:20px; margin-top:20px; height:40px; line-height:40px; text-align:center;

    background-color: #F2F2F2; border-radius: 80px;

}

.salebag-category li.active{cursor:default; color:#fff; background-color: #188eee; }

/* 精选方案-分类的展示 end */



/* 应用中心 */

.applyico{ display: inline-block;  width: 30px; height: 30px;  background: url(/Content/images/ypay/applyico.png) no-repeat;}

.none-applydata{ display: inline-block;  width: 144px; height: 112px;  background: url(/Content/images/ypay/none_apply.png) no-repeat;}

.application-list{

    margin-left:-135px;

}

.application-list li{

    float: left; margin-left:180px; margin-bottom: 100px; width:220px; height: 165px;

}

.application-list li .apply-img{

    width: 220px;  height:82px; text-align: center; display: table-cell; vertical-align: middle;

}

.application-list li img{

    max-width: 200px; height:82px;

}

.apply-boxH{height:80px;}

.apply-box{

    position: fixed; bottom:0; left:0; height:80px; width:100%;

}

.apply-box .apply-title{ display: inline-block; width: 120px; height:80px; background-color:#1D1C1C; }

.apply-logolist .apply-logolist-item{max-width: 130px; height: 30px; line-height: 30px;  }

.apply-logolist .apply-logolist-item img{max-width: 30px; height: 30px;float: left;}

/* 应用中心 end */





/* basic scrollbar styling */

/* vertical scrollbar */

.mCSB_container{

    width:auto;

    margin-right:15px;

    overflow:hidden;

}

.mCSB_container.mCS_no_scrollbar{

    margin-right:0;

}

.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,

.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{

    margin-right:30px;

}

.mCustomScrollBox>.mCSB_scrollTools{

    width:16px;

    height:100%;

    top:0;

    right:0;

}

.mCSB_scrollTools .mCSB_draggerContainer{

    position:absolute;

    top:0;

    left:0;

    bottom:0;

    right:0;

    height:auto;

}

.mCSB_scrollTools a+.mCSB_draggerContainer{

    margin:20px 0;

}

.mCSB_scrollTools .mCSB_draggerRail{

    width:2px;

    height:100%;

    margin:0 auto;

    -webkit-border-radius:10px;

    -moz-border-radius:10px;

    border-radius:10px;

}

.mCSB_scrollTools .mCSB_dragger{

    cursor:pointer;

    width:100%;

    height:30px;

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:4px;

    height:100%;

    margin:0 auto;

    -webkit-border-radius:10px;

    -moz-border-radius:10px;

    border-radius:10px;

    text-align:center;

}

.mCSB_scrollTools .mCSB_buttonUp,

.mCSB_scrollTools .mCSB_buttonDown{

    display:block;

    position:relative;

    height:20px;

    overflow:hidden;

    margin:0 auto;

    cursor:pointer;

}

.mCSB_scrollTools .mCSB_buttonDown{

    top:100%;

    margin-top:-40px;

}

/* horizontal scrollbar */

.mCSB_horizontal>.mCSB_container{

    height:auto;

    margin-right:0;

    margin-bottom:30px;

    overflow:hidden;

}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{

    margin-bottom:0;

}

.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,

.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{

    margin-right:0;

    margin-bottom:30px;

}

.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{

    width:100%;

    height:16px;

    top:auto;

    right:auto;

    bottom:0;

    left:0;

    overflow:hidden;

}

.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{

    margin:0 20px;

}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{

    width:100%;

    height:2px;

    margin:7px 0;

    -webkit-border-radius:10px;

    -moz-border-radius:10px;

    border-radius:10px;

}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{

    width:30px;

    height:100%;

}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:100%;

    height:4px;

    margin:6px auto;

    -webkit-border-radius:10px;

    -moz-border-radius:10px;

    border-radius:10px;

}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,

.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{

    display:block;

    position:relative;

    width:20px;

    height:100%;

    overflow:hidden;

    margin:0 auto;

    cursor:pointer;

    float:left;

}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{

    margin-left:-40px;

    float:right;

}

.mCustomScrollBox{

    -ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/

}



/* default scrollbar colors and backgrounds (default theme) */

.mCustomScrollBox>.mCSB_scrollTools{

    opacity:0.75;

    filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */

}

.mCustomScrollBox:hover>.mCSB_scrollTools{

    opacity:1;

    filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */

}

.mCSB_scrollTools .mCSB_draggerRail{

    background:#000; /* rgba fallback */

    background:rgba(0,0,0,0.4);

    filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    background:#fff; /* rgba fallback */

    background:rgba(255,255,255,0.75);

    filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */

}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

    background:rgba(255,255,255,0.85);

    filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */

}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

    background:rgba(255,255,255,0.9);

    filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */

}

.mCSB_scrollTools .mCSB_buttonUp,

.mCSB_scrollTools .mCSB_buttonDown,

.mCSB_scrollTools .mCSB_buttonLeft,

.mCSB_scrollTools .mCSB_buttonRight{

    background-image:url(../images/mCSB_buttons.png);

    background-repeat:no-repeat;

    opacity:0.4;

    filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */

}

.mCSB_scrollTools .mCSB_buttonUp{

    background-position:0 0;

    /*

    sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)

    */

}

.mCSB_scrollTools .mCSB_buttonDown{

    background-position:0 -20px;

    /*

    sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)

    */

}

.mCSB_scrollTools .mCSB_buttonLeft{

    background-position:0 -40px;

    /*

    sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)

    */

}

.mCSB_scrollTools .mCSB_buttonRight{

    background-position:0 -56px;

    /*

    sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)

    */

}

.mCSB_scrollTools .mCSB_buttonUp:hover,

.mCSB_scrollTools .mCSB_buttonDown:hover,

.mCSB_scrollTools .mCSB_buttonLeft:hover,

.mCSB_scrollTools .mCSB_buttonRight:hover{

    opacity:0.75;

    filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */

}

.mCSB_scrollTools .mCSB_buttonUp:active,

.mCSB_scrollTools .mCSB_buttonDown:active,

.mCSB_scrollTools .mCSB_buttonLeft:active,

.mCSB_scrollTools .mCSB_buttonRight:active{

    opacity:0.9;

    filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */

}



/*scrollbar themes*/

/*dark (dark colored scrollbar)*/

.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{

    background:#000; /* rgba fallback */

    background:rgba(0,0,0,0.15);

}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    background:#000; /* rgba fallback */

    background:rgba(0,0,0,0.55);

}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

    background:rgba(0,0,0,0.85);

}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

    background:rgba(0,0,0,0.9);

}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{

    background-position:-96px 0;

}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{

    background-position:-96px -20px;

}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{

    background-position:-80px -40px;

}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{

    background-position:-80px -56px;

}

/*light-2*/

.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{

    width:4px;

    background:#fff; /* rgba fallback */

    background:rgba(255,255,255,0.1);

    -webkit-border-radius:1px;

    -moz-border-radius:1px;

    border-radius:1px;

}

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:4px;

    background:#fff; /* rgba fallback */

    background:rgba(255,255,255,0.75);

    -webkit-border-radius:1px;

    -moz-border-radius:1px;

    border-radius:1px;

}

.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{

    width:100%;

    height:4px;

    margin:6px 0;

}

.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:100%;

    height:4px;

    margin:6px auto;

}

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

    background:rgba(255,255,255,0.85);

}

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

    background:rgba(255,255,255,0.9);

}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{

    background-position:-32px 0;

}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{

    background-position:-32px -20px;

}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{

    background-position:-40px -40px;

}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{

    background-position:-40px -56px;

}

/*dark-2*/

.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{

    width:4px;

    background:#000; /* rgba fallback */

    background:rgba(0,0,0,0.1);

    -webkit-border-radius:1px;

    -moz-border-radius:1px;

    border-radius:1px;

}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:4px;

    background:#000; /* rgba fallback */

    background:rgba(0,0,0,0.75);

    -webkit-border-radius:1px;

    -moz-border-radius:1px;

    border-radius:1px;

}

.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{

    width:100%;

    height:4px;

    margin:6px 0;

}

.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:100%;

    height:4px;

    margin:6px auto;

}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

    background:rgba(0,0,0,0.85);

}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

    background:rgba(0,0,0,0.9);

}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{

    background-position:-112px 0;

}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{

    background-position:-112px -20px;

}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{

    background-position:-120px -40px;

}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{

    background-position:-120px -56px;

}

/*light-thick*/

.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{

    width:4px;

    background:#fff; /* rgba fallback */

    background:rgba(255,255,255,0.1);

    -webkit-border-radius:2px;

    -moz-border-radius:2px;

    border-radius:2px;

}

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:6px;

    background:#fff; /* rgba fallback */

    background:rgba(255,255,255,0.75);

    -webkit-border-radius:2px;

    -moz-border-radius:2px;

    border-radius:2px;

}

.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{

    width:100%;

    height:4px;

    margin:6px 0;

}

.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:100%;

    height:6px;

    margin:5px auto;

}

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

    background:rgba(255,255,255,0.85);

}

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

    background:rgba(255,255,255,0.9);

}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{

    background-position:-16px 0;

}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{

    background-position:-16px -20px;

}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{

    background-position:-20px -40px;

}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{

    background-position:-20px -56px;

}

/*dark-thick*/

.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{

    width:4px;

    background:#000; /* rgba fallback */

    background:rgba(0,0,0,0.1);

    -webkit-border-radius:2px;

    -moz-border-radius:2px;

    border-radius:2px;

}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:6px;

    background:#000; /* rgba fallback */

    background:rgba(0,0,0,0.75);

    -webkit-border-radius:2px;

    -moz-border-radius:2px;

    border-radius:2px;

}

.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{

    width:100%;

    height:4px;

    margin:6px 0;

}

.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:100%;

    height:6px;

    margin:5px auto;

}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

    background:rgba(0,0,0,0.85);

}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

    background:rgba(0,0,0,0.9);

}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{

    background-position:-96px 0;

}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{

    background-position:-96px -20px;

}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{

    background-position:-100px -40px;

}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{

    background-position:-100px -56px;

}

/*light-thin*/

.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{

    background:#fff; /* rgba fallback */

    background:rgba(255,255,255,0.1);

}

.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:2px;

}

.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{

    width:100%;

}

.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:100%;

    height:2px;

    margin:7px auto;

}

/*dark-thin*/

.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{

    background:#000; /* rgba fallback */

    background:rgba(0,0,0,0.15);

}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:2px;

    background:#000; /* rgba fallback */

    background:rgba(0,0,0,0.75);

}

.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{

    width:100%;

}

.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width:100%;

    height:2px;

    margin:7px auto;

}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

    background:rgba(0,0,0,0.85);

}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

    background:rgba(0,0,0,0.9);

}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{

    background-position:-80px 0;

}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{

    background-position:-80px -20px;

}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{

    background-position:-80px -40px;

}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{

    background-position:-80px -56px;

}

.home-sale-layout{

    margin-top:20px;

}





.home-standard-layout .tabs-nav{

    border-style:none !important;

}

.home-standard-layout .middle-goods-list {

    height:500px !important;

    border-style:none !important;

}

.home-standard-layout .middle-goods-list ul{

    height:500px !important;

    margin: -2px -1px -1px 0 !important;

}

.home-standard-layout .middle-goods-list ul li{

    margin-left: 14px !important;

    margin-top: 14px !important;

	width: 22% !important;

}