@charset "utf-8";



/* CSS Document */







html,body{ width:100%; height:100%;}

body{ font-family:"微软雅黑", Arial, sans-serif; font-size:14px; line-height:24px; color:#333; background:#fff;}

a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}

*{ list-style:none; margin:0; border:none; outline:none; padding:0;}

.fl{ float:left;}

.fr{ float:right;}

.ov{ overflow:hidden;}

.dis{ display:block !important;}

.dn{ display:none;}

.clear{ clear:both;}

.clear:after,.clear:before{ content:""; display:block; clear:both;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 



input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 



input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 



input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 



input,textarea{ -webkit-appearance:none;}

input[type=checkbox]{ -webkit-appearance:checkbox;}

input[type=radio]{ -webkit-appearance:checkbox;}





/*header*/



.header{ width:100%; height:30px; padding:15px 0; position:fixed; left:0; top:0; z-index:999; background-color:rgba(0,0,0,.3);}

.header.cur{ background-color:#4c8af2;}

.header .head{ width:1200px; margin:auto; height:30px;}

.header .head .logo{ height:30px; line-height:30px; font-size:20px; color:#fff; float:left; font-weight:600;}

.header .head .logo a{ display:block; color:#fff;}

.header .head .nav{ float:left; margin-left:35px;}

.header .head .nav>a{ margin-left:15px; display:block; position:relative; height:30px; line-height:30px; font-size:14px; color:#fff; overflow:hidden; float:left;}

.header .head .nav>a p{ width:100%; overflow:hidden; height:30px; display:block;}

/*.header .head .nav a::after,.header .head .nav a::before{ position:absolute; opacity:0; -webkit-transition:-webkit-transform .3s, opacity .2s; -moz-transition:-moz-transform .3s, opacity .2s; transition:transform .3s, opacity .2s; top:0;}

.header .head .nav a::before{ left:0; content:'['; -webkit-transform:translateX(10px); -moz-transform:translateX(10px); transform:translateX(10px);}

.header .head .nav a::after{ right:0; content:']'; -webkit-transform:translateX(-10px); -moz-transform:translateX(-10px); transform:translateX(-10px);}

.header .head .nav a:hover::after,.header .head .nav a:hover::before{ opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0)}*/

.header .head .nav>a.on b,.header .head .nav>a:hover b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#4c8af2; overflow:hidden;}

.header.cur .head .nav>a.on b{ background-color:#fff;}

.header .head .login{ float:right; height:30px;}

.header .head .login p{ height:30px; float:left; display:block; margin-left:15px;}

.header .head .login p a{ display:block; font-size:14px; line-height:30px; color:#fff;}

.header .head .login span{ margin-left:15px; height:30px; float:left; display:block;}

.header .head .login span a{ display:block; font-size:14px; line-height:30px; color:#fff;}





.header .head .nav span{ display:block; float:left; height:50px;}

.header .head .nav span svg{ height:14px; margin:8px 10px; color:#fff;}

.header .head .nav span p{ width:100%; position:absolute; left:0; top:60px; background-color:#4c8af2; text-align:center; padding:10px 0; display:none;}

.header .head .nav span p a{ display:inline-block; margin:0 10px; font-size:16px; line-height:30px; color:#fff; padding:0 10px; position:relative;}

.header .head .nav span:hover p{ display:block;}





/*banner*/



.ban{ width:100%; height:540px; position:relative;}

.ban .ibanner{ width:100%; height:540px; position:relative; left:0; top:0; z-index:1;}

.ban .ibanner .bd{ width:100%; height:540px; position:relative; z-index:1;}

.ban .ibanner .bd a{ display:block; width:100%; height:540px; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}

.ban .ibanner .hd{ width:100%; text-align:center; z-index:9; position:absolute; left:0; bottom:20px;}

.ban .ibanner .hd li{ cursor:pointer; display:inline-block; height:4px; width:40px; background-color:#fff; margin:0 5px; border-radius:4px;}

.ban .ibanner .hd li.on{ background:#4c8af2;}



.ban .box{ width:1200px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3;}

/*.ban .box .right{ width:400px; padding:30px; background-color:rgba(255,255,255,0.9); border-radius:10px;}

.ban .box .right .title{ padding-bottom:10px; border-bottom:1px solid #cacaca; font-size:20px; font-weight:bold; line-height:30px;}

.ban .box .right .title b{ display:block; width:5px; height:20px; float:left; margin-top:6px; margin-right:10px; background-color:#4c8af2}

.txtMarquee-top{ width:100%; padding-top:15px; height:150px;}

.txtMarquee-top .bd{ height:150px; overflow:hidden;}

.txtMarquee-top .bd li{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; padding-left:15px;}

.txtMarquee-top .bd li a{ display:block; overflow:hidden;}

.txtMarquee-top .bd li:hover{ background-image:url(../images/li01.png);}

.txtMarquee-top .bd li:hover a{ color:#4c8af2;}*/

.ban .box .left{ width:500px;}

.ban .box .left .b01{ font-weight:bold; font-size:40px; line-height:50px; color:#fff; letter-spacing:5px;}

.ban .box .left .b02{ font-size:24px; line-height:34px; color:#fff; padding:10px 0;}

.ban .box .left .b03{ width:100%;}

.ban .box .left .b03 a{ display:block; color:#fff; width:200px; height:50px; border-radius:50px; font-size:20px; line-height:50px; text-align:center; background:linear-gradient(to left,#4c8af2,#35ecee); color:#fff; margin-top:30px; border:1px solid #75f2f5; float:left; margin-right:20px;}



.gg{ width:100%; height:50px; background-color:#fff;}

.gg .box{ width:1200px; margin:auto;}

.gg .box .title{ float:left; padding-left:30px; font-size:20px; font-weight:bold; line-height:50px; background-image:url(../images/gg.png); background-position:left center; background-repeat:no-repeat;}

.gg .box .bd{ width:1080px; float:right; height:50px; overflow:hidden;}

.gg .box .bd li{ display:block; font-size:14px; line-height:50px; height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; padding-left:15px; width:320px; margin-left:25px; float:left;}

.gg .box .bd li a{ display:block; overflow:hidden;}

.gg .box .bd li:hover{ background-image:url(../images/li01.png);}

.gg .box .bd li:hover a{ color:#4c8af2;}



.tkox{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.7); z-index:9999; display:none;}

.tkox .box{ width:900px; padding:50px; border-radius:10px; background-color:rgba(255,255,255,0.9); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); max-height:60vh; overflow:auto;}

.tkox .box .close{ position:absolute; right:30px; top:30px; cursor:pointer; -webkit-transition:1s linear; transition:1s ease-in;}

.tkox .box .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}

.tkox .box .bt{ width:800px; margin:auto; text-align:center; font-size:18px; line-height:28px;}

.tkox .box .wen{ width:800px; margin:auto; padding-top:15px; margin-top:15px; border-top:1px solid #cacaca;}

.tkox .box .wen img{ max-width:100%; height:auto !important;}

.tkox .box .xia{ width:200px; margin:10px auto; margin-top:20px;}

.tkox .box .xia a{ display:block; color:#fff; width:200px; height:46px; border-radius:46px; font-size:16px; line-height:46px; text-align:center; background:linear-gradient(to left,#4c8af2,#35ecee); color:#fff;}

.tkox .box .xia a:hover{ background:#4c8af2;}



/*01*/



.t-box{ width:1200px; justify-content:center; align-items:center; margin:70px auto 16px; display:flex;}

.g-title{ font-size:36px; margin:0 20px; line-height:46px;}

.t-icon{ width:30px; height:30px; display:block;}

.t-icon1{ background:url(../images/title-before.png) no-repeat center center; background-size:100% 100%;}

.t-icon2{ background:url(../images/title-after.png) no-repeat center center; background-size:100% 100%;}

.subtitle{ font-size:20px; color:#555; text-align:center; margin-bottom:30px; line-height:30px;}

.box01 .box{ width:1200px; margin:auto; display:flex; justify-content:space-between;}



/*内页*/



.banner{ width:100%; position:relative; z-index:0; height:540px;}

.banner .swiper-container{ width:100%; height:100%; overflow:hidden; position:relative; z-index:0;}

.banner .swiper-container .swiper-slide{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}

.banner .swiper-container .swiper-slide .left{ width:1200px; margin:auto; padding-top:150px;}

.banner .swiper-container .swiper-slide .left .b01{ width:100%; font-weight:bold; font-size:34px; line-height:44px; color:#fff; letter-spacing:2px;}

.banner .swiper-container .swiper-slide .left .b02{ width:100%; font-size:16px; line-height:36px; color:#fff; padding:30px 0;}

.banner .swiper-container .swiper-slide .left .b03{ width:100%;}

.banner .swiper-container .swiper-slide .left .b03 a{ display:block; color:#fff; width:200px; height:40px; border-radius:40px; font-size:16px; line-height:40px; text-align:center; background:linear-gradient(to left,#4c8af2,#35ecee); color:#fff; margin-top:10px; border:1px solid #75f2f5; float:left; margin-right:20px;}

.banner .swiper-pagination{ width:100%; text-align:center; z-index:9; position:absolute; left:0; bottom:20px;}

.banner .swiper-pagination span{ cursor:pointer; display:inline-block; height:4px; width:40px; background-color:#fff; margin:0 5px; border-radius:4px;}

.banner .swiper-pagination span.swiper-pagination-bullet-active{ background:#4c8af2;}



.box01{ width:1200px; margin:auto; display:block;}

.box01 li{ display:block; overflow:hidden; margin-bottom:70px; transition: all .3s ease;}

.box01 li:hover{ -ms-box-shadow: 0 0 10px 0 rgba(0,0,0,.1); -o-box-shadow: 0 0 10px 0 rgba(0,0,0,.1); box-shadow: 0 0 10px 0 rgba(0,0,0,.1)}

.box01 li a{ display:block; position:relative; overflow:hidden; background-color:#fff;}

.box01 li .left{ width:600px; float:left;}

.box01 li .left img{ width:100%; display:block;}

.box01 li .right{ width:500px; float:right; padding:50px; padding-top:45px;}

.box01 li .right .r01{ font-size:20px; line-height:30px; color:#333;}

.box01 li .right .r01 img{ width:72px !important; height:30px; margin-left:10px; display:inline; vertical-align:middle;}

.box01 li .right .r02{ font-size:16px; line-height:26px; margin:10px 0; color:#666;}

.box01 li .right .r03{ font-size:16px; line-height:26px; color:#999;}

.box01 li .right .r04{ width:515px; padding-top:10px;}

.box01 li .right .r04 span{ padding:0 20px; font-size:14px; line-height:30px; height:30px; display:block; float:left; margin-right:15px; background-color:#4c8af2; color:#fff; border-radius:3px; margin-top:15px;}

.box01 li .right .r01:hover{ color:#4c8af2;}



.footer01{ width:100%; padding-bottom:30px;}

.footer01 .foot{ width:1200px; margin:auto; display:flex; align-items:center;}

.footer01 .foot .left{ width:460px;}

.footer01 .foot .left strong{ display:block; font-size:30px; line-height:40px; color:#fff;}

.footer01 .foot .left p{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:10px;}

.footer01 .foot .left p a{ color:#fff;}

.footer01 .foot .mil{ width:300px; margin:0 70px;}

.footer01 .foot .mil span{ font-size:16px; line-height:26px; color:#fff; display:block;}

.footer01 .foot .mil b{ font-size:30px; line-height:40px; color:#fff; display:block;}

.footer01 .foot .mil p{ font-size:14px; line-height:24px; color:#fff; display:block;}

.footer01 .foot .right{ width:300px;}

.footer01 .foot .right p{ display:block; float:right; margin-left:30px;}

.footer01 .foot .right p:last-child{ margin-left:0;}

.footer01 .foot .right p img{ width:80px; display:block; margin:10px auto;}

.footer01 .foot .right p span{ display:block; font-size:14px; line-height:24px; color:#fff; text-align:center;}



/*04*/



.box04{ padding-bottom:70px; width:100%; background-color:#eee;}

.box04 .box{ width:1200px; margin:auto;}

.box04 .box .item{ width:360px; float:left; overflow:hidden; box-shadow:0 2px 18px 0 rgba(0, 156, 225, .08); border-radius:8px; background-color:#fff; margin-bottom:30px; margin-left:60px;}

.box04 .box .item:nth-child(3n+1){ clear:left; float:left; margin-left:0;}

.box04 .box .item:hover .item-img>img{ transform:scale(1.1);}

.box04 .box .item-img{ overflow:hidden; height:177px; position:relative;}

.box04 .box .item-img img{ width:100%; display:block; transition:all 1s ease;}

.box04 .box .item-img b{ width:100%; height:40px; background-image:url(../images/box04.png); background-position:bottom center; background-repeat:no-repeat; display:block; position:absolute; left:0; bottom:0;}

.box04 .box .item-img b span{ line-height:30px; height:30px; padding-top:10px; font-size:16px; text-indent:90px; display:block;}

.box04 .box .item-content{ width:300px; padding:30px; padding-top:10px; background-color:#fff;}

.box04 .box .item-content .item-title{ font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap;}

.box04 .box .item-content .item-text{ font-size:14px; line-height:24px; height:24px; margin:5px 0; color:#666;}

.box04 .box .item-content .item-text01{ font-size:14px; line-height:24px; height:24px; color:#666;}

.box04 .box .item-content .item-text02{ font-size:14px; line-height:24px; height:24px; color:#999; margin-top:5px;}

.box04 .box .item-content .item-bq{ width:310px; margin-top:10px; height:26px;}

.box04 .box .item-content .item-bq span{ padding:0 10px; font-size:14px; line-height:26px; height:26px; display:block; float:left; margin-right:10px; background-color:#4c8af2; color:#fff; border-radius:3px;}

.box04 .box .item:hover{ box-shadow:0 2px 18px 0 rgba(0, 170, 246, .2);}

.box04 .box .item:hover .item-title{ color:#4c8af2;}

.box04 .more{ width:100%;}

.box04 .more a{ display:block; width:200px; height:50px; line-height:50px; font-size:16px; background-color:#333; color:#fff; text-align:center; overflow:hidden; border-radius:50px; margin:auto;}

.box04 .more a:hover{ background-color:#4c8af2;}



.box04 .bm{ width:100%; text-align:center; margin:auto;}

.box04 .bm a{ width:250px; display:inline-block; color:#fff; font-size:18px; height:50px; line-height:50px; background-color:#4c8af2; border-radius:50px; color:#fff; margin:0 15px;}



.footer{ width:100%; background-image:url(../images/footer.jpg); background-size:100% 100%;}

.footer .foot{ width:1200px; margin:30px auto; display:flex; align-items:center;}

.footer .foot .left{ width:500px;}

.footer .foot .left strong{ display:block; font-size:30px; line-height:40px; color:#fff;}

.footer .foot .left p{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:10px;}

.footer .foot .left p a{ color:#fff;}

.footer .foot .mil{ width:280px; margin:0 70px;}

.footer .foot .mil span{ font-size:16px; line-height:26px; color:#fff; display:block;}

.footer .foot .mil b{ font-size:30px; line-height:40px; color:#fff; display:block;}

.footer .foot .mil p{ font-size:14px; line-height:24px; color:#fff; display:block;}

.footer .foot .right{ width:280px;}

.footer .foot .right p{ display:block; float:right; margin-left:30px;}

.footer .foot .right p:last-child{ margin-left:0;}

.footer .foot .right p img{ width:80px; display:block; margin:10px auto;}

.footer .foot .right p span{ display:block; font-size:14px; line-height:24px; color:#fff; text-align:center;}



.sec{ width:100%; padding:70px 0; background-color:#eee;}

.sec .title{ width:1200px; justify-content:center; align-items:center; margin:0 auto 40px; display:flex;}

.sec .main{ width:1100px; padding:50px; padding-top:10px; background-color:#fff; margin:auto; border-radius:10px;}

.sec .main .bt{ width:268px; height:50px; background-image:url(../images/title_03.png); background-position:left center; background-repeat:no-repeat; margin-top:40px; font-size:20px; line-height:50px; text-indent:40px; color:#fff; font-weight:bold; letter-spacing:5px;}

.sec .main .biao{ font-size:18px; line-height:28px; color:#4c8af2; margin-top:35px;}

.sec .main .time{ font-size:14px; line-height:24px; color:#333; padding:5px 0; border-bottom:1px solid #cacaca;}

.sec .main .wen{ width:100%; font-size:14px; line-height:24px; margin-top:20px;}

.sec .main .wen img{ max-width:100%; height:auto;}

.sec .main .arranges{ width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-top:25px;}

.sec .main .arranges li{ width:24%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:60px; position:relative;}

.sec .main .arranges li .stage{ padding-left:10px; width:60px; height:60px; line-height:20px; background-color:#4c8af2; border-radius:30px 0 0 30px; text-align:center; color:#fff; font-size:16px; font-weight:400; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; display:-webkit-box; display:-ms-flexbox; display:flex;}

.sec .main .arranges li .date{ -webkit-box-flex:1; -ms-flex:auto; flex:auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding-left:10px; padding-right:15px; height:100%; border:1px solid #4c8af2; border-radius:0 30px 30px 0; color:#333; font-size:14px; line-height:18px; font-weight:400; box-sizing:border-box;}

.sec .main .arranges li .icon-arrow{ position:absolute; top:11px; left:-25px; width:38px; height:38px;}

.sec .main .more{ width:200px; margin:auto; margin-top:40px;}

.sec .main .more a{ display:block; width:100%; height:50px; line-height:50px; font-size:16px; background-color:#4c8af2; color:#fff; text-align:center; overflow:hidden; border-radius:50px;}



/*登录*/



.dbox{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}

.dbox .nav{ position:absolute; right:11%; top:5%;}

.dbox .nav a{ display:block; position:relative; height:30px; line-height:30px; font-size:16px; padding:0 15px; margin-left:30px; color:#fff; overflow:hidden; float:left;}

.dbox .nav a::after,.dbox .nav a::before{ position:absolute; opacity:0; -webkit-transition:-webkit-transform .3s, opacity .2s; -moz-transition:-moz-transform .3s, opacity .2s; transition:transform .3s, opacity .2s;}

.dbox .nav a::before{ left:0; content:'['; -webkit-transform:translateX(15px); -moz-transform:translateX(15px); transform:translateX(15px);}

.dbox .nav a::after{ right:0; content:']'; -webkit-transform:translateX(-15px); -moz-transform:translateX(-15px); transform:translateX(-15px);}

.dbox .nav a:hover::after,.dbox .nav a:hover::before{ opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0)}

.dbox .box{ position:absolute; left:12%; top:50%; height:460px; margin-top:-230px; background:linear-gradient(to bottom,rgba(66,255,255,0.5),rgba(37,37,165,0.0)); width:25%; border-radius:20px; overflow:auto;}

.dbox .box::-webkit-scrollbar{ width:5px; height:1px;}

.dbox .box::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#4c8af2;}

.dbox .box::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}



.dbox .box .title{ width:70%; margin:auto; padding-top:30px; padding-bottom:10px;}

.dbox .box .title a{ display:block; font-size:18px; line-height:44px; color:#afb7e1; margin-right:30px; float:left; position:relative;}

.dbox .box .title a.on{ font-size:24px; color:#fff;}

.dbox .box .title a.on b{ width:100%; height:2px; display:block; background-color:#fff; position:absolute; left:0; bottom:0;}

.dbox .box .title a:hover{ color:#fff;}



.dbox .box .title01{ width:70%; margin:auto; text-align:left; margin-top:10px;}

.dbox .box .title01 a{ display:inline-block; font-size:16px; line-height:30px; padding:0 20px; background-color:rgba(255,255,255,0.1); color:#afb7e1; margin-right:10px; position:relative; border-radius:30px; overflow:hidden;}

.dbox .box .title01 a.on{ color:#fff;}

.dbox .box .title01 a:hover{ color:#fff;}



.dbox .box .dl01{ width:70%; margin:auto; padding-top:10px; padding-bottom:5px; position:relative;}

.dbox .box .dl01 a{ display:block; position:absolute; right:0; bottom:5px; color:#afb7e1; line-height:34px;}

.dbox .box .dl01 a:hover{ color:#fff;}

.dbox .box .dl01 span{ display:block; color:#afb7e1; font-size:14px; line-height:34px;}

.dbox .box .dl01 p{ display:block; border-bottom:1px solid #afb7e1;}

.dbox .box .dl01 p input{ padding:5px 0; font-size:14px; line-height:24px; display:block; color:#fff; background-color:transparent;}

.dbox .box .dl01 p select{ width: 100%; padding:5px 0; font-size:14px; line-height:24px; display:block; color:#fff; background-color:transparent;}

.dbox .box .dl01 p select option{ background-color:#fff; color:#333;}

.dbox .box .dl01 p.ww select{ width:30%; float:left;}

.dbox .box .dl01 p.ww select:nth-child(2){ margin:0 5%;}

.dbox .box .dl01 input::-webkit-input-placeholder{ color:#dfdfdd;} 



.dbox .box .dl01 input:-moz-placeholder{ color:#dfdfdd;} 



.dbox .box .dl01 input::-moz-placeholder{ color:#dfdfdd;} 



.dbox .box .dl01 input:-ms-input-placeholder{ color:#dfdfdd} 



.dbox .box .dl02{ width:70%; margin:auto; text-align:right; font-size:14px; line-height:24px; color:#afb7e1; margin-top:10px;}

.dbox .box .dl02 a{ color:#fff; margin-left:5px;}

.dbox .box .dl02 a:hover{ text-decoration:underline;}

.dbox .box .dl03{ width:70%; margin:auto; margin-top:20px;}

.dbox .box .dl03 input{ display:block; width:100%; height:44px; line-height:44px; font-size:16px; background-color:#4c8af2; color:#fff; text-align:center; overflow:hidden; border-radius:50px; cursor:pointer;}



/*会员*/



.hbox{ width:100%; height:100%; overflow:hidden; background-color:#f5f6fa; display:flex; align-items:center;}

.hbox .lbar{ flex-shrink:0; height:100%; width:60px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}

.hbox .lbar.wid{ width:200px;}

.hbox .lbar .left{ width:60px; height:100%; overflow:auto; background:#2d6fde; float:left;}

.hbox .lbar .left::-webkit-scrollbar{ width:5px; height:1px;}

.hbox .lbar .left::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#4c8af2;}

.hbox .lbar .left::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}

.hbox .lbar .left .l01{ width:40px; height:40px; margin:10px; border-radius:100%;}

.hbox .lbar .left .l01 img{ width:100%; display:block;}

.hbox .lbar .left .l02{ display:block; text-align:center; margin-top:25px; opacity:0.7;}

.hbox .lbar .left .l02 img{ display:block; height:24px; margin:auto;}

.hbox .lbar .left .l02 p{ font-size:14px; line-height:24px; display:block; color:#fff; margin-top:5px;}

.hbox .lbar .left .l02:hover{ opacity:0.85;}

.hbox .lbar .left .l02.on{ opacity:1;} 



.hbox .lbar .left .tab_menu{ width:100%;}

.hbox .lbar .left .tab_menu a{ display:block; text-align:center; margin-top:25px; opacity:0.7; cursor:pointer;}

.hbox .lbar .left .tab_menu a img{ display:block; height:24px; margin:auto;}

.hbox .lbar .left .tab_menu a p{ font-size:14px; line-height:24px; display:block; color:#fff; margin-top:5px;}

.hbox .lbar .left .tab_menu a:hover{ opacity:0.85;}

.hbox .lbar .left .tab_menu a.on{ opacity:1;} 



.hbox .lbar .tabox{ width:0; background-color:#f0f4ff; height:100%; position:absolute; left:60px; top:0;}

.hbox .lbar.wid .tabox{ width:140px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}

.hbox .lbar .tabox .box{ padding:30px 20px;}

.hbox .lbar .tabox .box .bt{ font-size:18px; line-height:28px; height:28px;}

.hbox .lbar .tabox .box .list{ width:100px; padding-top:10px;}

.hbox .lbar .tabox .box .list a{ padding-left:15px; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#666; margin-top:10px;}

.hbox .lbar .tabox .box .list a:hover,.hbox .lbar .tabox .box .list a.cur{ color:#4c8af2; background-image:url(../images/li01.png);}





.hbox .rbar{ flex-grow:1; height:100%;}

.hbox .rbar .r01{ padding:0 30px; background-color:#fff; height:60px;}

.hbox .rbar .r01 .left{ font-size:26px; height:60px; line-height:60px; font-weight:bold; color:#4c8af2; float:left;}

.hbox .rbar .r01 .u-contactqq{ height:50px; line-height:50px; position:relative; cursor:pointer; padding:5px 10px;}

.hbox .rbar .r01 .u-contactqq i{ height:18px; display:block; margin-top:16px; float:left;}

.hbox .rbar .r01 .u-contactqq i img{ display:block; height:18px;}

.hbox .rbar .r01 .u-contactqq span{ font-size:14px; display:block; float:left; margin-left:5px;}

.hbox .rbar .r01 .u-contactqq:hover span{ color:#4c8af2;}

.hbox .rbar .r01 .u-header_user{ position:relative; width:150px; font-size:12px; height:60px; margin-left:10px;}

.hbox .rbar .r01 .u-header_user .header-img{ height:35px; width:35px; border-right:15px; float:left; margin-top:12.5px;}

.hbox .rbar .r01 .u-header_user .header-img img{ width:35px; height:35px; border-radius:50%}

.hbox .rbar .r01 .u-header_user .header-info{ width:115px; float:left; box-sizing:border-box; padding-left:10px; cursor:pointer; margin-top:13px;}

.hbox .rbar .r01 .u-header_user .header-info h3{ height:20px; line-height:20px; font-size:14px; display:block; overflow:hidden;}

.hbox .rbar .r01 .u-header_user .header-part{ width:100%; height:14px; line-height:14px; font-size:12px;}

.hbox .rbar .r01 .u-header_user .header-part span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; float:left;}

.hbox .rbar .r01 .u-header_user .header-part i{ display:block; float:left; height:6px; margin-top:4px; margin-left:5px;}

.hbox .rbar .r01 .u-header_user .header-part i img{ display:block; height:6px; float:left;}

.hbox .rbar .r01 .header-down{ position:absolute; left:50%; top:100%; transform:translate(-50%); clear:both; z-index:20000; display:none;}

.hbox .rbar .r01 .header-down s{ display:block; position:absolute; z-index:5000; width:14px; height:14px; background-color:#fff; transform:rotate(45deg); top:2px; left:50%; margin-left:-6px;}

.hbox .rbar .r01 .header-down ul{ width:90px; background-color:#fff; display:block; position:relative; z-index:5100; top:8px; padding:5px 10px;}

.hbox .rbar .r01 .header-down ul li{ height:34px; line-height:34px; cursor:pointer; border-bottom:1px solid #eee; font-size:12px;}

.hbox .rbar .r01 .header-down ul li:last-child{ border-bottom:none;}

.hbox .rbar .r01 .header-down ul li i{ height:34px; float:left;}

.hbox .rbar .r01 .header-down ul li i img{ height:16px; display:block; margin:9px 5px;}

.hbox .rbar .r01 .header-down ul li:hover a{ color:#4c8af2 !important;}

.hbox .rbar .r01 .u-header_user:hover .header-down{ display:block;}





.hbox .rbar .r02{ width:calc(100% - 100px); margin:20px; background-color:#fff; border-radius:5px; padding:30px;}

.hbox .rbar .r02 .title{ width:100%;}

.hbox .rbar .r02 .title b{ width:14px; height:14px; background-color:#4c8af2; border-radius:14px; float:left; display:block; margin-top:3px;}

.hbox .rbar .r02 .title p{ display:block; float:left; font-size:18px; height:20px; line-height:20px; color:#4c8af2; margin-left:10px; font-weight:bold;}

.hbox .rbar .r02 .list{ width:100%; display:block;}

.hbox .rbar .r02 .list li{ display:block; float:left; margin-right:5%; margin-top:30px;}

.hbox .rbar .r02 .list li strong{ width:80px; height:80px; border-radius:100%; display:block; float:left; background-color:#4c8af2; overflow:hidden;}

.hbox .rbar .r02 .list li strong img{ height:40px; margin:20px auto; display:block;}

.hbox .rbar .r02 .list li p{ display:block; float:left; margin-left:20px;}

.hbox .rbar .r02 .list li p span{ display:block; font-size:16px; line-height:26px; margin:5px 0;}

.hbox .rbar .r02 .list li p a{ display:block; font-size:14px; line-height:40px; color:#666;}

.hbox .rbar .r02 .list li p a b{ color:#4c8af2; font-size:26px; font-weight:normal; margin-right:5px;}





.hbox .rbar .r03{ width:calc(100% - 60px); height:calc(100% - 154px); margin-top:2px; background-color:#fff; border-radius:5px; padding:30px; overflow:auto;}

.hbox .rbar .r03 .title{ width:100%;}

.hbox .rbar .r03 .title b{ width:14px; height:14px; background-color:#4c8af2; border-radius:14px; float:left; display:block; margin-top:3px;}

.hbox .rbar .r03 .title p{ display:block; float:left; font-size:18px; height:20px; line-height:20px; color:#4c8af2; margin-left:10px; font-weight:bold;}

.hbox .rbar .r03::-webkit-scrollbar{ width:5px; height:1px;}

.hbox .rbar .r03::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#4c8af2;}

.hbox .rbar .r03::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}





.table{ width:100%; margin-top:30px; overflow:auto;}

.table table{ width:100%;}

.table table th{ background-color:#4c8af2; color:#fff; font-size:15px; line-height:24px; font-weight:normal; min-width:40px; vertical-align:middle; padding:10px 5px;}

.table table td{ background-color:#fff; border-bottom:1px solid #cacaca; font-size:14px; line-height:24px; min-width:40px; vertical-align:middle; padding:10px 5px;}

.table table input[type=checkbox]{ width:14px; height:14px;}

.table table input[type=radio]{ width:14px; height:14px;}

.table table td a{ color:#4c8af2; margin:0 5px;}

.table table td a:hover{ text-decoration:underline;}

.table table td span{ display:inline-block; padding:0 5px; background-color:#eee; color:#333; margin:2px 5px; margin-left:0; border-radius:3px; font-size:12px; line-height:20px; height:20px; overflow:hidden;}





/*列表*/



.hbox .rbar .cont{ width:calc(100% - 60px); height:calc(100% - 121px); border-top:1px solid #eee; background-color:#fff; padding:30px; overflow:auto;}

.hbox .rbar .cont .title{ width:100%;}

.hbox .rbar .cont .title b{ width:14px; height:14px; background-color:#4c8af2; border-radius:14px; float:left; display:block; margin-top:3px;}

.hbox .rbar .cont .title p{ display:block; float:left; font-size:18px; height:20px; line-height:20px; color:#4c8af2; margin-left:10px; font-weight:bold;}

.hbox .rbar .cont::-webkit-scrollbar{ width:5px; height:1px;}

.hbox .rbar .cont::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#4c8af2;}

.hbox .rbar .cont::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}

/*时间*/

.hbox .rbar .cont .time{ text-align:center; width:640px; margin:auto; margin-top:30px;}

.hbox .rbar .cont .time .dash{ display:block; float:left; margin-right:13px; position:relative;}

.hbox .rbar .cont .time .dash.seconds_dash{ margin-right:0;}

.hbox .rbar .cont .time .dash .digit{ width:39px; height:50px; background-image:url(../images/time_03.jpg); background-position:center; background-repeat:no-repeat; float:left; display:block; position:relative; z-index:0;}

.hbox .rbar .cont .time .dash .digit.mar{ margin-left:5px;}

.hbox .rbar .cont .time .dash .digit .top{ width:100%; height:50px; line-height:50px; color:#dcdfe1; font-size:36px; font-family:Arial, Helvetica, sans-serif;}

.hbox .rbar .cont .time .dash .digit .bottom{ width:100%; height:50px; line-height:50px; color:#dcdfe1; font-size:36px; font-family:Arial, Helvetica, sans-serif;}

.hbox .rbar .cont .time .dash a{ display:block; width:39px; height:50px; background-image:url(../images/time_03.png); background-position:center; background-repeat:no-repeat; z-index:9; position:absolute; left:0; top:0;}

.hbox .rbar .cont .time .dash b{ display:block; width:39px; height:50px; background-image:url(../images/time_03.png); background-position:center; background-repeat:no-repeat; z-index:9; position:absolute; left:44px; top:0;}

.hbox .rbar .cont .time .dash .dash_title{ margin-left:13px; float:left; display:block; font-size:18px; line-height:50px; height:50px;}

/*导航标题名称*/
.hbox .rbar .cont .bt{width: 368px;height: 50px;background-image: url(../images/title01_03.png);background-position: left center;background-repeat: no-repeat;margin-top: 40px;font-size: 20px;line-height: 50px;text-indent: 40px;color: #fff;font-weight: bold;letter-spacing: 5px;}

/*翻页*/
.fanye{ width:100%; max-width:1200px; margin:auto; text-align:center; margin-top:20px;}

.fanye ul{ display:inline-block;}

.fanye li,.fanye button,.fanye input,.fanye select,.fanye span{ border:1px solid #e2e2e2;}

.fanye li{ display:inline-block; margin:0 -1px 5px 0;}

.fanye li.disabled{ cursor:no-drop;}

.fanye li a,.fanye li span{ border:none; display:block; vertical-align:middle; padding:0 15px; height:28px; line-height:28px; background-color:#fff; color:#333; font-size:12px;}

.fanye>:first-child{ margin-left:0!important;}

.fanye .last{ margin-right:0 !important;}

.fanye .curr{ position:relative;}

.fanye .curr .em{ position:absolute; left:-1px; top:-1px; padding:1px; width:100%; height:100%; background-color:#4c8af2; font-style:normal; color:#fff; text-align:center;}

.fanye li:hover{ background-color:#f1f1f1; text-align:center;}

.fanye li:hover a{ color:#4c8af2;}

.fanye li.active span{ color:#4c8af2;}

.fanye .count,.fanye .limits,.fanye .refresh,.fanye .skip{ margin-left:10px; margin-right:10px; padding:0; border:none;}

.fanye .skip{ height:30px; line-height:30px; color:#999;}

.fanye button,.fanye input{ height:30px; line-height:30px; border-radius:2px; vertical-align:top; background-color:#fff; box-sizing:border-box;}

.fanye input{ width:40px; margin:0 10px; padding:0 3px; text-align:center;}

.fanye button{ margin-left:10px; padding:0 10px; cursor:pointer;}

.fanye .btn{ display:inline-block; padding:0 10px; background-color:#4c8af2; color:#fff; text-align:center; height:28px; line-height:28px;}





.xuan{ width:100%; margin-top:30px;}

.xuan .x01{ width:200px; box-sizing:border-box; padding:0 9px; border:1px solid #cacaca; border-radius:3px; float:left; margin-right:15px; margin-bottom:10px;} 



.xuan .x01 input,.xuan .x01 select{ width:100%; display:block; font-size:14px; line-height:34px; height:34px; overflow:hidden;}

.xuan .x01 input.room{ background-image:url(../images/date.jpg); background-position:right center; background-repeat:no-repeat;}

.xuan .x02{ width:80px; text-align:center; border-radius:3px; float:left; margin-right:15px; margin-bottom:10px;} 



.xuan .x02 input{ width:100%; height:36px; line-height:36px; font-size:14px; display:block; color:#fff; overflow:hidden; background-color:#4c8af2; border-radius:3px; cursor:pointer;}

.xuan .x02 a{ width:100%; height:36px; line-height:36px; font-size:14px; display:block; color:#fff; overflow:hidden; background-color:#4c8af2; border-radius:3px; cursor:pointer;}

.xuan .x03{ width:80px; text-align:center; border-radius:3px; float:left; margin-bottom:10px;} 



.xuan .x03 a{ width:78px; border:1px solid #cacaca; height:34px; line-height:34px; font-size:14px; display:block; overflow:hidden; border-radius:3px;}

.xuan .x04{ width:80px; text-align:center; border-radius:3px; float:left; margin-bottom:10px; margin-left:10px;} 



.xuan .x04 a{ width:78px; border:1px solid #cacaca; height:34px; line-height:34px; font-size:14px; display:block; overflow:hidden; border-radius:3px;}

.xuan .x05{ width:150px; text-align:center; border-radius:3px; float:left; margin-bottom:10px; margin-left:10px;} 



.xuan .x05 select{ width:140px; border:1px solid #cacaca; height:34px; line-height:34px; font-size:14px; display:block; overflow:hidden; border-radius:3px;}





.add{ width:100%;}

.add a{ display:block; float:left; margin-right:15px; margin-top:10px; width:120px; height:36px; text-align:center; line-height:36px; font-size:14px; color:#fff; overflow:hidden; border-radius:3px;}

.add a.a01{ background-image:url(../images/add01.jpg); background-position:center; background-repeat:repeat-y;}

.add a.a02{ background-image:url(../images/add02.jpg); background-position:center; background-repeat:repeat-y;}

.add a.a03{ background-image:url(../images/add03.jpg); background-position:center; background-repeat:repeat-y;}





.hbox .rbar .cont01{ width:calc(100% - 60px); height:calc(100% - 154px); border-top:2px solid #eee; border-bottom:2px solid #eee; background-color:#fff; padding:30px; padding-top:0; overflow:auto;}

.hbox .rbar .cont01 .title{ width:100%;}

.hbox .rbar .cont01 .title b{ width:14px; height:14px; background-color:#4c8af2; border-radius:14px; float:left; display:block; margin-top:3px;}

.hbox .rbar .cont01 .title p{ display:block; float:left; font-size:18px; height:20px; line-height:20px; color:#4c8af2; margin-left:10px; font-weight:bold;}

.hbox .rbar .cont01::-webkit-scrollbar{ width:5px; height:1px;}

.hbox .rbar .cont01::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#4c8af2;}

.hbox .rbar .cont01::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}





/*编辑*/



.db{ background-color:#fff; padding:10px 0; text-align:center; vertical-align:middle; z-index:99; height:40px; width:100%; overflow:hidden;}

.db .d01{ display:inline-block; width:120px; height:36px; line-height:36px; font-size:16px; color:#fff; overflow:hidden; border-radius:3px; background-image:url(../images/add01.jpg); background-position:center; background-repeat:repeat-y; margin:0 10px; vertical-align:middle; cursor:pointer;}

.db .d02{ display:inline-block; width:120px; height:36px; line-height:36px; font-size:16px; color:#fff; overflow:hidden; border-radius:3px; background-image:url(../images/add02.jpg); background-position:center; background-repeat:repeat-y; margin:0 10px; vertical-align:middle; cursor:pointer;}

.db .d03{ display:inline-block; width:120px; height:36px; line-height:36px; font-size:16px; color:#fff; overflow:hidden; border-radius:3px; background-image:url(../images/add03.jpg); background-position:center; background-repeat:repeat-y; margin:0 10px; vertical-align:middle; cursor:pointer;}

.db .d04{ display:inline-block; width:300px; height:36px; line-height:36px; font-size:16px; color:#333; overflow:hidden; border-radius:3px;border:1px solid #eee; margin:0 10px; vertical-align:middle; cursor:pointer;}

.db .d04 img{ display:inline-block; vertical-align:middle; line-height:36px; margin-right:5px;}

#hardware .d04{ display:flex; align-items:center; justify-content:center;}

.hbox .rbar .cont01 .bt{ width:368px; height:50px; background-image:url(../images/title01_03.png); background-position:left center; background-repeat:no-repeat; margin-top:40px; font-size:20px; line-height:50px; text-indent:40px; color:#fff; font-weight:bold; letter-spacing:5px;}

.hbox .rbar .cont01 .bc{ width:368px; height:50px; margin-top:40px; font-size:20px; line-height:50px; text-indent:40px; color:#fff; font-weight:bold; letter-spacing:5px;}

.hbox .rbar .cont01 .bc input{width:200px;box-sizing:border-box;font-size:14px;line-height:50px;height:50px;background-color:#f1f1f1;text-indent:15px;display:block;float:left;}

.xx01{ display:flex; align-items:center; padding:20px; border-bottom:1px solid #ddd; margin-top:10px;}

.xx01 .zc{ width:120px; flex-shrink:0; color:#555;}

.xx01 .zc i{ font-style:normal; color:#C00; line-height:40px;}

.xx01 .yc{ flex-grow:1; color:#777; width:calc(50% - 120px);}

.xx01 .yc a{ display:inline-block; width:120px; height:36px; line-height:36px; font-size:16px; color:#fff; overflow:hidden; border-radius:3px; background-image:url(../images/add01.jpg); background-position:center; background-repeat:repeat-y; margin:0 10px; vertical-align:middle; cursor:pointer;text-align:center;}

.xx01 .yc input,.xx01 .yc select{ width:50%; box-sizing:border-box; font-size:14px; line-height:40px; height:40px; background-color:#f1f1f1; text-indent:10px; display:block; float:left;}

.xx01 .yc textarea{ width:78%; box-sizing:border-box; height:120px; line-height:24px; font-size:14px; background-color:#f1f1f1; padding:8px 10px; float:left; overflow:auto;}





.xx02{ display:flex; align-items:center; padding:20px; border-bottom:1px solid #ddd; margin-top:10px;}

.xx02 .zc{ width:120px; flex-shrink:0; color:#555;}

.xx02 .zc i{ font-style:normal; color:#C00; line-height:40px;}

.xx02 .yc{ flex-grow:1; color:#777;}

.xx02 .yc input,.xx02 .yc select{ width:78%; box-sizing:border-box; font-size:14px; line-height:40px; height:40px; background-color:#f1f1f1; text-indent:10px; display:block; float:left;}

.xx02 .yc textarea{ width:78%; box-sizing:border-box; height:120px; line-height:24px; font-size:14px; background-color:#f1f1f1; padding:8px 10px; float:left; overflow:auto;}





.xx03{ display:flex; align-items:center; border-bottom:1px solid #ddd; padding:20px; margin-top:10px;}

.xx03 .zc{ width:120px; flex-shrink:0; color:#555;}

.xx03 .yc{ flex-grow:1; color:#777;}

.xx03 .yc>input{ width:160px; margin-right:10px; font-size:14px; line-height:40px; height:40px; background-color:#f1f1f1; text-indent:10px; float:left; display:block;}

.xx03 .yc p{ display:block; overflow:hidden; position:relative; margin-bottom:10px; width:420px; float:left;}

.xx03 .yc p .inp01{ width:260px; font-size:14px; line-height:40px; height:40px; background-color:#f1f1f1; text-indent:10px; float:left; display:block;}

.xx03 .yc p .inp02{ width:140px; position:absolute; left:280px; top:0; display:block; height:40px; cursor:pointer; opacity:0;}

.xx03 .yc p select{ width:50%; box-sizing:border-box; font-size:14px; line-height:40px; height:40px; background-color:#f1f1f1; text-indent:10px; display:block; float:left;}

.xx03 .yc p a{ width:138px; height:38px; font-size:14px; line-height:38px; display:block; float:left; margin-left:20px; border:1px solid #eee; text-align:center; cursor:pointer; vertical-align:middle;}

.xx03 .yc p a img{ vertical-align:middle; margin-right:5px;}

.xx03 .yc span{ display:block; float:left; margin-left:50px;}

.xx03 .yc span a{ display:block; width:120px; height:40px; background-color:#4c8af2; line-height:40px; text-align:center; font-size:14px; color:#fff; overflow:hidden;border-radius: 3px;}

.xx03 .yc p:last-child{ margin-bottom:0;}

.xx03 .yc b{ font-size:14px; line-height:40px; margin-left:20px; font-weight:normal; color:#999;}





.yc input.room{ background-image:url(../images/date.png); background-position:right center; background-repeat:no-repeat;}





/*报名*/



.hbox .rbar .cont01 .titles{ width:100%; justify-content:center; align-items:center; margin:0 auto 40px; display:flex; margin-top:50px;}

.hbox .rbar .cont01 .titles .g-title{ font-size:30px; margin:0 20px; line-height:40px;}





.hbox .rbar .cont01 .time{ text-align:center; width:640px; margin:auto; margin-top:30px;}

.hbox .rbar .cont01 .time .dash{ display:block; float:left; margin-right:13px; position:relative;}

.hbox .rbar .cont01 .time .dash.seconds_dash{ margin-right:0;}

.hbox .rbar .cont01 .time .dash .digit{ width:39px; height:50px; background-image:url(../images/time_03.jpg); background-position:center; background-repeat:no-repeat; float:left; display:block; position:relative; z-index:0;}

.hbox .rbar .cont01 .time .dash .digit.mar{ margin-left:5px;}

.hbox .rbar .cont01 .time .dash .digit .top{ width:100%; height:50px; line-height:50px; color:#dcdfe1; font-size:36px; font-family:Arial, Helvetica, sans-serif;}

.hbox .rbar .cont01 .time .dash .digit .bottom{ width:100%; height:50px; line-height:50px; color:#dcdfe1; font-size:36px; font-family:Arial, Helvetica, sans-serif;}

.hbox .rbar .cont01 .time .dash a{ display:block; width:39px; height:50px; background-image:url(../images/time_03.png); background-position:center; background-repeat:no-repeat; z-index:9; position:absolute; left:0; top:0;}

.hbox .rbar .cont01 .time .dash b{ display:block; width:39px; height:50px; background-image:url(../images/time_03.png); background-position:center; background-repeat:no-repeat; z-index:9; position:absolute; left:44px; top:0;}

.hbox .rbar .cont01 .time .dash .dash_title{ margin-left:13px; float:left; display:block; font-size:18px; line-height:50px; height:50px;}





.xx04{ display:flex; align-items:center; padding:20px; border-bottom:1px solid #ddd; margin-top:10px;}

.xx04 .zc{ width:120px; flex-shrink:0; color:#555;}

.xx04 .zc i{ font-style:normal; color:#C00; line-height:40px;}

.xx04 .yc{ flex-grow:1; color:#777; width:calc(100% - 120px);}
.xx04 .yc .li_image{ height:165px; float:left; box-sizing:border-box; position:relative; overflow:hidden;}
.xx04 .yc .li_image img{ display:block; height:165px;}
.xx04 .yc .li_image .span_del{ width:26px; height:26px; line-height:26px; position:absolute; right:10px; top:10px; background-color:rgba(0,0,0,.7); text-align:center; color:#fff; border-radius:100%; display:block; cursor:pointer;}

.xx04 .yc p{ width:120px; height:160px; position:relative; display:block; float:left; overflow:hidden;}

.xx04 .yc p img{ height:160px; display:block;}

.xx04 .yc p input{ width:100%; height:160px; display:block; opacity:0; position:absolute; left:0; top:0; cursor:pointer;}

.xx04 .yc p span{ width:100%; height:30px; line-height:30px; background-color:rgba(0,0,0,0.7); font-size:14px; color:#fff; display:block; position:absolute; left:0; bottom:0; text-align:center;}

.xx04 .yc a{ display:block; float:left; margin-top:120px; line-height:40px; margin-left:20px; color:#999;}

.xx04 .yc b{ width:200px; height:120px; position:relative; display:block; float:left; overflow:hidden; font-weight:normal;}

.xx04 .yc b img{ height:120px; display:block;}

.xx04 .yc b input{ width:100%; height:120px; display:block; opacity:0; position:absolute; left:0; top:0; cursor:pointer;}

.xx04 .yc b span{ width:100%; height:30px; line-height:30px; background-color:rgba(0,0,0,0.7); font-size:14px; color:#fff; display:block; position:absolute; left:0; bottom:0; text-align:center;}





.hbox .rbar .cont01 .bts a{ display:block; float:right; margin-left:15px; margin-top:47px; width:120px; height:36px; text-align:center; line-height:36px; font-size:14px; color:#fff; overflow:hidden; border-radius:3px;}

.hbox .rbar .cont01 .bts a.a01{ background-image:url(../images/add01.jpg); background-position:center; background-repeat:repeat-y;}

.hbox .rbar .cont01 .bts a.a02{ background-image:url(../images/add02.jpg); background-position:center; background-repeat:repeat-y;}





/*弹出框*/



#btn1{ cursor:pointer;}

.xcConfirm .xc_layer{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#666666; opacity:0.5; z-index:2147000000;}

.xcConfirm .popBox{position:fixed; left:50%; top:50%; padding-bottom:20px; background-color:#ffffff; z-index:2147000001; width:570px; margin-left:-285px; margin-top:-160px; border-radius:5px; font-weight:bold; color:#535e66;}

.xcConfirm .popBox .ttBox{height:30px; line-height:30px; padding:14px 30px; border-bottom:solid 1px #eef0f1;}

.xcConfirm .popBox .ttBox .tt{font-size:18px; display:block; float:left; height:30px; position:relative;}

.xcConfirm .popBox .ttBox .clsBtn{display:block; cursor:pointer; width:12px; height:12px; position:absolute; top:22px; right:30px; background:url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}

.xcConfirm .popBox .txtBox{margin:40px 100px; overflow:hidden;}

.xcConfirm .popBox .txtBox .bigIcon{float:left; margin-right:20px; width:48px; height:48px; background-image:url(__PUBLIC__/Home/PC/images/icons.png); background-repeat:no-repeat; background-position:48px 0;}

.xcConfirm .popBox .txtBox p{ margin-top:16px; line-height:26px; overflow-x:hidden; overflow-y:auto;}

.xcConfirm .popBox .btnArea{border-top:solid 1px #eef0f1;}

.xcConfirm .popBox .btnGroup{float:right;}

.xcConfirm .popBox .btnGroup .sgBtn{margin-top:14px; margin-right:10px;}

.xcConfirm .popBox .sgBtn{display:block; cursor:pointer; float:left; width:95px; height:35px; line-height:35px; text-align:center; color:#FFFFFF; border-radius:5px;}

.xcConfirm .popBox .sgBtn.ok{background-color:#0095d9; color:#FFFFFF;}

.xcConfirm .popBox .sgBtn.cancel{background-color:#546a79; color:#FFFFFF;}





#scratch{ width:700px;}

.sm{ margin-left:30px; width:calc(100% - 730px); text-align:left;}

.sm span{ display:block; font-size:18px; color:#4c8af2;}

.sm p{ display:block; font-size:14px; color:#333; margin-bottom:20px;}

.sm p:last-chikd{ margin-bottom:0;}





/*进度条*/



.jindu{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.7); z-index:99999999; display:none;}

.jindu .box{ width:60%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

.jindu .box #myProgress{ width:100%; height:40px; overflow:hidden; background-color:rgba(255,255,255,0.7);}

.jindu .box #myBar{ width:0; height:40px; background-color:#4c8af2; line-height:40px; color:#fff; font-size:20px;}





.hbox .rbar .cont .bt{ width:368px; height:50px; background-image:url(../images/title01_03.png); background-position:left center; background-repeat:no-repeat; margin-top:40px; font-size:20px; line-height:50px; text-indent:40px; color:#fff; font-weight:bold; letter-spacing:5px;}

.hbox .rbar .cont .bts a.a01{ display:block; width:120px; height:40px; background-color:#4c8af2; line-height:40px; text-align:center; font-size:14px; color:#fff; overflow:hidden;}









.hbox .rbar .conts .yb .bt{ margin-top:20px;}





.conts{ width:100%;}

.conts .zb{ width:48%; float:left;}

.conts .yb{ width:50%; float:right;}

.conts .xx03 .zc{ width:80px;}

.conts .xx03 .yc p{ width:calc(100% - 130px);}

.conts .xx03 .yc p input{ width:100%;}

.conts .xx03 .yc span{ margin-left:10px;}

.conts .xx04 .zc{ width:80px;}

.conts .xx04 .yc b{ float:left; display:block; width:48%; margin-left:4%; overflow:hidden;}

.conts .xx04 .yc b:nth-child(2n+1){ clear:left; float:left; margin-left:0;}

.conts .yb .wen{ padding-left:40px; font-size:14px; color:#333; margin-top:10px;}

.conts .yb .wen img{ max-width:100%; height:auto;}

.conts .yb .wen01{ padding-left:40px; display:block;}

.conts .yb .wen01 dt{ padding-top:10px; width:100px; color:#333; clear:left; float:left; display:block; font-size:14px; line-height:34px; border-bottom:1px solid #ddd;}

.conts .yb .wen01 dd{ padding-top:10px; width:calc(100% - 100px); color:#4c8af2; float:left; display:block; font-size:14px; line-height:34px; border-bottom:1px solid #ddd;}

.conts .yb .wen02{ padding-left:40px; display:block;}

.conts .yb .wen02 dt{ display:block; font-size:18px; line-height:28px; margin-top:15px; color:#4c8af2;}

.conts .yb .wen02 dd{ overflow:hidden;}

.conts .yb .wen02 dd>div{ width:100%; float:left;}

.conts .yb .wen02 dd b{ float:left; display:block; width:48%; margin-left:4%; margin-top:10px; overflow:hidden;}

.conts .yb .wen02 dd b:nth-child(2n+1){ clear:left; float:left; margin-left:0;}

.conts .yb .wen02 dd b img{ width:100%; display:block;}





.shangc{ float:left;}

.shangc a{ width:138px; height:38px !important; font-size:14px; line-height:38px !important; display:block; margin-left:0 !important; border:1px solid #eee; text-align:center; cursor:pointer; vertical-align:middle; margin-top:20px !important;}

.shangc a img{ vertical-align:middle; margin-right:5px;}

.shangc span{ width:100%; float:left; color:#999; margin-top:10px;}

.shangcc{ display:block; float:left; max-width:calc(100% - 180px);}

.shangcc li{ height:120px; overflow:hidden; position:relative; float:left; margin-left:20px; display:block;}

.shangcc li img{ height:120px; overflow:hidden;}

.shangcc li .span_del{ display:none; position:absolute; right:10px; top:10px; font-size:14px; line-height:20px; width:20px; height:20px; background-color:rgba(0,0,0,0.7); text-align:center; color:#fff; overflow:hidden; border-radius:100%; text-align:center; cursor:pointer;}

.shangcc li:hover .span_del{ display:block;}





.wz01{ line-height:40px; width:60px;}

.wz02{ line-height:40px; width:calc(50% - 60px);}

.wz03{ line-height:40px; width:calc(50% - 60px);}

.wz02>div{ font-size:14px; line-height:24px; height:24px; float:left; margin-left:10px;}

.xx01 .yc .wz02>div input{ width:14px; height:14px; display:block; float:left; margin:5px;}





/*预览*/



.hbox .rbar01{ width:100%; height:100%;}

.hbox .rbar01 .cont{ width:calc(100% - 60px); height:calc(100% - 121px); border-top:1px solid #eee; background-color:#fff; padding:30px; overflow:auto;}

.hbox .rbar01 .cont .title{ width:100%;}

.hbox .rbar01 .cont .title b{ width:14px; height:14px; background-color:#4c8af2; border-radius:14px; float:left; display:block; margin-top:3px;}

.hbox .rbar01 .cont .title p{ display:block; float:left; font-size:18px; height:20px; line-height:20px; color:#4c8af2; margin-left:10px; font-weight:bold;}

.hbox .rbar01 .cont::-webkit-scrollbar{ width:5px; height:1px;}

.hbox .rbar01 .cont::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#4c8af2;}

.hbox .rbar01 .cont::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}



.yu01{ width:840px; background-color:#eee; margin-top:10px;}

.yu01.mar{ margin-top:30px;}

.yu01 .zc{ width:80px; float:left; text-align:right; color:#999; font-size:14px; line-height:40px;}

.yu01 .yc{ float:left; width:calc(100% - 100px); margin-left:20px;}

.yu01 .yc>input{ width:600px; height:40px; line-height:40px; font-size:14px; background-color:transparent; float:left;}

.yu01 .yc>span>a{ display:block; height:24px; line-height:24px; margin:8px 0; border-left:1px solid #cacaca; margin-left:10px;}

.yu01 .yc>span>a:hover{ color:#4c8af2;}

.yu01 .yc #videos{ display:flex; min-height:40px; align-items:center;}

.yu01 .yc #videos video{ width:600px; float:left; margin:8px 0;}

.yu01 .yc #videos a{ float:left; display:block; height:24px; line-height:24px; margin-left:10px;}

.yu01 .yc #videos a:hover{ color:#4c8af2;}

.yu01 .yc>b{ display:block; float:left; margin:8px 10px; margin-left:0;}

.yu01 .yc>b img{ height:120px; display:block;}

.yu01 .wen{ width:calc(100% - 120px); font-size:14px; line-height:24px; margin:8px 20px; float:left;}

.yu01 .wen01{ width:calc(100% - 120px); display:block; overflow:hidden; margin:8px 20px; float:left;}

.yu01 .wen01 dt{ clear:left; float:left; font-size:14px; line-height:24px; width:100px;}

.yu01 .wen01 dd{ float:left; font-size:14px; line-height:24px; width:580px;}

.yu01 .yc>span{ width:calc(100% - 600px); display:block; text-align:center; float:left;}



.yu02{ margin-top:30px;}

.yu02 #scratch{ margin:auto;}





#nav{ width:1200px; margin:auto; text-align:center; padding-bottom:10px;}

#nav li{ font-size:18px; margin:0 10px; margin-bottom:20px; display:inline-block; min-width:140px; height:40px; line-height:40px; border-radius:5px; background-color:#fff; cursor:pointer;}

#nav li a{ display:block; padding:0 20px;}

#nav li.act{ background-color:#4c8af2; color:#fff;}

#nav li.act a{ display:block; color:#fff;}



.xdao{ width:1200px; margin:auto; text-align:center; padding-bottom:10px; position:relative;}

.xdao span{ font-size:18px; margin:0 10px; margin-bottom:20px; display:inline-block; min-width:140px; height:40px; line-height:40px; border-radius:5px; background-color:#fff; cursor:pointer;}

.xdao ul{ width:600px; margin:auto; box-sizing:border-box; display:block; padding:30px 50px; padding-top:10px; border-radius:10px; background-color:#fff; position:absolute; left:50%; margin-left:-300px; top:50px; display:none; overflow:hidden; border-radius:5px; max-height:340px; overflow:auto;}

.xdao ul li{ display:block; overflow:hidden; margin-top:20px;}

.xdao ul li a{ display:block; width:100%; font-size:16px; line-height:40px; height:40px; overflow:hidden; border-radius:5px; padding:0 20px; box-sizing:border-box; background-color:#eee;}

.xdao ul li a:hover{ color:#4c8af2;}

.xdao ul li.act a{ background-color:#4c8af2; color:#fff;}



.tkuang{ width:500px; padding:30px; padding-top:0; display:none; position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:9999; background-color:#fff; border-radius:10px; box-shadow:0 10px 20px rgba(0,0,0,0.7);}

.tkuang .xx01 .yc input{ text-indent:0; width:100%; text-align:center;}

.tkuang .xx03 .yc video{ width:100%; display:block;}





.pf{ width:94%; margin:auto; display:block; display:flex; flex-wrap:wrap;}

.pf li{ width:22.75%; margin-left:3%; display:block; float:left; margin-top:30px; box-shadow:0 0 10px rgba(0,0,0,0.3); padding-bottom:2vw;}

.pf li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}

.pf li .p05{ width:100%; height:180px;}

.pf li .p05 img{ width:100%; display:block;}

.pf li .p01{ width:90%; margin:auto; font-size:18px; line-height:28px; margin-top:15px;}

.pf li .p02{ width:90%; margin:auto; display:block;}

.pf li .p02 p{ display:block; font-size:14px; line-height:24px;}

.pf li .p03{ width:90%; margin:auto; text-align:center; display:flex; justify-content:space-around; flex-wrap:wrap; margin-top:10px;}

.pf li .p03 a{ display:block; font-size:14px; line-height:24px; color:#4c8af2;}

.pf li .p04{ width:90%; margin:auto; height:30px; margin-top:10px; text-align:center;}

.pf li .p04 span{ display:inline-block; font-size:14px; line-height:30px; margin:0 10px;}

.pf li .p04 span a{ width:90px; height:30px; line-height:30px; text-align:center; font-size:14px; display:block; border-radius:5px; background-color:#333; color:#fff;}

.pf li .p04 p{ display:inline-block; margin:0 10px;}

.pf li .p04 p a{ width:90px; height:30px; line-height:30px; text-align:center; font-size:14px; display:block; border-radius:5px; background-color:#4c8af2; color:#fff;}





.tkuang01{ width:1000px; padding:30px; display:none; position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:9999; background-color:#fff; border-radius:10px; box-shadow:0 10px 20px rgba(0,0,0,0.7);}

.tkuang01 .left{ width:500px; float:left;}

.tkuang01 .left video{ width:100%; display:block;}

.tkuang01 .right{ width:470px; float:right; max-height:60vh; overflow:auto;}

.tkuang01 .right .bta{ font-size:24px; font-weight:bold; line-height:34px;}

.tkuang01 .right .bta01{ font-size:18px; font-weight:bold; line-height:28px; margin-top:10px;}

.tkuang01 .right .bta02{ font-size:14px; line-height:24px; margin-top:5px; color:#666;}

.tkuang01 .right .text{ width:100%; margin-top:20px; height:40px; line-height:40px; background-color:#eee; display:block; text-indent:20px; font-size:14px; overflow:hidden;}

.tkuang01 .right .db{ margin-top:10px; text-align:left;}

.tkuang01 .right .db a{ margin-left:0; text-align:center; vertical-align:middle;}

.tkuang01 .close{ position:absolute; right:20px; top:20px;}

.tkuang01 .close img{ display:block;}





.xuan .fl{ float:left;}

.xuan .fl>a{ display:block; float:left; font-size:16px; line-height:36px; color:#888;}

.xuan .fl>a.on{ color:#333;}

.xuan .fl>a:hover{ color:#333;}

.xuan .fl>em{ display:block; float:left; margin:12px 20px; width:1px; height:12px; background-color:#aaa; overflow:hidden;}

.xuan .fr>span{ display:block; float:left; margin-right:15px; font-size:14px; line-height:36px;}

#halbum{ width:100%; max-height:70vh; overflow:auto;}

#halbum img{ display:block; max-width:100%; margin:5px auto !important;}

.tkbox{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999; background-color:rgba(0,0,0,0.7); display:none;}

.tkbox .close{ width:40px; position:fixed; right:15px; top:15px;}

.tkbox .close img{ width:100%; display:block;}

.tkbox .box{ width:1000px; padding:50px; background-color:#fff; border-radius:10px; position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); max-height:80vh; overflow:auto;}

.tkbox .box .bt{ font-size:24px; font-weight:bold; margin-bottom:20px; text-align:center; color:#4c8af2;}

.tkbox .box .wen{ font-size:14px; line-height:1.72;}

.tkbox .box .wen img{ max-width:100%; height:auto;}

.tan{ padding:0 30px; height:40px; line-height:40px; position:fixed; right:1%; bottom:5%; border-radius:40px; vertical-align:middle; font-size:14px; color:#fff; background-color:rgba(0,0,0,0.7); cursor:pointer; display:none;}

.tan img{ display:block; float:left; margin-top:10px; margin-right:5px;}

.bbox{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999; background-color:rgba(0,0,0,0.7); display:none;}

.bbox .close{ width:40px; position:absolute; right:20px; top:20px;}

.bbox .close img{ width:100%; display:block;}

.bbox .box{ width:500px; padding:50px; background-color:#fff; border-radius:10px; position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); max-height:80vh; overflow:auto;}

.bbox .box .bt{ font-size:24px; font-weight:bold; margin-bottom:20px; text-align:center; color:#4c8af2;}

.bbox .box .bt .on{ color:#4c8af2;}

.bbox .box .text{ width:100%; margin:30px auto; margin-top:25px;}

.bbox .box .text p{ float:left;}

.bbox .box .text p a{ width:100%; display:block; font-size:18px; height:50px; line-height:50px; background-color:#4c8af2; border-radius:5px; color:#fff; cursor:pointer;text-align:center;}

.bbox .box .text input{ width:100%; height:50px; display:block; background-color:#eee; font-size:16px; line-height:50px; border-radius:5px; text-align:center; overflow:hidden;}

.bbox .box .text select{ width:100%; height:50px; display:block; background-color:#eee; font-size:16px; line-height:50px; border-radius:5px; text-align:center; padding:0 10px;}

.bbox .box .sub{ width:200px; text-align:center; margin:auto;}

.bbox .box .sub input{ width:100%; display:block; color:#fff; font-size:18px; height:50px; line-height:50px; background-color:#4c8af2; border-radius:50px; color:#fff; cursor:pointer;}

/*答题登录*/
.bpaper{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999; background-color:rgba(0,0,0,0.7); display:none;}

.bpaper .close{ width:40px; position:absolute; right:20px; top:20px;}

.bpaper .close img{ width:100%; display:block;}

.bpaper .box{ width:500px; padding:50px; background-color:#fff; border-radius:10px; position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); max-height:80vh; overflow:auto;}

.bpaper .box .bt{ font-size:24px; font-weight:bold; margin-bottom:20px; text-align:center; color:#4c8af2;}

.bpaper .box .bt .on{ color:#4c8af2;}

.bpaper .box .text{ width:100%; margin:30px auto; margin-top:25px;}

.bpaper .box .text p{ float:left;}

.bpaper .box .text p a{ width:100%; display:block; font-size:18px; height:50px; line-height:50px; background-color:#4c8af2; border-radius:5px; color:#fff; cursor:pointer;text-align:center;}

.bpaper .box .text input{ width:100%; height:50px; display:block; background-color:#eee; font-size:16px; line-height:50px; border-radius:5px; text-align:center; overflow:hidden;}

.bpaper .box .text select{ width:100%; height:50px; display:block; background-color:#eee; font-size:16px; line-height:50px; border-radius:5px; text-align:center; padding:0 10px;}

.bpaper .box .sub{ width:200px; text-align:center; margin:auto;}

.bpaper .box .sub input{ width:100%; display:block; color:#fff; font-size:18px; height:50px; line-height:50px; background-color:#4c8af2; border-radius:50px; color:#fff; cursor:pointer;}



.pf01{ width:1200px; margin:auto; display:block; display:flex; flex-wrap:wrap; margin-top:-20px;}

.pf01 li{ width:285px; margin-left:20px; display:block; float:left; margin-top:20px; background-color:#fff; box-shadow:0 2px 18px 0 rgba(0, 156, 225, .08); border-radius:8px; overflow:hidden;}

.pf01 li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}

.pf01 li .p05{ width:100%; height:180px;}

.pf01 li .p05 img{ width:100%; display:block;}

.pf01 li .p01{ width:245px; margin:auto; font-size:18px; line-height:28px; margin-top:10px; color:#333;}

.pf01 li .p02{ width:245px; margin:auto; display:block; margin-top:5px;}

.pf01 li .p02 p{ display:block; font-size:14px; line-height:24px; color:#999;}

.pf01 li .p03{ width:245px; margin:auto; border-top:1px solid #ddd; padding:10px 0; margin-top:10px;}

.pf01 li .p03 p{ display:block; float:left; font-size:14px; line-height:24px; color:#999;}

.pf01 li .p03 p img{ display:block; height:14px; margin:5px 0; margin-right:10px; float:left;}

.pf01 li .p03 span{ display:block; float:right; font-size:14px; line-height:24px; color:#4c8af2;}

.pf01 li:hover .p01{ color:#4c8af2;}



.sec .z01{ width:1200px; text-align:center; font-size:24px; line-height:34px; color:#4c8af2; margin:auto;}

.sec .z02{ width:540px; margin:50px auto; margin-top:20px;}

.sec .z02 input{ width:100%; text-align:center; font-size:16px; line-height:50px; height:50px; background-color:#fff; border-radius:10px; overflow:hidden;}

/*.xx01 .yc input.picker_input{ width:calc(100% - 130px);}*/

.picker{ float:left; width:120px; height:40px; line-height:40px; font-size:14px; color:#fff; overflow:hidden; border-radius:3px; background-image:url(../images/add01.jpg); background-position:center; background-repeat:repeat-y; margin-left:10px; text-align:center; cursor:pointer;}



.yu02 .lb{ width:840px; float:left;}

.yu02 .rb{ width:calc(100% - 870px); float:right;}

.rb02{ font-size:24px; line-height:34px; margin-top:35px;}

.rb01{ width:100%; margin-top:20px;}

.rb01 .zc{ font-size:18px; line-height:28px;}

.rb01 .wen{ font-size:14px; line-height:24px; color:#666;}

.rb01 .yc{ width:100%; margin:5px 0;}

.rb01 .yc img{ max-width:100%; display:block; height:auto;}



.lb .xia{ width:100%; display:flex; justify-content:center; margin-top:30px; padding-bottom:20px;}

.lb .xia a{ display:block; margin:0 20px; font-size:18px; line-height:30px; height:30px;}

.lb .xia a img{ display:block; height:30px; float:left; margin-right:10px;}

.lb .xia a:hover{ color:#4c8af2;}



.pl .bd{ width:100%; margin-top:10px;}

.pl .bd li{ padding:15px 0; border-bottom:1px dashed #cacaca; overflow:hidden; display:block;}

.pl .bd li a{ font-size:16px; line-height:26px; display:block;}

.pl .bd li p{ color:#999; font-size:14px; line-height:24px; display:block;}

.pl .biao{ font-size:18px; line-height:28px; margin-top:25px;}

.pl .text{ width:100%; margin-top:10px;}

.pl .text textarea{ width:100%; box-sizing:border-box; display:block; overflow:auto; padding:15px 20px; font-size:14px; line-height:24px; height:126px; background-color:#eee;}

.pl .sub{ margin-top:30px;}

.pl .sub input{ display:block; font-size:16px; width:160px; height:40px; line-height:40px; border-radius:40px; color:#fff; overflow:hidden; cursor:pointer; text-align:center; background:linear-gradient(to left,#4c8af2,#35ecee); margin:auto;}

body> .rbar .cont01{ width:1200px; margin:auto;}
body> .rbar .cont01 .titles{ width:100%; justify-content:center; align-items:center; margin:0 auto; display:flex;}

body> .rbar .cont01 .titles .g-title{ font-size:30px; margin:0 20px; line-height:40px;}

body> .rbar .cont01 .time{ text-align:center; width:640px; margin:auto; margin-top:30px;}

body> .rbar .cont01 .time .dash{ display:block; float:left; margin-right:13px; position:relative;}

body> .rbar .cont01 .time .dash.seconds_dash{ margin-right:0;}

body> .rbar .cont01 .time .dash .digit{ width:39px; height:50px; background-image:url(../images/time_03.jpg); background-position:center; background-repeat:no-repeat; float:left; display:block; position:relative; z-index:0;}

body> .rbar .cont01 .time .dash .digit.mar{ margin-left:5px;}

body> .rbar .cont01 .time .dash .digit .top{ width:100%; height:50px; line-height:50px; color:#dcdfe1; font-size:36px; font-family:Arial, Helvetica, sans-serif;}

body> .rbar .cont01 .time .dash .digit .bottom{ width:100%; height:50px; line-height:50px; color:#dcdfe1; font-size:36px; font-family:Arial, Helvetica, sans-serif;}

body> .rbar .cont01 .time .dash a{ display:block; width:39px; height:50px; background-image:url(../images/time_03.png); background-position:center; background-repeat:no-repeat; z-index:9; position:absolute; left:0; top:0;}

body> .rbar .cont01 .time .dash b{ display:block; width:39px; height:50px; background-image:url(../images/time_03.png); background-position:center; background-repeat:no-repeat; z-index:9; position:absolute; left:44px; top:0;}

body> .rbar .cont01 .time .dash .dash_title{ margin-left:13px; float:left; display:block; font-size:18px; line-height:50px; height:50px;}
body> .rbar .cont01 .bt{ width:368px; height:50px; background-image:url(../images/title01_03.png); background-position:left center; background-repeat:no-repeat; margin-top:40px; font-size:20px; line-height:50px; text-indent:40px; color:#fff; font-weight:bold; letter-spacing:5px;}
