@charset 'utf-8';
#content { background-color: #f5f5f5; padding: 30px 0 }
.main_body {    clear: both;    width: 1200px;    margin: 0 auto;}
.main-left {    float: left;    margin-right: 20px;    width: 280px;}
.main-right {    float: left;   width: 900px;}

@font-face {font-family:iconfont;src:url(//s.cctcdn.com/w/1611/f/iconfont.eot?v=010398);src:url(//s.cctcdn.com/w/1611/f/iconfont.eot?v=010398&#iefix) format('embedded-opentype'),url(//s.cctcdn.com/w/1611/f/iconfont.woff?v=710284) format('woff'),url(//s.cctcdn.com/w/1611/f/iconfont.ttf?v=280246) format('truetype'),url(//s.cctcdn.com/w/1611/f/iconfont.svg?v=444913#iconfont) format('svg')}
.ui_mask { filter: alpha(opacity=15); opacity: .15; background: #000 }
.clearfix, .flow, .recommend-main, .recommend-sub {*zoom:1 }
.clearfix:after, .flow:after, .recommend-main:after, .recommend-sub:after { content: '\0020'; display: block; clear: both; height: 0 }
.visa_banner { width: 100%; height: 420px; position: relative; background:url(../images/visabanner.jpg) top center; background-size:cover; }

/*办理流程*/
.visa_step{ margin-top:20px; text-align:center;}

.visa-title { font-size: 30px; color: #333; text-align: center; padding-bottom: 35px }
.recommend-main { height: 247px; width: 100%; margin: 0 auto }
.recommend-main .item { float: left; height: 100%; width: 285px; background: #fff; margin-right: 20px }
.recommend-main .item a { display: block; float: left; height: 100%;
*zoom:1 }
.recommend-main .item a:after { display: block; clear: both; height: 0 }
.recommend-main .item .visa-image { width: 100%; height: 190px }
.recommend-main .item .title { font-size: 20px; color: #333; float: left; font-weight: 400; margin: 15px 0 0 12px }
.recommend-main .item .price { float: right; margin: 10px 12px 0 0; font-size: 14px; color: #999 }
.recommend-main .item .price .unit { color: #ff811a }
.recommend-main .item .price .num { font-size: 30px; color: #ff811a }
.recommend-main .last-item { margin-right: 0 }
.recommend-sub { height: 207px; width: 100%; margin: 20px auto 0 }
.recommend-sub .item { float: left; height: 100%; width: 224px; background: #fff; margin-right: 20px }
.recommend-sub .item a { display: block; float: left; height: 100%;
*zoom:1 }
.recommend-sub .item a:after { display: block; clear: both; height: 0 }
.recommend-sub .item .visa-image { width: 100%; height: 150px }
.recommend-sub .item .title { font-size: 20px; color: #333; float: left; font-weight: 400; margin: 15px 0 0 12px }
.recommend-sub .item .price { float: right; margin: 10px 12px 0 0; font-size: 14px; color: #999 }
.recommend-sub .item .price .unit { color: #ff811a }
.recommend-sub .item .price .num { font-size: 30px; color: #ff811a }
.recommend-sub .last-item { margin-right: 0 }
.countries { width: 1200px; margin: 0 auto; }
.countries .title { font-size: 30px; line-height: 80px; text-align: center }
.countries .tabs { overflow: visible; width: 1198px; border: 1px solid #e5e5e5; border-top: 1px solid #dedede; background: #f5f5f5; text-align: center;*zoom:1 }
.countries .tabs:after { display: block; clear: both; height: 0 }
.countries .tabs li { float: left; width:199px; height: 48px; line-height: 48px; font-size: 16px; color: #333; cursor: pointer }
.countries .tabs li:last-child { float: right }
.countries .tabs li.on { position: relative; border: 1px solid #e5e5e5; border-width: 0 1px; background: #fff; color: #01af63 }
.countries .tabs li.on:first-child { left: -1px }
.countries .tabs li.on:last-child { right: -1px }
.countries .tabs li.on:after, .countries .tabs li.on:before { content: '\0020'; overflow: hidden; position: absolute; left: 0; width: 100% }
.countries .tabs li.on:before { top: 0; height: 3px; background: #00af67 }
.countries .tabs li.on:after { bottom: -1px; height: 1px; background: #fff }
.countries .pane { overflow: hidden; width:100% ; padding: 20px 9px; border: 1px solid #e5e5e5; border-top: 0 none; background: #fff }
.countries .nations { display: none; width: 1200px }
.countries .nations .item { float: left; width: 215px; height: 60px; margin: 20px 0 20px 20px; color: #666; font-size: 16px; line-height: 30px }
.countries .nations .item .link { display: block; height: 60px; padding-left: 104px }
.countries .nations .item .link:hover, .countries .nations .item .link:hover .zh { color: #00af67 }
.countries .nations .item .flag { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 90px; height: 60px; margin-left: -104px; border: 1px solid #e5e5e5 }
.countries .nations .item .en, .countries .nations .item .zh { display: block; overflow: hidden; float: left; width: 100%; white-space: nowrap; text-overflow: ellipsis }
.countries .nations .item .zh { color: #333 }
.countries .nations .item .en { font-size: 14px; color:#333; }
.countries .nations.on { display: block }
.mod_city, .mod_citykeyword { position: absolute; z-index: 9; margin-top: -9px; background-color: #fff; padding-left: 0 }
.mod_city { width: 646px; line-height: 2; padding: 4px 10px 5px 0; font-size: 12px; background: rgba(255,255,255,.95)!important }
.mod_city * { margin: 0 }
.mod_city .title { position: relative; width: 646px; line-height: 40px; padding-left: 18px; margin-bottom: 10px; border-bottom: 1px dashed #CCC; font-size: 14px; color: #01af63 }
.mod_city a.ico_close { position: absolute; top: 13px; right: 13px }
.mod_city ul.city_list, .mod_city ul.city_tab { float: none; width: auto }
.mod_city .city_tab { margin: 4px 0!important; border-bottom: 1px solid #e0e0e0 }
.mod_city .city_tab li { float: left; width: auto; margin: 0 2px -1px 0!important; border: 1px solid #e0e0e0; background-color: #f8f8f8 }
.mod_city .city_tab li a { display: block; padding: 0 5px; color: #999; text-decoration: none }
.mod_city .city_tab li.current { _position: relative; border-bottom-color: #fff; background-color: #fff }
.mod_city .city_tab li.current a { color: #666 }
.mod_city .city_list { margin: 0!important; overflow: hidden }
.mod_city .city_list a:link { color: #706f6f }
.mod_city .city_list a:active, .mod_city .city_list a:hover { color: #01af63 }
.mod_city .city_list li { _display: inline; float: left; width: 70px; line-height: 40px; margin: 0 0 0 20px!important }
.mod_city .city_list li a { font-size: 14px }
.mod_citykeyword { width: 646px; border-top: #CCC 1px solid; margin-top: 58px }
.mod_citykeyword li, .mod_citykeyword ul { float: none!important; width: auto!important; margin: 0!important }
.mod_citykeyword ul { overflow: hidden }
.mod_citykeyword li { height: auto!important; line-height: 2 }
.mod_citykeyword li a { display: block; padding: 0 10px; font-size: 12px; color: #7D7D7D; line-height: 50px }
.mod_citykeyword li a span { color: #7D7D7D }
.mod_citykeyword li.tips { padding: 0 10px; font-size: 14px; color: #999 }
.mod_citykeyword li.current a { font-size: 14px; color: #7D7D7D; background-color: #F0F0F0 }
.ico_gb { display: inline-block; vertical-align: middle; background: url(//s.cctcdn.com/w/1611/i/base_icon.png?v=cb4bc4) no-repeat }
.ico_close { overflow: hidden; width: 10px; height: 10px; text-indent: -9999px; background-position: -356px 0 }


/*列表页*/
.visabox{ margin:20px auto;}
.visabox .visaleft{ width:280px; margin-right:20px; float:left;}
.visabox .visaright{ width:900px; float:left; background:#fff; padding:15px 30px;}

.visabox .visaleft .hd{ background: #0DB770; color: #fff; font-weight: bold; border-radius: 5px 5px 0 0; height: 40px; line-height: 40px; font-size: 16px; padding-left: 20px;}
.left-nav{background-color: white;border: 2px solid #0DB770;border-radius: 2px; padding:0 15px 15px 15px;}
.left-nav dl{overflow: hidden; border-bottom: dashed 1px #ccc;padding-bottom: 12px;margin-top: 15px;}
.left-nav dt{ margin-bottom: 6px;}
.left-nav dt a{font-size: 18px;}
.left-nav dt img{margin-right: 5px;vertical-align:sub;}
.left-nav dd{ line-height:25px;}
.left-nav dd a{ display:block; float:left; width:25%; height:25px; overflow:hidden;}
.visabox .visaright .text{ border-bottom:1px solid #e3e3e3; padding-bottom:20px;}
.visabox .visaright .text h1{    font-size:22px;    text-align: Center;  line-height:50px;}
.visabox .visaright .text p{font-size: 14px;    line-height: 20px;}
.visabox .visalist{ margin-top:20px;}
.visabox .visalist li{ height:161px; border-bottom: 1px #e3e3e3 dashed;    padding-bottom: 20px;    margin-top: 20px;}
.visabox .visalist .pic{width: 210px;    height: 140px; margin-right:20px; float:left;}
.visabox .visalist dl{ display:inline-block; width:610px; float:left;}
.visabox .visalist dt{font-size: 18px; color: #303030; display:inline-block; font-weight:bold; width:100%; float:left;}
.visabox .visalist dd{ width:33.3%; margin-top:5px; float:left; line-height:30px;}
.visabox .visalist .price{ width:66.6%;}
.visabox .visalist .price em{ color: #fa25a3;    font-size: 26px;}
.visabox .visalist .btn a{ display:inline-block; float: right;    margin-right: 50px;    width: 120px;    height: 35px;    line-height: 35px;    text-align: Center;    color: #fff;    background: #fa25a3;}



/*签证详情页*/
.visa-top{border:1px #f5f5f5 solid; background:#FFF; border-radius: 5px 5px 0 0;position: relative;padding-bottom: 30px; border-radius:5px;}
.visa-top .visa-jump{overflow: hidden;background: #FF7800; height:40px; line-height:40px; margin-bottom:20px; color:#fff;}
.visa-top .visa-jump h1{ color:#FFF; font-size:18px; text-indent:15px;}
.visa-top .visa-jump li{width: 122px;font-size: 16px;text-align: center; float: left; margin: 15px 0;}
.visa-top .visa-jump li:first-child{margin-left: -1px;}
.visa-top h3{margin-left: 25px;font-size: 16px;margin-bottom: 10px;color: #676565;/* font-weight: normal; */}
.visa-top .explain{margin-left: 25px;width: 680px;overflow: hidden;}
.visa-top .explain li{float: left;width: 200px;margin-bottom: 7px;color: #019859; font-size:14px;font-weight: bold;/* color: #333; */margin-right: 10px;}
.visa-top .explain li span{margin-left: 5px;}
.visa-top .explain li i{display: none;margin-right:10px;vertical-align: middle;color: #50A4CE;font-size: 12px;}
.visa-top .button{  text-align:center; position: absolute;bottom:40px;right: 30px;width: 150px;height: 40px;line-height: 40px;color: white;background-color:#0DBFB0; border: none;font-size: 16px; border-radius:5px;}
.visa-top .button:hover{ background:#0DB770;}


.tittle{height: 60px;line-height: 60px;background-color: #e2f8ff;padding-left: 20px; overflow:hidden;}
.tittle h3{font-size: 16px;padding-left:45px;display: inline-block;margin: 0 20px 0 0; background:url(/images/visa/2_09.png) left no-repeat;}
.tittle span{color: #666666;}
.visabox1{ margin-top:15px; border:1px #f5f5f5 solid;}
.visabox1 .data-menu{background-color: white;padding: 25px 0 25px 25px;overflow: hidden;}
.visabox1 .data-menu li{ background:#eaeaea; float: left;width: 113px;height: 36px;line-height: 36px;border-radius: 3px 3px 0 0; margin-right:2px;text-align: center;cursor: pointer; }
.visabox1 .data-menu li.active{background-color:#ff1f8e;color: white;}
.visabox1 .data{background-color: white;overflow: hidden;padding: 0 20px 40px 33px ;}
.visabox1 .data ul{ display:none;}
.visabox1 .data ul .title{font-weight:bold; font-size:16px; height:40px; line-height:40px; border-bottom:#ccc 1px solid; margin-bottom:15px; }
.visabox1 .data ul li{overflow:hidden; border-bottom:#eaeaea 1px dotted; padding-bottom:15px; margin-bottom:15px;}
.visabox1 .data .data-left{float: left;width: 50px; text-align:center;}
.visabox1 .data .data-right{float: right;width: 770px;}
.visabox1 .data .data-right .t1{ margin-right:15px; font-size:16px; font-weight:bold; float:left;}
.visabox1 .data .data-right .t2{ float:left; width:580px; font-size:13px; line-height:24px;}

.advert{ overflow:hidden;width:888px; border:1px #f5f5f5 solid; margin-top:20px;}
.advert img{display:block;}
.visabox2{background:#fff; overflow:hidden;margin-top:20px;}
.visabox2 .wrap{ overflow:hidden; font-size:13px; line-height:26px; padding:20px 30px;}



/* 手机端 */
@media screen and (max-width: 767px) {

.visa_banner{ height:220px;}
.visa_step{ margin-top:10px; text-align:center;}
.visa_step img{ width:100%;}
.countries{ width:100%;}
.countries .title{ font-size:20px;}
.countries .tabs{ width:100%;}
.countries .tabs li{ width:33.33%;}
.countries .nations{ width:100%;}
.countries .pane{ padding:0 1% 20px 1%;}
.countries .nations .item{ width:46%; margin:10px 2% 0 2%; font-size:14px;}
.countries .nations .item .link{ padding-left:100px;}
.visabox{ margin-top:0;}
.visabox .visaleft{ display:none;}
.visabox .visaright{ width:100%; padding:15px;}
.visabox .visalist li{ margin-top:10px; padding-bottom:10px; height:101px;}
.visabox .visalist .pic{ width:28%; margin-right:2%; height:80px;}
.visabox .visalist dl{ width:70%;}
.visabox .visalist dt{ font-size:16px; margin-bottom:5px;}
.visabox .visalist dd{ width:50%; font-size:12px; line-height:20px; margin-top:0;}
.visabox .visalist dd:nth-of-type(3){ display:none;}
.visabox .visalist .price{ width:50%;}
.visabox .visalist .price em{ font-size:14px;}
.visabox .visalist .btn a{ margin-right:0; line-height:20px; height:20px;}

.visa-top .explain{ width:100%; margin-left:0; padding-left:25px;}
.advert{ display:none;}




}