*{ margin: 0; padding: 0;}

ul li{ list-style: none;}
a{ text-decoration: none;}
a.r-top{ width: 60px; height: 60px; position: fixed; right: 30px; bottom: 30px;}
/*修改头图*/
.btn-schedule{width:132px; height: 135px; float: right; margin-top: -18px; color: #fff; font-weight: bold; font-size: 26px; text-align: center; line-height: 105px; background: url(//images.17173cdn.com/2018/mtf/20180104/sprite.png) no-repeat; }
.vote-group{width:450px;no-repeat center 62px;overflow: hidden;*zoom:1;padding: 5px 0;}
.zq-fix .mask { overflow: hidden; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; *height: 200px; background: #000; filter: alpha(opacity=50); opacity: .5; }
:root .mask { filter: none \0; }

#tab{width:100%;position:relative; height: 450px;}
#tab .tab_menu{width:100%;float:left;position:absolute;z-index:1; background: #167595;}
#tab .tab_menu li{float:left;width:200px;height:50px;line-height:50px; border-bottom:0px;cursor:pointer;text-align:center; color: #fff;}
#tab .tab_box{width:100%;height:400px;clear:both;top:50px;position:relative;}
#tab .tab_menu .selected{background-color:#C92627;cursor:pointer; color:#fff; font-size: 18px;}
.hide{display:none;}
#tab .tab_box p.tableftPic{ display: block; float: left; width: 640px; height: 360px; padding: 20px;}
#tab .tab_box p.tabrightText{ display: block; float: right; font-size: 14px;width: 300px; height: 380px; font-weight: normal; padding: 10px; line-height: 35px; color: #333;}
#tab .tab_box p.tabrightText a{ display: block; width: 120px; height: 42px; background: #666; color: #fff; text-align: center; line-height: 42px; color: #f9f9f9; border-radius: 3px; margin-top: 20px;}
#tab .tab_box p.tabrightText a:hover{ background: #333;}

.zq-fix{position:absolute;left:-190px;top:0px;width:170px; z-index: 602; font-family: "Microsoft YaHei"}
.zq-fix-left{left: 0;}
.zq-fix-c1 .zq-fix-hd{background: #c00; color:#fff; text-align: center;font-size: 16px;height: 35px;line-height: 35px;position:relative;cursor:pointer;}
.zq-fix-c1 .zq-fix-hd .tit{font-size:16px; }
.zq-fix-c1 .zq-fix-bd{padding:10px;background-color: #1d212c;}
.zq-fix-c1 .ico2-phone{margin:5px 8px 5px 0;}
.zq-fix-c2 .ico2-phone{margin-bottom:5px;}
.zq-fix-c2{display:none;width:16px;padding: 5px 7px 30px;background: #395e84 url(//images.17173cdn.com/2018/mtf/20180104/fc2-bg.jpg) no-repeat 0 bottom;color: #fff; line-height: 1.3; font-family:"Microsoft YaHei";cursor: pointer;position: absolute;right: 0; text-align: center;top: 0;}

.zq-fix-c1-c2{overflow: hidden;*zoom:1;margin-top:10px;}
.zq-fix-c1-c2 .art-item-pt{position: relative;*zoom:1;display: block;width: 100%;height: 80px;overflow:hidden;color: #fff;text-align: center;cursor: pointer;font-size:12px; }
.zq-fix-c1-c2 .art-item-pt .avatar{display: block;}
.zq-fix-c1-c2 .art-item-pt  img { display: block; width: 100%; }
.zq-fix-c1-c2 .art-item-pt .mask { cursor: pointer; }
.zq-fix-c1-c2 .art-item-pt .txt{position: absolute;display: block; bottom: 0; left: 0;z-index: 3;width: 100%;height:20px;line-height: 20px;overflow:hidden; }
.zq-fix-c1-c2 .art-item-pt:hover{text-decoration: none;}
.zq-fix-c1-c2 .art-item-pt:hover .txt{text-decoration: underline;}

.zq-fix-item .zq-fix-bd{padding: 10px 10px 20px;overflow: hidden;display: none;}
.zq-fix-item .ico-plus{width:10px;height: 10px;background-position:0 -45px;position: absolute;right: 12px;top: 12px;overflow:hidden;*zoom:1;}
.zq-fix-item-show .zq-fix-bd{display:block;}
.zq-fix-item-show .ico-plus{background-position:0 -87px;}

.zq-fix .ewm-box{width: 130px;margin:0 auto;background:#fff;text-align: center;}
.zq-fix .ewm-box img{ width: 130px; height: 130px;}
.zq-fix-box{position: fixed;left: 50%;margin-left: -690px;top:571px;  width:170px;_position:absolute;z-index: 500;_top:0;}
.zq-fix .comm-list1{padding-top: 20px;}
.zq-fix .comm-list1 .list-item{margin-bottom: 15px;}
.zq-fix .comm-list1 .art-item-c2 p{ margin-top:-2px;font-size: 12px;color: #7b819e; line-height: 18px;}


body{min-width: 1000px; font-family: "Microsoft Yahei","Simsun"; font-size: 14px;}
.global-footer {background-color:#2a2f3f; padding: 30px 0; color: #fff;}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#fff;}
.mask{z-index: -1; background:#000; filter:alpha(opacity:60); opacity:.6; width: 100%; height: 100%; *height: 500px; position: absolute; left: 0; top: 0}
:root .mask{ filter:none \0}


.nav:before, .comm-plist:before, .mod-gift:before, .mod-vote:before{content: ' '; display: table;}
.nav:after, .comm-plist:after, .mod-gift:after, .mod-vote:after{content: ' '; display: table; clear: both}

.ico{display: inline-block; vertical-align:middle; background: url(//images.17173cdn.com/2018/mtf/20180104/sprite.png); _background: url(//images.17173cdn.com/2018/mtf/20180104/sprite.png); overflow: hidden;}
.ico-gift{width:45px; height: 50px; background-position: -138px 0; float: left; margin: 10px 15px 0 0}
.ico-heart{width:45px; height: 50px; background-position: -138px -58px; float: left; margin: 10px 15px 0 0}
.ico-heart-s{width:19px; height:17px; background-position: -141px -116px; position: absolute; left: 50%; top: 50%; margin:-12px 0 0 -10px}
.ico-video{width:45px; height:50px; background-position: -192px 0; float: left; margin: 10px 15px 0 0}

a{color: #000}
a:hover{color:#a82a2a;}

.c-tx1{color:#a82a2a;}
.c-tx2{color:#0e4b9e;}

.comm-tab{font-size: 0}
.comm-tab li{
	display: inline-block;

*display: inline; *zoom:1; 		padding: 0 55px;
	font-size: 16px;
	position: relative;
}
.comm-tab li a{display: inline-block; color:#999; padding-bottom: 2px}
.comm-tab li a:hover{color:#333;}
.comm-tab .current a{border-bottom: 2px solid #333;color:#333; padding-bottom: 0}
.comm-tab li .sep{position: absolute; width: 1px; height: 10px; overflow: hidden; background: #e8e8e8; margin-top: -5px; top: 50%; right: 0;}

.comm-tab1{overflow: hidden; *zoom:1; padding: 30px 0; _height: 78px;}
.comm-tab1 li{float: left;text-align: center;width:33%;position: relative;padding: 10px 0;overflow: hidden;}
.comm-tab1 li .t1{font-size:24px; color: #fff; display: block;}
.tit .t1{font-size:24px; color: #fff; display: block; margin-top: 10px; color: #333;}
.comm-tab1 li .t2{font-size:12px; color: #979ebb; position: relative; display:block; padding: 0 15px; height:22px; line-height: 22px; z-index: 3}
.comm-tab1 li .t2 b{width: 0; overflow: hidden; height:22px; background:#f4de59; left: 50%; top: 0; position: absolute; z-index: -1; transition:all .2s; -webkit-transition:all .2s; border-radius: 3px}
.comm-tab1 li a:hover .t2, .comm-tab1 .current a .t2{color: #333e58; transition:all .2s; -webkit-transition:all .2s;}
.comm-tab1 li a:hover .t2{ _color: #fff;}

.comm-tab1 .current a:hover .t2{color: #333e58\9;}
.comm-tab1 li a:hover .t2 b, .comm-tab1 .current a .t2 b{width:130px; margin-left:-65px;}
.comm-tab1 li a:hover .t1, .comm-tab1 .current a .t1{color:#f4de59;}
.comm-tab1 li .sep{height:78px; width: 1px; background:#ccc; opacity: .08; filter:alpha(opacity:8);  overflow: hidden; position: absolute; right: 0; top:0;}

.list-item{overflow: hidden; *zoom:1;}
.list-item .tit{white-space: nowrap; width: 100%; overflow: hidden; text-overflow:ellipsis; display: block;}

.avt, .avt img{display: block;}

.comm-plist{margin: 0 -5px; padding: 30px 25px 0;}
.comm-plist .list-item{width: 80px; margin: 0 26px 30px; float: left;}
.comm-plist .list-item .tit{font-size: 12px; text-align: center; padding-top: 5px;}
.comm-plist .list-item a:hover img{
    -moz-transition: transform .8s;
    -webkit-transition: transform .8s;
    -o-transition: transform .8s;
    transition: transform .8s;
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg); 
}

.list-news .list-item{background:url(//images.17173cdn.com/2018/mtf/20180104/dot.png) no-repeat 3px center ; padding-left: 18px; height: 27px; line-height: 27px; *height: 25px; *line-height: 25px;}
.list-news .list-video{background: url(//images.17173cdn.com/2018/mtf/20180104/ico-video.png) no-repeat 0 center ;}

.list-news .tit{width: 80%; float: left;}
.list-news .date{width:19%; float: right; color:#999; text-align: right;}

.wrapper{background: url(//images.17173cdn.com/2018/mtf/20180104/bg.jpg) no-repeat center top;}
.header{position: relative;}
.header-in{height:718px; overflow: hidden; }
.logo-box{padding-top:280px; text-align: center; }
.logo-box a, .logo-box .sep{display: inline-block; vertical-align: middle;}
.logo-box .sep{width: 1px; height:48px; background: #000; margin-left: 10px;}
.logo-pvp{margin-right: 60px;}
.header .btn{width:920px; padding-right: 80px; margin: 20px auto; text-align: center;}
.header .btn-apply{width:244px; height: 99px; background: url(//images.17173cdn.com/2018/mtf/20180104/bg-apply.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//images.17173cdn.com/2018/mtf/20180104/bg-apply.png',enabled=true,sizingMethod=scale); display: inline-block; border-radius: 15px;}
.header .btn-apply:hover{box-shadow: 0 0 50px rgba(255,255,255,.5)}

.nav{width: 1000px; margin: auto; margin-top: -90px;}
.nav-list{overflow: hidden; *zoom:1; width:850px; float: left;}
.nav-list li{width:200px; float: left; font-size: 12px; text-align: center;color: #fff; position: relative;line-height: 94px; height: 94px;}
.nav-list li a{color: #fff; font-size: 18px;}
.nav-list li a:hover{color: #fbe947}
.nav-list li .sep{width: 1px; height:16px; background: #fff; position: absolute; right: 0; top:
50%; margin-top: -8px;}
.btn-schedule{width:132px; height: 135px; float: right; margin-top: -10px; color: #fff; font-weight: bold; font-size: 26px; text-align: center; line-height: 105px; background: url(//images.17173cdn.com/2018/mtf/20180104/sprite.png) no-repeat; }
.btn-schedule:hover{color: #fff}

.first-screen{overflow: hidden; *zoom:1; width: 1000px; margin: 0 auto 40px;}
.first-screen .hd{position: relative;}
.first-screen .hd .tit{font-size:24px; height: 57px; line-height: 57px;}

.first-screen-c1{float: left; width:1000px;}
.first-screen-c1 .video-box{margin:0 auto;height:408px;width:480px;}
.first-screen-c1 .video-box embed{width: 100%; height: 100%;}
.first-screen-c2{width:330px; float: right;}
.first-screen-c2 .mod-news .hd{border-bottom: 1px solid #e5e5e5; height: 58px;}
.first-screen-c2 .mod-news .bd{padding: 15px 0;}
.first-screen-c2 .comm-tab{
	position: absolute;
	width: 188px;
	height: 46px;
	line-height: 46px;
	right:-40px;
	top:10px
}
.first-screen-c2 .mod-zb .btn{font-size: 0; margin: 0 -7px;}
.first-screen-c2 .mod-zb .btn a{display: inline-block; width: 155px; height: 48px; line-height: 48px; text-align: center; color:#283966; border: 1px solid #283966; font-size:18px; margin: 0 7px;}
.first-screen-c2 .mod-zb .btn a:hover{background: #283966; color: #fff;}



.mod-gift p.activeT{ display: block; float: left; width: 700px; line-height: 30px;}
.mod-gift p.activeT a{ display: block; width: 200px; height: 65px; background: #C92627; font-size: 16px; color: #fff; text-align: center; line-height: 65px; margin-top: 30px;padding-right: 20px;}
.mod-gift p.activeT a:hover{ background: #d00; }
.mod-gift p.activeP{ display: block; float: right;}
.area{padding: 40px 0;}
.area1{background: url(//images.17173cdn.com/2018/mtf/20180104/bg1.jpg) center top;}
.area3{background: url(//images.17173cdn.com/2018/mtf/20180104/bg3.jpg) center top;}
.area2{background: url(//images.17173cdn.com/2018/mtf/20180104/bg2.jpg) center top; padding: 80px 0 90px}
.area2 .pn-hd .tit,.area5 .pn-hd .tit{color:#f4de59; font-weight: bold; line-height:48px; padding-bottom:25px; font-size: 36px; text-align: center; background: url(//images.17173cdn.com/2018/mtf/20180104/DhpPFDbkvEfhwnk.jpg) no-repeat center bottom; margin-top: 50px;}
.area3{background: url(//images.17173cdn.com/2018/mtf/20180104/bg3.jpg) no-repeat center top; padding: 80px 0 100px}
.area4 .pn-hd .tit .t1{padding-top:8px;}
.area5{background: url(//images.17173cdn.com/2018/mtf/20180104/bg4.jpg) no-repeat center bottom; min-height:850px; _height:850px; padding-top: 0}
.area5 .pn-hd .tit{color: #333; }
.area5 .pn-bd{padding-top: 30px;}

.pn{width: 1000px; margin: 0 auto}
.pn-hd{overflow: hidden; *zoom:1; position: relative;}
.pn-hd .tit{overflow: hidden; *zoom:1;}
.pn-hd .tit .t1{font-size:34px; font-weight: bold}
.pn-hd .tit .t2{font-size:12px;}

.pn-hd .more{position: absolute; right: 0; top:35px; }
.pn-hd .more a{width: 45px; height: 20px; display: block; border: 1px solid #a82a2a; text-align:center; line-height: 20px; font-size: 12px; border-radius: 3px; color:#a82a2a;}
.pn-hd .more a:hover{color: #fff; background:#a82a2a;}

.mod-gift{  *zoom:1; margin-top: 30px;}
.box-gift{width: 1001px; height: 400px; float: left; *display: inline; margin: auto; background: #fff;}
.box-gift .hd{height:30px; line-height: 30px; }
.box-gift .hd .tit{font-weight: bold; font-size: 24px; text-align: center;}
.box-gift .bd{_overflow: hidden; _width: 100%}
.btn-get{display: block; margin: 0 auto; background: url(//images.17173cdn.com/2018/mtf/20180104/sprite.png) 0 -143px; text-align: center; line-height:54px; height:60px; width: 188px; color: #fff; font-size: 24px;}
.btn-get:hover{color: #fff; background-position:0 -212px;}

#a-card{width:1001px;position:relative; margin: auto; height: 400px;}
#a-card .a-card-menu{width:100%;float:left;position:absolute;z-index:1; background: #666; color: #fff;}
#a-card .a-card-menu li{float:left;width:143px;height:50px;line-height:50px; cursor:pointer;text-align:center;}
#a-card .a-card-box{width:100%;height:350px;clear:both;top:50px;position:relative;}
#a-card .a-card-menu .selecteds{background-color:#C92627;cursor:pointer; font-size: 16px;}
.hide{display:none;}
#a-card .a-card-box p.xhdLeft{ display: block; float: left; width:260px; height: 310px; float: left; padding: 20px; line-height: 35px;} 
#a-card .a-card-box p.xhdRight{ display: block; float: left; width:660px; height: 310px; float: right; padding: 20px;}
#a-card .a-card-box p.xhdLeft a{ display: block; width: 120px; height: 42px; background: #666; color: #fff; text-align: center; line-height: 42px; color: #f9f9f9; border-radius: 3px; margin-top: 20px;}
#a-card .a-card-box p.xhdLeft a:hover{ background: #333;}


.pn-bd{ width: 1000px; margin: auto;}

.mod-zdb{overflow: hidden; *zoom:1; background: url(//images.17173cdn.com/2018/mtf/20180104/bg-cell24.png) no-repeat 101px center; _ background-image: url(//images.17173cdn.com/2018/mtf/20180104/bg-cell.png); position: relative;}
.mod-zdb .btn-video{width:16px; height: 16px; position: absolute; left:106px; top:30px;}
.mod-zdb .col-l{float: left; width: 101px; }
.mod-zdb .col-r{float: right; width: 82px; padding-top: 25px;}
.mod-zdb .cell{height:32px; line-height: 32px; text-align: center; color: #999; position: relative; z-index: 3; margin-bottom:8px; font-size: 12px; overflow: hidden;}
.mod-zdb .mask{}
.mod-zdb .cell b{position: absolute; left: 0; top: 0; width: 100%; height: 32px; background: #fff; opacity: .06; filter:alpha(opacity:6);}

.list-schedule{overflow: hidden; *zoom:1; margin: 0 -7px;}
.list-schedule .list-item{
	float: left;
	width: 800px;
	overflow: hidden;

*zoom:1; 				position: relative;
	
	padding:10px 15px;
	z-index: 3;
	margin: 0 6px 0 170px;

*display: inline;}
.list-schedule .list-item .tit{text-align: center; font-size:18px; color: #9299b5; line-height:70px;}
.list-schedule .list-item .mask{opacity:.18; filter:alpha(opacity:18); margin:0 auto;width: 671px}

.mod-vote{margin:0 -22px; position: relative; *zoom:1;}
.mod-vote .item{
	float: left;
	margin:50px 30px 0;
*display: inline; 	width: 70px;
	text-align: center;
	position: relative;
}
.mod-vote .item-info{margin-top: 20px; cursor: pointer;}
.mod-vote .item-info img{border-radius: 50%;}
.mod-vote .item-bar{height:305px; position: relative; width: 60px; margin: 0 auto}
.mod-vote .item-bar-in{position: absolute; overflow:visible!important; width: 100%; bottom: 0; left: 0; background:#f4de59}
.mod-vote .item-bar .per{position: absolute; top: -25px; width: 100%; text-align: center; left: 0; color: #999; font-size: 12px;}
.mod-vote .item-info .tit{padding-top: 5px; font-size: 16px;}
.mod-vote .avt{position: relative;}
.mod-vote .cover{position: absolute; top: 0; left: 0; height: 70px; width: 70px; z-index: 2; line-height:100px; overflow: hidden; color:#f4de59; font-size: 12px;}
.mod-vote .cover .mask{border-radius:50%; width: 0; height: 0; left: 50%; top: 50%;transition:all .2s; -webkit-transition:all .2s;}
.mod-vote .cover i{transition:all .2s; -webkit-transition:all .4s .1s; transform:scale(0); display: none\9;}
.mod-vote .cover .num{opacity: 0; padding-top: 20px; transition:all .2s; -webkit-transition:all .4s; display: inline-block; display: none\9;}
.mod-vote .item-info:hover .cover i, .mod-vote .hover .cover i{display: block\9; transform:scale(1);}
.mod-vote .item-info:hover .mask,.mod-vote .hover .mask{height: 70px; width: 70px; margin: -35px -35px;}
.mod-vote .item-info:hover .num, .mod-vote .hover .num{opacity: 1; padding-top: 0; display: block\9;}
.mod-vote .item-info:hover .avt{box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius: 50%}
.mod-vote .odd .item-bar-in{background:#5997f4}

.list-video1{margin:30px -20px; overflow: hidden; *zoom:1;}
.list-video1 .list-item{float: left; width: 220px; margin: 0 20px 15px; display: inline; position: relative;}
.list-video1 .list-item .txt{display: block; height: 36px; line-height: 18px; overflow: hidden; padding-top:8px}
.list-video1 .list-item .cover{width:100%; height: 124px; position: absolute; left: 0; top: 0; background: url(http://ue3.17173cdn.com/a/pvp/zt/2016/rls/img/cover.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//images.17173cdn.com/2018/mtf/20180104/cover.png',enabled=true,sizingMethod=scale);}
.list-video1 .list-item a:hover .cover{background: none;_filter: none}





.index .zq-actcompt-pop{padding: 0; border-radius: 0; width:494px;}
.index .zq-actcompt-pop .zq-actcompt-pop-tit{background:#cc3300; line-height:66px; height:66px; color: #fff; padding: 0 50px; font-size: 24px; font-weight: bold;}
.index .zq-actcompt-pop .zq-actcompt-pop-close{background-color:#b81f00; background-image: url(//images.17173cdn.com/2018/mtf/20180104/close.png); background-position: center center; background-repeat: no-repeat; right: 0; top:0; width:32px; height: 32px;}
.index .zq-actcompt-pop .zq-actcompt-pop-close:hover{background-position:center center}
.index .zq-actcompt-or{color:#cc3300; font-size: 12px; padding-left: 30px;}
.index .zq-actcompt-pop-ex .zq-actcompt-pcon, .index .zq-actcompt-pop .zq-actcompt-pcon{padding:20px 50px 50px;}
.index .zq-actcompt-pop .zq-actcompt-form-tit{color: #000; font-size: 12px;}
.index .zq-actcompt-pop .zq-actcompt-btn-submit{display: none;}
.index .zq-actcompt-pop .zq-actcompt-btn-submit,.index .zq-actcompt-pop .zq-actcompt-btn-submit:hover{height:55px; line-height: 55px;  border: 1px solid #cc3300; text-align: center; width:190px; background: #cc3300; border-radius:5px; font-size: 18px; color: #fff;}
.index .zq-actcompt-pop .zq-actcompt-btn-cancel{display: none}

.box-gift .zq-actcompt .zq-actcompt-text p,.box-gift .zq-actcompt .zq-actcompt-tit{display: none;}
.box-gift .zq-actcompt{border: none; overflow: visible;}
.box-gift .zq-actcompt2 .zq-actcompt-btn{display: inline-block; margin: 0 auto 0 137px; background: url(//images.17173cdn.com/2018/mtf/20180104/sprite.png) 0 -143px; text-align: center; line-height:54px; height:60px; width: 188px; color: #fff; font-size: 24px; border: none; display: none;}
.box-gift .zq-actcompt .zq-actcompt-btn-in:hover{color: #fff; background: url(//images.17173cdn.com/2018/mtf/20180104/sprite.png) 0 -212px;}


#act_module .zq-actcompt1 .zq-actcompt-state{right:155px; top: -20px; border: 0}


/*新增CSS*/
.online{ height: 630px; margin-top: -37px; background-image:url(//images.17173cdn.com/2018/mtf/online.jpg);background-position:center top; background-repeat:no-repeat;}
.online1{ height: 630px; margin-top: -37px; background-image:url(//images.17173cdn.com/2018/mtf/online1.jpg);background-position:center top; background-repeat:no-repeat;}
.o-main{ width: 1000px; margin: auto; height: auto;padding-top:40px;}
.o-main p{ display: block; color: #fff;font-size: 34px;
font-weight: bold; padding-top: 10px;}
.o-box{ width: 1000px; height: 450px; background: #f9f9f9; margin-top: 30px;overflow: hidden;}
.zqzl{ height: 700px; background-image:url(//images.17173cdn.com/2018/mtf/20180104/zqzl.jpg);background-position:center top; background-repeat:no-repeat;}


.zq-box a.zq-one:hover span{ color: #ff0;}
.zq-box a.zq-one:hover{ background: url(//images.17173cdn.com/2018/mtf/20180104/zq-bg.png); border-radius: 5px; }
.video{ width: 1000px; height: auto; margin-left: -15px; padding-bottom: 20px;}

.video a{ display: block; width: 220px; height: auto; float: left; margin-left: 30px; margin-top: 20px;}
.clear{ clear: both;}