@charset "UTF-8";
::-webkit-scrollbar-track-piece {width:5px;background-color:#f8f8f8;}
::-webkit-scrollbar {width:5px;background-color:#53000a;}
::-webkit-scrollbar-thumb {width:5px;background-color:#53000a;}
::-webkit-scrollbar-thumb:hover {width:5px;background-color:#53000a;}
*{box-sizing: border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.basef{color: #1178d5;}
.basebg{color: #1178d5;}
.normalblock{width: 100%;overflow: hidden;}
.block1200{width: 100%;overflow: hidden;max-width: 1360px;padding: 0px 10px; margin: auto;position: relative;}
.clearfix{clear: both;}
.corange{color: #ff8c6a;}
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*@author zhaoxue*/
/*字体*/
.f10{font-size: 10px;}
.f11{font-size: 11px;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f19{font-size: 19px;}
.f20{font-size: 20px;}
.f21{font-size: 21px;}
.f22{font-size: 22px;}
.f23{font-size: 23px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f32{font-size: 32px;}
.f34{font-size: 34px;}
.f35{font-size: 35px;}
.f36{font-size: 36px;}
.f38{font-size: 38px;}
.f40{font-size: 40px;}
.f50{font-size: 50px;}
.f60{font-size: 60px;}
.f70{font-size: 70px;}
.f80{font-size: 80px;}
/*字体颜色*/
.c0{color: #000;}
.c1{color: #111;}
.c2{color: #222;}
.c3{color: #333;}
.c4{color: #444;}
.c5{color: #555;}
.c6{color: #666;}
.c7{color: #777;}
.c8{color: #888;}
.c9{color: #999;}
.ca{color: #aaa;}
.cf{color: #fff;}
/*背景颜色*/
.bgf{background: #fff;}
.bg0{background: #000;}
.bg3{background: #222;}
.bg4{background: #444;}
.bg5{background: #555;}
.bg6{background: #666;}
.bgfa{background: #fafafa;}
.bgf1{background: #f1f1f1;}
.bge{background: #eee;}
.bgd{background: #ddd;}
/*字体粗细*/
.fontb{font-weight: 600;}
/*位置*/
.tcenter{text-align: center;}
.tleft{text-align: left;}
.tright{text-align: right;}
/*placeholder*/
.inputboxs input[type=text]::-webkit-input-placeholder{}    /* 使用webkit内核的浏览器 */
.inputboxs input[type=text]:-moz-placeholder{}                  /* Firefox版本4-18 */
.inputboxs input[type=text]::-moz-placeholder{}                  /* Firefox版本19+ */
.inputboxs input[type=text]:-ms-input-placeholder{}           /* IE浏览器 */

/*yichu*/
.elli{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

/*动画延迟*/
.delay100{animation-delay: 100ms;}
.delay200{animation-delay: 200ms;}
.delay300{animation-delay: 300ms;}
.delay400{animation-delay: 400ms;}
.delay500{animation-delay: 500ms;}
.delay600{animation-delay: 600ms;}
.delay700{animation-delay: 700ms;}
.delay800{animation-delay: 800ms;}
.delay900{animation-delay: 900ms;}
.delay1000{animation-delay: 1000ms;}
.delay1100{animation-delay: 1100ms;}
.delay1200{animation-delay: 1200ms;}
.delay1300{animation-delay: 1300ms;}
.delay1400{animation-delay: 1400ms;}
.delay1500{animation-delay: 1500ms;}
.delay1600{animation-delay: 1600ms;}
.delay1700{animation-delay: 1700ms;}
.delay1800{animation-delay: 1800ms;}
.delay1900{animation-delay: 1900ms;}
.delay2000{animation-delay: 2000ms;}
.delay2100{animation-delay: 2100ms;}
.delay2200{animation-delay: 2200ms;}
.delay2300{animation-delay: 2300ms;}
.delay2400{animation-delay: 2400ms;}
.delay2500{animation-delay: 2500ms;}
.delay2600{animation-delay: 2600ms;}
.delay2700{animation-delay: 2700ms;}
.delay2800{animation-delay: 2800ms;}
.delay2900{animation-delay: 2900ms;}
.delay3000{animation-delay: 3000ms;}
.delay4000{animation-delay: 4000ms;}
.delay5000{animation-delay: 5000ms;}
.delay6000{animation-delay: 6000ms;}
.delay7000{animation-delay: 7000ms;}
.delay8000{animation-delay: 8000ms;}
.delay9000{animation-delay: 9000ms;}
.delay10000{animation-delay: 10000ms;}

/*********/


/*动画延迟*/
.delay li:nth-child(1){animation-delay: 100ms;}
.delay li:nth-child(2){animation-delay: 200ms;}
.delay li:nth-child(3){animation-delay: 300ms;}
.delay li:nth-child(4){animation-delay: 400ms;}
.delay li:nth-child(5){animation-delay: 500ms;}
.delay600{animation-delay: 600ms;}
.delay700{animation-delay: 700ms;}
.delay800{animation-delay: 800ms;}
.delay900{animation-delay: 900ms;}
.delay1000{animation-delay: 1000ms;}
.delay1100{animation-delay: 1100ms;}
.delay1200{animation-delay: 1200ms;}
.delay1300{animation-delay: 1300ms;}
.delay1400{animation-delay: 1400ms;}
.delay1500{animation-delay: 1500ms;}
.delay1600{animation-delay: 1600ms;}
.delay1700{animation-delay: 1700ms;}
.delay1800{animation-delay: 1800ms;}
.delay1900{animation-delay: 1900ms;}
.delay2000{animation-delay: 2000ms;}
.delay2100{animation-delay: 2100ms;}
.delay2200{animation-delay: 2200ms;}
.delay2300{animation-delay: 2300ms;}
.delay2400{animation-delay: 2400ms;}
.delay2500{animation-delay: 2500ms;}
.delay2600{animation-delay: 2600ms;}
.delay2700{animation-delay: 2700ms;}
.delay2800{animation-delay: 2800ms;}
.delay2900{animation-delay: 2900ms;}
.delay3000{animation-delay: 3000ms;}
.delay4000{animation-delay: 4000ms;}
.delay5000{animation-delay: 5000ms;}
.delay6000{animation-delay: 6000ms;}
.delay7000{animation-delay: 7000ms;}
.delay8000{animation-delay: 8000ms;}
.delay9000{animation-delay: 9000ms;}
.delay10000{animation-delay: 10000ms;}

/*********/
/*margin*/
.mar10{margin-top: 10px;}
.mar20{margin-top: 20px;}
.mar30{margin-top: 30px;}
.mar40{margin-top: 40px;}
.mar50{margin-top: 50px;}
.mar60{margin-top: 60px;}
.mar70{margin-top: 70px;}
.mar80{margin-top: 80px;}
.mar90{margin-top: 90px;}
.mar100{margin-top: 100px;}
.mar110{margin-top: 110px;}
.mar120{margin-top: 120px;}