.button-variant{border-style: solid; border-width: 1px; cursor: pointer; -weibkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s}
@font-face{font-family: "iconfont"; src: url('../fonts/usercenter/iconfont.eot?t=1594639158505'); /* IE9 */ src: url('../fonts/usercenter/iconfont.eot?t=1594639158505#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAQcAAsAAAAACQwAAAPNAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqFTIReATYCJAMQCwoABCAFhG0HQRvJBxHVm1nJfiQYN40/0G1eKsiV0ET6Jnie6qz3u6ozPRKXQLIGboRvaYCAuLybcz2BMVHvhnL2yaMvpO0wuzRP/3PMdKkJlN9mA5lyVtBob4Dj1oF1AsXdCUSBHJ+Y3kPcYK8uvQwB3IiSQSpXrd0YC40+SwDp3aNbB6yEBl2RL1gItoKNGpmLiWVMMy4Dc7yfl0/kZYGBqdAX1u9apTPl3/i+banGOsfS2kHAHc4EsNtAARlAg3QvtHREBZEMCjd5uKYIWFgYMFSf+bal00l4W5FYxr88UBgIiA1d4kGwBSrFgXEtBhS8NRkw4G1L3gVINJluAWHgEUgqYANKvXFBe3uLj0HxFy/x/Avax8fD09Wmldad7t6NY92dJvfuxcva242Jz5BO04NYBDPcOZJMd2NZxG5cMHZX6pkSZ7QepidtCy33qtu3Y4brX3+3qXROvKZWvvjM6+zdOLXhXjXvM3dijbW3Bx+8HmGsulHofeRWtFp9s6iph9y7lug+I3XbupD27rJkedDixW5uG1eGtjh8M0rcWXm96bJtR3aEm/7ab0BHo2ezLo27NenctElfuyxqkFkyc2EDh9hlIR+ySxc7ebgSWcisKxraocFWj+NWsBXv4WFnYcMuc+jq4ekS7Bq316Oe2wGX8AsZJcKe7O87PaOUo25+2Pxa7fZ6OsZyO4TDsiRrXE4eR7bQYGCMM1SqnUUNIyMXlS4Ex/CiakX7G+TeaNgwsnikTbiR+4LgWdxzij1t7GDX4la3ubney/YIaF3KqLezwYGkpvEddZrvf1+v7GG+Cz33N3hmjhz5/at32IvQaGd49bvV/lV7OvOaWf3CtzUp/r5evQoVLK1zHg6nPQDOa2q/KoDYS3XUePKX+R2qju2q2nmX/mO5awAe5XUuwirnWI0aC9+d25j7B+E2rNMKX9dqLQksjpqtGYs3PG8VboYe/hYJ8PN0CFsgIpNgcVwEAxciQWGRgNTYDDBxpwBsWJQDN9JV2+6Ov/4oRLsCaSYBCD72gIEXx0Dh4wpSY5+ASZAvYMMnBW7or/wP3DtU7yoxKkEL+g+1ocGZetn5+Tf0705xnO+RX8ix9kOR5un4FQfkIZbEjy9FHDimHi5wHXYdwcjUoJE0iIxVlrmiG6WG+snOEUOKQBbQ/kDNIAPnNBe7zPffIO+to3BFTZn5BbGoHhwUUnkD5FUyNKq5lOHRh1cSwlHTHEZ64IIm1BkRAsbicQ1kiFToEBpVMtLINZWk08v6O9zCZLKjr1pkiBItJvO/cXv0oxPBKMvhodY0mQAAAAA=') format('woff2'), url('../fonts/usercenter/iconfont.woff?t=1594639158505') format('woff'), url('../fonts/usercenter/iconfont.ttf?t=1594639158505') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts/usercenter/iconfont.svg?t=1594639158505#iconfont') format('svg'); /* iOS 4.1- */}
.iconfont{font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-yue:before{content: "\e65a";}
.icon-icon-test:before{content: "\e605";}
.icon-zhibo:before{content: "\e511";}
@font-face{font-family: 'moco'; src: url('../fonts/moco.eot?d846nx'); src: url('../fonts/moco.eot?d846nx#iefix') format('embedded-opentype'), url('../fonts/moco.ttf?d846nx') format('truetype'), url('../fonts/moco.woff?d86nx') format('woff'), url('../fonts/moco.svg?d846nx') format('svg'); font-weight: normal; font-style: normal}
[class^="moco-icon-"], [class*=" moco-icon-"]{font-family: 'moco' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
.moco-icon-check:before{content: "\e91d"}
.moco-icon-notifi:before{content: "\e909"}
.moco-icon-close:before{content: "\e621"}
.moco-icon-heart:before{content: "\e639"}
.moco-icon-heart-revert:before{content: "\e63a"}
.moco-btn:active, .moco-btn.active{outline: 0; background-image: none}
.moco-btn.disabled, .moco-btn[disabled], fieldset[disabled] .moco-btn{pointer-events: none; opacity: .6; filter: alpha(opacity=60); box-shadow: none}
.moco-btn i{color: #545c63}
.moco-btn:link, .moco-btn:visited{color: #545c63}
.moco-btn:hover, .moco-btn:focus, .moco-btn.focus, .moco-btn:active, .moco-btn.active{color: #1c1f21; border-color: #545c63; opacity: 1}
.moco-btn.disabled, .moco-btn[disabled], .moco-btn.disabled:hover, .moco-btn[disabled]:hover, .moco-btn.disabled:focus, .moco-btn[disabled]:focus, .moco-btn.disabled.focus, .moco-btn[disabled].focus, .moco-btn.disabled:active, .moco-btn[disabled]:active, .moco-btn.disabled.active, .moco-btn[disabled].active{cursor: default; box-shadow: none; opacity: 1; color: #9199a1; border-color: #d3d6d9}
.moco-btn i{font-size: 14px}
.moco-btn-dark{border-style: solid; border-width: 1px; cursor: pointer; -weibkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; color: #fff; background-color: #383d42; border-color: #383d42; opacity: 1}
.moco-btn-dark i{color: #fff}
.moco-btn-dark:link, .moco-btn-dark:visited{color: #fff}
.moco-btn-dark:hover, .moco-btn-dark:focus, .moco-btn-dark.focus, .moco-btn-dark:active, .moco-btn-dark.active{color: #fff; border-color: #1c1f21; background: #1c1f21; opacity: 1}
.moco-btn-dark.disabled, .moco-btn-dark[disabled], .moco-btn-dark.disabled:hover, .moco-btn-dark[disabled]:hover, .moco-btn-dark.disabled:focus, .moco-btn-dark[disabled]:focus, .moco-btn-dark.disabled.focus, .moco-btn-dark[disabled].focus, .moco-btn-dark.disabled:active, .moco-btn-dark[disabled]:active, .moco-btn-dark.disabled.active, .moco-btn-dark[disabled].active{cursor: default; box-shadow: none; opacity: .4; color: #fff; border-color: #383d42; background: #383d42}
.moco-btn-red{border-style: solid; border-width: 1px; cursor: pointer; -weibkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; color: #fff; background-color: #f20d0d; border-color: #f20d0d; opacity: 1}
.moco-btn-red i{color: #fff}
.moco-btn-red:link, .moco-btn-red:visited{color: #fff}
.moco-btn-red:hover, .moco-btn-red:focus, .moco-btn-red.focus, .moco-btn-red:active, .moco-btn-red.active{color: #fff; border-color: #c20a0a; background: #c20a0a; opacity: 1}
.moco-btn-red.disabled, .moco-btn-red[disabled], .moco-btn-red.disabled:hover, .moco-btn-red[disabled]:hover, .moco-btn-red.disabled:focus, .moco-btn-red[disabled]:focus, .moco-btn-red.disabled.focus, .moco-btn-red[disabled].focus, .moco-btn-red.disabled:active, .moco-btn-red[disabled]:active, .moco-btn-red.disabled.active, .moco-btn-red[disabled].active{cursor: default; box-shadow: none; opacity: .6; color: #fff; border-color: #f20d0d; background: #f20d0d}

.moco-btn-blue i{color: #fff}
.moco-btn-blue:link, .moco-btn-blue:visited{color: #fff;background: #0091ff;}
.moco-btn-blue:hover, .moco-btn-blue:focus, .moco-btn-blue.focus, .moco-btn-blue:active, .moco-btn-blue.active{color: #fff; border-color: #0091ff; background: #0091ff; opacity: 1}
.moco-btn-blue.disabled, .moco-btn-blue[disabled], .moco-btn-blue.disabled:hover, .moco-btn-blue[disabled]:hover, .moco-btn-blue.disabled:focus, .moco-btn-blue[disabled]:focus, .moco-btn-blue.disabled.focus, .moco-btn-blue[disabled].focus, .moco-btn-blue.disabled:active, .moco-btn-blue[disabled]:active, .moco-btn-blue.disabled.active, .moco-btn-blue[disabled].active{cursor: default; box-shadow: none; opacity: .6; color: #fff; border-color: #1481b8; background: #1481b8}
.moco-btn-green{border-style: solid; border-width: 1px; cursor: pointer; -weibkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; color: #fff; background-color: #1fad4e; border-color: #1fad4e; opacity: 1}
.moco-btn-green i{color: #fff}
.moco-btn-green:link, .moco-btn-green:visited{color: #fff}
.moco-btn-green:hover, .moco-btn-green:focus, .moco-btn-green.focus, .moco-btn-green:active, .moco-btn-green.active{color: #fff; border-color: #17823b; background: #17823b; opacity: 1}
.moco-btn-green.disabled, .moco-btn-green[disabled], .moco-btn-green.disabled:hover, .moco-btn-green[disabled]:hover, .moco-btn-green.disabled:focus, .moco-btn-green[disabled]:focus, .moco-btn-green.disabled.focus, .moco-btn-green[disabled].focus, .moco-btn-green.disabled:active, .moco-btn-green[disabled]:active, .moco-btn-green.disabled.active, .moco-btn-green[disabled].active{cursor: default; box-shadow: none; opacity: .6; color: #fff; border-color: #1fad4e; background: #1fad4e}

.moco-btn-normal{border-style: solid; border-width: 1px; cursor: pointer; -weibkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; color: #545c63; background-color: transparent; border-color: #9199a1; opacity: 1}
.moco-btn-normal i{color: #545c63}
.moco-btn-normal:link, .moco-btn-normal:visited{color: #545c63}
.moco-btn-normal:hover, .moco-btn-normal:focus, .moco-btn-normal.focus, .moco-btn-normal:active, .moco-btn-normal.active{color: #1c1f21; border-color: #545c63; opacity: 1}
.moco-btn-normal.disabled, .moco-btn-normal[disabled], .moco-btn-normal.disabled:hover, .moco-btn-normal[disabled]:hover, .moco-btn-normal.disabled:focus, .moco-btn-normal[disabled]:focus, .moco-btn-normal.disabled.focus, .moco-btn-normal[disabled].focus, .moco-btn-normal.disabled:active, .moco-btn-normal[disabled]:active, .moco-btn-normal.disabled.active, .moco-btn-normal[disabled].active{cursor: default; box-shadow: none; opacity: 1; color: #9199a1; border-color: #d3d6d9}

.moco-btn-lg{padding: 11px 32px; font-size: 16px; line-height: 24px; border-radius: 24px}
.moco-btn-lg i{font-size: 18px}


.moco-form-control{display: block; width: 100%; height: 36px; padding: 7px 16px; font-size: 14px; line-height: 1.42857143; color: #1c1f21; background-color: #fff; background-image: none; border: 1px solid #9199a1; border-radius: 4px; box-sizing: border-box; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s}
.moco-form-control:focus{color: #1c1f21; outline: 0; border: 1px solid #545c63; box-shadow: 0 0 0 4px rgba(28, 31, 33, 0.1)}
.moco-form-control:-moz-placeholder{color: #b2b8bd}
.moco-form-control::-moz-placeholder{color: #b2b8bd; opacity: 1}
.moco-form-control:-ms-input-placeholder{color: #b2b8bd}
.moco-form-control::-webkit-input-placeholder{color: #b2b8bd}
.moco-form-control.placeholder{color: #b2b8bd}
.moco-form-control::-ms-expand{border: 0; background-color: transparent}
.moco-form-control[disabled], .moco-form-control[readonly], fieldset[disabled] .moco-form-control{background-color: #545c63; opacity: 1}
.moco-form-control[disabled], fieldset[disabled] .moco-form-control{cursor: not-allowed}
textarea.moco-form-control{height: auto}
input[type="search"]{-webkit-appearance: none}
@media screen and (-webkit-min-device-pixel-ratio: 0){input[type="date"].moco-form-control, input[type="time"].moco-form-control, input[type="datetime-local"].moco-form-control, input[type="month"].moco-form-control{line-height: 36px} input[type="date"].moco-input-sm, input[type="time"].moco-input-sm, input[type="datetime-local"].moco-input-sm, input[type="month"].moco-input-sm, .moco-input-group-sm input[type="date"], .moco-input-group-sm input[type="time"], .moco-input-group-sm input[type="datetime-local"], .moco-input-group-sm input[type="month"]{line-height: 34px} input[type="date"].moco-input-lg, input[type="time"].moco-input-lg, input[type="datetime-local"].moco-input-lg, input[type="month"].moco-input-lg, .moco-input-group-lg input[type="date"], .moco-input-group-lg input[type="time"], .moco-input-group-lg input[type="datetime-local"], .moco-input-group-lg input[type="month"]{line-height: 48px}}

.moco-control-label, .moco-control-input{float: left; padding: 0 5px; box-sizing: border-box}
.moco-control-label{width: 20%; font-weight: bold}
.moco-control-input{border-radius: 0; width: 80%}
.moco-control-input .moco-control-tip{margin: 6px 0; height: 18px; font-size: 12px; color: #f53d3d}

@media (min-width: 768px){.moco-control-label{text-align: right; margin-bottom: 0; font-weight: bold; padding-top: 8px}}
@media (min-width: 768px){.moco-form-group-lg .moco-control-label{padding-top: 12px; font-size: 18px}}
@media (min-width: 768px){.moco-form-group-sm .moco-control-label{padding-top: 8px; font-size: 12px}}
.moco-modal-overlay{position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto}
.moco-modal-blackout{position: fixed; top: 0; left: 0; background: rgba(7, 17, 27, 0.6)}
.moco-modal-layer{position: absolute; background: #fff; box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.2); border-radius: 12px}
.moco-modal-layer.fixed{top: 20px !important; margin-bottom: 20px !important}
.moco-modal-title{margin-bottom: -8px; padding: 24px 32px 0; line-height: 20px}
.moco-modal-title div{font-size: 16px; font-weight: bold; color: #1c1f21}
.moco-modal-draggable{cursor: move}
.moco-modal-title a.moco-modal-close{font-size: 24px; position: absolute; right: 32px; top: 24px; color: #b2b8bd; display: block; text-decoration: none}
.moco-modal-title a.moco-modal-close:hover{color: #1c1f21}
.moco-modal-inner .moco-modal-dialog{padding: 32px}
.moco-modal-inner .moco-modal-wrap{box-sizing: border-box; width: 320px; padding: 32px; line-height: 1}
.moco-modal-content{font-size: 16px; font-weight: bold; color: #1c1f21; line-height: 24px}
.moco-modal-info{padding-top: 8px; font-size: 12px; color: #545c63; line-height: 16px}
.moco-modal-info a{color: #1481b8; text-decoration: none}
.moco-modal-info a:hover{color: #0f618a}
.moco-modal-btns{padding-top: 32px; text-align: right}
.moco-modal-btns .moco-btn{margin-left: 12px; min-width: 80px}
.moco-tip-layer{position: absolute; z-index: 99999; font-size: 12px; line-height: 16px; color: #1c1f21; padding: 12px 16px 12px 12px; border-radius: 8px}
.moco-prompt-layer{font-size: 12px; line-height: 16px; color: #1c1f21; padding: 12px 16px 12px 12px; border-radius: 8px}
.moco-modal-layer .moco-icon-tick-revert, .moco-modal-layer .moco-icon-ques-revert, .moco-modal-layer .moco-icon-point-revert{float: left; margin-right: 4px; font-size: 16px}
.moco-modal-layer .moco-icon-tick-revert{color: #1fad4e}
.moco-modal-layer .moco-icon-ques-revert{color: #1C1F21}
.moco-modal-layer .moco-icon-point-revert{color: #f20d0d}
.moco-course-list{font-family: "PingFang SC", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif; margin: -10px}

.moco-aside-course{background: #f8fafc}
.moco-aside-course li{margin-bottom: 8px}
.moco-aside-course li .aside-course-img{float: left; width: 80px; height: 60px; border-radius: 6px; overflow: hidden; position: relative}
.moco-aside-course li .aside-course-img img{width: 80px; height: 60px; border-radius: 6px}
.moco-aside-course li .aside-course-img .aside-course-type{position: absolute; left: 0; top: 0; font-size: 12px; color: #FFFFFF; line-height: 18px; padding: 2px 4px; background: #1C1F21; border-radius: 6px 0 6px 0}
.moco-aside-course li .aside-course-content{margin-left: 96px; height: 67px; position: relative; box-sizing: border-box; font-size: 12px; color: #545C63; line-height: 18px; border-bottom: 1px solid rgba(43, 51, 59, 0.1)}
.moco-aside-course li .aside-course-content a.aside-course-name{padding-top: 8px; font-size: 14px; height: 22px; line-height: 22px; margin-bottom: 4px; cursor: pointer; color: #545C63; background: #f8fafc; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.moco-aside-course li .aside-course-content:hover a.aside-course-name{position: absolute; color: #1c1f21; overflow: hidden; height: auto; max-height: 44px; white-space: initial}
.moco-aside-course li .aside-course-content:hover .aside-course-price, .moco-aside-course li .aside-course-content:hover .aside-course-grade, .moco-aside-course li .aside-course-content:hover .aside-course-people, .moco-aside-course li .aside-course-content:hover .aside-course-dot{margin-top: 34px}
.moco-aside-course li .aside-course-content .aside-course-price, .moco-aside-course li .aside-course-content .aside-course-grade, .moco-aside-course li .aside-course-content .aside-course-people, .moco-aside-course li .aside-course-content .aside-course-dot{float: left}
.moco-aside-course li .aside-course-content .aside-course-price{font-weight: bold}
.moco-aside-course li .aside-course-content .aside-course-price .aside-discount-price, .moco-aside-course li .aside-course-content .aside-course-price .aside-discount-intro{color: #ff0000}
.moco-aside-course li .aside-course-content .aside-course-price .aside-discount-intro{margin-left: 4px; line-height: 18px; padding: 0 4px; font-weight: normal; background: rgba(242, 13, 13, 0.1); border-radius: 2px; display: none}
.moco-aside-course li .aside-course-content .aside-course-dot{margin-left: 1px; margin-right: 1px}
.moco-aside-course li:last-child .aside-course-content{border-bottom: none}
.moco-change-smalle-btn{padding: 4px 12px; font-size: 12px; color: #545c63; line-height: 16px; background: #fff; border-radius: 12px; cursor: pointer}
.moco-change-smalle-btn:hover{color: #545c63; background: rgba(145, 153, 161, 0.2)}
.moco-change-smalle-btn.active{color: #FFFFFF; background: #9199a1; cursor: default}
.moco-change-big-btn{display: inline-block; padding: 0 16px; font-size: 16px; color: #545c63; line-height: 37px; font-weight: bold; cursor: pointer}


.moco-tick{display: block; position: absolute; width: 32px; height: 46px; background-image: url(../images/bg-tick.png)}

#orderCartBanner{max-width: 600px; height: 56px; overflow: hidden; cursor: pointer; position: relative; z-index: 899; padding-top: 32px; padding-left: 70px; display: none; float: left; line-height: 0}
#orderCartBanner img{height: 56px}

#coursechapterlistRight{max-height: 160px; min-height: 60px; width: 100%; overflow: hidden; margin: -8px 0 24px; cursor: pointer; position: relative; z-index: 899; display: none; line-height: 0; border-radius: 12px}
#coursechapterlistRight img{width: 100%}
#courseVideoRight{max-height: 160px; min-height: 60px; width: 320px; overflow: hidden; margin-top: 24px; cursor: pointer; position: relative; z-index: 899; display: none; line-height: 0; border-radius: 12px}
#courseVideoRight img{width: 100%}
@font-face{font-family: 'imv2'; src: url('../imv2fonts/imv2.eot?20200423'); src: url('../imv2fonts/imv2.eot?20200423#iefix') format('embedded-opentype'), url('../imv2fonts/imv2.ttf?20200423') format('truetype'), url('../imv2fonts/imv2.woff?20200423') format('woff'), url('../imv2fonts/imv2.svg?20200423#imv2') format('svg'); font-weight: normal; font-style: normal}
[class^="imv2-"], [class*=" imv2-"]{font-family: 'imv2' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: 0; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; -webkit-font-variant-ligatures: discretionary-ligatures; font-variant-ligatures: discretionary-ligatures; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}

.imv2-del:before{content: "\e60f"}
.imv2-yuanwen:before{content: "\e922"}
.imv2-tick:before{content: "\e600"}
.imv2-right2:before{content: "\e925"}
.imv2-home:before{content: "\e601"}
.imv2-chat:before{content: "\e603"}
.imv2-set:before{content: "\e60d"}
.imv2-video:before{content: "\e61c"}
.imv2-close:before{content: "\e621"}
.imv2-right:before{content: "\e625"}
.imv2-thumb:before{content: "\e635"}
.imv2-star:before{content: "\e637"}
.imv2-qq:before{content: "\e63b"}
.imv2-weibo1:before{content: "\e63c"}
.imv2-weixin:before{content: "\e63e"}
.imv2-video_circle:before{content: "\e94a"}
.imv2-war:before{content: "\e91b"}
.imv2-receipt:before{content: "\e8b0"}
.imv2-play_circle:before{content: "\e038"}
.imv2-nav_chapter:before{content: "\e916"}
.imv2-nav_note:before{content: "\e22b"}
.imv2-set-sns:before{content: "\e904"}
.imv2-empty:before{content: "\e910"}
.imv2-finish:before {content: "\e3a6";}
.imv2-homework:before{content: "\e91e"}
.imv2-arrow2_d:before{content: "\e5cf"}
.imv2-arrow3_l:before{content: "\e5c4"}
.imv2-arrow3_d:before{content: "\e5db"}
.imv2-check:before{content: "\e5ca"}
.imv2-error_c:before{content: "\e000"}
.imv2-thumb_up:before{content: "\e8dc"}
.imv2-history:before{content: "\e8b5"}
.imv2-cart:before{content: "\e8cc"}
.imv2-delete:before{content: "\e872"}
.imv2-refresh:before{content: "\e90a"}
.imv2-folder:before{content: "\e2c7"}
.imv2-visibility:before{content: "\e8f4"}
.imv2-visibility_off:before{content: "\e8f5"}
.imv2-weibo:before{content: "\e911"}
.imv2-load_o:before{content: "\e88b"}
.imv2-assignment_ind:before{content: "\e85e"}
.imv2-chat_bubble:before{content: "\e0ca"}
.imv2-list_numbered:before{content: "\e242"}
.imv2-forward1:before{content: "\e040"}
.imv2-play:before{content: "\e96f"}
.imv2-error:before{content: "\e64a"}
.imv2-list:before{content: "\e67f"}
.text-ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.user-card-box{position: relative}
.user-card-box .g-user-card{visibility: hidden; position: absolute; right: 0; top: 100%; z-index: 1000; width: 306px; padding: 24px; background-color: #fff; box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.2); border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; box-sizing: border-box}
.user-card-box .g-user-card .card-top{color: #93999f; position: relative}
.user-card-box .g-user-card .card-top a{display: inline-block; color: #93999f}
.user-card-box .g-user-card .card-top a img{float: left; width: 72px; height: 72px; border-radius: 50%; border: 2px solid #fff; margin-right: 12px}
.user-card-box .g-user-card .card-top .card-top-right-box{margin-top: 14px}
.user-card-box .g-user-card .card-top .name{display: inline-block; font-size: 16px; color: #07111b; width: 170px; line-height: 20px}
.user-card-box .g-user-card .card-top .meta{margin-top: 4px; font-size: 12px; line-height: 12px}
.user-card-box .g-user-card .card-top .meta a{margin-right: 12px}
.user-card-box .g-user-card .card-top .meta b{margin-left: 2px}
.user-card-box .g-user-card .user-center-box{margin-top: 16px; margin-bottom: 14px}
.user-card-box .g-user-card .user-center-box ul li{position: relative; width: 128px; width: 127px \9; background: #F8FAFC; border-radius: 2px; color: #4d555d; margin: 0 2px 2px 0}
.user-card-box .g-user-card .user-center-box ul li .user-center-icon{position: relative; top: 3px; font-size: 16px; margin-right: 8px}
.user-card-box .g-user-card .user-center-box ul li a{width: 100%; height: 36px; line-height: 36px; padding-left: 12px; text-align: left; box-sizing: border-box}
.user-card-box .g-user-card .user-center-box ul li:hover{background: #d9dde1}
.user-card-box .g-user-card .user-center-box ul li:hover a{color: #4d555d}
.user-card-box .g-user-card .user-center-box ul li i{width: 18px; height: 18px; position: absolute; top: 0; right: 8px; background: url('/static/img/common/coupon-icon.png') no-repeat}
.user-card-box .g-user-card .user-center-box ul li:nth-child(2n){margin-right: 0}
.user-card-box .g-user-card .card-history{padding-bottom: 16px; margin-bottom: -1px; border-bottom: 1px solid #edf1f2}
.user-card-box .g-user-card .card-history .history-item{display: block; position: relative; padding-left: 24px; color: #787d82; transition: background-color .2s; line-height: 20px}
.user-card-box .g-user-card .card-history .history-item .tit{display: block; margin-bottom: 8px; font-weight: bold}
.user-card-box .g-user-card .card-history .history-item .media-name{display: block; width: 200px}
.user-card-box .g-user-card .card-history .history-item .icon-clock, .user-card-box .g-user-card .card-history .history-item .imv2-history{position: absolute; left: 0; top: 2px; font-size: 16px; font-weight: 700}
.user-card-box .g-user-card .card-history .history-item .continue{position: absolute; right: 0; top: 25px; color: #00b43c}
.user-card-box .g-user-card .card-history .history-item .continue:hover{color: #00c850}
.user-card-box .g-user-card .card-sets{margin-top: 16px; font-size: 12px; line-height: 12px}
.user-card-box .g-user-card .card-sets a{color: #93999F}
.user-card-box .g-user-card .card-sets a:hover{color: #4d555d; background: none}
.user-card-box.hover .g-user-card{visibility: visible}
.shop-cart{position: relative}
.shop-cart .shop-cart-icon .imv2-cart, .shop-cart .shop-cart-icon .icon-shopping-cart{position: relative; top: 2px; font-size: 16px; margin-right: 8px}
.shop-cart .shop-cart-icon .shopping_icon{padding: 0 5px; height: 16px; line-height: 16px; background: #f01414; color: #fff; margin-left: 8px; display: inline-flex; border-radius: 8px}
.shop-cart .my-cart{display: none; width: 344px; padding: 0 16px; position: absolute; right: 0; background: #fff; box-sizing: border-box; z-index: 99999; box-shadow: 0 8px 16px 0 rgba(28, 31, 33, 0.2); border-bottom-right-radius: 8px; border-bottom-left-radius: 8px}
.shop-cart .my-cart .cart-title-box{padding: 13px 12px; border-bottom: 1px solid #D3D6D9}
.shop-cart .my-cart .cart-title-box h2, .shop-cart .my-cart .cart-title-box h5{height: 24px; line-height: 24px}
.shop-cart .my-cart .cart-title-box h2{font-weight: bold; font-size: 14px; color: #1C1F21}
.shop-cart .my-cart .cart-title-box h5{font-size: 12px; color: #9199A1}
.shop-cart .my-cart .cart-wrap .cart-wrap-box{height: 284px; overflow-y: scroll}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul{width: 100%}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li{padding: 12px; box-sizing: border-box}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li:hover{background: #F8FAFC}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li:hover .del{display: block}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li a{width: auto; height: auto}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li img{width: 100px; height: 56px; margin-right: 10px}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box{width: 160px}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box h3{font-size: 12px; color: #07111b; line-height: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box p{margin-top: 8px; height: 16px}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box p span{color: rgba(240, 20, 20, 0.6); font-size: 12px; line-height: 16px}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box p span:hover{color: #f01414}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .del{display: none; cursor: pointer}
.shop-cart .my-cart .cart-wrap .clear-cart{height: 284px; text-align: center}
.shop-cart .my-cart .cart-wrap .clear-cart .cartIcon{margin: 36px 0 8px; display: inline-block; font-size: 72px; color: #D3D6D9}
.shop-cart .my-cart .cart-wrap .clear-cart h3{font-size: 14px; color: #545C63; text-align: center; line-height: 24px}
.shop-cart .my-cart .cart-wrap .clear-cart .text{margin-bottom: 8px; font-size: 12px; color: #9199A1; text-align: center; line-height: 24px}
.shop-cart .my-cart .cart-wrap .clear-cart .go-link{display: block; color: rgba(240, 20, 20, 0.6); font-size: 12px; line-height: 24px; margin-bottom: 4px}
.shop-cart .my-cart .cart-wrap .clear-cart .go-link:hover{color: #f01414}
.shop-cart .my-cart .more-box{padding: 16px 12px; border-top: 1px solid #D3D6D9}
.shop-cart .my-cart .more-box .show-box{height: 32px; line-height: 32px; font-size: 12px}
.shop-cart .my-cart .more-box .show-box .num-icon{color: #fff; line-height: 16px; padding: 0 5px; border-radius: 50%; background: #f01414; box-sizing: border-box}
.shop-cart .my-cart .more-box .show-box .text{color: #93999f}
.shop-cart .my-cart .more-box .show-box .text a{color: #93999f}
.shop-cart .my-cart .more-box .show-box .text a:hover{color: #4d555d}
.shop-cart .my-cart .more-box .show-box .go-pay a{color: rgba(240, 20, 20, 0.6) !important}
.shop-cart .my-cart .more-box .show-box .go-pay a:hover{color: rgba(240, 20, 20, 0.6) !important}
.shop-cart .my-cart .more-box .go-cart{width: 96px; color: #fff; font-size: 12px; line-height: 16px; padding: 8px 16px; background: rgba(240, 20, 20, 0.8); border-radius: 16px; border: none}
.shop-cart .my-cart .more-box .go-cart:hover{background-color: #f01414}
.shop-cart.hover .shop-cart-icon{border-color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0.1)}
.shop-cart.hover .my-cart{display: block}
.fix-header{position: fixed; top: 0; width: 100%; z-index: 900; box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1); z-index: 11;}
.set_btn img{border-radius: 50%; vertical-align: middle; display: inline-block;}
@keyframes redPacketsRain{to{top: 100%}}
@-moz-keyframes redPacketsRain{to{top: 100%}}
@-webkit-keyframes redPacketsRain{to{top: 100%}}
@-o-keyframes redPacketsRain{to{top: 100%}}