html { overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{ margin:0; padding:0; color:#333;}
body{ margin:0;padding:0; font-size:12px; font-family:"Arial"; background-color:#fff; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:100; overflow:hidden;}
font{ font-size:100%;}
img,fieldset,iframe,table{ border:0;}
input,button,textarea,select{ font-size:12px;}
ul,ol,dl,dt,dd,li{ list-style:none;}
b{ font-weight:100; overflow:hidden;}
em,i{ font-style:normal; overflow:hidden;}
area { outline:none; border:none;}
a{ color:#333; text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
.clear{ display:block; height:1px; overflow:hidden; clear:both;}
.clearfix{ clear:both;}
.clearfix{ zoom:1;}
.clearfix:after{ content:'.'; display:block; visibility:hidden; clear:both; width:1px; height:1px;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
.wrap{background:url(../images/rp.jpg) repeat-y 50% 0;min-width:1000px; background-size: cover;}
.container {width:1000px;margin:0 auto;}
.pr {position:relative;}
.pa {position:absolute;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.db{display:block;text-indent:-999em;}
.left{ float:left;}
.right{ float:right;}
.fyahei{ font-family:"Microsoft Yahei";}
.ta_l{ text-align:left;}
.ta_c{ text-align:center;}
.ta_r{ text-align:right;}
.wrapper{ margin:auto;width:1000px;}
.hidden{ display:none;}
.overflow{ overflow:visible;}
.white { color:#fff;}
.gray { color:#999;}
.scale img,.picture-list li .pic img,.article-list li img { -webkit-transition:-webkit-transform 500ms;transition:transform 500ms; vertical-align:top;}
.scale:hover img,.picture-list li .pic img:hover,.article-list li img:hover  { -webkit-transform:scale(1.06);transform:scale(1.06);}
/*top*/
.nav-top-bg,.nav-top{ background:#f7f7f7; line-height:28px; font-family:Verdana;}
.nav-top-bg span a{color:#773b09;}
.nav-top-bg span a:hover{ background-color:#f7f7f7;color:#773b09;}
.nav-top { overflow:hidden;}
.i_logo{ margin-top: 3px;}
.back{float:right;display:block;width:80px;text-align:right;}
.more { color:#b19651;}
.more a{ color:#b19651;}
.more a:hover { color:#fff;}
.tit_txt { text-indent:-999em; overflow:hidden;}
.box_h { position:absolute; width:100%; height:100%; left:0; top:0; z-index:10;}
a.box_h:hover { background:none;}
.header-banner { height:450px;}
/* head */
.logo-wrap{margin-bottom: 30px;}
.logo{ width: 179px; height: 137px; margin: 0 auto;}
.lan{color: #00a0e9; text-align: right; padding-right: 50px; max-width: 1400px;  margin: auto; font-size: 14px;}
.lan a{color: #00a0e9; font-size: 14px;}
.nav-wrap{background: url(../images/menu.png) no-repeat 50% 0; min-width:1000px; background-size: cover;}
.nav{width: 640px; margin: 0 auto; overflow: hidden;}
.nav ul{width: 641px;}
.nav ul li{width: 105px; height: 50px; line-height: 50px; font-size: 14px; float: left; border-right: 1px solid #0078c7; text-align: center;}
.nav ul li a{display: block;}
.nav ul li.act{background: url(../images/menu-act.png) no-repeat center center; border-right: 0px;}
.nav ul li.act a{color:#003f6b;}
.nav ul li.act1{ border-right: 0px;}/* 占位作用 */
.banner{position: relative; width:1300px; margin: 100px auto 60px; }
.switch{position: relative; left: 0; top: 0; width: 1300px; height: 560px; overflow: hidden; margin-bottom: 48px;}
.switch li{position: absolute; left: -1300px; top: 0; width: 1300px; height: 560px; }
.switch li img { width: 1300px; }
.point{ display: table; margin: 0 auto; text-align: center;}
.point li{ cursor: pointer; float: left; margin: 0px 15px; width: 12px; height: 12px; border: 1px solid #0072ac; border-radius: 50%; background-color: #000;}
.point li.active{background-color: #0072ac;}
.prev{position: absolute; left: -50px; top: 50%; margin-top: -34px; width: 28px; height: 68px; background: url(../images/arrow.png) no-repeat 0 0;}
.next{position: absolute; right: -50px; top: 50%; margin-top: -34px; width: 28px; height: 68px; background: url(../images/arrow.png) no-repeat -28px 0;}
/***** 公司作品 *****/
.film{width: 1000px;  overflow: hidden; margin: 50px auto;}
.film-left{float: left; width: 233px; height: 826px; background: url(../images/left-bg.jpg) repeat-x 0 0;}
.film-left .movie{width: 233px; height: 76px; background-image: url(../images/en/films.jpg);  background-position: 0 0;}
.film-left .tv_series{width: 233px; height: 76px; background-image: url(../images/en/films.jpg); background-position: 0 -76px;}
.film-left .webseries{width: 233px; height: 76px; background-image: url(../images/en/films.jpg); background-position: 0 -152px;}
.film-left .webbasedfilms{width: 233px; height: 76px; background-image: url(../images/en/films.jpg); background-position: 0 -228px;}
.film-left .others{width: 233px; height: 76px; background-image: url(../images/en/films.jpg); background-position: 0 -304px;}

.film-left .this{background-image: url(../images/en/films-active.jpg);}
.film-left ul li a{display: block; width: 233px; height: 76px; overflow: hidden;}
.film-right{float: right; width: 767px; height: 768px; overflow: hidden; background-color: #f2f1f7;padding-top: 58px; }
.film-pic{}
.film-pic li{ float: left;  width: 166px; margin-left: 67px; margin-bottom: 25px;}
.film-pic li i{display: block;}
.film-pic li em{display: block; overflow: hidden; width: 100%; height: 50px; line-height: 50px; font-size: 12px;  text-align: center}
.film-pic li em a{color: #003f6b;}
/**/
.poster-slide{width: 1000px; background-color: #f2f1f7; margin: 50px auto; padding: 60px 0;}
.poster-tit{width: 710px; height: 50px; line-height: 50px; background: url(../images/tit-bg.jpg) repeat-x bottom left;  text-align: center; margin: 0 auto;}
.poster-tit h1{font-size: 22px; color: #003f6b;}
.poster-show{position: relative; width: 774px; overflow: hidden; height: 516px; margin: 50px auto;}
.poster-show li{position: absolute; width: 100%; text-align: center; left: -774px; top: 0;}
.poster-point{width: 774px; margin: 0 auto; text-align: center; }
.poster-point li{ display: inline-block; cursor: pointer; width: 10px; height: 10px; margin: 0 10px; border-radius: 50%; background-color: #fff; border: 1px solid #0072ac;}
.poster-point li.poster-active{background-color: #0072ac;}

/* film 页面 */
.film-nav{float: left; width: 233px; height: 1153px; background: url(../images/left-bg.jpg) repeat-x 0 0;}
.film-nav .movie{width: 233px; height: 75px; background-image: url(../images/en/films.jpg);  background-position: 0 0;}
.film-nav .tv_series{width: 233px; height: 75px; background-image: url(../images/en/films.jpg); background-position: 0 -76px;}
.film-nav .others{width: 233px; height: 75px; background-image: url(../images/en/films.jpg); background-position: 0 -152px;}
.film-nav .webseries{width: 233px; height: 76px; background-image: url(../images/en/films.jpg); background-position: 0 -228px;}
.film-nav .webbasedfilms{width: 233px; height: 76px; background-image: url(../images/en/films.jpg); background-position: 0 -304px;}
.film-nav .zhong{background-image: url(../images/en/films-active.jpg);}
.film-nav dl{background-color: #fff; padding-bottom: 30px}
.film-nav dl dt{margin-bottom: 20px;}
.film-nav li a {display: block; width: 233px; height: 76px; overflow: hidden;}
.film-nav dl dt a{width: 233px; height: 75px; display: block; }
.film-nav dl dd{width: 233px; height: 25px; line-height: 25px; text-indent: 55px; font-size: 12px; background: url(../images/dd.jpg) no-repeat 45px 50%;}
.film-nav dl dd a{color:#003f6b;}
.film-main{float: right; width: 767px; height: 1095px; overflow: hidden; background-color: #f2f1f7; padding-top: 58px;}
.main-info{width: 683px; margin: 0 auto;}
.main-info-left {float: left; width: 165px; height: 244px; margin-right: 2px;}
.main-info-right{float: right; width: 436px; padding: 30px 40px 0; height: 214px; background-color: #003f6b; }
.main-info-right h4{font-size: 14px; line-height: 18px; color: #fff; margin-bottom: 18px;}
.main-info-right p{font-size: 12px; line-height: 18px; color: #fff; margin-bottom: 18px; text-indent: 2em;}

.main-all{background-color: #e7e6f3; width: 683px; margin: 10px auto 0;}
.main-poster{}
.main-mv{}
.main-news{}
.tit{width: 663px; height: 42px; margin: 0 auto; text-indent: 40px; line-height: 42px;  background: url(../images/line.jpg) repeat-x bottom left;}
.tit h3{color: #003f6b; font-weight: bold; font-size: 15px;}
.tit-poster{background: url(../images/tit-poster.jpg) no-repeat 10px 10px;}
.tit-mv{background: url(../images/tit-mv.jpg) no-repeat 10px 10px;}
.tit-news{background: url(../images/tit-news.jpg) no-repeat 10px 10px;}
.poster-wrap{position: relative;  margin: 21px auto 50px; width: 683px;}
.poster{position: relative; width: 586px; height: 137px; margin: 0 auto; overflow: hidden; }
.poster-inner{position: absolute; left: 0px; top: 0px; width: 1000px;}
.poster-inner li{float: left; margin-right: 10px; width: 137px; height: 137px; border: 1px solid #fff;}
.poster-prev{position: absolute; width: 19px; height: 30px;  left: 15px; top: 50%; margin-top: -15px; background:url(../images/arr.png) no-repeat center left;}
.poster-next{position: absolute; width: 19px; height: 30px; right: 15px; top: 50%; margin-top: -15px; background:url(../images/arr.png) no-repeat center right;}
.films-wrap{position: relative;  margin: 21px auto 50px; width: 683px;}
.films{position: relative; width: 586px; height: 137px; margin: 0 auto; overflow: hidden; }
.films-inner{position: absolute; left: 0px; top: 0px; width: 1000px;}
.films-inner li{float: left; margin-right: 10px; width: 284px; height: 137px; border: 1px solid #fff;}
.films-prev{position: absolute; width: 19px; height: 30px;  left: 15px; top: 50%; margin-top: -15px; background:url(../images/arr.png) no-repeat center left;}
.films-next{position: absolute; width: 19px; height: 30px; right: 15px; top: 50%; margin-top: -15px; background:url(../images/arr.png) no-repeat center right;}

.con-news{width: 530px; padding-top: 20px; padding-bottom: 60px; margin: 0 auto;}
.con-news li{background: url(../images/block.jpg) no-repeat 0 50%; text-indent: 1em; height: 25px; line-height: 25px;  border-bottom: 1px dashed #aabacf; color: #003f6b; overflow: hidden; *zoom: 1; margin-top: 12px;}
.con-news li em{width: 235px; margin-right: 15px; overflow: hidden;  float: left;}
.con-news li em a{display: block; color: #003f6b;}
.con-news li span{width: 100px; margin-right: 15px;  overflow: hidden; float: left;}
.con-news li i{width: 100px; margin-right: 15px;  overflow: hidden; float: left;}


/* 翻页 */
.page{ margin-top: 45px;}
.page em{display: none;}
.page-en span{display: none;}
.page-en em{display: block;}
.page-main{display: table; margin: 0 auto;}
.page ul li{float: left; width: 19px; height: 19px; background-color: #f2f1f7; cursor: pointer; line-height: 19px; display: block; text-align: center; border: 1px solid #f2f1f7;}
.page ul li.page-act{border: 1px solid #fff; background-color: #e2dfe8; }
.page ul li a{color: #003f6b;}
.page ul li.page-prev,
.page ul li.page-next{ width:70px; font-family: SimSun; }

/****** 公司新闻 ******/
.news-wrap{width: 1000px; background-color: #f2f1f7; margin: 50px auto 0; padding-bottom: 20px;}
.news{padding-top: 7px; }
.news li{width: 812px; border-bottom: 1px dashed #d0bbe1;margin: 0 auto; padding: 50px 0 31px 0;}
.news-left {float: left; width: 232px; height: 161px; margin-right: 20px;}
.news-right{float: right; width: 540px; height: 161px; overflow: hidden; padding:0 10px;}
.news-right em{ display: block; width: 540px; height: 20px; line-height: 20px; font-size: 12px; font-weight: bold; overflow: hidden;}
.news-right em a{color: #003f6b; }
.news-right span{font-size: 12px; color: #003f6b; height: 20px; line-height: 20px; margin-right: 5px;}
.news-right i{font-size: 12px; color: #003f6b; height: 20px; line-height: 20px;}
.news-right p{text-indent: 2em; font-size: 12px; margin-top: 1em;}

/****** 新闻详情 ******/
.article-wrap{width: 1000px; background-color: #e7e6f3; margin: 50px auto; padding: 60px 0;}
.article-title{width: 710px; height: 50px; overflow: hidden; margin: 0 auto; background: url(../images/line.jpg) repeat-x bottom left;line-height: 50px; font-size: 25px; text-align: center; }
.article-title h1{color: #003f6b;}
.article-content{width: 530px; margin: 0 auto; text-align: center;}
.article-content p{ text-align: left; margin-top: 20px; text-indent: 2em; color:#01406c; text-align: justify;}
.article-content img{margin-top: 20px;}

/****** 加入我们 ******/
.join{width: 1000px;  overflow: hidden; margin: 50px auto;}
.join-left{float: left; width: 233px; height: 730px; background:#008acc url(../images/left-bg.jpg) repeat-x 0 0;}
.join-left .television{width: 233px; height: 76px; background-image: url(../images/en/join.jpg);  background-position: 0 0;}
.join-left .media{width: 233px; height: 76px; background-image: url(../images/en/join.jpg); background-position: 0 -76px;}
.join-left .legal_affairs{width: 233px; height: 76px; background-image: url(../images/en/join.jpg); background-position: 0 -152px;}
.join-left .administrative{width: 233px; height: 76px; background-image: url(../images/en/join.jpg); background-position: 0 -228px;}
.join-left .index{background-image: url(../images/en/join-active.jpg);}
.join-left ul li a{display: block; width: 233px; height: 76px; overflow: hidden;}
.join-right{float: right; width: 767px; overflow: hidden; background-color: #f2f1f7;padding: 20px 0 70px; }
.job{position: relative; width: 582px; margin: 0 auto; padding-bottom: 30px; border-bottom: 1px dashed #b5c4d4;}
.job h3{font-size: 16px; margin-top: 30px; color: #003f6b; font-weight: bold;}
.job span{display: block; font-size: 12px; margin-top: 30px; color: #000;}
.job ol{}
.job ol li{ font-size: 12px; line-height: 20px; color: #000;}
.job i{position: absolute; right: 0; bottom: 5px; font-size: 12px; }
.job i a{color: #003f6b;}
/******* 联系我们 *******/
.contact-wrap{position: relative; width: 1000px; height: 840px; margin: 175px auto 230px; }
.contact-bg{position: absolute; left: 0; top:0; width: 1000px; height: 840px;background-color: #f2f1f7; opacity: 0.1;
filter: alpha(opacity=10);}
.contact{position: absolute; left: 50%; top:0; margin-left: -318px; width: 635px; height: 510px; padding-top: 30px;}
.lxwm-width{width: 448px; margin-left: -224px;}
.contact .flsm{width: 100%; height: 52px; border-bottom: 2px solid #2e3a52;}
.contact .lxwm{width: 100%; height: 52px; border-bottom: 2px solid #2e3a52;}
.contact .flsm h3{width: 160px; height: 52px; background: url(../images/en/flsm.png) no-repeat 0 0;}
.contact .lxwm h3{width: 115px; height: 46px; background: url(../images/en/lxwm.png) no-repeat 0 0;}

.contact p{ padding:0 10px; text-align: justify; color:#00a0e9; font-size: 12px; line-height: 24px; text-indent: 2em; margin-top: 1em;}
.contact span,
.contact i{display: block; font-size: 12px; color: #00a0e9; line-height: 35px; }
.contact span{font-weight: bold;}
.map{width: 448px; height: 200px; background-color: hsla(200, 50%, 50%, 0.2);; margin-top: 40px; }
/****** 关于我们 ******/
.flower{background: #f2f1f7 url(../images/flower.jpg) no-repeat bottom right;}
.join-left .introduction{width: 233px; height: 76px; background-image: url(../images/en/about.jpg);  background-position: 0 0;}
.join-left .our_people{width: 233px; height: 76px; background-image: url(../images/en/about.jpg);  background-position: 0 -76px;}
.join-left .our_partners{width: 233px; height: 76px; background-image: url(../images/en/about.jpg);  background-position: 0 -152px;}
.join-left .our_goal{width: 233px; height: 76px; background-image: url(../images/en/about.jpg);  background-position: 0 -228px;}
.join-left .logo{width: 233px; height: 76px; background-image: url(../images/en/about.jpg);  background-position: 0 -304px;}
.join-left .now{background-image: url(../images/en/about-active.jpg);}
/* 公司介绍 */
.intr{padding: 150px 140px 200px;}
.intr p{font-size: 14px; line-height: 26px; text-indent: 2em; color: #003f6b; margin-top: 2em;}
/*合作伙伴*/
.partners{margin-left: 25px;}
.partners li{float: left; width: 205px; margin: 40px 15px 0; }
.partners li span{display: block;}
.partners li em{display: block; width: 100%; height: 50px; line-height: 50px; font-weight: bold; overflow: hidden; color: #00335b; text-align: center;}
/* 团队介绍 */
.people{}
.people-nav{ margin: 40px auto; text-align: center;}
.people-main{width: 683px; margin: 0 auto;}
.people-left{float: left; width: 244px; height: 368px;}
.people-right{float: right; width: 360px; height: 298px; background-color: #003f6b;  padding: 35px; overflow-y: scroll;}
.people-right em{font-size: 25px; color: #fff; display: block;}
.people-right span{font-size: 16px; color: #fff; display: block;}
.people-right p{font-size: 13px; color: #fff;  text-indent: 1.5em; margin-top: 1em; background: url(../images/point2.png) no-repeat 0 4px;}
.photo{width: 683px; height: 285px; padding-top: 25px; background-color: #e7e6f3; margin: 10px auto 0;}
.photo span{display: block; width: 663px; height: 2px; background:url(../images/line.jpg) repeat-x 0 0; margin: 0 auto; }

.swiper-container {
    width: 663px;
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 0 auto;
}
.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 190px;

}
.swiper-slide img{
    width: 300px;
    height: 190px;
}
.swiper-pagination li.swiper-pagination-bullet{width: 8px; height: 8px; border: 1px solid #0072ac; background-color: #fff;}
.swiper-pagination li.swiper-pagination-bullet-active{width: 8px; height: 8px; border: 1px solid #0072ac; background-color: #0072ac;}

/****** 签约影人 *****/
.artist-wrap{width: 1000px; height: 822px; background: #f2f1f7 url(../images/artist-bg.jpg) no-repeat 111px 0; margin: 50px auto;}
.artist{width: 860px; height: 500px; margin: 0 auto;}
.artist-name{font-size: 14px; color: #a6a6a6; text-align: center; line-height: 100px;}
.artist-name a{color: #a6a6a6;}
.artist-name a.name-active{ color: #003f6b; }
.artist-box{}
.artist-left{float: left; padding: 0 20px;}
.artist-left img{vertical-align: top;}
.artist-right{position: relative; float: left; width: 500px; height: 401px;}
.artist-info{position: absolute; left: 0; bottom:-5px; width: 420px; padding: 0 40px;height:400px; overflow-x:hidden;overflow-y:scroll;}
.artist-info em{font-size: 25px; color: #003f6b; display: block;}
.artist-info p{font-size: 16px; color: #000; font-weight: bold; margin: 20px 0}
.artist-year{}
.artist-year li{position: relative; padding-left: 116px; font-size: 15px; margin: 10px 0;}
.artist-year li i{position: absolute; left: 0; top: 0; width: 116px; background: url(../images/point.jpg) no-repeat 0 50%; text-indent: 25px;}
.artist-year li span{display: block; width: 300px;}
.artist-year2{}
.artist-year2 li{background: url(../images/point.jpg) no-repeat 0 6px; text-indent: 25px; font-size: 15px; margin: 10px 0;}
.works-wrap{position: relative; width: 860px; height: 233px; padding-top: 30px; background-color: #e7e6f3;  margin-top: 30px; }
.works-wrap .line{position: absolute; left: 10px; top: 14px; width: 840px; height: 2px; background: url(../images/line.jpg) repeat-x 0 0;}
.works{position: relative; width: 765px; height: 225px; overflow: hidden;  margin: 0 auto;}
.works-inner{width: 1000px; position: absolute; left: 0; top: 0;}
.works-inner li{width: 145px; height: 225px; float: left; margin-right: 10px; }
.works-inner li span{display: block; width: 143px; height: 198px; border: 1px solid #fff; overflow: hidden;}
.works-inner li em{display: block; width: 145px; height: 25px; line-height: 25px; text-align: center; overflow: hidden;}
.works-prev{position: absolute; left: 10px; top:50%; margin-top: -17px;  width: 20px; height: 34px; background: url(../images/works-arr.png) no-repeat 0 0;}
.works-next{position: absolute; right: 10px; top:50%; margin-top: -17px;  width: 20px; height: 34px; background: url(../images/works-arr.png) no-repeat -20px 0;}
/*join-rotate*/
.rotate{width:630px; margin-left: 15px; height:300px; position: relative; background-color: #e7e6f3; }
.rotate ul { height: 300px; perspective:600px;}
.rotate li{width:320px; height:300px;position:absolute;overflow:hidden;cursor:pointer; left:0; top:0;}
.rotate li img{width:100%;height:50%; float:left;-webkit-box-reflect: below 0 -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(231,230,243,0) 70%,rgba(250,250,250,0.3));}
.rotate li div{width:100%;height:100%;background:#fff;filter:alpha(opacity=20); opacity:0.2; position:absolute; z-index:1; top:0px; left:0px;}
.rotate li .title{width:100%;height:40px;position:absolute; z-index:1; bottom:-100%; left:0px;margin:0px;padding:0px;}
.rotate li .opacity{width:100%; height:25px; background:#000;filter:alpha(opacity=80); opacity:0.8; position:absolute; z-index:1; bottom:0px; left:0px;}
.rotate li .titspan{ width:280px; height:25px;padding:0 10px;position:absolute; z-index:2; bottom:0px; left:0px; line-height:25px; font-size:14px;  text-align:center; overflow:hidden;}
.rotate li .titspan a{color: #fff;}

.navRotate { position: absolute; bottom: 20px; width: 100%; text-align: center; }
.navRotate b{ width: 8px; height: 8px; border:1px solid #0072ac; display: inline-block; overflow: hidden; margin:4px; border-radius: 100%;}
.navRotate b.hover{ background-color: #0072ac; }

/***** footer *****/
.footer{margin: 0px auto;width:1000px; height:100px;}
.footer p{text-align: center; margin-top: 1em; color: #0178b4;}
.footer p a{color: #0178b4;}
.blue{width: 100%; height: 22px; background-color: #003f6b;}
.weibo{width: 33px; height: 32px; display: inline-block; margin-left: 10px; background: url(../images/sns.png) no-repeat 0 0; opacity: .6; filter:alpha(opacity=60); }
.weixin{width: 33px; height: 32px; display: inline-block; margin-left: 10px; background: url(../images/sns.png) no-repeat top right; opacity: .6; filter:alpha(opacity=60); }
.weibo:hover,.weixin:hover{  opacity: 1; filter:alpha(opacity=100); }
/******* QR code ******/
.qr-wrap{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 1900px; overflow: hidden; background: url(../images/bg.png) repeat 0 0;}
.qr{position: absolute; left: 50%; top: 50%; margin-left: -190px; margin-top: -175px; width: 378px; height: 348px; padding: 10px 11px 11px 10px; background: #8d8d8d; border: 1px solid #777777;}
.qr-inner{width: 380px; height: 350px; text-align: center; background-color: #fff;}
.qr-bar{width: 380px; height: 39px; border-bottom: 1px solid #e1e1e1; background-color: #f5f5f5; margin-bottom: 30px;}
.qr-bar span{display: block; text-align: right; font-size: 35px; line-height: 40px; padding-right: 10px; cursor: pointer; color: #888;}