@charset "utf-8";
/* CSS Document */
*{ 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;}

/*搜索*/
.sbox{ width:100%; position:absolute; left:0; top:100px; background-color:rgba(255,255,255,0.7); z-index:99; padding:50px 0; display:none;}
.sbox .box{ width:600px; height:50px; margin:auto; border-radius:5px;}
.sbox .box p{ display:block; float:left; width:440px; padding:0 20px; height:50px; background-color:#fff;}
.sbox .box p input{ width:100%; display:block; font-size:16px; height:50px; line-height:50px;}
.sbox .box span{ display:block; float:left; width:120px; height:50px;}
.sbox .box span input{ width:100%; display:block; font-size:16px; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#0b88e2; cursor:pointer;}

/*热门*/
.rbox{ width:100%; padding-bottom:70px; background-color:#f1f1f1;}
.rbox .box{ width:1200px; margin:auto; background-color:#fff; height:540px;}
.rbox .box .title{ padding-top:38px; height:72px; text-align:center; background-image:url(/template/cn/static/css/img/title.png); background-position:bottom center; background-repeat:no-repeat;}
.rbox .box .title span{ display:block; overflow:hidden; font-size:18px; height:22px; line-height:22px;}
.rbox .box .title p{ display:block; overflow:hidden; font-size:30px; height:34px; line-height:34px; text-transform:uppercase;}
.rbox .box .title p a{ color:#0b88e2;}
.rbox .box .swiper-container{ width:1098px; margin:auto; margin-top:30px;}
.rbox .box .swiper-container .swiper-wrapper{ width:100%; height:320px; position:relative;}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide{ width:163px; height:320px; overflow:hidden; display:block;}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide .tu{ width:100%; height:240px; position:relative; border-radius:5px;}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide .tu p{ width:70px; padding-left:10px; height:30px; line-height:30px; color:#fff; font-size:14px; background-color:rgba(0,0,0,0.7); border-bottom-left-radius:5px; display:block; overflow:hidden; position:absolute; right:0; top:0;}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide .tu p em{ display:block; width:13px; height:30px; margin-right:5px; float:left; background-image:url(/template/cn/static/css/img/hot.png); background-position:center; background-repeat:no-repeat;}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide .wen{ width:100%; padding-top:5px;}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide .wen span{ display:block; overflow:hidden; font-size:14px; line-height:24px; height:24px; color:#999;}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide .wen p{ display:block; overflow:hidden; font-size:16px; line-height:24px; height:24px;}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide:hover .wen p{ color:#0b88e2;}
.rbox .box .swiper-pagination{ width:100%; text-align:center;}
.rbox .box .swiper-pagination span{ width:10px; height:10px; background-color:#ddd; display:inline-block; cursor:pointer; border-radius:100%; margin:0 5px;}
.rbox .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#0b88e2;}

/*最新*/
.xbox{ width:100%; padding:70px 0; background-color:#fff;}
.xbox .box{ width:1200px; margin:auto; display:block;}
.xbox .box dt{ width:540px; padding:14px; border:1px solid #cacaca; float:left; display:block; overflow:hidden;}
.xbox .box dd{ width:540px; padding:14px; border:1px solid #cacaca; float:right; display:block; overflow:hidden;}
.xbox .box dt .tou{ background-image:url(/template/cn/static/css/img/t01.jpg);}
.xbox .box dd .tou{ background-image:url(/template/cn/static/css/img/t02.jpg);}
.xbox .box .tou{ background-position:center; background-repeat:no-repeat; padding:20px;}
.xbox .box .tou p{ display:block; color:#fff; font-size:24px; line-height:34px; height:34px; font-weight:bold;}
.xbox .box .tou span{ display:block; color:#fff; font-size:16px; line-height:26px; height:26px; text-transform:uppercase;}
.xbox .box ul{ width:100%; margin:auto; display:block; overflow:hidden; padding-bottom:10px;}
.xbox .box ul li{ display:block; margin-top:20px; overflow:hidden;}
.xbox .box ul li b{ width:40px; text-indent:10px; float:left; display:block; overflow:hidden; font-size:16px; height:28px; line-height:28px; color:#666;}
.xbox .box ul li:nth-child(1) b,.xbox .box ul li:nth-child(2) b,.xbox .box ul li:nth-child(3) b{ font-size:18px; color:#0b88e2;}
.xbox .box ul li p{ width:390px; float:left; display:block; overflow:hidden;}
.xbox .box ul li p a{ font-size:18px; height:28px; line-height:28px; overflow:hidden; display:block;}
.xbox .box ul li p span{ font-size:14px; height:24px; line-height:24px; overflow:hidden; display:block; color:#999;}
.xbox .box ul li strong{ height:52px; width:52px; border-radius:100%; float:right; overflow:hidden; margin-right:10px;}
.xbox .box ul li strong img{ width:100%; display:block;}
.xbox .box ul li:hover p a{ color:#0b88e2;}

/*热门*/
.zbox{ width:100%; padding-bottom:70px; background-color:#fff;}
.zbox .title{ padding-top:68px; height:72px; text-align:center; background-image:url(/template/cn/static/css/img/title.png); background-position:bottom center; background-repeat:no-repeat;}
.zbox .title span{ display:block; overflow:hidden; font-size:18px; height:22px; line-height:22px;}
.zbox .title p{ display:block; overflow:hidden; font-size:30px; height:34px; line-height:34px; text-transform:uppercase;}
.zbox .title p a{ color:#0b88e2;}
.zbox .box{ width:1200px; margin:auto; margin-top:30px; height:480px;}
.zbox .box .swiper-container{ width:100%; position:relative; height:410px; padding-bottom:70px;}
.zbox .box .swiper-slide{ width:285px; height:410px; overflow:hidden; display:block; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.zbox .box .swiper-slide .bg{ width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:0; background-color:rgba(0,0,0,0.8);}
.zbox .box .swiper-slide .z01{ width:245px; margin:auto; text-align:center; height:54px; line-height:54px; padding-top:14px; font-size:22px; color:#fff; font-weight:bold; position:relative; z-index:2;}
.zbox .box .swiper-slide .z02{ width:50px; margin:auto; height:2px; background-color:#0b88e2; position:relative; z-index:2;}
.zbox .box .swiper-slide .z03{ width:245px; margin:15px auto; height:240px; position:relative; z-index:2;}
.zbox .box .swiper-slide .z03 a{ display:block; color:#fff; line-height:30px; height:30px; overflow:hidden; font-size:14px;}
.zbox .box .swiper-slide .z03 a:hover{ color:#0b88e2;}
.zbox .box .swiper-slide .z04{ width:245px; margin:auto; height:40px; position:relative; z-index:2;}
.zbox .box .swiper-slide .z04 a{ width:243px; height:38px; line-height:38px; font-size:14px; text-align:center; color:#fff; display:block; border-radius:40px; border:1px solid #fff;}
.zbox .box .swiper-slide .z04 a:hover{ border:1px solid #0b88e2; background-color:#0b88e2;}
.zbox .box .swiper-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:20px; height:28px; line-height:28px; font-size:14px; color:#999;}
.zbox .box .swiper-pagination span.swiper-pagination-current{ color:#0b88e2;}
.zbox .box .swiper-button-prev{ width:18px; height:20px; position:absolute; left:471px; bottom:0; cursor:pointer; background-image:url(/template/cn/static/css/img/left.png); cursor:pointer;}
.zbox .box .swiper-button-next{ width:18px; height:20px; position:absolute; right:471px; bottom:0; cursor:pointer; background-image:url(/template/cn/static/css/img/right.png); cursor:pointer;}
.zbox .box .swiper-button-prev:hover{ background-image:url(/template/cn/static/css/img/left01.png);}
.zbox .box .swiper-button-next:hover{ background-image:url(/template/cn/static/css/img/right01.png);}
.zbox .box .swiper-pagination01{ width:180px; height:3px; position:absolute; left:510px; bottom:9px; background-image:url(/template/cn/static/css/img/line.png); background-position:left center; background-repeat:repeat-x;}
.zbox .box .swiper-pagination01 .swiper-pagination-progressbar{ background:#0b88e2; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top; display:block;}

/*影片分类*/
.cbox{ width:100%; background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}
.cbox .left{ width:400px; position:absolute; top:50%; left:50%; transform:translateX(-600px) translateY(-50%); z-index:2;}
.cbox .title{ height:102px; background-image:url(/template/cn/static/css/img/title.png); background-position:bottom left; background-repeat:no-repeat;}
.cbox .title span{ display:block; overflow:hidden; font-size:30px; height:62px; line-height:62px; color:#fff;}
.cbox .title p{ display:block; overflow:hidden; font-size:30px; height:30px; line-height:30px; text-transform:uppercase; color:#fff;}
.cbox .title p a{ color:#0b88e2;}
.cbox .left .button{ margin-top:50px; width:110px;}
.cbox .left .button .swiper-button-prev{ width:36px; height:36px; border:2px solid #fff; border-radius:100%; cursor:pointer; background-image:url(/template/cn/static/css/img/fl.png); background-position:center; background-repeat:no-repeat; float:left;}
.cbox .left .button .swiper-button-next{ width:36px; height:36px; border:2px solid #fff; border-radius:100%; cursor:pointer; background-image:url(/template/cn/static/css/img/fr.png); background-position:center; background-repeat:no-repeat; float:right;}
.cbox .left .button .swiper-button-prev:hover,.cbox .left .button .swiper-button-next:hover{ background-color:#0b88e2; border:2px solid #0b88e2;}
.cbox .right{ width:100%; padding:85px 0; background-color:rgba(0,0,0,0.85); position:relative; z-index:0;}
.cbox .right .swiper-container{ padding-left:440px; width:780px; height:300px; margin:auto; position:relative;}
.cbox .right .swiper-wrapper{ flex-direction:multiple; -webkit-box-lines:multiple; -moz-box-lines:multiple; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.cbox .right .swiper-wrapper .swiper-slide{ width:180px; height:60px;}
.cbox .right .swiper-wrapper .swiper-slide a{ width:170px; height:60px; background-color:rgba(255,255,255,0.3); display:block; overflow:hidden;}
.cbox .right .swiper-wrapper .swiper-slide a em{ display:block; float:left; margin-left:20px; width:30px; height:60px; background-position:center; background-repeat:no-repeat;}
.cbox .right .swiper-wrapper .swiper-slide a p{ display:block; float:left; margin-left:10px; font-size:16px; height:60px; line-height:60px; width:90px; overflow:hidden; color:#fff;}
.cbox .right .swiper-wrapper .swiper-slide a:hover{ background-color:#0b88e2;}

/*选片平台*/
.pbox{ width:100%; padding-bottom:70px; background-color:#f1f1f1;}
.pbox .title{ padding-top:68px; height:72px; text-align:center; background-image:url(/template/cn/static/css/img/title.png); background-position:bottom center; background-repeat:no-repeat;}
.pbox .title span{ display:block; overflow:hidden; font-size:18px; height:22px; line-height:22px;}
.pbox .title p{ display:block; overflow:hidden; font-size:30px; height:34px; line-height:34px; text-transform:uppercase;}
.pbox .title p a{ color:#0b88e2;}
.pbox .box{ width:1200px; margin:auto; margin-top:30px;}
.pbox .box .swiper-container{ width:100%; overflow:hidden; position:relative;}
.pbox .box .swiper-container .swiper-slide{ width:285px; height:420px; display:block; position:relative; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.pbox .box .swiper-container .swiper-slide .wen{ width:245px; padding:10px 20px; height:50px; background-color:rgba(0,0,0,0.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; position:absolute; left:0; bottom:0;}
.pbox .box .swiper-container .swiper-slide .wen .w01{ color:#fff; font-size:16px; height:26px; line-height:26px;}
.pbox .box .swiper-container .swiper-slide .wen .w02{ color:#fff; font-size:14px; height:24px; line-height:24px;}
.pbox .box .swiper-container .swiper-slide .wen .w03{ width:100%; height:210px; margin-top:3px;}
.pbox .box .swiper-container .swiper-slide .wen .w03 p{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#fff;}
.pbox .box .swiper-container .swiper-slide .wen .w04{ width:243px; height:38px; line-height:38px; font-size:14px; text-align:center; color:#fff; border:1px solid #fff; border-radius:40px; margin-top:47px;}
.pbox .box .swiper-container .swiper-slide .wen .w04:hover{ background-color:#0b88e2; border:1px solid #0b88e2;}
.pbox .box .swiper-container .swiper-slide:hover .wen{ padding:20px; height:380px;}
.pbox .box .swiper-container .swiper-slide:hover .wen .w01{ font-size:18px; height:36px; line-height:36px;}
.pbox .box .swiper-container .swiper-slide:hover .wen .w02{ height:34px; line-height:34px;}
.pbox .box .more{ width:290px; height:40px; margin:auto; margin-top:30px;}
.pbox .box .more .swiper-button-prev{ width:60px; height:40px; float:left; cursor:pointer; background-image:url(/template/cn/static/css/img/pl.jpg); background-position:center; background-repeat:no-repeat;}
.pbox .box .more .swiper-button-prev:hover{ background-image:url(/template/cn/static/css/img/plh.jpg);}
.pbox .box .more .swiper-button-next{ width:60px; height:40px; float:left; cursor:pointer; background-image:url(/template/cn/static/css/img/pr.jpg); background-position:center; background-repeat:no-repeat;}
.pbox .box .more .swiper-button-next:hover{ background-image:url(/template/cn/static/css/img/prh.jpg);}
.pbox .box .more a{ width:158px; height:38px; line-height:38px; font-size:14px; text-align:center; border:1px solid #cacaca; display:block; float:left; margin:0 5px;}
.pbox .box .more a:hover{ color:#0b88e2; border:1px solid #0b88e2;}


/*搜索*/
.ban{ width:100%; position:relative; z-index:0; height:240px; background-position:center; background-repeat:no-repeat;}
.ban .bg{ width:100%; height:240px; background-color:rgba(0,0,0,0.7);}
.ban .box{ width:600px; height:50px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-radius:5px;}
.ban .box p{ display:block; float:left; width:440px; padding:0 20px; height:50px; background-color:#fff;}
.ban .box p input{ width:100%; display:block; font-size:16px; height:50px; line-height:50px;}
.ban .box span{ display:block; float:left; width:120px; height:50px;}
.ban .box span input{ width:100%; display:block; font-size:16px; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#0b88e2; cursor:pointer;}

/*登录*/
.section{ width:100%; background-color:#f1f1f1;}
.deng{ width:1200px; margin:70px auto; background-color:#fff; height:550px; position:relative;}
.deng .left{ text-align:center; width:440px; position:absolute; top:50%; left:200px; transform:translateX(0) translateY(-50%);}
.deng .left .d01{ font-size:24px; height:44px; line-height:44px; font-weight:bold;}
.deng .left .d02{ width:100%; border-bottom:1px solid #ddd; margin-top:23px; padding-bottom:9px;}
.deng .left .d02 span{ width:100%; font-size:14px; height:28px; line-height:28px; color:#999;}
.deng .left .d02 p{ display:block; width:100%; height:30px; position:relative; overflow:hidden;}
.deng .left .d02 p input{ font-size:16px; height:30px; line-height:30px; display:block; background-color:#fff; width:100%; text-align:center;}
.deng .left .d02 p a{ width:80px; height:30px; position:absolute; right:0; top:0; display:block; overflow:hidden;}
.deng .left .d02 p a img{ height:30px; display:block; max-width:100%; float:right;}
.deng .left .d03{ margin-top:30px; margin-bottom:10px;}
.deng .left .d03 .btn{ width:200px; height:40px; line-height:40px; font-size:14px; border-radius:40px; color:#fff; background-color:#0b88e2; cursor:pointer; display:block; float:left;}
.deng .left .d03 a{ width:198px; height:38px; line-height:38px; font-size:14px; border-radius:40px; border:1px solid #cacaca; display:block; float:right;}
.deng .left .d03 a:hover{ border:1px solid #0b88e2; color:#0b88e2;}
.deng .left .d04{ width:280px; margin:20px auto;}
.deng .left .d04 iframe{ width:280px; height:306px; display:block; margin-top:-66px; margin-left:-1px;}
.deng .left .d05{ font-size:14px; line-height:24px; height:29px;}
.deng .right{ text-align:center; width:360px; height:550px; position:relative; background-position:center; background-repeat:no-repeat; float:right;}
.deng .right .d01{ color:#fff; position:absolute; left:20px; top:57px; width:320px; font-size:24px; height:50px; line-height:50px;}
.deng .right .d02{ color:#fff; position:absolute; left:20px; top:108px; width:320px; font-size:16px; line-height:26px;}
.deng .right .d03{ position:absolute; left:110px; bottom:160px; width:136px; font-size:16px; line-height:36px; height:36px; border-radius:40px; border:2px solid #fff;}
.deng .right .d03 a{ display:block; color:#fff;}
.deng .right .d03:hover{ border:2px solid #0b88e2; background-color:#0b88e2;}
.deng .right .d05{ position:absolute; left:110px; bottom:220px; width:136px; font-size:16px; line-height:36px; height:36px; border-radius:40px; border:2px solid #fff;}
.deng .right .d05 a{ display:block; color:#fff;}
.deng .right .d05:hover{ border:2px solid #0b88e2; background-color:#0b88e2;}
.deng .right .d04{ width:100%; height:550px; background-color:rgba(0,0,0,0.7);}

.deng01{ width:1200px; margin:70px auto; background-color:#fff; height:550px; position:relative;}
.deng01 .left{ width:780px; float:right; margin-right:15px; margin-top:48px;}
.deng01 .left .d01{ width:750px; font-size:24px; height:44px; line-height:44px; font-weight:bold; text-align:center;}
.deng01 .left .d02{ height:30px; padding-bottom:5px; padding-top:19px; border-bottom:1px solid #ddd; width:230px; float:left; margin-right:30px; position:relative;}
.deng01 .left .d02 span{ display:block; float:left; width:80px; font-size:14px; height:30px; line-height:30px; color:#999;}
.deng01 .left .d02 span b{ color:#da0000; font-weight:normal; margin-left:2px;}
.deng01 .left .d02 p{ display:block; float:left; width:150px; position:relative;}
.deng01 .left .d02 input,.deng01 .left .d02 select{ width:100%; display:block; font-size:14px; height:30px; line-height:30px; text-align:center;}
.deng01 .left .d03{ height:30px; padding-bottom:5px; padding-top:19px; border-bottom:1px solid #ddd; width:360px; float:left; margin-right:30px; position:relative;}
.deng01 .left .d03 span{ display:block; float:left; width:80px; font-size:14px; height:30px; line-height:30px; color:#999;}
.deng01 .left .d03 p{ display:block; float:left; width:280px; position:relative;}
.deng01 .left .d03 input{ width:100%; display:block; font-size:14px; height:30px; line-height:30px; text-align:center;}
.deng01 .left .d04{ height:30px; padding-bottom:5px; padding-top:19px; border-bottom:1px solid #ddd; width:750px; float:left; margin-right:30px; position:relative;}
.deng01 .left .d04 span{ display:block; float:left; width:80px; font-size:14px; height:30px; line-height:30px; color:#999;}
.deng01 .left .d04 p{ display:block; float:left; width:560px; position:relative;}
.deng01 .left .d04 input{ width:100%; display:block; font-size:14px; height:30px; line-height:30px; text-align:center;}
.deng01 .left .d04 a{ width:90px; height:30px; line-height:30px; position:absolute; right:0px; bottom:5px; border-radius:3px; background-color:#0b88e2; color:#fff; font-size:14px; text-align:center;}
.deng01 .left .d04 em{ position:absolute; right:0; top:58px; font-style:normal; color:#da0000; font-size:14px;}
.deng01 .left .d05{ width:440px; margin-top:30px; margin-bottom:10px; margin-left:155px; text-align:center; float:left;}
.deng01 .left .d05 button{ width:200px; height:40px; line-height:40px; font-size:14px; border-radius:40px; color:#fff; background-color:#0b88e2; cursor:pointer; display:block; float:left;}
.deng01 .left .d05 a{ width:198px; height:38px; line-height:38px; font-size:14px; border-radius:40px; border:1px solid #cacaca; display:block; float:right;}
.deng01 .left .d05 a:hover{ border:1px solid #0b88e2; color:#0b88e2;}
.deng01 .right{ text-align:center; width:360px; height:550px; position:relative; background-position:center; background-repeat:no-repeat; float:left;}
.deng01 .right .d01{ color:#fff; position:absolute; left:20px; top:57px; width:320px; font-size:24px; height:50px; line-height:50px;}
.deng01 .right .d02{ color:#fff; position:absolute; left:20px; top:108px; width:320px; font-size:16px; line-height:26px;}
.deng01 .right .d03{ position:absolute; left:110px; bottom:160px; width:136px; font-size:16px; line-height:36px; height:36px; border-radius:40px; border:2px solid #fff;}
.deng01 .right .d03 a{ display:block; color:#fff;}
.deng01 .right .d03:hover{ border:2px solid #0b88e2; background-color:#0b88e2;}
.deng01 .right .d04{ width:100%; height:550px; background-color:rgba(0,0,0,0.7);}

/*选片*/
.wei{ width:1175px; padding-left:25px; background-image:url(/template/cn/static/css/img/wei.png); background-position:left center; background-repeat:no-repeat; margin:auto; height:56px; line-height:56px; font-size:14px; color:#666;}
.wei a{ color:#666;}
.wei a:hover{ color:#0b88e2;}

.main{ width:1200px; margin:auto; padding-bottom:20px;}

.tbar{ margin-bottom: 10px; }
.tbar .title{ height:49px; border-bottom:1px solid #eee; position:relative;}
.tbar .title b{ display:block; float:left; height:50px; line-height:50px; color:#fff; font-size:14px; padding-left:10px; width:120px; font-size:16px; background-image:url(/template/cn/static/css/img/title01.jpg); background-position:left center; background-repeat:no-repeat; margin-left:-4px;}
.tbar .title em{ display:block; position:absolute; right:0; top:0;}
.tbar .title em img{ display:block;}
.tbar .title p{ display:block; float:right; height:50px; line-height:50px; margin-right:20px; color:#666; font-size:14px;}
.tbar .title p a{ color:#0b88e2;}
.tbar .sxcon{}
.tbar .search-by{ }
.tbar .sxcon dl{    position: relative;}
.tbar .sxcon dl dt{}
.tbar .sxcon dl .show-con{height:24px;}
.tbar .sxcon dl .show-con a{ display:flex; margin:5px 10px 0 0;color: #888;align-items: center;} 
.tbar .sxcon dl .show-con a:before { border: #f1f1f1 1px solid; background-image: none; width: 15px; height: 15px; content: ""; display: inline-block; margin-right: 5px;}
.tbar .sxcon dl .show-con a.on,.tbar .sxcon dl .show-con a:hover{ color:#0b88e2;}
.tbar .sxcon dl .show-con a.on:before,.tbar .sxcon dl .show-con a:hover:before{border: #0b88e2; background: #0b88e2 url(/template/cn/image/filtering-options-checkbox-checkmark.svg) no-repeat; background-size: 15px 15px; background-position: 100%;}
.tbar .sxcon dl .show-more{display: flex;cursor: pointer;float: right;align-items: center;margin-top: 5px;color:#888888;}
.tbar .sxcon dl .show-more:hover{color:#0b88e2;}
.tbar .sxcon dl .show-more span{}
.tbar .sxcon dl .show-more i{margin-left: 5px;}
.tbar .sxcon dl .show-more .icon-xiangxia1{}
.tbar .sxcon dl .show-more .icon-xiangshang1{}
.tbar .shaixuan-btn{ height:42px; line-height:42px; margin-left:80px;}
.tbar .shaixuan-btn span{ display:block; float:left; color:#888; cursor:pointer;}
.tbar .shaixuan-btn i{ display:block; float:left; margin-left:5px; height:42px; width:14px; background-position:center; background-repeat:no-repeat;}
.tbar .shaixuan-btn .icon-xiangshang1{ }
.tbar .shaixuan-btn .icon-xiangxia1{ }

.lbar{ }
.lbar .title{ height:49px; border-bottom:1px solid #eee; position:relative;}
.lbar .title b{ display:block; float:left; height:50px; line-height:50px; color:#fff; font-size:14px; padding-left:10px; width:120px; font-size:16px; background-image:url(/template/cn/static/css/img/title01.jpg); background-position:left center; background-repeat:no-repeat; margin-left:-4px;}
.lbar .title em{ display:block; position:absolute; right:0; top:0;}
.lbar .title em img{ display:block;}
.lbar .title .xuan{ display:block; float:right; height:28px; margin:11px 0;}
.lbar .title .xuan p{ display:block; float:left; margin-right:30px; font-size:14px; line-height:28px; height:28px;}
.lbar .title .xuan p input{ width:14px; display:block; float:left; margin:7px 5px; margin-left:0;}
.lbar .title .xuan p span{ display:block; float:left; font-size:14px; line-height:28px; height:28px;}
.lbar .title .xuan p a{ display:block; float:left; margin-left:10px; color:#fff; text-align:center; border:1px solid #333; height:26px; line-height:26px; width:88px;}

.lbar .fanye{ width:830px; margin:auto; margin-top:20px; text-align:right;}
.lbar .fanye .on{ display:inline-block; margin-left:10px; background-color:#0b88e2; color:#fff; text-align:center; font-size:14px; min-width:10px; padding:0 10px; height:30px; line-height:30px;}
.lbar .fanye a{ display:inline-block; margin-left:10px; background-color:#f1f1f1; text-align:center; font-size:14px; min-width:10px; padding:0 10px; height:30px; line-height:30px;}
.lbar .fanye a:hover{ color:#0b88e2;}

.lbar .list{}
.lbar .list li{}
.lbar .list li .left{ height:140px; float:left; width:40px; position:relative;}
.lbar .list li .left input{ display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.lbar .list li .mil{ width:95px; height:140px; float:left;}
.lbar .list li .mil img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.lbar .list li:hover .mil img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.lbar .list li .right{ width:680px; float:right; height:140px; position:relative;}
.lbar .list li .right span{ color:#999; font-size:14px; height:24px; line-height:24px; overflow:hidden; display:block;}
.lbar .list li .right a{ color:#333; font-size:18px; height:28px; line-height:28px; overflow:hidden; display:block;}
.lbar .list li .right dl{ width:100%; display:block; position:absolute; left:0; bottom:0; color:#666;}
.lbar .list li .right dl dt{ width:320px; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-right:20px; display:block; float:left;}
.lbar .list li .right dl dd{ width:150px; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-right:20px; display:block; float:left;}
.lbar .list li:hover .right a{ color:#0b88e2;}
.lbar .list li.cur01{ background-color:#ff4c4c;}
.lbar .list li.cur02{ background-color:#7ecef4;}
.lbar .list li.cur01 .right span,.lbar .list li.cur01 .right a{ color:#fff !important;}
.lbar .list li.cur01 .right dl{ color:#eee !important;}
.lbar .list li.cur02 .right a{ color:#333 !important;}
.lbar .list li.cur02 .right span,.lbar .list li.cur02 .right dl{ color:#666 !important;}

.rbar{ width:300px; background-color:#fff; float:right; padding-bottom:10px;}
.rbar .title{ height:49px; border-bottom:1px solid #eee; position:relative;}
.rbar .title b{ display:block; float:left; height:50px; line-height:50px; color:#fff; font-size:14px; padding-left:10px; width:90px; font-size:16px; background-image:url(/template/cn/static/css/img/title03.jpg); background-position:left center; background-repeat:no-repeat; margin-left:-4px;}
.rbar .title em{ display:block; position:absolute; right:0; top:0;}
.rbar .title em img{ display:block;}
.rbar .x01{ width:209px; height:38px; border:1px solid #ddd; margin:auto; margin-top:20px; padding-left:49px; background-image:url(/template/cn/static/css/img/h01.jpg); background-position:left center; background-repeat:no-repeat;}
.rbar .x01 input{ width:100%; display:block; font-size:14px; height:38px; line-height:38px;}
.rbar .x02{ width:209px; height:38px; border:1px solid #ddd; margin:auto; margin-top:20px; padding-left:49px; background-image:url(/template/cn/static/css/img/h02.jpg); background-position:left center; background-repeat:no-repeat;}
.rbar .x02 input{ width:100%; display:block; font-size:14px; height:38px; line-height:38px;}
.rbar .x03{ width:209px; height:38px; border:1px solid #ddd; margin:auto; margin-top:20px; padding-left:49px; background-image:url(/template/cn/static/css/img/h03.jpg); background-position:left center; background-repeat:no-repeat; position:relative;}
.rbar .x03 input{ width:100%; display:block; font-size:14px; height:38px; line-height:38px;}
.rbar .x03 a{ width:100px; height:38px; position:absolute; right:0; top:0; display:block;}
.rbar .x03 a img{ max-width:100%; height:38px; display:block; float:right;}
.rbar .x04{ width:260px; margin:auto; margin-top:20px;}
.rbar .x04 input{ width:100%; display:block; font-size:14px; height:40px; line-height:40px; background-color:#0b88e2; color:#fff; cursor:pointer;}
.rbar .x04 a{ width:258px; display:block; font-size:14px; height:38px; line-height:38px; border:1px solid #ddd; text-align:center; margin-top:10px;}
.rbar .x04 a:hover{ border:1px solid #0b88e2; color:#0b88e2;}
.rbar .x05{ width:100%; text-align:center; font-size:14px; height:44px; line-height:44px;}
.rbar .x05 a:hover{ color:#0b88e2;}

/*平台内页*/
.lbar .box01{ width:830px; margin:15px auto; position:relative;}
.lbar .box01 .left{ width:160px; padding:4px; border:1px solid #cacaca; position:absolute; top:50%; left:0; transform:translateX(0) translateY(-50%);}
.lbar .box01 .left p{ width:100%; display:block; overflow:hidden;}
.lbar .box01 .left img{ width:100%; display:block;}
.lbar .box01 .right{ width:640px; float:right;}
.lbar .box01 .right .r01{ margin:3px 0; width:500px; padding-right:140px; font-size:18px; line-height:28px; position:relative;}
.lbar .box01 .right .r01 p{ display:block; position:absolute; right:0; top:0px; height:28px; font-size:22px; font-weight:bold; color:#0b88e2;}
.lbar .box01 .right .r01 p span{ display:block; float:left; padding:0 10px; height:28px; line-height:28px; background-color:#0b88e2; border-radius:3px; color:#fff; font-size:16px;}
.lbar .box01 .right .r01 p em{ display:block; float:left; margin:9px 0; margin-right:5px; width:0; height:0; border-top:5px solid transparent; border-left:5px solid #0b88e2; border-bottom:5px solid transparent;}
.lbar .box01 .right .r02{ display:block; width:660px;}
.lbar .box01 .right .r02 dt{ width:310px; display:block; float:left; margin-right:20px; font-size:14px; line-height:24px; padding:3px 0; overflow:hidden;}
.lbar .box01 .right .r02 dt:nth-child(2n+1){ clear:left; float:left;}
.lbar .box01 .right .r02 dt span{ color:#666; font-weight:bold;}
.lbar .box01 .right .r02 dd{ width:640px; display:block; float:left; font-size:14px; line-height:24px; padding:3px 0; overflow:hidden;}
.lbar .box01 .right .r02 dd span{ color:#666; font-weight:bold;}
.lbar .wenz{ width:830px; margin:auto; margin-top:20px; font-size:14px; line-height:24px;} 
.lbar .wenz img{ max-width:100%; height:auto;}

/*产品中心*/
.lbar .dao{ width:830px; margin:10px auto; margin-bottom:0;}
.lbar .dao ul{ width:840px; display:block; overflow:hidden;}
.lbar .dao ul li{ width:88px; height:30px; line-height:30px; text-align:center; display:block; overflow:hidden; border:1px solid #ddd; float:left; margin-right:10px; margin-top:10px; background-color:#f7f7f7; border-radius:5px;}
.lbar .dao ul li a{ width:100%; display:block; overflow:hidden; height:30px;}
.lbar .dao ul li:hover{ border:1px solid #0b88e2;}
.lbar .dao ul li:hover a{ color:#0b88e2;}
.lbar .dao ul li.active{ background-color:#0b88e2; border:1px solid #0b88e2;}
.lbar .dao ul li.active a{ color:#fff;}

.lbar .list01{ width:848px; margin-left:21px; display:block;}
.lbar .list01 li{ display:block; float:left; width:180px; padding:5px; border:1px solid #cacaca; margin-top:20px; margin-right:20px; overflow:hidden; border-radius:3px; position:relative;}
.lbar .list01 li strong{ width:100%; display:block; overflow:hidden; height:265px;}
.lbar .list01 li strong img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.lbar .list01 li:hover strong img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.lbar .list01 li p{ width:180px; height:36px; line-height:36px; position:absolute; left:5px; bottom:5px; font-size:14px; text-align:center; font-size:14px; color:#fff; background-color:rgba(0,0,0,0.7);}
.lbar .list01 li:hover{ border:1px solid #0b88e2;}
.lbar .list01 li:hover p{ background-color:#0b88e2;}

/*产品中心内页*/
.lbar .tou{ font-size:22px; color:#333; width:830px; margin:20px auto; margin-bottom:10px; font-weight:bold;}
.lbar .sjian{ font-size:14px; color:#999; width:830px; padding:0 20px; padding-bottom:10px; border-bottom:1px solid #eee;}
.lbar .sjian a{ float:right; display:block;}
.lbar .back{ width:830px; margin:auto; margin-top:20px; padding-top:9px; border-top:1px solid #eee; position:relative;}
.lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-top:6px;}
.lbar .back p a{ max-width:700px; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.lbar .back p a:hover{ color:#0b88e2;}
.lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.lbar .back span a:hover{ color:#0b88e2;}

/*帮助中心*/
.lbar .list02{ width:830px; margin:auto; display:block;}
.lbar .list02 li{ width:100%; display:block; margin:20px 0; overflow:hidden; height:75px;}
.lbar .list02 li:last-child{ margin-bottom:0;}
.lbar .list02 li .time{ width:90px; border-right:1px solid #dfdfdf; overflow:hidden; text-align:center; padding-top:9px; height:66px;}
.lbar .list02 li .time span{ display:block; height:38px; line-height:38px; color:#333; font-size:36px;}
.lbar .list02 li .time p{ display:block; height:20px; line-height:20px; color:#666; font-size:14px;}
.lbar .list02 li .wen{ width:720px; overflow:hidden; margin-top:1px;}
.lbar .list02 li .wen span{ display:block; height:24px; overflow:hidden; width:100%;}
.lbar .list02 li .wen span b{ width:0; overflow:hidden; display:block; height:2px; margin:11px 0; float:left; transition:width .3s; -moz-transition:width .3s; -webkit-transition:width .3s; -o-transition:width .3s;}
.lbar .list02 li .wen span b em{ width:50px; height:2px; background-color:#0b88e2; display:block; overflow:hidden;}
.lbar .list02 li .wen span strong{ width:464px; overflow:hidden; height:24px; line-height:24px; font-weight:normal; font-size:16px; color:#333;}
.lbar .list02 li .wen p{ display:block; height:48px; line-height:24px; font-size:14px; color:#666; overflow:hidden; width:100%;}
.lbar .list02 li:hover .time span,.lbar .list02 li:hover .time p,.lbar .list02 li:hover .wen span strong{ color:#0b88e2;}
.lbar .list02 li:hover .wen b{ width:60px;}
.lbar .list02 li:hover .wen b strong{ max-width:660px;}

/*选片订单*/
.lbar .title strong{ font-weight:normal; float:right; display:block; font-size:14px; margin-right:30px; height:50px; line-height:50px;}
.lbar .table{ width:830px; margin:auto; margin-top:20px; background-color:#cacaca; font-size:14px;}
.lbar .table th{ background-color:#eee; font-weight:normal;}
.lbar .table td{ background-color:#fff; font-weight:normal;}
.lbar .table td a:hover{ color:#0b88e2;}
.lbar .table th p{ display:inline-block; vertical-align:middle; font-size:14px; margin-left:25px;}
.lbar .table th p input{ vertical-align:middle; margin-right:5px;}
.lbar .table th a{ width:88px; height:26px; border:1px solid #cacaca; text-align:center; line-height:26px; background-image:url(/template/cn/static/css/img/btn.jpg); background-position:left center; background-repeat:repeat-x; display:inline-block; margin-left:20px;}
.lbar .table th a:hover{ color:#fff; background-color:#0b88e2; border:1px solid #0b88e2; background-image:none;}
.lbar .table tr:hover td{ background-color:#fffbf7;}
.lbar .table.t01 tr:hover td{ background-color:#fff;}
.lbar .btn{ width:380px; margin:auto; margin-top:30px;}
.lbar .btn a,.lbar .btn input{ width:160px; margin:0 15px; float:left; text-align:center; display:block; height:40px; line-height:40px; font-size:14px; background-color:#0b88e2; color:#fff; cursor:pointer; border-radius:40px;} 
.lbar .table.t01{ margin-bottom:20px;}
.lbar .table.t01 b{ color:#0b88e2;}

.lbar .btn01{ width:160px; margin:auto; margin-top:20px;}
.lbar .btn01 a,.lbar .btn01 input{ width:160px; text-align:center; display:block; height:40px; line-height:40px; font-size:14px; background-color:#0b88e2; color:#fff; cursor:pointer; border-radius:40px;} 

.rbar .x06{ width:260px; margin:20px auto; margin-bottom:17px;}
.rbar .x06 strong{ width:66px; height:66px; display:block; float:left; border-radius:100%; overflow:hidden; border:2px solid #0b88e2;}
.rbar .x06 strong img{ height:100%; display:block;}
.rbar .x06 p{ display:block; float:right; width:180px; overflow:hidden;}
.rbar .x06 p span{ width:100%; font-size:18px; height:28px; line-height:28px; overflow:hidden; float:left;}
.rbar .x06 p a{ width:50%; font-size:14px; height:22px; line-height:22px; overflow:hidden; float:left; color:#999;}
.rbar .x06 p a:hover{ color:#0b88e2;}
.rbar .x07{ width:260px; margin:auto; font-size:16px; height:20px; line-height:20px; background-image:url(/template/cn/static/css/img/line.jpg); background-position:center; background-repeat:no-repeat; text-align:center;}
.rbar .x08{ width:260px; display:block; margin:auto; text-align:center;}
.rbar .x08 dt{ display:block; overflow:hidden; color:#0b88e2; margin-top:22px; font-size:24px; height:30px; line-height:30px;}
.rbar .x08 dd{ display:block; overflow:hidden; color:#999; font-size:14px; height:22px; line-height:22px;}
.rbar .x09{ width:240px; margin:20px auto; margin-top:25px;}
.rbar .x09 a{ display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; border-radius:40px; background-color:#0b88e2;}

/*个人资料*/
.cont{ margin:auto;}
.xx01{ display:flex; align-items:center; border-bottom:1px solid #F4F4F4; padding:20px;}
.xx01 .zc{ width:120px; flex-shrink:0; color:#555;}
.xx01 .yc{ flex-grow:1; color:#777; position:relative;}
.xx01 .yc input,.xx01 .yc select{ width:420px; height:40px; line-height:40px; font-size:14px; background-color:#f1f1f1; text-indent:10px; float:left;}
.xx01 .yc textarea{ width:100%; padding:8px 10px; font-size:14px; line-height:24px; height:88px; box-sizing:border-box; background-color:#f1f1f1;}
.xx01 .yc p{ display:block; font-size:14px; width:230px; line-height:20px; max-height:40px; position:absolute; top:50%; right:0; transform:translateX(0) translateY(-50%);}

.xx02{ display:flex; align-items:center; border-bottom:1px solid #F4F4F4; padding:20px;}
.xx02 .zc{ width:120px; flex-shrink:0; color:#555;}
.xx02 .yc{ flex-grow:1; color:#777; position:relative;}
.xx02 .yc strong{ width:66px; height:66px; display:block; float:left; border-radius:100%; overflow:hidden; border:2px solid #0b88e2;}
.xx02 .yc strong img{ height:100%; display:block;}
.xx02 .yc input{ display:block; float:left; margin-left:20px; margin-top:24px;}

.cont .tj{ margin-left:140px; display:block; width:120px; height:40px; line-height:40px; margin-top:20px; text-align:center; font-size:14px; color:#fff; background-color:#0b88e2;}